/* IT en Línea · Publicaciones | módulo independiente */
.it-publicaciones { padding-top: 42px; padding-bottom: 54px; }
.it-publicaciones__header { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.it-publicaciones__title { flex: 0 0 auto; margin: 0; color: #155e9c; font-size: clamp(25px, 3vw, 32px); line-height: 1.15; font-weight: 900; letter-spacing: -.035em; }
.it-publicaciones__rule { height: 2px; flex: 1 1 auto; background: var(--it-blue, #2477b9); }
.it-publicaciones__all { flex: 0 0 auto; color: #155e9c; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: 700; }
.it-publicaciones__all:hover { text-decoration: underline; }
.it-publicaciones__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.it-publicaciones__card { min-width: 0; }
.it-publicaciones__visual { display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: #edf3f8; text-decoration: none; }
.it-publicaciones__visual img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.it-publicaciones__visual:hover img { transform: scale(1.025); }
.it-publicaciones__placeholder { width: 100%; height: 100%; padding: 8%; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; color: #fff; background: linear-gradient(145deg, #07509b 0%, #0e75ad 53%, #102744 100%); }
.it-publicaciones__card:nth-child(2) .it-publicaciones__placeholder { background: linear-gradient(145deg, #102744, #237aae); }
.it-publicaciones__card:nth-child(3) .it-publicaciones__placeholder { background: linear-gradient(145deg, #237aae, #0b335c); }
.it-publicaciones__placeholder-brand { font-size: clamp(15px, 2vw, 24px); line-height: 1.15; font-weight: 900; }
.it-publicaciones__placeholder-number { font-size: clamp(80px, 10vw, 148px); line-height: 1; font-weight: 900; opacity: .21; letter-spacing: -.08em; }
.it-publicaciones__placeholder-caption { font-weight: 800; font-size: 12px; letter-spacing: .17em; }
.it-publicaciones__meta { margin: 10px 0 5px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--it-blue, #2477b9); letter-spacing: .025em; }
.it-publicaciones__card-title { margin: 0; font-size: clamp(15px, 1.5vw, 18px); font-weight: 850; line-height: 1.3; }
.it-publicaciones__card-title a { color: #20252b; text-decoration: none; }
.it-publicaciones__card-title a:hover { color: var(--it-blue, #2477b9); }
.it-publicaciones__ad-visual { background: #edf1f5; }
.it-publicaciones__ad-placeholder { box-sizing: border-box; padding: 8%; width: 100%; height: 100%; border: 1px solid #d4dee7; display: flex; flex-direction: column; justify-content: center; gap: 18px; align-items: center; text-align: center; color: #607589; }
.it-publicaciones__ad-placeholder strong { color: #07509b; font-size: clamp(20px, 2vw, 29px); line-height: 1.15; }
.it-publicaciones__ad-placeholder span { font-size: 11px; letter-spacing: .13em; font-weight: 800; }
@media (max-width: 850px) { .it-publicaciones__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .it-publicaciones { padding-top: 28px; padding-bottom: 38px; } .it-publicaciones__header { flex-wrap: wrap; gap: 10px; } .it-publicaciones__all { width: 100%; } .it-publicaciones__grid { grid-template-columns: 1fr; gap: 24px; } .it-publicaciones__visual { max-height: 480px; } }
