/* ---------------- REGISTRO DE SECCIONES DE PORTADA ---------------- */

/* ---------------- DESTACADA ---------------- */
.featured-posts, .featured-posts-left, .featured-posts-right {display:flex;flex-direction:column;gap:var(--step-3);}
.featured-article {border-bottom:var(--border-width) var(--border-style) var(--neutral-300)}
.featured-article a {display:flex;flex-direction:column;gap:var(--step-2);text-decoration:none;color:inherit;margin-bottom: .5rem}
.featured-article figure {position:relative;overflow:hidden;border-radius:var(--step-1);aspect-ratio:16/9;}
.featured-article a>div {display: flex;flex-direction: column; gap: .5rem}
.featured-article img {width:100%;height:100%;object-fit:cover;display:block;}
.featured-article h2 {font:600 var(--step-5)/1.3 var(--font-family-base);}
.featured-article-first h2 {font-size:var(--step-6);line-height: 1.1;zoom: 1.1;margin-top: var(--step-2);}
.featured-article p {color:var(--neutral-600);line-height:1.5}

@media(max-width:599px) {
  .featured-article-first figure {width:calc(100% + (var(--step-4) * 2));margin-inline:calc(var(--step-4) * -1);border-radius:0;}
}

@media (min-width:715px) {
  .featured-posts {flex-direction:row;gap:var(--step-4);border-bottom:var(--border-width) var(--border-style) var(--neutral-300);padding-bottom: var(--step-4);}
  .featured-posts-left {flex:1 1 auto;min-width:0;}
  .featured-posts-right {flex:0 0 auto;max-width:380px;width:100%;}
  .featured-article {border-bottom:none;}
  .featured-article a {flex-direction:row;align-items:stretch; border-bottom: 0}
  .featured-article a>figure {width:36%;flex-shrink:0;}
  .featured-article a>div {flex:1;justify-content:center;gap: var(--step-1)}
  .featured-article-first a {flex-direction:column;}
  .featured-article-first a>figure {width:100%;}
  .featured-article h2 {font-size:var(--step-4);}
  .featured-article-first h2 {font-size:var(--step-7);zoom: 1}
  .featured-posts-right p {display: none;}
}

/* --------- News Pick (Exclusivo del Home) --------- */
.news-pick {padding:var(--step-4);color:#fff;background-color:#444444;border-bottom:var(--border-width) var(--border-style) #666;}
.news-pick>a {display:grid;gap:var(--step-2);min-width:0;}
.news-pick-label {position:relative;display:flex;align-items:flex-end;width:max-content;max-width:100%;min-height:var(--step-12);padding:0 var(--step-2) var(--step-1) var(--step-15);border-bottom:var(--border-width) dotted #ddd;font-size:var(--step-4);letter-spacing:.04em;}
.news-pick-label strong {font-weight:700;}
.news-pick-label span {position:absolute;top:calc(var(--step-3) * -1);left:0;color:var(--accent-400);font-size:6rem;font-weight:400;line-height:.45;}
.news-pick-title {font:400 var(--step-5)/1.15 var(--font-family-base);overflow-wrap:anywhere;}
.news-pick-excerpt {margin:0;color:#ededed;font-size:var(--step-3-4);line-height:1.4;overflow-wrap:anywhere;}
@media (min-width:700px) {.news-pick-excerpt {display: none;}}

/* ---------------- LOOP SECCCIONES GENERALES ---------------- */
.section-title {font:700 var(--step-6)/1.2 var(--font-family-base);color:var(--neutral-900);text-align:left;}
.section-header {display:flex;align-items:center;gap:var(--step-2);margin:calc(var(--step-3) * 1.5) 0 var(--step-3);}
.section-link {font-size:var(--step-3-4);color:var(--neutral-900);text-decoration:none; border-bottom: 1.5px dotted #a6a6a6;}
.section-article {border-radius:var(--step-2);overflow:hidden;width:100%;display:flex;flex-direction:column;background:transparent;border-bottom:var(--border-width) var(--border-style) var(--neutral-300);padding-bottom:var(--step-3);}
.section-article a {display:flex;flex-direction:column;gap:var(--step-2);text-decoration:none;color:inherit;height:100%;}
.section-article figure {aspect-ratio:16/9;overflow:hidden;border-radius:var(--step-1)}
.section-article figure img {width:100%;height:100%;object-fit:cover;display:block;}
.section-article h3 {font: 500 var(--step-3) / 1.2 var(--font-family-aux);margin:0;}
.section-article .icon {width:var(--step-4);height:var(--step-4);vertical-align:middle;fill:currentColor;}
.loop-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));max-width:1400px;margin-inline:auto;gap:var(--step-3);align-items:stretch;}
@media(min-width:900px){.loop-grid{grid-template-columns:repeat(4,1fr);}}

/* ---------------- TOPIC ---------------- */
.topic-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--step-3);}
.topic-article {display:flex;flex-direction:row;gap:var(--step-3);align-items:center;}
.topic-article.featured {grid-column:1/-1;flex-direction:column;padding-bottom:var(--step-4);}
.topic-article a {text-decoration:none;color:inherit;display:flex;gap:var(--step-3);width:100%;}
.topic-article figure {flex:0 0 40%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--step-1);}
.topic-article figure img {width:100%;height:100%;object-fit:cover;display:block;}
.topic-article h3 {font:600 var(--step-4)/1.3 var(--font-family-base);margin:0;}
.topic-article .excerpt {display:none;font-size:var(--step-4);color:var(--neutral-600);line-height:1.4;margin-top:var(--step-2);}
@media(max-width:350px){
  .section-header {flex-wrap:wrap;}
  .section-title {min-width:0;}
  .section-link {margin-left:auto;}
  .loop-grid,.topic-grid {grid-template-columns:minmax(0,1fr);}
  .topic-article a {flex-direction:column;}
  .topic-article figure {flex-basis:auto;width:100%;}
}
@media(min-width:600px){.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-article.featured .excerpt{display:block}.topic-article.featured h3{font-size:var(--step-7);}}

/* ---------------- ESPECIAL ---------------- */
.especial-grid {display:grid;gap:var(--step-4);border:var(--border-width) var(--border-style) var(--neutral-300);border-left:0;border-right:0;}
.especial-article {border-bottom:var(--border-width) var(--border-style) var(--neutral-300);}
.especial-article a {display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--step-1);padding:var(--step-3);height:100%;text-decoration:none;color:inherit;}
.especial-article figure {aspect-ratio:4/3;border-radius:var(--step-1);overflow:hidden;width:100%;}
.especial-article img {width:100%;height:100%;object-fit:cover;display:block;}
.especial-article .content {padding:var(--step-2) 0;gap:var(--step-1);flex:1;display:flex;flex-direction:column;align-items:center;}
.especial-article .category,.especial-article .author {font-size:var(--step-3);color:var(--neutral-600);}
.especial-article .category {text-transform:uppercase;}
.especial-article h3 {font:600 var(--step-5)/1.1 var(--font-family-base);}
.especial-article .excerpt {font-size:var(--step-4);}
.especial-article .author {margin-top:auto;}
.especial-section .section-title {text-align:center;}
@media(min-width:700px){.especial-grid{grid-template-columns:repeat(3,1fr);gap:0;}
  .especial-article{border-left:var(--border-width) var(--border-style) var(--neutral-300);border-bottom:none;}
  .especial-article:first-child{border-left:0;}
  .especial-article .content {gap:var(--step-2);}
  .especial-article figure{aspect-ratio:4/5;}}


/* ---------------- PROGRAMA ---------------- */
.section-loop.programa{background-color:#1a2836;margin: 1rem auto;color:#ecf0f1;padding:.5rem 1rem 1rem;border-radius:10px;}
.section-loop.programa .section-header {margin: calc(var(--step-3) * 1) 0 calc(var(--step-6) * 1);}
.section-loop.programa .section-title{color:#fff;margin-left: -.2rem;}
.section-loop.programa .topic-article .excerpt {color: #fff;}
.section-loop.programa .section-article{background-color:transparent;border-bottom:none;padding-bottom:0;}
.section-loop.programa .section-article h3{font-weight:700;color:#ecf0f1;transition:color .3s ease;}
.section-loop.programa .topic-article h3 {font-weight: normal;}
.section-loop.programa .section-link {color: #fff}
.section-loop.programa .section-article figure{border-radius:6px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2);}
.section-loop.programa .loop-grid{border-bottom:1px solid rgba(255,255,255,.1);}
.section-header .section-logo{width:60px;height:auto;vertical-align:middle;}

/* ---------------- HOVER TITULARES ---------------- */
.section-article h3,.topic-article h3,.especial-article h3 {transition:color .2s ease;}
@media(hover:hover) {
  .section-article a:hover h3,.topic-article a:hover h3,.especial-article a:hover h3 {color:color-mix(in srgb,var(--neutral-500),var(--neutral-600));}
  .section-loop.programa a:hover h3 {color:var(--neutral-400);}
  html[data-theme="dark"] .section-loop.programa a:hover h3 {color:var(--neutral-700);}
}
.section-article a:focus-visible h3,.topic-article a:focus-visible h3,.especial-article a:focus-visible h3 {color:color-mix(in srgb,var(--neutral-500),var(--neutral-600));}
.section-loop.programa a:focus-visible h3 {color:var(--neutral-400);}
html[data-theme="dark"] .section-loop.programa a:focus-visible h3 {color:var(--neutral-700);}

/* ---------------- VOTUM ---------------- */
.votum-banner-home { display: flex; flex-direction: column; gap: 12px; background: linear-gradient(145deg, #bdbdbd, #e0e0e0); padding: 20px; border-radius: 15px; text-decoration: none; margin: 25px 0; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; overflow: hidden; }
.votum-banner-home:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.votum-banner-home::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: 0.7s; }
.votum-banner-home:hover::after { left: 100%; }

/* Cabecera: Logo más grande y Badge */
.v-header-m { display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 10px; }
.v-logo { width: 150px; height: 38px; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)); transition: transform 0.3s; }
.votum-banner-home:hover .v-logo { transform: scale(1.03); }
.v-live { background: #e31e24; color: #fff; padding: 4px 12px; font-size: 11px; font-weight: 900; border-radius: 6px; letter-spacing: 0.5px; animation: v-pulse 2s infinite; }

/* Cuerpo: Texto con mejor tipografía */
.v-body-m { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.v-body-m p { margin: 0; font-size: 15px; color: #111; line-height: 1.4; flex: 1; font-weight: 500; }
.v-body-m p strong { color: #e31e24; font-weight: 800; }
.v-arrow { width: 26px; height: 26px; color: #e31e24; flex-shrink: 0; transition: transform 0.3s; }
.votum-banner-home:hover .v-arrow { transform: translateX(5px); }

@keyframes v-pulse { 0% { box-shadow: 0 0 0 0 rgba(227,30,36,0.6); } 70% { box-shadow: 0 0 0 12px rgba(227,30,36,0); } 100% { box-shadow: 0 0 0 0 rgba(227,30,36,0); } }

/* Desktop: Ajuste de proporciones */
@media (min-width: 768px) {
    .votum-banner-home { flex-direction: row; align-items: center; padding: 22px 30px; gap: 35px; }
    .v-header-m { width: auto; border-bottom: none; padding-bottom: 0; gap: 25px; }
    .v-logo { width: 185px; height: 45px; }
    .v-body-m { flex: 1; }
    .v-body-m p { font-size: 17px; border-left: 2px solid rgba(0,0,0,0.1); padding-left: 25px; }
    .v-arrow { width: 32px; height: 32px; }
}