@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,900&family=Inter:wght@400;600;800&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030303;color:#f7f6f2;font-family:Inter,Arial;overflow-x:hidden}a{color:inherit;text-decoration:none}header{position:fixed;z-index:20;top:0;width:100%;height:74px;padding:0 4vw;display:flex;align-items:center;background:linear-gradient(#000c,transparent);border-bottom:1px solid #ffffff20}.logo{font:900 29px "Barlow Condensed";font-style:italic}.logo b,em{color:#ef1717}.logo small{display:block;font:600 6px Inter;letter-spacing:3px;color:#aaa}nav{margin-left:auto;display:flex;gap:2.3vw;font:800 11px "Barlow Condensed";letter-spacing:1.4px}.screen{min-height:100svh;position:relative;overflow:hidden}.hero,.tv{display:flex;align-items:flex-end;background-size:cover!important;background-position:center!important}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000c 34%,#0003 68%),linear-gradient(0deg,#000b,transparent 45%)}.heroCopy{position:relative;z-index:2;padding:0 6vw 7vh;width:65vw}.live{font-size:9px;letter-spacing:3px;color:#ef1717;font-weight:800}.hero h1,.tv h2,.send h2{font:900 clamp(82px,11vw,180px)/.72 "Barlow Condensed";letter-spacing:-.045em;margin:25px 0}.hero h1 em,.tv h2 em,.send h2 em{font-style:italic}.heroCopy>p{font:700 19px "Barlow Condensed"}.story{border-left:2px solid #ef1717;padding-left:18px;margin-top:5vh;max-width:520px}.story small,.impact small,.reels small{font-size:9px;letter-spacing:1.6px;color:#ef1717;font-weight:800}.story h2{font:800 32px/1 "Barlow Condensed";margin:9px 0 20px}.story a,.tvCopy a,.send a{display:inline-block;background:#ef1717;padding:16px 22px;font-size:10px;font-weight:800;letter-spacing:1px}.down{position:absolute;z-index:2;right:3vw;bottom:4vh;font-size:8px;letter-spacing:3px;color:#888}.impact{padding:10vh 4vw 5vh}.label,.head>span,.send>div>span{font-size:9px;letter-spacing:3px;color:#999}.impactGrid{height:76vh;margin-top:3vh;display:grid;grid-template-columns:1.5fr .8fr;grid-template-rows:1fr 1fr;gap:9px}.impact article,.reels article{position:relative;background-size:cover!important;background-position:center!important;overflow:hidden}.impact article:after,.reels article:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#000e)}.impact article>div,.reels article>div{position:absolute;z-index:2;left:25px;right:25px;bottom:25px}.impact .big{grid-row:1/3}.impact h2{font:900 clamp(45px,5vw,80px)/.9 "Barlow Condensed";max-width:650px;margin:8px 0}.impact h3{font:800 35px/1 "Barlow Condensed";margin:8px 0}.impact span,.reels span{font-size:10px;font-weight:800}.tv{align-items:center}.tvCopy{position:relative;z-index:2;margin-left:6vw;max-width:720px}.tv h2{font-size:clamp(85px,10vw,160px)}.tv p{max-width:500px;color:#bbb;line-height:1.6}.stories{padding:10vh 4vw}.head h2{font:900 clamp(70px,8vw,125px)/.8 "Barlow Condensed";margin:20px 0 5vh}.head h2 em{font-style:italic}.reels{height:65vh;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1150px;margin:auto}.reels h3{font:800 34px/1 "Barlow Condensed";margin:9px 0 18px}.send{display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,#550808,transparent 28%),#050505}.send>div{margin-left:7vw;max-width:900px}.send h2{font-size:clamp(95px,12vw,190px)}.send p{max-width:590px;color:#aaa;line-height:1.7}.send b{display:block;margin:30px 0;font-size:11px;letter-spacing:2px}.i1{background-image:url("https://images.pexels.com/photos/7663851/pexels-photo-7663851.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.i2{background-image:url("https://images.pexels.com/photos/4559555/pexels-photo-4559555.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.i3{background-image:url("https://images.pexels.com/photos/6147118/pexels-photo-6147118.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.r1{background-image:url("https://images.pexels.com/photos/7663851/pexels-photo-7663851.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.r2{background-image:url("https://images.pexels.com/photos/4559555/pexels-photo-4559555.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.r3{background-image:url("https://images.pexels.com/photos/6147118/pexels-photo-6147118.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")}.hero{background-image:url("https://images.pexels.com/photos/7663851/pexels-photo-7663851.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")!important}.tv{background-image:url("https://images.pexels.com/photos/4559555/pexels-photo-4559555.jpeg?auto=compress&cs=tinysrgb&w=2400&h=1600&fit=crop")!important}@media(max-width:760px){header{height:64px;padding:0 18px}nav{display:none}.heroCopy{width:100%;padding:0 7vw 7vh}.hero h1{font-size:22vw}.impact{padding:9vh 5vw}.impactGrid{display:flex;height:74vh;overflow-x:auto;scroll-snap-type:x mandatory}.impact article,.impact .big{min-width:86vw;grid-row:auto;scroll-snap-align:center}.impact h2,.impact h3{font-size:12vw}.tvCopy{margin:0 7vw}.tv h2{font-size:22vw}.stories{padding:9vh 5vw}.head h2{font-size:19vw}.reels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.reels article{min-width:74vw;scroll-snap-align:center}.send>div{margin:0 7vw}.send h2{font-size:23vw}}
.vh-ad-slot{max-width:1180px;margin:22px auto;padding:0 20px;position:relative}
.vh-ad-slot a{display:block;background:#0b0b0b;border:1px solid #222;overflow:hidden}
.vh-ad-slot img{display:block;width:100%;max-height:240px;object-fit:cover}
.vh-ad-slot small{display:block;color:#666;font-size:8px;letter-spacing:1.5px;margin-top:5px}
.vh-ad-placeholder{padding:35px;text-align:center;color:#aaa;font-weight:700}

/* Vida Hostil official identity v2.9.2 */
.logo.brand-logo{display:flex;align-items:center;text-decoration:none}
.logo.brand-logo img{display:block;height:50px;width:auto;max-width:min(380px,54vw);object-fit:contain}
.logo.brand-logo small{display:none}
@media(max-width:700px){.logo.brand-logo img{height:40px;max-width:60vw}}

/* Vida Hostil v2.9.3 — corrected transparent branding */
header .logo.brand-logo{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:290px!important;
  overflow:visible!important;
}
header .logo.brand-logo img{
  display:block!important;
  width:auto!important;
  height:42px!important;
  max-width:290px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:700px){
  header .logo.brand-logo{max-width:220px!important}
  header .logo.brand-logo img{height:34px!important;max-width:220px!important}
}

/* VIDA HOSTIL 3.0 — public consolidation */
.site-footer{order:999;background:#050505;border-top:1px solid #222;padding:55px 5vw 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;min-height:260px}
.footer-brand img{width:220px;max-width:100%;height:auto}.footer-brand p{color:#777}.footer-links,.footer-legal{display:grid;align-content:start;gap:12px;font:800 13px "Barlow Condensed";letter-spacing:1px}.footer-copy{grid-column:1/-1;border-top:1px solid #181818;padding-top:20px;color:#555;font-size:10px;letter-spacing:2px}
.archive-page,.legal-page{min-height:100vh;background:#050505;padding:130px 5vw 8vh}.archive-head span,.legal-page>span{font-size:10px;letter-spacing:3px;color:#ef1717;font-weight:800}.archive-head h1,.legal-page h1{font:900 clamp(70px,10vw,145px)/.78 "Barlow Condensed";margin:25px 0}.archive-head h1 em{color:#ef1717}.archive-head p,.legal-page p{color:#aaa;font-size:18px;line-height:1.7;max-width:760px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:55px}.archive-card{min-height:430px;background:#111 center/cover;position:relative;display:flex;align-items:flex-end;padding:24px}.archive-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#000f)}.archive-card>div{position:relative;z-index:2}.archive-card small{color:#ef1717;font-size:9px;letter-spacing:1.4px}.archive-card h2{font:900 34px/1 "Barlow Condensed";margin:10px 0}.archive-card span{font-size:10px;color:#aaa}.archive-empty{padding:40px;border:1px solid #222;color:#777}
.category-index{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:50px}.category-index a{min-height:180px;border:1px solid #222;background:#0d0d0d;padding:28px;position:relative}.category-index a:hover{border-color:#ef1717}.category-index span{color:#ef1717;font-size:10px;letter-spacing:2px}.category-index h2{font:900 38px "Barlow Condensed";margin:25px 0 8px}.category-index b{color:#777;font-size:11px}.legal-page p{font-size:20px}.legal-cta{display:inline-block;margin-top:30px;background:#ef1717;padding:16px 22px;font-size:11px;font-weight:800}
@media(max-width:950px){header nav{gap:14px}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){header nav a:nth-child(5),header nav a:nth-child(6){display:none}.archive-grid{display:flex;overflow:auto}.archive-card{min-width:82vw}.category-index{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-copy{grid-column:1}}

/* VIDA HOSTIL 3.1 — Comunidad */
.community-zone{max-width:920px;margin:0 auto;padding:3vh 5vw 9vh}.community-title{border-top:1px solid #222;padding-top:45px}.community-title>span{color:#ef1717;font-size:9px;letter-spacing:3px;font-weight:800}.community-title h3{font:900 clamp(52px,7vw,90px)/.85 "Barlow Condensed";margin:15px 0}.community-title p{color:#888}.comments-list{margin:35px 0}.comment{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #1d1d1d}.comment-avatar{width:46px;height:46px;border:1px solid #333;display:grid;place-items:center;color:#ef1717;font-weight:900}.comment b{display:block}.comment small{color:#666;font-size:10px}.comment p{color:#ccc;line-height:1.6}.report-comment{background:none;border:0;color:#666;font-size:9px;letter-spacing:1px;padding:0;cursor:pointer}.comment-form{display:grid;gap:14px;background:#0b0b0b;border:1px solid #222;padding:25px}.comment-form label{display:grid;gap:8px;color:#888;font-size:11px}.comment-form input,.comment-form textarea{background:#050505;border:1px solid #292929;color:#fff;padding:14px;font:inherit}.comment-form textarea{min-height:130px}.comment-form button{background:#ef1717;color:#fff;border:0;padding:15px;font-weight:900}.comment-form small{color:#999}.no-comments{color:#666}

/* VIDA HOSTIL 3.2 — Newsletter */
.newsletter-callout{background:#ed1717;color:#fff;padding:65px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.newsletter-callout span{font-size:9px;letter-spacing:3px;font-weight:900}.newsletter-callout h2{font:900 clamp(65px,9vw,130px)/.75 "Barlow Condensed";margin:20px 0}.newsletter-callout p{max-width:560px;font-weight:600}.newsletter-callout form{display:grid;grid-template-columns:1fr auto;gap:0}.newsletter-callout input{height:58px;border:0;background:#fff;color:#000;padding:0 18px;font-weight:800}.newsletter-callout button{height:58px;border:0;background:#050505;color:#fff;padding:0 25px;font-weight:900}.newsletter-callout small{grid-column:1/-1;margin-top:10px;font-size:10px}@media(max-width:760px){.newsletter-callout{grid-template-columns:1fr}.newsletter-callout form{grid-template-columns:1fr}.newsletter-callout button{width:100%}}


/* =========================================================
   VIDA HOSTIL 3.2.1 — RESPONSIVE / MOBILE FIX
   ========================================================= */

/* Desktop header cleanup */
header{
  min-height:74px;
}
header .logo.brand-logo{
  flex:0 0 auto;
}
header .logo.brand-logo img{
  height:42px!important;
  width:auto!important;
  max-width:260px!important;
}
header nav{
  min-width:0;
}

/* Tablet */
@media (max-width: 1050px){
  header{
    padding:0 24px;
  }
  header nav{
    gap:16px;
  }
  header nav a{
    font-size:10px;
  }
  .heroCopy{
    width:78vw;
  }
  .impactGrid{
    grid-template-columns:1.2fr .8fr;
  }
}

/* Mobile global */
@media (max-width: 760px){

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  body{
    padding-top:0;
  }

  /* Header: logo first row + scrollable nav second row */
  header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:auto!important;
    min-height:102px;
    padding:10px 14px 8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start;
    gap:7px;
    background:#050505f7!important;
    border-bottom:1px solid #222!important;
    backdrop-filter:blur(14px);
  }

  header .logo.brand-logo{
    width:auto!important;
    max-width:180px!important;
    height:42px;
    display:flex!important;
    align-items:center!important;
  }

  header .logo.brand-logo img{
    height:38px!important;
    width:auto!important;
    max-width:180px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  header nav{
    margin:0!important;
    width:100%;
    max-width:100%;
    display:flex!important;
    gap:16px!important;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding:4px 0 3px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  header nav::-webkit-scrollbar{
    display:none;
  }

  header nav a{
    display:inline-block!important;
    flex:0 0 auto;
    font-size:10px!important;
    letter-spacing:1px!important;
    opacity:.88;
  }

  /* Main fullscreen sections */
  .screen{
    min-height:100svh;
    height:auto;
  }

  .hero,
  .tv{
    min-height:100svh;
    padding-top:105px;
    background-position:center!important;
  }

  .shade{
    background:
      linear-gradient(0deg,#000 0%,#000b 42%,#0004 72%),
      linear-gradient(90deg,#0009 0%,transparent 85%)!important;
  }

  .heroCopy{
    width:100%!important;
    padding:0 20px 55px!important;
  }

  .hero h1,
  .tv h2,
  .send h2{
    font-size:clamp(56px,19vw,94px)!important;
    line-height:.78!important;
    letter-spacing:-.04em!important;
    margin:18px 0!important;
  }

  .heroCopy>p{
    font-size:16px!important;
    max-width:92%;
  }

  .story{
    margin-top:28px!important;
    max-width:94%!important;
  }

  .story h2{
    font-size:27px!important;
  }

  .story a,
  .tvCopy a,
  .send a{
    padding:14px 18px!important;
    font-size:10px!important;
  }

  .down{
    display:none;
  }

  /* Impact */
  .impact{
    min-height:auto!important;
    padding:135px 14px 55px!important;
  }

  .impactGrid{
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    gap:10px!important;
    margin-top:24px!important;
  }

  .impact article,
  .impact .big{
    grid-row:auto!important;
    min-height:64vw!important;
    max-height:520px;
  }

  .impact article>div{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
  }

  .impact h2,
  .impact h3{
    font-size:clamp(32px,10vw,50px)!important;
    line-height:.92!important;
  }

  /* TV */
  .tv{
    align-items:flex-end!important;
  }

  .tvCopy{
    margin:0!important;
    padding:0 20px 55px!important;
    max-width:100%!important;
  }

  .tv h2{
    font-size:clamp(58px,18vw,94px)!important;
  }

  .tv p{
    font-size:14px;
    max-width:95%;
  }

  /* Stories preview on homepage */
  .stories{
    min-height:auto!important;
    padding:135px 14px 55px!important;
  }

  .head h2{
    font-size:clamp(55px,17vw,88px)!important;
    margin:15px 0 28px!important;
  }

  .reels{
    height:auto!important;
    display:flex!important;
    overflow-x:auto;
    gap:10px!important;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .reels article{
    flex:0 0 78vw;
    min-height:125vw;
    max-height:620px;
    scroll-snap-align:start;
  }

  .reels article>div{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
  }

  .reels h3{
    font-size:30px!important;
  }

  /* Send section */
  .send{
    min-height:100svh!important;
    padding-top:105px;
    align-items:center!important;
  }

  .send>div{
    margin:0!important;
    padding:40px 20px!important;
    width:100%;
  }

  .send h2{
    font-size:clamp(62px,19vw,100px)!important;
  }

  .send p{
    font-size:14px;
    max-width:95%;
  }

  /* Newsletter */
  .newsletter-callout{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:55px 20px!important;
  }

  .newsletter-callout h2{
    font-size:clamp(58px,18vw,95px)!important;
  }

  .newsletter-callout form{
    grid-template-columns:1fr!important;
  }

  .newsletter-callout input,
  .newsletter-callout button{
    width:100%!important;
    height:54px!important;
  }

  /* Footer */
  .site-footer{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:45px 20px 28px!important;
  }

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

  .footer-copy{
    grid-column:1!important;
  }

  /* Archive / historias / categorías / legal */
  .archive-page,
  .legal-page,
  .list-page,
  .search-page,
  .submit-public{
    padding:135px 16px 55px!important;
  }

  .archive-head h1,
  .legal-page h1,
  .list-page h1,
  .search-page h1{
    font-size:clamp(55px,17vw,90px)!important;
    line-height:.82!important;
  }

  .archive-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
  }

  .archive-card{
    min-width:0!important;
    min-height:115vw!important;
    max-height:580px;
  }

  .category-index{
    grid-template-columns:1fr!important;
  }

  .category-index a{
    min-height:145px!important;
  }

  .content-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }

  .content-card{
    min-width:0!important;
    height:115vw!important;
    max-height:560px!important;
  }

  .search-form{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .search-form button{
    min-height:52px;
  }

  /* Article */
  .article-hero{
    min-height:75svh!important;
    padding:135px 18px 45px!important;
  }

  .article-hero h1{
    font-size:clamp(46px,14vw,78px)!important;
    line-height:.9!important;
  }

  .article-hero h2{
    font-size:19px!important;
  }

  .article-body{
    padding:45px 18px!important;
    font-size:17px!important;
  }

  .article-body .lead{
    font-size:21px!important;
  }

  .related{
    padding:35px 16px 60px!important;
  }

  .related-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
  }

  .related-card{
    min-width:80vw!important;
  }

  /* Community */
  .community-zone{
    padding:25px 18px 60px!important;
  }

  .community-title h3{
    font-size:clamp(48px,15vw,75px)!important;
  }

  .comment{
    grid-template-columns:38px 1fr!important;
    gap:12px!important;
  }

  .comment-avatar{
    width:38px!important;
    height:38px!important;
  }

  /* Ad slots */
  .vh-ad-slot{
    padding:0 12px!important;
    margin:16px auto!important;
  }
}

/* very small devices */
@media (max-width: 390px){
  header .logo.brand-logo img{
    max-width:155px!important;
    height:34px!important;
  }
  header{
    min-height:96px;
  }
  .hero,.tv,.send{
    padding-top:98px;
  }
  .impact,.stories,.archive-page,.legal-page,.list-page,.search-page,.submit-public{
    padding-top:125px!important;
  }
}


/* =========================================================
   VIDA HOSTIL 3.2.2 — MOBILE UX
   ========================================================= */

.mobile-menu-toggle,
.mobile-menu{
  display:none;
}

@media(max-width:760px){

  /* Header is now compact, one row */
  .vh-main-header{
    height:76px!important;
    min-height:76px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    background:#050505f8!important;
    border-bottom:1px solid #1d1d1d!important;
  }

  .vh-main-header .brand-logo{
    width:auto!important;
    max-width:175px!important;
    height:auto!important;
  }

  .vh-main-header .brand-logo img{
    width:auto!important;
    height:42px!important;
    max-width:175px!important;
    object-fit:contain!important;
  }

  .desktop-nav{
    display:none!important;
  }

  .mobile-menu-toggle{
    display:flex!important;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #2a2a2a;
    background:#0b0b0b;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    z-index:102;
  }

  .mobile-menu-toggle span{
    width:19px;
    height:2px;
    background:#fff;
    display:block;
    transition:.2s ease;
  }

  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0;
  }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .mobile-menu{
    display:block!important;
    position:fixed;
    z-index:100;
    inset:76px 0 0;
    background:#050505f8;
    backdrop-filter:blur(12px);
    transform:translateX(100%);
    transition:transform .24s ease;
    overflow-y:auto;
    border-top:1px solid #181818;
  }

  .mobile-menu.open{
    transform:translateX(0);
  }

  body.menu-open{
    overflow:hidden!important;
  }

  .mobile-menu-inner{
    padding:26px 20px 45px;
    display:grid;
    gap:0;
  }

  .mobile-menu-inner a{
    padding:16px 4px;
    border-bottom:1px solid #1c1c1c;
    font:900 25px/1 "Barlow Condensed";
    letter-spacing:.5px;
  }

  .mobile-menu-inner a:nth-child(1),
  .mobile-menu-inner a:nth-child(2),
  .mobile-menu-inner a:nth-child(3),
  .mobile-menu-inner a:nth-child(4){
    color:#fff;
  }

  .mobile-menu-inner a:hover{
    color:#ed1717;
  }

  /* No artificial fullscreen blank space */
  main{
    display:block!important;
  }

  .screen{
    min-height:0!important;
    height:auto!important;
  }

  .hero,
  .tv,
  .send{
    min-height:0!important;
    height:auto!important;
  }

  /* Hero */
  .hero{
    padding-top:76px!important;
    min-height:calc(100svh - 0px)!important;
    display:flex!important;
    align-items:flex-end!important;
  }

  .heroCopy{
    padding:48px 18px 44px!important;
  }

  .hero h1{
    font-size:clamp(58px,18vw,88px)!important;
    margin:14px 0 18px!important;
  }

  .story{
    margin-top:22px!important;
  }

  /* Impacto: content follows immediately, no empty viewport */
  .impact{
    padding:54px 14px 38px!important;
  }

  .impact .label{
    margin-bottom:18px;
  }

  .impactGrid{
    margin-top:0!important;
  }

  .impact article,
  .impact .big{
    min-height:88vw!important;
    max-height:none!important;
  }

  /* Empty-state sections should not consume a full screen */
  .impact > .cms-empty,
  .stories > .cms-empty{
    margin:16px 0 0!important;
    padding:24px 0!important;
    font-size:15px!important;
    line-height:1.5!important;
  }

  /* TV compact and cinematic */
  .tv{
    min-height:78svh!important;
    padding-top:76px!important;
  }

  .tvCopy{
    padding:48px 18px 42px!important;
  }

  .tv h2{
    font-size:clamp(60px,18vw,88px)!important;
  }

  /* Stories: no giant blank zone */
  .stories{
    padding:54px 14px 38px!important;
  }

  .head h2{
    font-size:clamp(56px,17vw,84px)!important;
    margin:12px 0 24px!important;
  }

  .reels{
    padding-bottom:0!important;
  }

  .reels article{
    min-height:116vw!important;
  }

  /* Send section natural height */
  .send{
    padding-top:0!important;
    min-height:0!important;
  }

  .send>div{
    padding:70px 20px 70px!important;
  }

  .send h2{
    font-size:clamp(58px,18vw,90px)!important;
  }

  /* Newsletter less oversized */
  .newsletter-callout{
    padding:50px 18px 48px!important;
  }

  .newsletter-callout h2{
    font-size:clamp(56px,17vw,86px)!important;
    margin:16px 0 18px!important;
  }

  .newsletter-callout p{
    font-size:15px!important;
    line-height:1.55!important;
  }

  .newsletter-callout input,
  .newsletter-callout button{
    height:52px!important;
  }

  /* Footer compact */
  .site-footer{
    padding:36px 18px 24px!important;
    gap:22px!important;
    min-height:0!important;
  }

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

  .footer-brand p{
    margin:8px 0 0!important;
    font-size:14px!important;
  }

  .footer-links,
  .footer-legal{
    gap:0!important;
  }

  .footer-links a,
  .footer-legal a{
    padding:7px 0!important;
    font-size:15px!important;
  }

  .footer-copy{
    margin-top:6px!important;
    padding-top:16px!important;
  }

  /* Reduce ad space on mobile */
  .vh-ad-slot{
    margin:10px auto!important;
  }
}

/* iPhone narrow screens */
@media(max-width:390px){
  .vh-main-header{
    height:72px!important;
    min-height:72px!important;
  }

  .vh-main-header .brand-logo img{
    height:38px!important;
    max-width:155px!important;
  }

  .mobile-menu{
    inset:72px 0 0;
  }

  .hero{
    padding-top:72px!important;
  }

  .tv{
    padding-top:72px!important;
  }
}


.tv{
  background-image:url("images/ai/tv-ai.jpg")!important;
  background-position:center center!important;
}
.i1,.i2,.i3{
  background-image:url("images/ai/impact-ai.jpg")!important;
}
.r1,.r2,.r3{
  background-image:url("images/ai/stories-ai.jpg")!important;
}
@media(max-width:760px){
  .hero{
    background-image:url("images/ai/hero-ai-mobile.jpg")!important;
    background-position:center center!important;
  }
  .tv{
    background-image:url("images/ai/tv-ai.jpg")!important;
    background-position:58% center!important;
  }
}


/* =========================================================
   VIDA HOSTIL 3.3.1 — MOBILE VISUAL FIX
   ========================================================= */

/* AI artwork only for the main Hero */
.hero{
  background-image:url("images/ai/hero-ai-desktop.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
}

/* Never force AI artwork over CMS-selected content sections */
.impact article,
.reels article{
  background-size:cover!important;
  background-position:center center!important;
}

@media(max-width:760px){

  /* Mobile hero has its own vertical composition */
  .hero{
    background-image:url("images/ai/hero-ai-mobile.jpg")!important;
    background-size:cover!important;
    background-position:center 35%!important;
    min-height:92svh!important;
  }

  .hero .shade{
    background:
      linear-gradient(0deg,#030303 0%,rgba(3,3,3,.82) 30%,rgba(0,0,0,.22) 68%,rgba(0,0,0,.08) 100%),
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.18) 70%,transparent 100%)!important;
  }

  .heroCopy{
    padding:118px 18px 34px!important;
    width:100%!important;
  }

  .hero h1{
    font-size:clamp(52px,16vw,78px)!important;
    line-height:.82!important;
    max-width:92vw!important;
  }

  .heroCopy>p{
    font-size:15px!important;
    max-width:88vw!important;
    line-height:1.4!important;
  }

  .story{
    max-width:90vw!important;
  }

  .story h2{
    font-size:24px!important;
    line-height:1.05!important;
  }

  /* Impact: use only actual assigned content images */
  .impact{
    padding:44px 12px 30px!important;
  }

  .impactGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .impact article,
  .impact .big{
    min-height:72vw!important;
    max-height:430px!important;
    background-position:center center!important;
  }

  /* TV: if CMS has a background it is respected.
     If not, keep it dark rather than forcing a random AI image. */
  .tv{
    min-height:70svh!important;
    background-color:#050505!important;
    background-size:cover!important;
    background-position:center center!important;
  }

  .tvCopy{
    padding:44px 18px 38px!important;
  }

  .tv h2{
    font-size:clamp(52px,16vw,78px)!important;
    line-height:.8!important;
  }

  /* Stories: natural vertical cards */
  .stories{
    padding:44px 12px 30px!important;
  }

  .reels{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    height:auto!important;
    padding-bottom:4px!important;
  }

  .reels article{
    flex:0 0 76vw!important;
    min-height:108vw!important;
    max-height:520px!important;
    background-position:center center!important;
  }

  .reels h3{
    font-size:28px!important;
  }

  /* Avoid huge black gaps around empty sections */
  .cms-empty{
    padding:14px 0!important;
    margin:0!important;
    min-height:0!important;
  }

  /* Send + newsletter compact */
  .send>div{
    padding:56px 18px!important;
  }

  .send h2{
    font-size:clamp(54px,16vw,82px)!important;
  }

  .newsletter-callout{
    padding:42px 18px!important;
  }

  .newsletter-callout h2{
    font-size:clamp(52px,16vw,80px)!important;
  }

  /* Footer tighter */
  .site-footer{
    padding:30px 18px 20px!important;
    gap:18px!important;
  }
}

@media(max-width:390px){
  .hero{
    min-height:88svh!important;
    background-position:center 32%!important;
  }

  .heroCopy{
    padding-top:106px!important;
  }

  .impact article,
  .impact .big{
    min-height:76vw!important;
  }

  .reels article{
    flex-basis:80vw!important;
    min-height:116vw!important;
  }
}
\n\n/* =========================================================
   VIDA HOSTIL 3.3.2 — MOBILE LAYOUT FINAL
   Compact public mobile presentation; CMS content preserved.
   ========================================================= */
@media(max-width:760px){
  .vh-main-header{
    height:68px!important;min-height:68px!important;padding:0 14px 0 18px!important;
  }
  .vh-main-header .brand-logo{max-width:205px!important;overflow:visible!important}
  .vh-main-header .brand-logo img{height:47px!important;max-width:205px!important;width:auto!important}
  .mobile-menu{inset:68px 0 0!important}
  .mobile-menu-toggle{width:42px!important;height:42px!important}

  .screen{min-height:0!important;height:auto!important}
  .hero{min-height:calc(100svh - 0px)!important;padding-top:68px!important}
  .heroCopy{padding:96px 18px 28px!important}
  .hero h1{margin:18px 0 14px!important;font-size:clamp(54px,15.8vw,76px)!important;line-height:.82!important}
  .heroCopy>p{margin:0 0 16px!important}
  .story{margin-top:22px!important;padding-left:15px!important}
  .story h2{margin:8px 0 17px!important}
  .story a,.tvCopy a,.send a{padding:14px 18px!important}
  .down{bottom:14px!important}

  .impact{padding:34px 14px 26px!important}
  .impactGrid{margin-top:18px!important;height:auto!important}

  .tv{min-height:74svh!important;padding-top:68px!important;align-items:flex-end!important}
  .tvCopy{margin:0!important;padding:34px 20px 44px!important;max-width:100%!important}
  .tv h2{margin:18px 0!important;font-size:clamp(56px,16vw,78px)!important;line-height:.8!important}
  .tv p{margin:0 0 20px!important;line-height:1.45!important}

  .stories{padding:34px 14px 26px!important}
  .head h2{margin:15px 0 24px!important;font-size:clamp(58px,17vw,82px)!important}

  .send{min-height:0!important;padding:0!important}
  .send>div{margin:0!important;padding:48px 20px 52px!important}
  .send h2{margin:18px 0 22px!important;font-size:clamp(58px,16vw,80px)!important;line-height:.82!important}
  .send p{margin:0!important;line-height:1.55!important}
  .send b{margin:24px 0!important;line-height:1.5!important}

  .cms-empty{display:none!important}
}
@media(max-width:390px){
  .vh-main-header{height:66px!important;min-height:66px!important}
  .vh-main-header .brand-logo{max-width:190px!important}
  .vh-main-header .brand-logo img{height:44px!important;max-width:190px!important}
  .mobile-menu{inset:66px 0 0!important}
  .hero{padding-top:66px!important;min-height:100svh!important}
  .heroCopy{padding-top:88px!important}
  .tv{padding-top:66px!important}
}


/* =========================================================
   VIDA HOSTIL 3.3.3 — HARD MOBILE + SHARPNESS FIX
   ========================================================= */
header .brand-logo img,.vh-main-header .brand-logo img{
  display:block!important;width:auto!important;height:48px!important;max-width:210px!important;
  object-fit:contain!important;object-position:left center!important;
}
.hero,.tv,.impact article,.reels article{
  image-rendering:auto!important;
  filter:none!important;
  -webkit-filter:none!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
@media(max-width:760px){
  .vh-main-header{
    height:72px!important;min-height:72px!important;padding:0 14px 0 20px!important;
    display:flex!important;grid-template-columns:none!important;align-items:center!important;
  }
  .vh-main-header .brand-logo{height:54px!important;max-width:220px!important;display:flex!important;align-items:center!important;overflow:visible!important}
  .vh-main-header .brand-logo img{height:50px!important;max-width:220px!important}
  .mobile-menu-toggle{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .mobile-menu{inset:72px 0 0!important}
  main{padding:0!important;margin:0!important}
  .hero{min-height:100svh!important;padding-top:72px!important;background-position:58% center!important}
  .heroCopy{padding:0 20px 40px!important;align-self:flex-end!important}
  .hero h1{font-size:clamp(58px,16.6vw,82px)!important;line-height:.79!important;margin:16px 0 16px!important}
  .heroCopy>p{font-size:16px!important;line-height:1.25!important;margin:0 0 14px!important}
  .story{margin-top:20px!important;padding-left:15px!important}
  .story h2{font-size:clamp(27px,8.3vw,38px)!important;line-height:.98!important;margin:8px 0 18px!important}
  .impact,.stories{padding:34px 16px 30px!important}
  .impactGrid{margin-top:18px!important;gap:12px!important}
  .impact article,.impact .big{min-height:72vw!important;max-height:none!important}
  .tv{min-height:82svh!important;padding-top:72px!important;background-position:62% center!important}
  .tvCopy{padding:0 20px 42px!important;margin:0!important}
  .tv h2{font-size:clamp(58px,17vw,84px)!important;line-height:.79!important;margin:15px 0 18px!important}
  .tv p{font-size:16px!important;line-height:1.45!important;margin:0 0 20px!important}
  .head h2{font-size:clamp(58px,17vw,84px)!important;line-height:.82!important;margin:14px 0 22px!important}
  .reels article{flex-basis:82vw!important;min-height:120vw!important}
  .send{min-height:auto!important;padding:0!important}
  .send>div{margin:0!important;padding:48px 20px 54px!important}
  .send h2{font-size:clamp(58px,17vw,84px)!important;line-height:.8!important;margin:16px 0 20px!important}
  .send p{font-size:16px!important;line-height:1.55!important}
  .cms-empty{display:none!important}
}
@media(max-width:390px){
  .vh-main-header{height:68px!important;min-height:68px!important;padding-left:16px!important}
  .vh-main-header .brand-logo{max-width:195px!important}
  .vh-main-header .brand-logo img{height:46px!important;max-width:195px!important}
  .mobile-menu{inset:68px 0 0!important}
  .hero{padding-top:68px!important}
  .tv{padding-top:68px!important}
}

/* =========================================================
   VIDA HOSTIL 3.3.4 — UNIFIED PUBLIC HEADER + MOBILE TITLES
   ========================================================= */
.vh-main-header{
  position:fixed!important;z-index:1000!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;height:82px!important;min-height:82px!important;padding:0 32px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  background:#050505f5!important;border-bottom:1px solid #232323!important;backdrop-filter:blur(10px);
}
.vh-main-header .brand-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important}
.vh-main-header .brand-logo img{display:block!important;width:auto!important;height:52px!important;max-width:230px!important;object-fit:contain!important}
.vh-main-header .desktop-nav{display:flex!important;align-items:center!important;gap:24px!important;margin-left:auto!important;white-space:nowrap!important}
.vh-main-header .desktop-nav a{font:800 12px "Barlow Condensed",Arial,sans-serif!important;letter-spacing:1.3px!important;color:#fff!important}
.mobile-menu-toggle,.mobile-menu{display:none}

@media(max-width:760px){
  .vh-main-header{
    height:78px!important;min-height:78px!important;padding:0 18px!important;gap:12px!important;
  }
  .vh-main-header .brand-logo{max-width:200px!important}
  .vh-main-header .brand-logo img{height:48px!important;max-width:200px!important}
  .vh-main-header .desktop-nav{display:none!important}
  .mobile-menu-toggle{
    display:flex!important;flex:0 0 48px!important;width:48px!important;height:48px!important;padding:0!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;
    border:1px solid #343434!important;background:#0b0b0b!important;cursor:pointer!important;z-index:1002!important;
  }
  .mobile-menu-toggle span{display:block!important;width:23px!important;height:2px!important;background:#fff!important;transition:.2s ease!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}
  .mobile-menu{
    display:block!important;position:fixed!important;z-index:999!important;inset:78px 0 0!important;
    background:#050505fa!important;transform:translateX(100%)!important;transition:transform .24s ease!important;
    overflow-y:auto!important;border-top:1px solid #191919!important;
  }
  .mobile-menu.open{transform:translateX(0)!important}
  body.menu-open{overflow:hidden!important}
  .mobile-menu-inner{padding:18px 22px 42px!important;display:grid!important}
  .mobile-menu-inner a{
    display:block!important;padding:17px 4px!important;border-bottom:1px solid #202020!important;
    font:800 24px/1 "Barlow Condensed",Arial,sans-serif!important;letter-spacing:1.2px!important;color:#fff!important;
  }
  .mobile-menu-inner a:nth-child(7){color:#ef1717!important}

  /* Avoid giant clipped titles on internal pages */
  .archive-page,.legal-page,.list-page,.search-page,.submit-public{padding-top:112px!important}
  .archive-head h1,.legal-page h1,.list-page h1,.search-page h1{
    font-size:clamp(48px,15vw,72px)!important;line-height:.88!important;letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important;
  }
  .legal-page p,.archive-head p{font-size:17px!important;line-height:1.6!important}
}

/* =========================================================
   VIDA HOSTIL 3.3.5 — NEWSLETTER DESKTOP REFINEMENT
   ========================================================= */
@media (min-width: 761px){
  .newsletter-callout{
    position:relative!important;
    background:#050505!important;
    color:#fff!important;
    padding:64px 5vw!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
    gap:70px!important;
    align-items:center!important;
    border-top:1px solid #1b1b1b!important;
    border-bottom:1px solid #1b1b1b!important;
    overflow:hidden!important;
  }
  .newsletter-callout::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:9px;
    background:#ed1717;
  }
  .newsletter-callout::after{
    content:"";
    position:absolute;
    width:460px;
    height:460px;
    right:-160px;
    top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(237,23,23,.22),rgba(237,23,23,0) 68%);
    pointer-events:none;
  }
  .newsletter-callout>div,
  .newsletter-callout form{position:relative;z-index:1}
  .newsletter-callout span{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#ed1717!important;
    font-size:10px!important;
    letter-spacing:3.2px!important;
    font-weight:900!important;
  }
  .newsletter-callout span::before{
    content:"";
    width:28px;
    height:2px;
    background:#ed1717;
  }
  .newsletter-callout h2{
    font:900 clamp(58px,6.1vw,94px)/.82 "Barlow Condensed"!important;
    letter-spacing:-1.5px!important;
    margin:18px 0 18px!important;
  }
  .newsletter-callout p{
    max-width:600px!important;
    color:#b9b9b9!important;
    font-size:17px!important;
    line-height:1.45!important;
    font-weight:500!important;
    margin:0!important;
  }
  .newsletter-callout form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:10px!important;
    background:#101010!important;
    border:1px solid #2a2a2a!important;
    box-shadow:0 20px 70px rgba(0,0,0,.32)!important;
  }
  .newsletter-callout input{
    height:58px!important;
    border:1px solid #252525!important;
    background:#fff!important;
    color:#050505!important;
    padding:0 18px!important;
    font-weight:900!important;
    min-width:0!important;
  }
  .newsletter-callout button{
    height:58px!important;
    border:0!important;
    background:#ed1717!important;
    color:#fff!important;
    padding:0 28px!important;
    font-weight:900!important;
    letter-spacing:.3px!important;
    cursor:pointer!important;
  }
  .newsletter-callout button:hover{background:#ff2424!important}
  .newsletter-callout small{
    grid-column:1/-1!important;
    margin:2px 4px 0!important;
    color:#777!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
}

@media (min-width: 1200px){
  .newsletter-callout{padding-left:6vw!important;padding-right:6vw!important}
}

/* =========================================================
   VIDA HOSTIL 3.3.6 — COMPACT DESKTOP NEWSLETTER
   Fixes fixed-header overlap and keeps the hero visible.
   ========================================================= */
@media (min-width: 761px){
  .newsletter-callout{
    order:5!important;
    min-height:0!important;
    margin-top:74px!important;
    padding:26px 5vw!important;
    grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr)!important;
    gap:56px!important;
    align-items:center!important;
    background:#050505!important;
    border-top:0!important;
    border-bottom:1px solid #202020!important;
  }
  .newsletter-callout::before{width:6px!important}
  .newsletter-callout::after{
    width:330px!important;
    height:330px!important;
    right:-120px!important;
    top:-190px!important;
    opacity:.75!important;
  }
  .newsletter-callout span{
    font-size:8px!important;
    letter-spacing:2.8px!important;
  }
  .newsletter-callout span::before{width:20px!important}
  .newsletter-callout h2{
    font:900 clamp(44px,4.1vw,64px)/.78 "Barlow Condensed"!important;
    letter-spacing:-1px!important;
    margin:8px 0 8px!important;
  }
  .newsletter-callout h2 br{display:none!important}
  .newsletter-callout p{
    max-width:520px!important;
    font-size:14px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .newsletter-callout form{
    padding:7px!important;
    gap:7px!important;
    box-shadow:none!important;
  }
  .newsletter-callout input,
  .newsletter-callout button{height:50px!important}
  .newsletter-callout button{padding:0 24px!important}
  .newsletter-callout small{
    margin:1px 3px 0!important;
    font-size:9px!important;
  }
  .hero{scroll-margin-top:74px!important}
}

@media (min-width: 761px) and (max-width: 1050px){
  .newsletter-callout{
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important;
    gap:30px!important;
    padding:24px 32px!important;
  }
  .newsletter-callout h2{font-size:48px!important}
  .newsletter-callout p{font-size:13px!important}
}

/* VIDA HOSTIL 3.3.7 — definitive responsive consolidation */
:root{--vh-header:82px;--vh-red:#ef1717}
.vh-main-header{height:var(--vh-header)!important;min-height:var(--vh-header)!important;padding:0 clamp(24px,3vw,52px)!important;background:#050505f5!important;display:flex!important;align-items:center!important;gap:28px!important}
.vh-main-header .brand-logo img{height:48px!important;max-width:230px!important}
.vh-main-header .desktop-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:clamp(18px,2vw,34px)!important;overflow:visible!important}
.vh-main-header .desktop-nav a{font-size:12px!important;white-space:nowrap!important}
.mobile-menu-toggle,.mobile-menu{display:none!important}

/* Newsletter: compact editorial strip, never a giant red banner */
.newsletter-callout{min-height:0!important;padding:26px clamp(36px,5vw,82px)!important;background:linear-gradient(100deg,#080808,#101010)!important;border-left:8px solid var(--vh-red)!important;border-top:1px solid #1d1d1d!important;border-bottom:1px solid #1d1d1d!important;color:#fff!important;display:grid!important;grid-template-columns:minmax(330px,.9fr) minmax(480px,1.1fr)!important;gap:5vw!important;align-items:center!important}
.newsletter-callout>div{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:28px!important;align-items:center!important}
.newsletter-callout span{display:none!important}
.newsletter-callout h2{font-size:clamp(42px,4.5vw,72px)!important;line-height:.82!important;margin:0!important;white-space:nowrap!important}
.newsletter-callout p{font-size:15px!important;line-height:1.45!important;margin:0!important;color:#c8c8c8!important;max-width:360px!important}
.newsletter-callout form{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;align-items:center!important}
.newsletter-callout input,.newsletter-callout button{height:54px!important}
.newsletter-callout input{background:#f5f5f5!important}
.newsletter-callout button{background:var(--vh-red)!important;min-width:180px!important}
.newsletter-callout small{color:#777!important;margin-top:7px!important}

/* Interior page titles must fit the viewport */
.archive-head h1,.legal-page h1{font-size:clamp(58px,9vw,132px)!important;overflow-wrap:anywhere!important}

/* Use images at native sharpness: no CSS blur/filter and sane rendering */
.hero,.tv,.impact article,.reels article,.archive-card,.content-card,.article-hero{filter:none!important;image-rendering:auto!important;background-repeat:no-repeat!important;background-size:cover!important}

@media(max-width:760px){
  :root{--vh-header:76px}
  .vh-main-header{height:76px!important;min-height:76px!important;padding:0 16px!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
  .vh-main-header .brand-logo{max-width:190px!important;height:auto!important}
  .vh-main-header .brand-logo img{height:44px!important;max-width:190px!important}
  .vh-main-header .desktop-nav{display:none!important}
  .mobile-menu-toggle{display:flex!important;width:46px!important;height:46px!important;flex:0 0 46px!important;background:#0a0a0a!important;border:1px solid #3a3a3a!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;padding:0!important}
  .mobile-menu-toggle span{width:23px!important;height:2px!important;background:#fff!important;display:block!important}
  .mobile-menu{display:block!important;position:fixed!important;z-index:9998!important;inset:76px 0 0!important;background:#050505!important;transform:translateX(100%)!important;transition:transform .2s ease!important;overflow-y:auto!important}
  .mobile-menu.open{transform:translateX(0)!important}
  .mobile-menu-inner{padding:18px 20px 36px!important;display:grid!important}
  .mobile-menu-inner a{padding:15px 0!important;border-bottom:1px solid #222!important;font:900 25px/1 "Barlow Condensed"!important;letter-spacing:.5px!important}
  .archive-page,.legal-page{padding:112px 22px 7vh!important}
  .archive-head h1,.legal-page h1{font-size:clamp(54px,16vw,82px)!important;line-height:.82!important;letter-spacing:-.035em!important;margin:18px 0 28px!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .archive-head p,.legal-page p{font-size:17px!important;line-height:1.6!important}
  .newsletter-callout{padding:32px 20px!important;border-left:4px solid var(--vh-red)!important;grid-template-columns:1fr!important;gap:22px!important}
  .newsletter-callout>div{display:block!important}
  .newsletter-callout h2{font-size:48px!important;white-space:normal!important;margin:0 0 12px!important}
  .newsletter-callout p{font-size:14px!important}
  .newsletter-callout form{grid-template-columns:1fr!important;gap:8px!important}
  .newsletter-callout button{width:100%!important}
  .hero{padding-top:76px!important}
  .tv{padding-top:76px!important}
}
\n\n/* =========================================================\n   VIDA HOSTIL 3.3.8 — FINAL RESPONSIVE AUDIT\n   One header, safe viewport typography, compact empty states.\n   ========================================================= */\nhtml{overflow-x:hidden}\nbody{max-width:100%;overflow-x:hidden}\n.vh-main-header{position:relative!important;z-index:9999!important;width:100%!important}\n.vh-main-header .brand-logo{min-width:0!important}\n.vh-main-header .brand-logo img{object-fit:contain!important}\n.archive-page,.legal-page,.search-page,.submit-public{width:100%!important;max-width:100%!important}\n.archive-head h1,.legal-page h1,.search-page h1{max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important}\n.category-index h2,.archive-card h2,.result h2{overflow-wrap:break-word!important;word-break:normal!important}\n.archive-empty{grid-column:1/-1!important;min-height:160px!important;display:grid!important;place-items:center!important;text-align:center!important}\n@media(min-width:761px){\n  .vh-main-header{height:84px!important;min-height:84px!important}\n  .archive-page,.legal-page,.search-page,.submit-public{padding-top:76px!important}\n  .archive-head h1,.legal-page h1,.search-page h1{font-size:clamp(64px,8vw,118px)!important}\n  .newsletter-callout{padding-top:20px!important;padding-bottom:20px!important}\n  .newsletter-callout h2{font-size:clamp(38px,3.8vw,58px)!important}\n}\n@media(max-width:760px){\n  body{width:100%!important}\n  .vh-main-header{position:relative!important;height:76px!important;min-height:76px!important;padding:0 18px!important}\n  .vh-main-header .brand-logo img{height:43px!important;max-width:180px!important}\n  .mobile-menu{top:76px!important;bottom:0!important;left:0!important;right:0!important}\n  .archive-page,.legal-page,.search-page,.submit-public{padding:42px 20px 52px!important;min-height:calc(100svh - 76px)!important}\n  .archive-head{padding-top:8px!important}\n  .archive-head h1,.legal-page h1,.search-page h1{font-size:clamp(48px,13.5vw,68px)!important;line-height:.86!important;letter-spacing:-.02em!important;margin:18px 0 22px!important}\n  .archive-head p,.legal-page p{font-size:16px!important;line-height:1.5!important;margin-bottom:0!important}\n  .category-index{margin-top:30px!important;gap:8px!important}\n  .category-index a{min-height:122px!important;padding:20px!important}\n  .category-index h2{font-size:34px!important;margin:18px 0 6px!important}\n  .archive-grid{margin-top:30px!important}\n  .archive-card{min-height:72vw!important;max-height:420px!important;padding:20px!important}\n  .archive-card h2{font-size:30px!important}\n  .search-page .search-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}\n  .search-page .search-form input,.search-page .search-form button{width:100%!important;min-height:52px!important}\n  .newsletter-callout{padding:26px 20px!important;gap:16px!important}\n  .newsletter-callout h2{font-size:42px!important;line-height:.9!important}\n  .newsletter-callout input,.newsletter-callout button{height:50px!important}\n}\n@media(max-width:390px){\n  .vh-main-header .brand-logo img{height:39px!important;max-width:165px!important}\n  .archive-head h1,.legal-page h1,.search-page h1{font-size:clamp(44px,13vw,58px)!important}\n}\n