/*
Theme Name: Semanario 7 Días 2026 V30 Responsive
Theme URI: https://semanario7diaspue.com.mx/
Author: OpenAI para Semanario 7 Días Puebla
Description: Theme periodístico ligero, responsive y optimizado para Semanario 7 Días Puebla.
Version: 3.5.0
Text Domain: semanario7dias
*/

:root{
  --green:#00a66a;
  --red:#e2202b;
  --ink:#171717;
  --muted:#707070;
  --line:#e4e4e4;
  --paper:#fff;
  --soft:#f1f1f1;
  --dark:#111;
  --wrap:1760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#efefef;color:var(--ink);line-height:1.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container{width:min(calc(100% - 32px),var(--wrap));margin-inline:auto}
.site-main{padding:14px 0 34px}
.meta{font-size:12px;color:var(--muted)}
.meta-light{color:#eee}
.kicker{display:inline-block;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em;background:var(--red);color:#fff;padding:4px 6px;font-weight:700}
.section-title{margin:0;font-size:19px;padding-left:10px;border-left:4px solid var(--green);font-weight:800}
.more-link{font-size:12px;font-weight:700;color:#555}
.s7d-noimage{width:100%;height:100%;background:#ddd}

/* HEADER — 1/8 LOGO + 7/8 BANNER */
.site-header{background:#fff}
.header-hero{position:relative;min-height:128px;background-size:cover;background-position:center}
.header-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.72) 45%,rgba(255,255,255,.45))}
.header-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,7fr);gap:24px;align-items:center;min-height:128px;padding:12px 0}
.header-logo-col,.header-banner-col{min-width:0}
.header-logo-col{display:flex;align-items:center;justify-content:center}
.brand{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:160px!important;margin:auto!important}
.brand .custom-logo-link{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:160px!important}
.brand img,.brand .custom-logo,.brand .custom-logo-link img{display:block!important;width:auto!important;max-width:150px!important;height:auto!important;max-height:82px!important;object-fit:contain!important;margin:0 auto!important}
.top-banner,.ad-hero-banner,.ad-hero-banner a{display:block;width:100%;max-width:none}
.ad-hero-banner{border:0;background:transparent;padding:0}
.ad-hero-banner img{display:block!important;width:100%!important;max-width:none!important;height:104px!important;max-height:104px!important;object-fit:contain!important;object-position:center!important;background:#fff;margin:0!important}

.nav-wrap{background:#111;color:#fff;border-bottom:1px solid #242424}
.nav-row{display:flex;align-items:center;gap:14px;min-height:46px}
.main-nav{display:flex;align-items:center;flex:1;min-width:0;overflow:auto;white-space:nowrap;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{display:block;padding:15px 12px;font-size:12px;font-weight:700;text-transform:uppercase}
.main-nav a:hover{background:#1b1b1b;color:#d2f6e7}
.nav-search{display:grid;grid-template-columns:220px 40px;background:#fff;border-radius:3px;overflow:hidden;flex:none}
.nav-search input{width:100%;border:0;padding:9px 10px;font-size:13px;outline:none}
.nav-search button{border:0;background:#242424;color:#fff;font-size:18px;cursor:pointer}
.nav-socials{display:flex;gap:12px;flex:none;align-items:center}
.nav-socials a{font-size:18px;color:#fff}

.breaking{background:#fff;border-bottom:1px solid var(--line)}
.breaking-row{display:flex;align-items:center;gap:14px;min-height:40px;overflow:hidden}
.breaking-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;color:#d71920;flex:none}
.live-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:pulse 1.45s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(226,32,43,.45)}70%{box-shadow:0 0 0 9px rgba(226,32,43,0)}100%{box-shadow:0 0 0 0 rgba(226,32,43,0)}}
.breaking-track{flex:1;overflow:hidden}
.breaking-scroll{display:flex;gap:28px;white-space:nowrap;width:max-content;animation:ticker 45s linear infinite}
.breaking-scroll a{font-size:12px;color:#444;padding-right:24px;border-right:1px solid #ddd}
@keyframes ticker{to{transform:translateX(-50%)}}

/* HERO */
.hero-grid{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(300px,1fr);gap:18px;margin-top:14px}
.feature-slider{position:relative;min-height:440px;overflow:hidden;background:#111;border:1px solid #ddd}
.feature-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.feature-slide.active{opacity:1;pointer-events:auto}
.feature-slide>a{display:block;height:100%}
.feature-slide img{width:100%;height:100%;object-fit:cover}
.feature-slide:after{content:"";position:absolute;inset:43% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.feature-caption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.feature-caption h2{margin:8px 0;font-size:clamp(27px,2.5vw,38px);line-height:1.05;max-width:900px}
.feature-caption p{margin:0 0 8px;max-width:760px;font-size:13px}
.slider-controls{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);z-index:3;display:flex;justify-content:space-between}
.slider-controls button{width:36px;height:36px;border:0;background:rgba(255,255,255,.9);font-size:26px;cursor:pointer}
.slider-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:7px;justify-content:center;z-index:3}
.dot{width:8px;height:8px;border-radius:50%;background:#d2d2d2}.dot.active{background:var(--red)}
.edu-stack{display:grid;grid-template-rows:auto 1fr 1fr;gap:10px;min-height:440px}
.edu-head{background:#fff;border:1px solid #ddd;border-left:4px solid var(--green);padding:8px 11px;font-size:14px;font-weight:800}
.edu-card{position:relative;overflow:hidden;min-height:0;background:#111;border:1px solid #ddd}
.edu-card a{display:block;height:100%}
.edu-card img{width:100%;height:100%;object-fit:cover}
.edu-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.edu-card .txt{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:#fff}
.edu-card h3{margin:6px 0 4px;font-size:18px;line-height:1.08}

/* MAIN + SIDEBAR */
.content-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(300px,1fr);gap:20px;margin-top:16px;align-items:start}
.main-column{min-width:0}
.sidebar{display:grid;gap:14px;min-width:0}
.main-banner,.ad-card,.follow-box,.latest-box,.module-lead,.module-item,.news-card,.article,.archive-head{background:#fff;border:1px solid #dedede}
.main-banner{overflow:hidden}
.main-banner img{width:100%;max-height:230px;object-fit:cover}
.ad-card{padding:0;overflow:hidden}.ad-card img{width:100%;object-fit:contain}
.follow-box{padding:12px}.follow-box h3{margin:0 0 10px;padding-left:8px;border-left:3px solid var(--red);font-size:14px;text-transform:uppercase}
.follow-item{display:flex;flex-direction:column;gap:2px;padding:11px 13px;margin-top:8px;color:#fff;font-size:13px}.follow-item strong{font-size:16px}.follow-item.fb{background:#2d80ea}.follow-item.x{background:#080808}

/* CATEGORY MODULES: 1 LEAD + 4 SECONDARY; SAME TOTAL HEIGHT */
.category-module{margin-top:20px}
.module-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.module-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,1fr);gap:14px;align-items:stretch}
.module-lead{min-width:0;height:100%;overflow:hidden}
.module-lead>a{display:grid;height:100%;grid-template-rows:minmax(0,1fr) auto}
.module-lead img{width:100%;height:100%;min-height:300px;object-fit:cover}
.module-lead .pad{padding:13px 15px 15px}
.module-lead h3{margin:8px 0 7px;font-size:25px;line-height:1.08}
.module-lead p{margin:8px 0 0;font-size:12px;color:#555;line-height:1.45}
.module-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-width:0;height:100%}
.module-item{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}
.module-item .thumb{display:block;min-height:0;overflow:hidden}
.module-item .thumb img,.module-item .thumb .s7d-noimage{width:100%;height:100%;min-height:110px;object-fit:cover}
.module-item .pad{padding:9px 10px 10px}
.module-item h4{margin:6px 0 5px;font-size:14px;line-height:1.18}

.latest-box{padding:12px}.latest-box h3{margin:0 0 8px;padding-left:8px;border-left:3px solid var(--red);font-size:14px}.latest-box ul{list-style:none;margin:0;padding:0}.latest-box li{position:relative;padding:10px 0 10px 14px;border-top:1px solid #eee;font-size:13px;font-weight:700;line-height:1.25}.latest-box li:first-child{border-top:0}.latest-box li:before{content:"";position:absolute;left:1px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--red)}.bullet-date{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#777}

.archive-head{padding:16px;margin-bottom:16px}.archive-head h1{margin:0;font-size:28px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{overflow:hidden}.news-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.news-card .pad{padding:12px}.news-card h2{margin:8px 0;font-size:18px;line-height:1.18}
.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.pagination .page-numbers{background:#fff;border:1px solid #ddd;padding:8px 11px}.pagination .current{background:#111;color:#fff}

.single-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(300px,1fr);gap:20px;align-items:start}.article{padding:24px}.article h1{margin:10px 0;font-size:40px;line-height:1.05}.article-meta{margin-bottom:14px}.featured{margin:18px 0 22px}.featured img{width:100%;max-height:620px;object-fit:cover}.article-content{font-size:18px;line-height:1.72}.article-content p{margin:0 0 1.15em}.share-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0}.share-row span{font-size:13px;font-weight:700}.share-row a{padding:9px 12px;color:#fff;font-size:13px;font-weight:700}.share-row .wa{background:#25d366}.share-row .fb{background:#1877f2}.share-row .x{background:#111}

.site-footer{margin-top:26px;background:linear-gradient(90deg,#151515,#1b2330);color:#eee;padding:30px 0 14px}.footer-grid{display:grid;grid-template-columns:250px minmax(0,1.35fr) 220px;gap:28px;align-items:center}.footer-logo img{max-width:200px}.footer-title{margin:0 0 10px;text-align:center;font-size:20px}.report-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:580px;margin:auto}.report-form input,.report-form textarea{width:100%;padding:11px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff}.report-form textarea{grid-column:1/-1;min-height:96px}.report-form button{grid-column:1/-1;border:0;background:#20bf55;color:#fff;padding:12px;font-size:17px;font-weight:800}.report-form button strong{display:block;font-size:27px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-socials{display:flex;gap:14px;margin-top:10px}.footer-socials a{font-size:22px}.footer-bottom{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#ccc}

@media(max-width:1180px){
  .nav-search{grid-template-columns:170px 38px}
  .main-nav a{padding-inline:9px;font-size:11px}
  .module-grid{grid-template-columns:1.4fr 1fr}
}
@media(max-width:980px){
  .header-inner{grid-template-columns:150px minmax(0,1fr)}
  .brand,.brand .custom-logo-link{max-width:155px!important}.brand img,.brand .custom-logo,.brand .custom-logo-link img{max-width:145px!important}
  .nav-row{flex-wrap:wrap;padding:7px 0}.main-nav{order:1;width:100%}.nav-search{order:2;flex:1;grid-template-columns:1fr 40px}.nav-socials{order:3}
  .hero-grid,.content-layout,.single-layout{grid-template-columns:1fr}
  .module-grid{grid-template-columns:1fr}.module-side{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo img{margin:auto}.footer-links{align-items:center}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 20px),var(--wrap))}
  .header-inner{grid-template-columns:1fr;gap:10px;min-height:auto;padding:14px 0}.header-logo-col{justify-content:center}.brand img,.brand .custom-logo,.brand .custom-logo-link img{max-width:140px!important;max-height:78px!important}
  .ad-hero-banner img{height:auto!important;max-height:90px!important}
  .nav-socials{display:none}.main-nav{overflow:auto}.nav-search{width:100%;flex-basis:100%}
  .feature-slider{min-height:320px}.feature-caption h2{font-size:24px}.feature-caption p{display:none}.edu-stack{min-height:auto}.edu-card{min-height:190px}
  .module-side{grid-template-columns:1fr}.module-lead img{min-height:230px}.module-item{grid-template-columns:120px 1fr;grid-template-rows:none}.module-item .thumb img,.module-item .thumb .s7d-noimage{height:100%;min-height:110px}.module-item .pad{padding:9px}
  .news-grid{grid-template-columns:1fr}.article h1{font-size:30px}.article-content{font-size:17px}.report-form{grid-template-columns:1fr}.report-form textarea,.report-form button{grid-column:1}
}

/* =========================================================
   V10 — proporción uniforme, acentos verdes y tarjetas parejas
   ========================================================= */
:root{
  --green:#00a66a;
  --red:#00a66a;
}

/* todos los acentos del theme pasan a verde */
.breaking-label{color:var(--green)}
.live-dot{background:var(--green)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,166,106,.45)}70%{box-shadow:0 0 0 9px rgba(0,166,106,0)}100%{box-shadow:0 0 0 0 rgba(0,166,106,0)}}
.kicker,.dot.active{background:var(--green)}
.more-link{color:var(--green)}
.pagination .current{background:var(--green);border-color:var(--green)}

/* banner superior dentro de sus 7/8, alineado a la derecha */
.header-banner-col{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.top-banner{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important}
.top-banner .ad-hero-banner,
.top-banner .ad-hero-banner a{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important}
.ad-hero-banner img{object-position:right center!important;margin-left:auto!important;margin-right:0!important}

/* botones y textos de resumen */
.card-intro{margin:8px 0 10px;color:#555;font-size:12px;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.read-more{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff!important;font-size:11px;font-weight:800;line-height:1;padding:8px 10px;border-radius:2px;text-transform:uppercase;letter-spacing:.02em}
.read-more:hover{filter:brightness(.92)}
.read-more-overlay{padding:7px 9px;background:var(--green)}
.hero-actions,.edu-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.edu-intro{font-size:11px;line-height:1.3;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* todos los módulos de categorías tienen exactamente la misma altura */
.category-module .module-grid{height:560px;min-height:560px;max-height:560px;align-items:stretch}
.module-lead{display:grid!important;grid-template-rows:minmax(0,1fr) auto;height:560px!important;min-height:560px!important;max-height:560px!important}
.module-lead .module-image{display:block;min-height:0;overflow:hidden}
.module-lead .module-image img,.module-lead .module-image .s7d-noimage{width:100%;height:100%;min-height:0;object-fit:cover}
.module-lead .pad{display:flex;flex-direction:column;align-items:flex-start;min-height:210px;max-height:210px;overflow:hidden}
.module-lead h3{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.module-lead .card-intro{-webkit-line-clamp:3;max-width:95%}
.module-lead .read-more{margin-top:auto}

.module-side{height:560px!important;min-height:560px!important;max-height:560px!important;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
.module-item{height:100%;min-height:0;grid-template-rows:46% 54%;overflow:hidden}
.module-item .thumb{height:100%;min-height:0}
.module-item .thumb img,.module-item .thumb .s7d-noimage{width:100%;height:100%;min-height:0;object-fit:cover}
.module-item .pad{display:flex;flex-direction:column;align-items:flex-start;min-height:0;overflow:hidden}
.module-item h4{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.module-item .card-intro{-webkit-line-clamp:2;margin:5px 0 6px;font-size:11px}
.module-item .read-more{margin-top:auto;font-size:10px;padding:7px 8px}

/* resultados de búsqueda, categorías e índice: tarjetas del mismo alto */
.news-grid{grid-auto-rows:1fr;align-items:stretch}
.news-card{display:flex;flex-direction:column;height:100%}
.news-card .news-image{display:block;overflow:hidden;flex:0 0 auto}
.news-card .news-image img,.news-card .news-image .s7d-noimage{width:100%;aspect-ratio:16/9;object-fit:cover}
.news-card .pad{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.news-card h2{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .card-intro{-webkit-line-clamp:3}
.news-card .read-more{margin-top:auto}

@media(max-width:980px){
  .category-module .module-grid,
  .module-lead,
  .module-side{height:auto!important;min-height:0!important;max-height:none!important}
  .module-lead .pad{min-height:0;max-height:none}
  .module-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .module-item{min-height:300px;grid-template-rows:48% 52%}
}

@media(max-width:680px){
  .module-side{grid-template-columns:1fr}
  .module-item{min-height:210px;grid-template-columns:120px 1fr;grid-template-rows:none}
  .module-item .card-intro{-webkit-line-clamp:2}
  .feature-caption p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-actions{align-items:flex-end}
}


/* =========================================================
   V11 — titulares completos, introducciones subordinadas
   ========================================================= */

/* Nunca recortar titulares: el resumen debe adaptarse al titular, no al revés */
.module-lead h3,
.module-item h4,
.news-card h2,
.edu-card h3,
.feature-caption h2{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  max-height:none!important;
  text-overflow:clip!important;
}

/* Los módulos conservan el mismo alto total, pero con más espacio de texto */
.category-module .module-grid{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
}
.module-lead{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
  grid-template-rows:minmax(0,1fr) auto!important;
}
.module-lead .pad{
  min-height:240px!important;
  max-height:260px!important;
  overflow:visible!important;
  padding:14px 16px 15px!important;
}
.module-lead h3{
  font-size:24px!important;
  line-height:1.12!important;
  margin:8px 0 7px!important;
}
.module-lead .card-intro{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:7px 0 9px!important;
}

.module-side{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
}
.module-item{
  min-height:0!important;
  overflow:hidden!important;
  grid-template-rows:42% 58%!important;
}
.module-item .pad{
  overflow:visible!important;
  padding:9px 10px 10px!important;
}
.module-item h4{
  font-size:13.5px!important;
  line-height:1.2!important;
  margin:6px 0 5px!important;
}
.module-item .card-intro{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:5px 0 6px!important;
  font-size:10.8px!important;
}
.module-item .meta{font-size:10.5px!important}
.module-item .read-more{margin-top:auto!important}

/* Categorías, búsqueda e índice: título completo; resumen limitado */
.news-card h2{
  font-size:18px!important;
  line-height:1.2!important;
  margin:8px 0 7px!important;
}
.news-card .card-intro{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:7px 0 10px!important;
}
.news-card .pad{overflow:visible!important}

/* Hero y educación: priorizar siempre el titular */
.feature-caption p{
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.edu-intro{
  -webkit-line-clamp:1!important;
}

@media(max-width:980px){
  .category-module .module-grid,
  .module-lead,
  .module-side{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .module-lead .pad{
    min-height:0!important;
    max-height:none!important;
  }
  .module-item{
    min-height:310px!important;
  }
}

@media(max-width:680px){
  .module-item{
    min-height:220px!important;
  }
  .module-item .card-intro{
    -webkit-line-clamp:2!important;
  }
}


/* V12 refinamientos */
.poetry-box{background:#fff;border:1px solid #dedede}
.poetry-head{padding:12px 14px;border-bottom:1px solid #e9e9e9}
.poetry-head h3{margin:0;padding-left:9px;border-left:4px solid var(--green);font-size:16px;color:#1d1d1d}
.poetry-list{display:flex;flex-direction:column}
.poetry-item{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:10px 12px;border-top:1px solid #efefef;align-items:center}
.poetry-item:first-child{border-top:0}
.poetry-thumb{display:block;width:88px;height:66px;overflow:hidden}
.poetry-thumb img,.poetry-thumb .s7d-noimage{width:88px;height:66px;object-fit:cover}
.poetry-copy h4{margin:0 0 5px;font-size:13px;line-height:1.22}
.poetry-more{display:inline-block;margin-top:5px;color:var(--green);font-size:11px;font-weight:800}
.module-lead .pad>h3{margin-top:2px}
.module-item .pad>h4{margin-top:2px}
.edu-card .txt>h3{margin-top:2px}
.news-card .pad>h2{margin-top:2px}
@media(min-width:1025px){
  .header-logo-col{min-width:150px}
  .brand,.brand .custom-logo-link{max-width:160px!important}
  .brand img,.brand .custom-logo,.brand .custom-logo-link img{max-width:150px!important;max-height:82px!important}
}


/* =========================================================
   V13 — logo con menos aire + 50% más presencia
   Mantiene la estructura 1/8 logo + 7/8 banner.
   ========================================================= */
.header-inner{
  grid-template-columns:minmax(0,1fr) minmax(0,7fr)!important;
  gap:12px!important;
}

.header-logo-col{
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  justify-content:flex-start!important;
}

.brand,
.brand .custom-logo-link{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

/* El logo llena realmente su 1/8 del header, sin márgenes de aire extra */
.brand img,
.brand .custom-logo,
.brand .custom-logo-link img{
  width:100%!important;
  max-width:225px!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
}

/* El banner conserva todo el espacio restante y queda a la derecha */
.header-banner-col{
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

.top-banner,
.top-banner .ad-hero-banner,
.top-banner .ad-hero-banner a{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

.top-banner .ad-hero-banner img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:right center!important;
  margin:0!important;
  padding:0!important;
}

@media (max-width:980px){
  .brand img,
  .brand .custom-logo,
  .brand .custom-logo-link img{
    max-width:185px!important;
    max-height:96px!important;
  }
}

@media (max-width:680px){
  .header-inner{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .header-logo-col,
  .brand,
  .brand .custom-logo-link{
    justify-content:center!important;
  }
  .brand img,
  .brand .custom-logo,
  .brand .custom-logo-link img{
    width:auto!important;
    max-width:185px!important;
    max-height:96px!important;
    margin:0 auto!important;
  }
  .top-banner,
  .top-banner .ad-hero-banner,
  .top-banner .ad-hero-banner a{
    justify-content:center!important;
  }
  .top-banner .ad-hero-banner img{
    margin:0 auto!important;
    max-height:92px!important;
  }
}


/* =========================================================
   V14 — LOGO REALMENTE MÁS GRANDE
   Se fuerza el archivo de logo indicado por el cliente y
   se elimina la dependencia del Custom Logo de WordPress.
   ========================================================= */
.header-inner{
  grid-template-columns:minmax(150px,1fr) minmax(0,7fr)!important;
  gap:10px!important;
}

.header-logo-col{
  position:relative!important;
  min-height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

.brand{
  width:100%!important;
  height:100%!important;
  min-height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  position:relative!important;
  z-index:4!important;
}

.brand .s7d-header-logo{
  display:block!important;
  width:150%!important;
  max-width:none!important;
  min-width:210px!important;
  height:auto!important;
  max-height:118px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-2%)!important;
  transform-origin:left center!important;
}

.header-banner-col{
  position:relative!important;
  z-index:2!important;
  padding-left:18px!important;
}

.top-banner,
.top-banner .ad-hero-banner,
.top-banner .ad-hero-banner a{
  justify-content:flex-end!important;
}

.top-banner .ad-hero-banner img{
  width:auto!important;
  min-width:min(72vw,1050px)!important;
  max-width:100%!important;
  max-height:118px!important;
  object-fit:contain!important;
  object-position:right center!important;
}

@media (min-width:1500px){
  .brand .s7d-header-logo{
    width:158%!important;
    min-width:240px!important;
    max-height:122px!important;
  }
  .top-banner .ad-hero-banner img{
    min-width:min(74vw,1250px)!important;
  }
}

@media (max-width:1100px){
  .header-inner{
    grid-template-columns:145px minmax(0,7fr)!important;
  }
  .brand .s7d-header-logo{
    width:145%!important;
    min-width:195px!important;
    max-height:104px!important;
  }
  .top-banner .ad-hero-banner img{
    min-width:0!important;
    width:100%!important;
  }
}

@media (max-width:700px){
  .header-inner{
    grid-template-columns:1fr!important;
  }
  .header-logo-col,
  .brand{
    min-height:auto!important;
    justify-content:center!important;
  }
  .brand .s7d-header-logo{
    width:auto!important;
    min-width:0!important;
    max-width:230px!important;
    max-height:105px!important;
    transform:none!important;
    margin:0 auto!important;
  }
  .header-banner-col{
    padding-left:0!important;
  }
  .top-banner .ad-hero-banner img{
    width:100%!important;
    min-width:0!important;
    max-height:95px!important;
  }
}


/* =========================================================
   V15 — logo +40%, popup de reportes, footer limpio y páginas
   ========================================================= */

/* Logo aproximadamente 40% mayor que V14 */
@media (min-width:701px){
  .header-inner{
    grid-template-columns:minmax(190px,1fr) minmax(0,7fr)!important;
  }

  .header-logo-col{
    overflow:visible!important;
    min-height:126px!important;
  }

  .brand{
    min-height:126px!important;
    overflow:visible!important;
  }

  .brand .s7d-header-logo{
    width:210%!important;
    min-width:294px!important;
    max-width:none!important;
    max-height:138px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:translateX(-3%)!important;
    position:relative!important;
    z-index:5!important;
  }

  .header-banner-col{
    padding-left:42px!important;
  }
}

@media (min-width:1500px){
  .brand .s7d-header-logo{
    width:220%!important;
    min-width:330px!important;
    max-height:145px!important;
  }
}

/* Acciones del menú */
.nav-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:none;
}

.report-news-btn,
.footer-report-btn{
  border:0;
  background:var(--green);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  border-radius:3px;
}

.report-news-btn{
  min-height:34px;
  padding:8px 13px;
  font-size:11px;
  text-transform:uppercase;
  white-space:nowrap;
}

.report-news-btn:hover,
.footer-report-btn:hover{
  background:#087b53;
}

/* Footer más sobrio */
.footer-grid-simple{
  grid-template-columns:220px minmax(0,1fr) 280px!important;
  align-items:start!important;
}

.footer-info{
  padding:0 18px;
}

.footer-info .footer-title{
  text-align:left;
  margin-bottom:6px;
}

.footer-info p{
  margin:0 0 14px;
  color:#c9c9c9;
  font-size:14px;
}

.footer-report-btn{
  padding:11px 16px;
  font-size:13px;
}

.footer-links{
  justify-self:end;
}

.footer-links a:hover{
  color:#8ee7c4;
}

/* Popup */
body.modal-open{
  overflow:hidden;
}

.report-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.report-modal.open{
  display:flex;
}

.report-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(2px);
}

.report-modal-dialog{
  position:relative;
  z-index:2;
  width:min(680px,100%);
  background:#fff;
  color:#161616;
  border-radius:10px;
  box-shadow:0 24px 70px rgba(0,0,0,.3);
  padding:28px;
}

.report-modal-close{
  position:absolute;
  right:12px;
  top:10px;
  width:38px;
  height:38px;
  border:0;
  background:#f1f1f1;
  color:#111;
  border-radius:50%;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

.report-modal-head{
  padding-right:38px;
  margin-bottom:18px;
}

.report-modal-kicker{
  color:var(--green);
  text-transform:uppercase;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
}

.report-modal-head h2{
  margin:5px 0 7px;
  font-size:28px;
  line-height:1.1;
}

.report-modal-head p{
  margin:0;
  color:#666;
  font-size:14px;
}

.report-form-popup{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  max-width:none;
}

.report-form-popup label{
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:left;
  font-size:12px;
  font-weight:700;
  color:#333;
}

.report-form-popup input,
.report-form-popup textarea{
  width:100%;
  border:1px solid #d5d5d5;
  background:#fff;
  color:#222;
  border-radius:4px;
  padding:11px 12px;
  font:inherit;
}

.report-form-popup textarea{
  min-height:130px;
  resize:vertical;
}

.report-form-popup .report-full{
  grid-column:1/-1;
}

.report-submit{
  grid-column:1/-1;
  border:0;
  border-radius:4px;
  padding:13px 16px;
  background:#20bf62;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  font-size:14px;
}

/* Páginas WordPress */
.page-layout{
  max-width:1320px!important;
}

.page-article{
  background:#fff;
  border:1px solid #dfdfdf;
  padding:clamp(20px,3vw,42px);
  min-height:420px;
}

.page-header{
  padding-bottom:16px;
  margin-bottom:22px;
  border-bottom:3px solid var(--green);
}

.page-header h1{
  margin:0;
  font-size:clamp(28px,4vw,46px);
  line-height:1.08;
}

.page-content{
  font-size:17px;
  line-height:1.75;
}

.page-content > *:first-child{
  margin-top:0;
}

.page-content img{
  max-width:100%;
  height:auto;
}

.page-content a{
  color:var(--green2);
  text-decoration:underline;
}

@media (max-width:980px){
  .nav-row{
    flex-wrap:wrap;
  }

  .nav-actions{
    margin-left:auto;
  }

  .footer-grid-simple{
    grid-template-columns:1fr!important;
  }

  .footer-info{
    padding:0;
  }

  .footer-links{
    justify-self:start;
  }
}

@media (max-width:700px){
  .brand .s7d-header-logo{
    width:auto!important;
    min-width:0!important;
    max-width:260px!important;
    max-height:116px!important;
    transform:none!important;
  }

  .header-banner-col{
    padding-left:0!important;
  }

  .nav-actions{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    order:3;
    padding-bottom:8px;
  }

  .report-news-btn{
    font-size:10px;
    padding-inline:10px;
  }

  .report-modal-dialog{
    padding:22px 16px 18px;
  }

  .report-form-popup{
    grid-template-columns:1fr;
  }

  .report-form-popup .report-full,
  .report-submit{
    grid-column:1;
  }
}


/* =========================================================
   V16 — introducciones más amplias en módulos de categorías
   ========================================================= */

/* La nota principal recibe +10 palabras y más espacio respirable */
.module-lead .card-intro{
  line-height:1.5!important;
  margin-top:10px!important;
}

/* Notas 2, 3 y 4: +10 palabras respecto a la versión anterior */
.module-item .card-intro{
  line-height:1.45!important;
  margin-top:7px!important;
}

/* Última nota: +25 palabras y tratamiento visual un poco más amplio */
.module-item-last{
  min-height:142px!important;
}

.module-item-last .thumb{
  align-self:stretch!important;
}

.module-item-last .thumb img{
  height:100%!important;
  min-height:142px!important;
  object-fit:cover!important;
}

.module-item-last .card-intro{
  font-size:12.5px!important;
  line-height:1.5!important;
  margin-top:8px!important;
}

/* Compensa el contenido extra sin cortar textos */
.module-side{
  align-content:stretch!important;
}

.module-item .pad,
.module-item-last .pad{
  min-width:0!important;
}

@media (max-width:700px){
  .module-item-last{
    min-height:auto!important;
  }
  .module-item-last .thumb img{
    min-height:120px!important;
  }
}


/* =========================================================
   V17 — Footer editorial moderno
   ========================================================= */
.editorial-footer{
  margin-top:34px!important;
  background:#101214!important;
  color:#fff!important;
  padding:0!important;
  border-top:5px solid var(--green)!important;
}

.footer-main{
  display:grid!important;
  grid-template-columns:minmax(240px,.95fr) minmax(320px,1.25fr) minmax(280px,.9fr)!important;
  gap:48px!important;
  align-items:start!important;
  padding-top:42px!important;
  padding-bottom:38px!important;
}

.footer-brand-block,
.footer-nav-block,
.footer-contact-block{
  min-width:0!important;
}

.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:16px!important;
}

.footer-brand img{
  width:210px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:90px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.footer-tagline{
  max-width:360px!important;
  margin:0 0 20px!important;
  color:#b9bec4!important;
  font-size:14px!important;
  line-height:1.6!important;
}

.footer-social-row{
  display:flex!important;
  gap:10px!important;
}

.footer-social-row a{
  width:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  transition:.2s ease!important;
}

.footer-social-row a:hover{
  background:var(--green)!important;
  border-color:var(--green)!important;
  transform:translateY(-2px)!important;
}

.footer-nav-block h3,
.footer-contact-block h3{
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.2!important;
}

.footer-nav-block h3{
  padding-left:10px!important;
  border-left:3px solid var(--green)!important;
}

.footer-nav-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 24px!important;
}

.footer-nav-grid a{
  color:#c9cdd1!important;
  font-size:13px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  transition:.2s ease!important;
}

.footer-nav-grid a:hover{
  color:#fff!important;
  padding-left:5px!important;
  border-color:var(--green)!important;
}

.footer-contact-block{
  background:#171b1f!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  padding:22px!important;
}

.footer-eyebrow{
  display:inline-block!important;
  color:#78ddb3!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:7px!important;
}

.footer-contact-block h3{
  font-size:22px!important;
  margin-bottom:8px!important;
}

.footer-contact-block p{
  margin:0 0 18px!important;
  color:#bfc4c9!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.footer-report-primary{
  width:100%!important;
  padding:12px 16px!important;
  background:var(--green)!important;
  border:0!important;
  border-radius:4px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-transform:none!important;
}

.footer-report-primary:hover{
  background:#087e56!important;
}

.footer-whatsapp-number{
  margin-top:10px!important;
  color:#8f969c!important;
  font-size:12px!important;
  text-align:center!important;
}

.footer-legal{
  background:#090b0c!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}

.footer-legal-row{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  color:#8e9499!important;
  font-size:12px!important;
}

.footer-legal-links{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  flex-wrap:wrap!important;
}

.footer-legal-links a{
  color:#aab0b5!important;
}

.footer-legal-links a:hover{
  color:#fff!important;
}

/* anulamos el footer anterior para evitar dobles reglas */
.site-footer .footer-grid:not(.footer-main),
.site-footer .footer-bottom{
  display:none!important;
}

@media (max-width:1050px){
  .footer-main{
    grid-template-columns:1fr 1fr!important;
  }

  .footer-contact-block{
    grid-column:1/-1!important;
  }
}

@media (max-width:680px){
  .footer-main{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:30px!important;
    padding-bottom:28px!important;
  }

  .footer-contact-block{
    grid-column:auto!important;
  }

  .footer-brand img{
    width:190px!important;
  }

  .footer-nav-grid{
    grid-template-columns:1fr!important;
  }

  .footer-legal-row{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .footer-legal-links{
    gap:14px!important;
  }
}




/* =========================================================
   V27 — SEO + rendimiento estable
   Mantiene intactas las proporciones de V25.
   ========================================================= */

/* Evita saltos visuales sin forzar alturas artificiales */
.feature-slider,
.edu-card,
.module-lead,
.module-item,
.news-card,
.latest-box,
.poetry-box{
  min-width:0;
}

/* Mantiene imágenes fluidas sin imponer aspect-ratio al logo */
.feature-slider img,
.edu-card img,
.module-lead img,
.module-item img,
.news-card img{
  background:#e9e9e9;
}

/* Contención ligera que no altera el tamaño calculado */
.category-module,
.latest-box,
.poetry-box{
  contain:layout style;
}

/* Seguridad de grid/flex para títulos largos */
.module-grid,
.module-side,
.module-item,
.module-item .pad,
.content-layout,
.sidebar{
  min-width:0;
}

.module-item h4,
.module-lead h3,
.news-card h2{
  overflow-wrap:anywhere;
}

/* No usar content-visibility/intrinsic-size porque puede provocar
   diferencias de altura mientras el navegador calcula el contenido. */


/* =========================================================
   V29 PERFORMANCE — sin cambios visuales
   ========================================================= */

/* Evita que contenido largo expanda columnas inesperadamente. */
.hero-grid > *,
.content-layout > *,
.module-grid > *,
.module-side > *,
.footer-main > *{
  min-width:0;
}

/* El navegador conoce la proporción antes de terminar de decodificar. */
.news-card img,
.module-lead img,
.edu-card img{
  height:auto;
}

/* Animaciones respetan preferencias del usuario y ahorran trabajo. */
@media (prefers-reduced-motion: reduce){
  .breaking-scroll,
  .live-dot{
    animation:none!important;
  }
  *{
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   V30 — ESTRUCTURA UNIFORME DE NOTAS EN MÓVIL
   Solo aplica en versión responsiva.
   Imagen → título → introducción → botón.
   ========================================================= */
@media (max-width:700px){

  /* ----- MÓDULOS DEL HOME ----- */
  .category-module .module-grid{
    display:block!important;
  }

  .category-module .module-side{
    display:block!important;
  }

  .category-module .module-lead,
  .category-module .module-item,
  .category-module .module-item-last{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dedede!important;
  }

  .category-module .module-image,
  .category-module .module-item .thumb,
  .category-module .module-item-last .thumb{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    flex:none!important;
  }

  .category-module .module-image img,
  .category-module .module-image .s7d-noimage,
  .category-module .module-item .thumb img,
  .category-module .module-item .thumb .s7d-noimage,
  .category-module .module-item-last .thumb img,
  .category-module .module-item-last .thumb .s7d-noimage{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }

  .category-module .module-lead .pad,
  .category-module .module-item .pad,
  .category-module .module-item-last .pad{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    overflow:visible!important;
  }

  .category-module .module-lead h3,
  .category-module .module-item h4,
  .category-module .module-item-last h4{
    width:100%!important;
    margin:0 0 8px!important;
    font-size:20px!important;
    line-height:1.2!important;
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .category-module .module-lead .meta,
  .category-module .module-item .meta,
  .category-module .module-item-last .meta{
    margin:0 0 8px!important;
    font-size:11px!important;
  }

  .category-module .module-lead .card-intro,
  .category-module .module-item .card-intro,
  .category-module .module-item-last .card-intro{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.5!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .category-module .module-lead .read-more,
  .category-module .module-item .read-more,
  .category-module .module-item-last .read-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:9px 13px!important;
    background:var(--green)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    border-radius:3px!important;
  }


  /* ----- EDUCACIÓN DEL HOME ----- */
  .edu-stack{
    display:block!important;
  }

  .edu-head{
    margin-bottom:10px!important;
  }

  .edu-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 14px!important;
    background:#fff!important;
    color:#161616!important;
    border:1px solid #dedede!important;
    overflow:hidden!important;
  }

  .edu-card:after{
    display:none!important;
    content:none!important;
  }

  .edu-card > a{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
  }

  .edu-card img,
  .edu-card .s7d-noimage{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }

  .edu-card .txt{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    padding:14px!important;
    color:#161616!important;
    background:#fff!important;
  }

  .edu-card h3{
    margin:0 0 8px!important;
    font-size:20px!important;
    line-height:1.2!important;
  }

  .edu-card .edu-intro{
    display:block!important;
    margin:0 0 12px!important;
    color:#555!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  .edu-card .edu-actions{
    display:block!important;
  }

  .edu-card .edu-actions .meta{
    display:none!important;
  }

  .edu-card .read-more-overlay{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 13px!important;
    background:var(--green)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    border-radius:3px!important;
  }


  /* ----- CATEGORÍAS Y RESULTADOS DE BÚSQUEDA ----- */
  .news-grid{
    display:block!important;
  }

  .news-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
  }

  .news-card .news-image{
    display:block!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
  }

  .news-card .news-image img,
  .news-card .news-image .s7d-noimage{
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }

  .news-card .pad{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    padding:14px!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .news-card h2{
    width:100%!important;
    margin:0 0 8px!important;
    font-size:20px!important;
    line-height:1.2!important;
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .news-card .meta{
    margin:0 0 8px!important;
    font-size:11px!important;
  }

  .news-card .card-intro{
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.5!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .news-card .read-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:9px 13px!important;
    background:var(--green)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    border-radius:3px!important;
  }
}