/* IT en Línea · Archivo editorial v0.1 */
.it-archive{padding-top:43px;padding-bottom:70px;color:var(--it-text,#24292f)}
.it-archive__breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:#798793;margin-bottom:25px}
.it-archive__breadcrumb a{color:inherit;text-decoration:none}.it-archive__breadcrumb a:hover{color:var(--it-blue,#2477b9)}
.it-archive__heading{display:flex;gap:22px;align-items:end}
.it-archive__eyebrow{display:block;color:var(--it-blue,#2477b9);font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:8px}
.it-archive__heading h1{font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.1;letter-spacing:-.035em;color:#20252b;margin:0}
.it-archive__heading-rule{height:2px;flex:1;background:var(--it-blue,#2477b9);margin-bottom:8px;min-width:24px}
.it-archive__description{max-width:820px;margin-top:18px;color:#677684;font-size:16px;line-height:1.7}
.it-archive__description p{margin:0 0 12px}
/* Hero de categoría: columnas independientes, sin solapamientos */
.it-archive__lead {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin-top: 33px;
  background: #f4f7fa;
  overflow: hidden;
}
.it-archive__lead-photo {
  display: block;
  position: relative;
  min-width: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #e3edf5;
}
.it-archive__lead-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.it-archive__lead:hover .it-archive__lead-photo img {transform: scale(1.025)}
.it-archive__lead-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(24px, 3vw, 42px);
  background: #f4f7fa;
  overflow-wrap: anywhere;
}
.it-archive__category{display:inline-block;color:var(--it-blue,#2477b9);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;text-decoration:none}
.it-archive__lead-content h2{font-size:clamp(25px,2.5vw,36px);line-height:1.18;letter-spacing:-.028em;font-weight:900;margin:12px 0 13px;max-width:100%}
.it-archive__lead-content h2 a,.it-archive__card h3 a{color:#20252b;text-decoration:none}
.it-archive__lead-content h2 a:hover,.it-archive__card h3 a:hover{color:var(--it-blue,#2477b9)}
.it-archive__lead-excerpt{font-size:15px;line-height:1.65;color:#677684;margin:0 0 19px}
.it-archive time{color:#82909b;font-size:12px}
.it-archive__read-more{display:inline-block;margin-top:24px;padding:11px 15px;border:1px solid #bcd0e0;color:#125d96;font-size:12px;font-weight:850;text-decoration:none;text-transform:uppercase}
.it-archive__read-more:hover{background:var(--it-blue,#2477b9);border-color:var(--it-blue,#2477b9);color:#fff}
.it-archive__section-title{display:flex;gap:18px;align-items:center;margin:45px 0 23px}
.it-archive__section-title h2{margin:0;color:#125991;font-size:clamp(24px,2.8vw,30px);line-height:1.1;font-weight:900}
.it-archive__section-title span{height:2px;flex:1;background:var(--it-blue,#2477b9)}
.it-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.it-archive__card{min-width:0}.it-archive__card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#edf2f6}
.it-archive__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.it-archive__card:hover .it-archive__card-image img{transform:scale(1.035)}
.it-archive__photo-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#93adc2;font-size:36px;font-weight:900}
.it-archive__card-body{padding-top:14px}
.it-archive__card h3{font-size:clamp(18px,1.7vw,22px);line-height:1.3;letter-spacing:-.015em;margin:9px 0 11px;font-weight:850}
.it-archive__card p{font-size:14px;line-height:1.65;color:#6c7985;margin:12px 0 0}
.it-archive__pagination{margin-top:55px}
.it-archive__pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.it-archive__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:39px;border:1px solid #d3e0ea;padding:8px 12px;color:#255b81;text-decoration:none;font-size:13px;font-weight:800}
.it-archive__pagination a.page-numbers:hover,.it-archive__pagination .page-numbers.current{background:var(--it-blue,#2477b9);border-color:var(--it-blue,#2477b9);color:#fff}
.it-archive__empty{margin-top:40px;padding:35px;background:#f4f8fb}.it-archive__empty h2{margin:0 0 8px}.it-archive__empty a{color:#1768a7}
@media(max-width:900px){.it-archive__lead{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.it-archive__lead-content{padding:25px}.it-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.it-archive{padding-top:26px;padding-bottom:42px}.it-archive__heading{gap:12px}.it-archive__lead{grid-template-columns:1fr}.it-archive__lead-photo{aspect-ratio:16/9;height:auto}.it-archive__lead-content{padding:24px}.it-archive__section-title{margin-top:35px}.it-archive__grid{grid-template-columns:1fr;gap:28px}.it-archive__card-image{aspect-ratio:16/9}.it-archive__card p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.it-archive__lead-photo img,.it-archive__card-image img{transition:none}}

/* Categorías · banner publicitario reservado */
.it-archive__ad {
  box-sizing: border-box;
  width: 100%;
  min-height: 112px;
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eceff2;
  border: 1px solid #dde3e8;
  color: #788693;
  text-align: center;
}
.it-archive__ad span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
@media (max-width: 650px) {
  .it-archive__ad { min-height: 85px; margin-top: 23px; }
}
/* ==========================================
   IT EN LÍNEA · PUBLICIDAD EN CATEGORÍAS
   Primera casilla de Más noticias
   ========================================== */

.it-archive__ad-card {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 10;
    background: #ebeff3;
    border: 1px solid #dce3e9;
    border-radius: 3px;
    box-sizing: border-box;
}

.it-archive__ad-card span {
    color: #788693;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Mantener la publicidad proporcionada en móviles */
@media (max-width: 650px) {
    .it-archive__ad-card {
        aspect-ratio: 16 / 10;
    }
}

/* IT EN LÍNEA · Publicidad a altura completa */

.it-archive__ad-card {
    aspect-ratio: auto;
    height: 100%;
    min-height: 320px;
    align-self: stretch;
    box-sizing: border-box;
}