/*
Theme Name: H2O Regional
Author: Reginaldo Osnildo | Comunica SEM FIO
Description: Portal editorial Folha H2O, responsivo, com rádio ao vivo e configuração pelo painel. Sem dependência de construtor visual.
Version: 1.4.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: h2o-regional
*/
:root{--paper:#F5F1E8;--ink:#162923;--green:#103F36;--turquoise:#00B8C4;--deep:#083642;--line:#dcded4;--muted:#64716c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;padding-bottom:92px}a{color:inherit;text-decoration:none}a:hover{color:#007d87}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:600;line-height:1.08;letter-spacing:-.035em}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e3ad28;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.topline{background:var(--green);color:#e0e9e2;font-size:10px;letter-spacing:.13em}.topline .wrap{display:flex;justify-content:space-between;padding-block:9px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.brand-group{display:flex;align-items:center;gap:28px}.brand{font-size:70px;font-weight:900;font-style:italic;color:var(--turquoise);line-height:.85;letter-spacing:-6px}.brand small{font-size:14px;letter-spacing:.04em;color:var(--deep);display:block;text-align:right;font-style:normal;margin-top:8px}.custom-logo{max-width:230px;max-height:90px;width:auto}.slogan{font-size:12px;font-weight:800;letter-spacing:.13em;max-width:190px}.folha-brand{font-family:Georgia,serif;font-size:32px;line-height:1;color:var(--green);letter-spacing:-1.4px}.folha-brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;text-align:center;margin-top:9px}.nav-border{border-block:1px solid var(--line)}.navigation{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}.menu{list-style:none;display:flex;gap:26px;padding:0;margin:0}.menu li{position:relative}.menu a{font-size:13px;font-weight:700;display:block;padding:16px 0}.menu .sub-menu{display:none;position:absolute;top:100%;left:0;list-style:none;background:var(--paper);padding:8px 20px;min-width:200px;z-index:10;border:1px solid var(--line)}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.nav-actions{display:flex;gap:24px;align-items:center}.search-link{font-size:12px}.listen{display:flex;align-items:center;gap:12px;background:var(--deep);color:white;border:0;border-radius:4px;padding:10px 20px;text-align:left;font-size:11px;font-weight:bold;letter-spacing:.04em;white-space:nowrap}.listen small{display:block;font-weight:normal;font-size:9px;opacity:.8}.play-icon{border:1px solid var(--turquoise);color:#36d0d7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.menu-toggle{display:none}.search-area{font-size:12px;padding-block:6px}.search-area summary{cursor:pointer;color:var(--muted)}.search-form{display:flex;gap:8px;max-width:650px;margin:16px 0}.search-form label{flex:1}.search-form input{width:100%;padding:12px;border:1px solid var(--line);background:white;min-width:0}.search-form button,.button{background:var(--green);color:white;border:0;padding:13px 20px;border-radius:3px;display:inline-block;font-size:13px}.intro{display:flex;justify-content:space-between;align-items:center;padding-block:22px;font-size:11px;color:var(--muted)}.eyebrow{display:block;font:700 10px Arial,sans-serif;color:#007c84;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.intro .eyebrow{margin:0}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:28px;margin-bottom:38px}.lead{display:grid;grid-template-columns:1.05fr 1fr;gap:28px}.lead-image img,.lead-image .image-placeholder{width:100%;height:100%;object-fit:cover;min-height:350px}.lead-copy{padding-top:12px}.lead h1{font-size:clamp(32px,3.2vw,49px);margin-bottom:20px}.lead-copy p{font-size:13px;line-height:1.7;color:var(--muted)}.read-more{font:700 10px Arial,sans-serif;letter-spacing:.1em;color:#007c84;display:inline-flex;gap:25px;margin-top:10px}.side-news{display:flex;flex-direction:column;gap:20px;border-left:1px solid var(--line);padding-left:24px}.news-card h3{font-size:24px;margin-bottom:10px}.news-card time{font-size:10px;color:var(--muted)}.card-image{display:block;overflow:hidden;margin-bottom:14px}.card-image img,.card-image .image-placeholder{aspect-ratio:3/2;width:100%;object-fit:cover}.compact{display:grid;grid-template-columns:100px 1fr;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px}.compact:last-child{border:0;padding:0}.compact .card-image{margin:0}.compact h3{font-size:18px;letter-spacing:-.02em}.compact .eyebrow{font-size:9px;margin-bottom:6px}.compact time{display:none}.compact img,.compact .image-placeholder{height:100px;aspect-ratio:1}.image-placeholder{background:linear-gradient(135deg,#126352,#0b3944);color:#70e0d9;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px}.image-placeholder span{font-size:46px;font-style:italic;font-weight:900;letter-spacing:-4px}.image-placeholder small{font-size:7px;letter-spacing:.12em}.explains{background:var(--green);color:var(--paper);padding:30px 0 36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:25px}.section-heading h2{font-size:34px;margin:0}.section-heading p,.section-heading>span{font-size:11px;margin:0;line-height:1.5}.section-heading>a{font-size:11px;white-space:nowrap}.cards{display:grid;gap:26px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.explains .news-card{background:var(--paper);color:var(--ink);padding-bottom:18px}.explains .news-card>div{padding:0 16px}.explains .news-card h3{font-size:21px}.explains .card-image{margin-bottom:16px}.advertisement{text-align:center;margin-block:32px}.advertisement>span{display:block;color:var(--muted);font-size:8px;letter-spacing:.18em;margin-bottom:8px}.advertisement img{margin:auto;max-height:220px;object-fit:contain}.latest{padding-block:42px}.latest .news-card{border-bottom:1px solid var(--line);padding-bottom:22px}.all-news{display:block;text-align:center;border:1px solid var(--line);margin-top:30px;padding:12px;font-size:12px}.community{display:flex;justify-content:space-between;align-items:center;padding:35px;background:#e8ede5;gap:30px;margin-top:16px;margin-bottom:50px;border-top:3px solid var(--turquoise)}.community h2{font-size:40px;margin-bottom:14px}.community p{font-size:13px;color:var(--muted);margin:0;max-width:440px}.community-mark{font-weight:900;font-style:italic;font-size:90px;color:var(--turquoise);letter-spacing:-8px}.site-footer{background:var(--green);color:#e1e9e3;padding-block:40px 24px}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-main strong{font-size:28px}.footer-main strong span{font:22px Georgia,serif}.footer-main p{font-size:12px;max-width:400px;margin-top:14px}.footer-main .menu{flex-wrap:wrap}.credits{border-top:1px solid #ffffff26;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;gap:20px}.radio-bar{position:fixed;bottom:0;left:0;right:0;background:var(--deep);color:#fff;z-index:50;border-top:3px solid var(--turquoise);padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 30px #0001}.radio-inner{display:flex;align-items:center;gap:18px}.radio-main{width:42px;height:42px;flex-shrink:0;border:0;border-radius:50%;background:var(--turquoise);color:var(--deep)}.radio-info{flex:1;min-width:0}.radio-info strong{font-size:20px;font-style:italic}.radio-info strong span{font-style:normal;font-weight:400;font-size:11px}.radio-info small{display:block;font-size:10px;color:#d4e8e9}.volume{font-size:10px;display:flex;align-items:center;gap:10px}.volume input{width:100px;accent-color:var(--turquoise)}.radio-external{font-size:10px;color:#85e5e3}.listing{padding-block:45px}.listing h1{font-size:42px}.pagination{margin:40px 0}.page-numbers{display:inline-block;padding:8px 15px;border:1px solid var(--line)}.page-numbers.current{background:var(--green);color:white}.article-wrap{max-width:900px;padding-block:40px}.article h1{font-size:clamp(34px,5vw,58px);margin-top:18px}.byline{color:var(--muted);font-size:12px}.article-cover{margin:25px 0}.article-cover img{width:100%}.article-cover figcaption{font-size:11px;color:var(--muted);margin-top:8px}.entry-content{font-family:Georgia,serif;font-size:20px;line-height:1.8;overflow-wrap:anywhere}.entry-content a{text-decoration:underline;color:#007c84}.entry-content h2{font-size:34px;margin-top:32px}.entry-content iframe{max-width:100%}.entry-content blockquote{border-left:4px solid var(--turquoise);padding-left:22px;margin:24px 0}.article-end{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.empty-hero{padding-block:60px}.empty-hero h1{font-size:clamp(44px,7vw,84px)}.comments input:not([type=checkbox]),.comments textarea{display:block;width:100%;padding:10px}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{clip-path:none;width:auto;height:auto;top:10px;left:10px;z-index:100;background:white;padding:15px}.home-widgets{padding-block:20px}
@media(max-width:1050px){.slogan{max-width:140px;font-size:10px}.menu{gap:16px}.hero{grid-template-columns:1fr}.side-news{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;padding-left:0}.compact{grid-template-columns:85px 1fr;border-bottom:0}.compact img{height:85px}.lead-image img{max-height:460px}.four{gap:16px}}
@media(max-width:700px){body{padding-bottom:100px}.wrap{width:calc(100% - 36px)}.topline{font-size:8px}.site-header{padding-block:22px;gap:12px}.brand{font-size:52px}.brand small{font-size:11px}.brand-group{gap:18px}.slogan{font-size:9px;max-width:105px}.folha-brand{font-size:18px;letter-spacing:-.5px}.folha-brand small{font-size:5px;letter-spacing:.06em}.custom-logo{max-width:130px}.navigation{flex-wrap:wrap;position:relative;min-height:60px;gap:0}.menu-toggle{display:block;border:0;background:transparent;color:var(--green);font-size:20px;padding:8px 0}.menu-toggle span{font-size:12px}.navigation nav{display:none;width:100%;order:3;padding-bottom:12px}.navigation nav.is-open{display:block}.navigation .menu{display:block}.navigation .menu a{padding:9px 0}.menu .sub-menu{display:block;position:static;border:0;padding-left:15px}.nav-actions{gap:16px}.listen{padding:8px 12px}.intro{padding-block:18px}.intro>span:last-child{display:none}.hero{gap:24px;margin-bottom:28px}.lead{display:flex;flex-direction:column;gap:16px}.lead-image img,.lead-image .image-placeholder{min-height:220px;max-height:330px;aspect-ratio:4/3}.lead-copy{padding:0}.lead h1{font-size:40px;margin-bottom:14px}.lead-copy p{font-size:14px}.side-news{grid-template-columns:1fr;gap:16px}.compact{grid-template-columns:100px 1fr;border-bottom:1px solid var(--line)}.compact h3{font-size:22px}.compact img{height:100px}.four,.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.section-heading{gap:16px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:30px}.section-heading p{display:none}.news-card h3{font-size:21px}.explains .news-card h3{font-size:19px}.community{padding:24px;display:block}.community h2{font-size:34px}.community .button{margin-top:24px}.community-mark{display:none}.footer-main{display:block}.credits{flex-direction:column;gap:8px}.radio-inner{gap:12px}.volume{display:none}.radio-external{max-width:85px;font-size:9px}.radio-info small{font-size:9px}.search-form button{padding-inline:12px}.entry-content{font-size:18px}.listing .section-heading h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editorial 1.1: one local font, no font CDN, no animation library. */
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--paper-2:#efece4;--ink-2:#3a4a44;--green-2:#0d2f25;--radius:10px}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700}.site-header{padding-block:32px}.slogan{border-left:2px solid var(--turquoise);padding-left:20px}.folha-brand{font-size:34px}.lead h1{font-size:clamp(38px,4vw,60px);line-height:1.04}.hero{gap:30px;margin-top:10px;margin-bottom:54px}.lead{grid-template-columns:1.08fr 1fr}.lead-image{overflow:hidden;border-radius:var(--radius)}.lead-image img,.lead-image .image-placeholder{min-height:410px}.lead-copy p{font-size:15px;color:var(--ink-2)}.card-image{border-radius:var(--radius)}.eyebrow{font-size:11px}.compact h3{font-size:21px}.compact{grid-template-columns:90px 1fr}.compact .card-image img{height:95px}.explains{background:linear-gradient(120deg,var(--green),var(--green-2));padding-block:44px}.explains .news-card{border-radius:var(--radius);overflow:hidden}.explains .card-image{border-radius:0}.explains .news-card h3{font-size:23px}.explains .section-heading{margin-bottom:30px}.explains .news-card .eyebrow{font-size:10px}.programs{background:var(--paper-2);padding-block:48px}.program-card .card-image img,.program-card .image-placeholder{aspect-ratio:1;object-fit:cover}.program-card h3{font-size:25px;margin:18px 0 10px}.program-card p{font-size:14px;color:var(--ink-2);line-height:1.6}.latest{padding-block:48px}.news-timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:75px minmax(0,1fr) 28px;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:24px 0}.timeline-row time{font-size:15px;color:#007c84;padding-top:3px}.timeline-row time small{display:block;color:var(--muted);font-size:11px}.timeline-row h3{font-size:26px;margin:0;line-height:1.25}.timeline-row .eyebrow{margin-bottom:7px}.timeline-arrow{align-self:center;color:var(--green)}.timeline-row:hover{background:#00B8C405}.player-separate{font-size:11px;color:#d8f5f2}.standalone-radio{padding:0;background:var(--deep);color:white}.standalone-radio main{max-width:600px;padding-block:70px}.standalone-radio .brand{display:inline-block;margin-bottom:35px}.standalone-radio .brand small{color:#85e5e3}.standalone-radio h1{font-size:46px}.standalone-radio audio{width:100%;margin:25px 0}.standalone-radio p{font-size:15px}.standalone-radio p a{color:#85e5e3}.menu a{font-size:14px}.entry-content{font-family:Arial,Helvetica,sans-serif;font-size:19px}.section-heading>span,.section-heading>a{font-size:12px}.community{border-radius:var(--radius)}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.lead h1{font-size:clamp(40px,5.5vw,60px)}.compact{grid-template-columns:80px 1fr}.compact h3{font-size:20px}.programs .four{grid-template-columns:repeat(2,minmax(0,1fr))}.volume{display:none}}
@media(max-width:700px){.site-header{padding-block:24px}.slogan{display:none}.folha-brand{font-size:25px}.folha-brand small{font-size:7px}.brand{font-size:58px}.intro{padding-block:20px}.lead-image img,.lead-image .image-placeholder{min-height:0;height:auto;aspect-ratio:4/3;max-height:none}.lead-image .image-placeholder{min-height:245px}.lead h1{font-size:clamp(36px,10vw,46px)}.lead-copy p{font-size:16px}.hero{margin-bottom:36px}.compact{grid-template-columns:100px minmax(0,1fr)}.compact h3{font-size:23px}.explains{padding-block:34px}.explains .four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 0 15px;overscroll-behavior-x:contain}.explains .news-card{flex:0 0 82%;scroll-snap-align:start}.explains .news-card h3{font-size:25px}.explains .card-image img{aspect-ratio:16/10}.programs{padding-block:36px}.program-card h3{font-size:23px}.latest{padding-block:36px}.timeline-row{grid-template-columns:48px minmax(0,1fr);gap:16px;padding-block:20px}.timeline-row h3{font-size:23px}.timeline-arrow{display:none}.radio-inner{gap:10px}.radio-external{display:none}.player-separate{font-size:10px;max-width:70px;line-height:1.3}.radio-info small{font-size:11px}.radio-info strong{font-size:18px}.radio-bar{min-height:82px}.community h2{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.news-card .card-image img,.program-card img{transition:transform .18s ease}.news-card:hover .card-image img,.program-card:hover img{transform:scale(1.025)}}

/* Commercial inventory: reserved ratios, one creative per slot. */
.h2o-commercial{margin-block:26px;min-width:0}.h2o-commercial[hidden],.commercial-business[hidden]{display:none!important}.commercial-label{display:block;text-align:center;font:9px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.commercial-demo,.commercial-creative{border:1px solid var(--line);border-radius:8px;overflow:hidden}.commercial-demo{aspect-ratio:4.8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding:24px 5%;background:linear-gradient(115deg,#103F36 0%,#083642 75%,#007f89 100%);color:white;gap:8px}.commercial-demo strong{font:700 clamp(20px,2.4vw,34px) Fraunces,Georgia,serif;max-width:80%;line-height:1.1}.commercial-demo>span:not(.commercial-demo-tag){font-size:12px;color:#dceceb;max-width:80%}.commercial-demo-tag{font-size:9px;letter-spacing:.12em;color:#b0e8e6}.commercial-demo>b{position:absolute;right:4%;bottom:20px;font-size:11px;letter-spacing:.04em}.commercial-demo em{font-size:24px;color:#67e0e2}.commercial-creative{display:block;background:#edf1ec;color:var(--ink)}.commercial-creative picture{display:block}.commercial-creative img{width:100%;aspect-ratio:4.8;object-fit:contain}.commercial-square{max-width:600px;margin-inline:auto}.commercial-square .commercial-demo,.commercial-square .commercial-creative img{aspect-ratio:1.2}.commercial-square .commercial-demo{padding:36px}.commercial-square .commercial-demo strong{font-size:clamp(26px,4vw,42px);max-width:100%}.commercial-copy{padding:22px;display:flex;flex-direction:column;gap:10px}.commercial-copy strong{font-size:22px}.commercial-copy span{font-size:14px}.commercial-copy b{font-size:12px;color:#006f78}.commercial-compact{margin-block:12px}.commercial-compact .commercial-demo{aspect-ratio:auto;padding:12px 18px;gap:4px}.commercial-compact .commercial-demo strong{font:700 14px Arial,sans-serif;max-width:100%}.commercial-compact .commercial-demo>span:not(.commercial-demo-tag){font-size:11px}.commercial-compact .commercial-creative{display:flex;align-items:center;padding:8px 16px;gap:14px}.commercial-compact .commercial-creative img{width:100px;max-height:45px;aspect-ratio:3;object-fit:contain}.commercial-compact .commercial-copy{padding:0;gap:3px}.commercial-compact .commercial-copy strong{font-size:14px}.commercial-compact .commercial-copy span{font-size:11px}.explains .commercial-label{color:#c3d9ce}.commercial-business{padding-block:20px 40px}.slot-D07 .commercial-output{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.slot-D07 .commercial-creative img{aspect-ratio:1.5;object-fit:cover}.slot-D07 .commercial-copy strong{font-size:19px}.slot-D07 .commercial-demo{aspect-ratio:6}.slot-D06{max-width:230px;margin:0 0 0 auto}.slot-D06 .commercial-label{text-align:left;font-size:8px;color:#b0e8e6;margin-bottom:3px}.slot-D06 .commercial-demo{padding:0;border:0;background:none}.slot-D06 .commercial-demo-tag,.slot-D06 .commercial-demo>span:not(.commercial-demo-tag){display:none}.slot-D06 .commercial-creative{padding:0;border:0;background:none;color:white;gap:7px}.slot-D06 .commercial-creative img{width:65px;max-height:26px}.slot-D06 .commercial-copy span{display:none}.radio-inner{gap:16px}.slot-D02 .commercial-creative img{aspect-ratio:5}.slot-D02 .commercial-demo{aspect-ratio:5}
@media(max-width:1050px){.slot-D07 .commercial-output{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-external{display:none}.slot-D06{max-width:180px}}
@media(max-width:700px){.h2o-commercial{margin-block:20px}.commercial-demo,.commercial-creative img,.slot-D02 .commercial-demo,.slot-D02 .commercial-creative img{aspect-ratio:3.2}.commercial-demo{padding:16px;gap:6px}.commercial-demo strong{font-size:21px;max-width:95%}.commercial-demo>span:not(.commercial-demo-tag){font-size:10px;max-width:90%}.commercial-demo>b{display:none}.commercial-demo-tag{font-size:8px}.commercial-square .commercial-demo{padding:25px}.commercial-square .commercial-demo strong{font-size:32px}.commercial-compact .commercial-demo{aspect-ratio:auto}.slot-D07 .commercial-output{grid-template-columns:1fr 1fr;gap:10px}.slot-D07 .commercial-copy{padding:14px}.slot-D07 .commercial-copy strong{font-size:17px}.slot-D07 .commercial-demo{aspect-ratio:2.4}.slot-D06{margin:0;max-width:110px}.slot-D06 .commercial-demo strong,.slot-D06 .commercial-copy strong{font-size:10px}.slot-D06 .commercial-creative img{width:40px}.slot-D06 .commercial-creative{flex-wrap:wrap;gap:2px}.radio-inner{gap:9px}.player-separate{max-width:64px;font-size:9px}.radio-info{min-width:0}.radio-info strong{font-size:14px}.radio-info small{max-width:110px}.radio-main{flex-shrink:0}}

.commercial-has-items:not(.commercial-compact):not(.slot-D07) .commercial-output{aspect-ratio:4.8}.commercial-has-items.commercial-square .commercial-output{aspect-ratio:1.2}.commercial-has-items:not(.commercial-compact):not(.slot-D07) .commercial-creative{height:100%}.commercial-has-items:not(.commercial-compact) .commercial-creative:not(:has(picture)){display:flex;align-items:center;justify-content:center}.commercial-has-items .commercial-demo{display:none}
@media(max-width:700px){.commercial-has-items:not(.commercial-compact):not(.slot-D07):not(.commercial-square) .commercial-output{aspect-ratio:3.2}}

.h2o-popup{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 16px 80px #0005;overflow:auto}.h2o-popup:not([open]){display:none}.h2o-popup::backdrop{background:#082d35b8}.popup-toolbar{position:sticky;top:0;z-index:1;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.popup-toolbar>span{font-size:10px;letter-spacing:.12em}.popup-close{min-height:44px;min-width:94px;border:1px solid var(--green);border-radius:6px;color:var(--green);background:white;font-size:14px;font-weight:bold}.h2o-popup .slot-D08{margin:0 14px}.h2o-popup .commercial-label{display:none}.h2o-popup .commercial-demo{aspect-ratio:1;padding:28px;gap:18px}.h2o-popup .commercial-demo strong{max-width:100%;font-size:clamp(28px,6vw,40px)}.h2o-popup .commercial-demo>span:not(.commercial-demo-tag){font-size:15px;max-width:100%}.h2o-popup .commercial-creative img{aspect-ratio:auto;max-height:calc(100dvh - 160px);width:100%;object-fit:contain}.h2o-popup .commercial-output{aspect-ratio:auto!important}.popup-note{font:11px Arial,sans-serif;text-align:center;margin:14px;color:var(--muted)}html.h2o-popup-open{overflow:hidden}@media(max-width:700px){.h2o-popup .commercial-demo{aspect-ratio:.8}.h2o-popup .commercial-demo strong{font-size:32px}}

/* Approved identity: FOLHA H2O | REGIONAL */
.portal-brand{display:flex;align-items:baseline;gap:15px;font:700 clamp(26px,3.4vw,48px) Fraunces,Georgia,serif;color:var(--green);letter-spacing:-.04em;white-space:nowrap}.portal-brand b{font-family:Arial,sans-serif;color:var(--turquoise);font-style:italic;letter-spacing:-.07em}.portal-region{font:400 clamp(17px,2.2vw,28px) Arial,sans-serif;letter-spacing:.02em}.portal-signature{display:flex;flex-direction:column;gap:8px;text-align:right;font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--deep)}.portal-signature small{font-size:9px;font-weight:400;letter-spacing:0}.commercial-demo{background:linear-gradient(115deg,#103F36,#083642)}
@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column;gap:13px;padding-block:23px}.portal-brand{gap:8px;font-size:30px}.portal-region{font-size:17px}.portal-signature{text-align:left;font-size:9px;gap:4px}.portal-signature small{font-size:9px}}

/* Signature 1.4.0: outlined master, fixed proportions, responsive descriptors. */
.site-header{justify-content:center;padding-block:30px}.portal-logo{display:block;width:min(100%,820px);padding:12px 0;color:var(--deep)}.portal-logo picture{display:block}.portal-logo img{display:block;width:100%;height:auto}.portal-logo-mobile{display:none}
@media(max-width:700px){.site-header{align-items:center;padding-block:22px}.portal-logo{width:100%;padding:8px 0}.portal-logo img{aspect-ratio:904.308578/94;object-fit:contain}.portal-logo-mobile{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;font:9px Arial,sans-serif;letter-spacing:.05em}.portal-logo-mobile b{font-size:10px;white-space:nowrap}}


@media(max-width:700px){.portal-logo img{aspect-ratio:879.6347499999999/94}.portal-logo-mobile{display:grid;grid-template-columns:43.9405% 26.9998% auto;gap:0}.portal-logo-mobile b{font-size:13px;text-align:right;letter-spacing:0}.portal-logo-mobile>span{font-size:8px}}

.brand-asset{display:block;height:auto;object-fit:contain}.footer-brand{width:330px;max-width:100%;margin-bottom:20px}.radio-brand{width:100px;height:auto;max-height:44px;object-position:left center}.standalone-brand{display:block;width:240px;max-width:100%;margin-bottom:36px}.placeholder-brand{width:78%;max-width:360px;height:auto!important;min-height:0!important;object-fit:contain!important}.community-brand{width:330px;max-width:40%}.commercial-demo .ad-brand{position:absolute;right:4%;bottom:16px;width:220px;max-width:48%;height:auto;aspect-ratio:auto}.h2o-popup .commercial-demo .ad-brand{position:static;margin-top:24px;width:100%;max-width:100%}.commercial-demo{padding-bottom:44px}
@media(max-width:700px){.radio-brand{width:90px;max-height:40px}.commercial-demo .ad-brand{width:150px;max-width:48%;bottom:10px}.commercial-demo{padding-bottom:34px}.community-brand{max-width:100%;width:260px;margin-top:20px}.footer-brand{width:280px}}

@media(max-width:700px){.portal-logo-mobile{justify-content:start;grid-template-columns:43.9405% 26.9998% 1fr}.commercial-demo:not(.commercial-compact .commercial-demo){height:auto;min-height:150px}.commercial-demo .ad-brand{position:static;align-self:flex-end;margin-top:10px;flex-shrink:0}.commercial-demo{padding-bottom:14px}.commercial-square .commercial-demo{min-height:270px}}

@media(max-width:700px){.h2o-commercial .commercial-demo{aspect-ratio:auto!important;width:100%;min-width:0}.commercial-demo .ad-brand{max-width:100%;width:150px}.h2o-popup .commercial-demo .ad-brand{width:100%}}

/* Brand revision 02: upright master, editorial lockup without frequency. */
.portal-logo img{aspect-ratio:auto}.radio-brand{width:106px;max-height:64px}.radio-inner{min-height:86px}
@media(max-width:700px){.portal-logo img{aspect-ratio:auto}.portal-logo-mobile{display:block;text-align:center;margin-top:6px}.portal-logo-mobile>span{font-size:10px}.radio-brand{width:90px;max-height:54px}.radio-inner{min-height:88px}}
