/* IT en Línea · Noticias destacadas v0.1 */
.it-featured { padding-top: 6px; padding-bottom: 76px; }
.it-featured__heading { display: flex; align-items: center; gap: 20px; margin-bottom: 22px; }
.it-featured__heading h2 { margin: 0; color: var(--it-blue-dark, #0957a2); font-size: clamp(25px, 2.3vw, 31px); font-weight: 900; letter-spacing: -.04em; line-height: 1.1; }
.it-featured__rule { height: 2px; flex: 1; background: var(--it-blue, #2478bc); }
.it-featured__grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 14px; height: 420px; }
.it-featured__side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 14px; min-height: 0; }
.it-featured__card { min-height: 0; position: relative; overflow: hidden; background: #183c59; }
.it-featured__link { display: block; height: 100%; position: relative; color: #fff; text-decoration: none; isolation: isolate; }
.it-featured__media, .it-featured__gradient { position: absolute; inset: 0; display: block; }
.it-featured__media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .4s ease; }
.it-featured__link:hover .it-featured__media img { transform: scale(1.045); }
.it-featured__gradient { background: linear-gradient(180deg, rgba(0,0,0,.08) 12%, rgba(6,18,30,.16) 35%, rgba(4,14,25,.86) 100%); }
.it-featured__content { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.it-featured__category { display: inline-block; background: var(--it-blue, #2478bc); color: #fff; font-size: 10px; font-weight: 850; padding: 5px 8px; letter-spacing: .045em; text-transform: uppercase; line-height: 1; }
.it-featured__title { color: #fff; font-weight: 850; line-height: 1.13; letter-spacing: -.025em; text-wrap: pretty; font-size: clamp(24px, 2.55vw, 37px); }
.it-featured__date { font-size: 10px; color: rgba(255,255,255,.85); }
.it-featured__card--small .it-featured__content { padding: 18px 20px; gap: 7px; }
.it-featured__card--small .it-featured__title { font-size: clamp(17px, 1.5vw, 23px); line-height: 1.18; }
.it-featured__card--small .it-featured__category { font-size: 9px; }
.it-featured__fallback { display: grid; place-items: center; width: 100%; height: 100%; font-size: 30px; font-weight: 900; color: #b4d9f5; background: linear-gradient(135deg, #0c3659, #2586c8); }
.it-featured__link:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
@media (max-width: 850px) {
  .it-featured__grid { height: 350px; }
  .it-featured__content { padding: 21px; }
  .it-featured__card--small .it-featured__content { padding: 14px; }
  .it-featured__card--small .it-featured__title { font-size: 17px; }
}
@media (max-width: 640px) {
  .it-featured { padding-top: 0; padding-bottom: 45px; }
  .it-featured__grid { height: auto; display: grid; grid-template-columns: 1fr; gap: 10px; }
  .it-featured__card--large { height: 340px; }
  .it-featured__side { display: grid; grid-template-rows: none; grid-template-columns: 1fr 1fr; gap: 10px; }
  .it-featured__card--small { min-height: 205px; }
  .it-featured__card--small .it-featured__title { font-size: 15px; }
  .it-featured__card--small .it-featured__content { padding: 12px; }
  .it-featured__card--small .it-featured__category { font-size: 8px; }
}
@media (max-width: 390px) { .it-featured__side { grid-template-columns: 1fr; } .it-featured__card--small { height: 215px; } }
@media (prefers-reduced-motion: reduce) { .it-featured__media img { transition: none; } }