/* Fase 52: exclusively opt-in on the Home. Legacy home.css is unchanged. */
.bb52-home{--h52-green:#025936;--h52-lime:#d4fa57;--h52-ink:#073d3c;--h52-muted:#586c70;background:#fcfbf7}
.bb52-home .h52-main{flex:1;min-width:0;color:var(--h52-ink)}
.bb52-home .h52-main h2{font-size:clamp(1.7rem,3.2vw,2.55rem);font-weight:800;letter-spacing:-.055em;line-height:1.15}
.bb52-home .h52-main p{line-height:1.55}
.bb52-home .h52-hero,.bb52-home .h52-banner{background:var(--h52-green);color:#fff}
.bb52-home .h52-hero-grid{display:grid;align-items:center;padding-top:1.5rem;padding-bottom:1.25rem;gap:1.25rem}
.bb52-home .h52-hero-copy{min-width:0}
.bb52-home .h52-city-row{display:flex;align-items:center;gap:.4rem .65rem;flex-wrap:wrap}
.bb52-home .h52-city{display:inline-flex;align-items:center;gap:.4rem;border:0;padding:.4rem 0;font-size:.75rem;text-decoration:none;max-width:100%}
.bb52-home .h52-city-change{display:inline-flex;align-items:center;border:1px solid #ffffff80;border-radius:2rem;padding:.4rem .7rem;font-size:.75rem;text-decoration:none;white-space:nowrap;flex:none}
.bb52-home .h52-city .bb51-icon{width:1rem;height:1rem}
.bb52-home .h52-hero h1{font-size:clamp(2.45rem,10.4vw,4.7rem);line-height:1.06;letter-spacing:-.058em;font-weight:800;margin:1rem 0}
.bb52-home .h52-hero h1 span{color:var(--h52-lime)}
.bb52-home .h52-lead{font-size:.93rem;max-width:31rem;margin-bottom:1.35rem}
.bb52-home .h52-cta{display:inline-flex;justify-content:center;align-items:center;gap:1.2rem;min-height:3.35rem;max-width:100%;padding:.8rem 1.5rem;border:0;border-radius:3rem;background:var(--h52-lime);color:#003b29;font-weight:800;font-size:1rem;line-height:1.3;text-decoration:none;cursor:pointer}
.bb52-home .h52-cta>span:last-child{font-size:1.7rem;line-height:1;font-weight:400}
.bb52-home .h52-support{font-size:.73rem;margin-top:.75rem}
.bb52-home .h52-hero-image{display:block;width:100%;height:auto;object-fit:contain;align-self:center}
.bb52-home .h52-section{margin-block:3rem}
.bb52-home .h52-heading-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.bb52-home .h52-heading-row p{color:var(--h52-muted);margin-top:.55rem;font-size:.93rem}
.bb52-home .h52-category-list{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 4px 1.1rem;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#88ab98 transparent}
.bb52-home .h52-category-list form{flex:0 0 42%;min-width:0;scroll-snap-align:start}
.bb52-home .h52-category{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem;width:100%;height:100%;padding:.6rem .5rem 1.25rem;color:white;background:var(--h52-green);border:2px solid transparent;border-radius:.45rem;cursor:pointer;text-align:center;line-height:1.35;min-height:13rem}
.bb52-home .h52-category>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:scale(var(--h52-asset-scale,.86)) translate(var(--h52-asset-x,0),var(--h52-asset-y,0))}
.bb52-home [data-category-id="1"]{--h52-asset-scale:.939;--h52-asset-x:-1.15%;--h52-asset-y:-.833%}
.bb52-home [data-category-id="8"]{--h52-asset-scale:.846;--h52-asset-y:.313%}
.bb52-home [data-category-id="5"]{--h52-asset-scale:.869;--h52-asset-x:-.208%;--h52-asset-y:1.771%}
.bb52-home [data-category-id="3"]{--h52-asset-scale:.928;--h52-asset-x:-.104%;--h52-asset-y:.625%}
.bb52-home [data-category-id="4"]{--h52-asset-scale:.835;--h52-asset-x:-.208%;--h52-asset-y:-.521%}
.bb52-home [data-category-id="6"]{--h52-asset-scale:.934;--h52-asset-x:-6.77%;--h52-asset-y:.521%}
.bb52-home [data-category-id="2"]{--h52-asset-scale:.865;--h52-asset-y:.521%}
.bb52-home .h52-category>span:not(.h52-selected){font-size:.88rem;min-height:2.4em;display:flex;align-items:center;justify-content:center}
.bb52-home .h52-selected{display:none;position:absolute;bottom:-.8rem;width:1.7rem;height:1.7rem;align-items:center;justify-content:center;border-radius:50%;background:var(--h52-lime);color:var(--h52-green)}
.bb52-home .h52-category[aria-pressed=true]{border-color:var(--h52-lime)}
.bb52-home .h52-category[aria-pressed=true] .h52-selected{display:flex}
.bb52-home .h52-category:disabled{cursor:wait;opacity:.75}
.bb52-home .h52-interest-status{min-height:1.5rem;margin-top:.25rem;font-size:.85rem;color:var(--h52-green)}
.bb52-home .h52-carousel-controls{display:none;gap:.5rem;flex:none}
.bb52-home .h52-carousel-controls button{border:1px solid #c6d7cd;border-radius:50%;background:white;color:var(--h52-green);width:2.75rem;height:2.75rem;cursor:pointer;font-size:1.2rem}
.bb52-home .h52-carousel-controls button:disabled{opacity:.35;cursor:default}
.bb52-home .h52-whatsapp{display:grid;gap:2rem;align-items:center}
.bb52-home .h52-section-lead{color:var(--h52-muted);margin-top:1.1rem;font-size:1rem;max-width:32rem}
.bb52-home .h52-features{display:grid;gap:1.3rem;list-style:none;padding:0;margin:1.8rem 0 0}
.bb52-home .h52-features li{display:flex;align-items:center;gap:1rem}
.bb52-home .h52-features .bb51-icon{color:var(--h52-green);width:2rem;height:2rem}
.bb52-home .h52-features h3{font-size:.95rem;font-weight:800}
.bb52-home .h52-features p{font-size:.85rem;color:var(--h52-muted);margin-top:.15rem}
.bb52-home .h52-phones{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:center;max-width:18rem;margin:auto;width:100%}
.bb52-home .h52-phones img{display:block;width:100%;height:auto;object-fit:contain}
.bb52-home .h52-phones>p{grid-column:1/-1;text-align:center;font-size:.65rem;color:var(--h52-muted)}
.bb52-home .h52-banner-grid{display:grid;gap:1.5rem;padding-block:2rem}
.bb52-home .h52-banner .h52-support{margin-top:.55rem}
.bb52-home .h52-editorial .h52-heading-row{align-items:start;flex-wrap:wrap}
.bb52-home .h52-text-link{display:inline-flex;gap:.7rem;min-height:2.75rem;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--h52-green);white-space:nowrap}
.bb52-home .h52-editorial-grid{display:grid;gap:1.8rem}
.bb52-home .h52-article{min-width:0}
.bb52-home .h52-article a{text-decoration:none;display:block}
.bb52-home .h52-article img,.bb52-home .h52-editorial-placeholder{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:.45rem;margin-bottom:.75rem}
.bb52-home .h52-editorial-placeholder{display:grid;place-items:center;background:#e7efe7;color:var(--h52-green)}
.bb52-home .h52-editorial-placeholder .bb51-icon{width:3rem;height:3rem}
.bb52-home .h52-article h3{font-size:1.05rem;font-weight:800;line-height:1.35;letter-spacing:-.025em}
.bb52-home .h52-article p{color:var(--h52-muted);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.5rem}
.bb52-home .h52-editorial-empty{color:var(--h52-muted);padding:1rem 0}
.bb52-home .h52-business{display:grid;align-items:center;gap:1.5rem}
.bb52-home .h52-business>img{width:100%;height:auto;border-radius:.5rem;object-fit:contain}
.bb52-home .h52-business h2{font-size:clamp(1.6rem,2.8vw,2rem)}
.bb52-home .h52-business p{font-size:.93rem;color:var(--h52-muted);margin-top:.8rem}
.bb52-home .h52-business-cta{display:inline-flex;gap:1rem;align-items:center;justify-content:center;border:1px solid var(--h52-green);border-radius:2rem;padding:.7rem 1.3rem;margin-top:1.1rem;text-decoration:none;font-size:.9rem;font-weight:700;min-height:2.75rem}
.bb52-home .h52-city-picker{border:1px solid #bacfc3;border-radius:.65rem;margin-top:1rem;font-size:.9rem}
.bb52-home .h52-city-picker summary{padding:1rem;cursor:pointer;font-weight:700}
.bb52-home .h52-city-picker>div{padding:0 1rem 1rem}
.bb52-home .h52-city-picker[data-city-resolved=true]:not([open]){display:none}
.bb52-home .h52-search-row{display:flex;gap:.5rem;margin-block:.6rem}
.bb52-home .h52-search-row input{min-width:0;flex:1;font-size:1rem;border:1px solid #7c9b8e;border-radius:.4rem;padding:.65rem;background:white;color:var(--h52-ink)}
.bb52-home #home-city-results{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.bb52-home #home-city-results button{width:100%;text-align:left;padding:.65rem;min-height:2.75rem;border:1px solid #bacfc3;border-radius:.4rem;cursor:pointer;background:#f0f8f2;color:var(--h52-ink)}
.bb52-home .h52-sticky{position:fixed;left:0;right:0;bottom:calc(var(--bb51-nav-height) + var(--bb51-safe-bottom));z-index:4;background:#fffefaf5;border-top:1px solid #dce6df;padding:.65rem max(1rem,env(safe-area-inset-left));text-align:center;box-shadow:0 -4px 16px #003b2912}
.bb52-home .h52-sticky .h52-cta{width:100%;min-height:2.8rem;font-size:.9rem}
.bb52-home.h52-sticky-enabled{padding-bottom:calc(var(--bb51-nav-height) + var(--bb51-safe-bottom) + 5.5rem)}
.bb52-home [hidden]{display:none!important}
.bb52-home .cm-dialog .community-button{display:inline-flex;border:0;border-radius:2rem;padding:.8rem 1.2rem;background:var(--h52-green);color:white;font-weight:700;text-decoration:none}
.bb52-home .h52-hero :focus-visible,.bb52-home .h52-banner :focus-visible,.bb52-home .h52-category:focus-visible{outline:3px solid var(--h52-lime);outline-offset:4px}
@media(min-width:48rem){
 .bb52-home .h52-hero-grid{grid-template-columns:1fr 1.12fr;gap:1.5rem;padding-block:2.2rem}
 .bb52-home .h52-hero h1{font-size:clamp(2.5rem,4.65vw,4.15rem)}
 .bb52-home .h52-section{margin-block:4.5rem}
 .bb52-home .h52-category-list form{flex-basis:22%}
 .bb52-home .h52-carousel-controls:not([hidden]){display:flex}
 .bb52-home .h52-phones{grid-template-columns:repeat(2,minmax(0,1fr));max-width:38rem;gap:1rem}
 .bb52-home .h52-banner-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:2rem}
 .bb52-home .h52-banner-grid>div{text-align:center}
 .bb52-home .h52-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
 .bb52-home .h52-business{grid-template-columns:1.1fr 1fr;gap:3rem}
}
@media(min-width:64rem){
 .bb52-home .h52-whatsapp{grid-template-columns:1fr 1.1fr;gap:2rem}
 .bb52-home .h52-category-list form{flex-basis:calc((100% - 4rem)/6)}
 .bb52-home .h52-hero-grid{gap:1.6rem;padding-block:2.6rem}
 .bb52-home .h52-lead{font-size:1rem}
 .bb52-home .h52-sticky{display:none}
 .bb52-home.h52-sticky-enabled{padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.bb52-home .h52-category-list{scroll-behavior:auto}}
@media(min-width:48rem) and (hover:hover) and (pointer:fine){
 .bb52-home .h52-category-list{scrollbar-color:transparent transparent}
 .bb52-home .h52-category-list:hover,.bb52-home .h52-category-list:focus-within{scrollbar-color:#88ab98 transparent}
 .bb52-home .h52-category-list::-webkit-scrollbar{height:6px}
 .bb52-home .h52-category-list::-webkit-scrollbar-thumb{background:transparent;border-radius:1rem}
 .bb52-home .h52-category-list:hover::-webkit-scrollbar-thumb,.bb52-home .h52-category-list:focus-within::-webkit-scrollbar-thumb{background:#88ab98}
}