/* Universal Experience v3 — mobile, tablet, desktop, large displays and TV */
:root{--ux-safe-top:env(safe-area-inset-top,0px);--ux-safe-right:env(safe-area-inset-right,0px);--ux-safe-bottom:env(safe-area-inset-bottom,0px);--ux-safe-left:env(safe-area-inset-left,0px);--ux-content:min(1180px,calc(100% - 32px))}
html{scroll-padding-top:112px;-webkit-tap-highlight-color:transparent}
body{min-width:320px;text-rendering:optimizeLegibility;overflow-x:clip}
main{min-height:60vh}
img,video,canvas,svg{max-inline-size:100%;block-size:auto}
button,input,textarea,select{font:inherit}
.site-menu-toggle{display:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:14px;width:46px;height:46px;padding:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.site-menu-toggle span{display:block;width:22px;height:2px;border-radius:4px;background:#fff;transition:transform .18s ease,opacity .18s ease}
.site-header.is-menu-open .site-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.is-menu-open .site-menu-toggle span:nth-child(2){opacity:0}
.site-header.is-menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-header nav a{white-space:nowrap}
.final-shell,.wrap{width:var(--ux-content)}
.section-final,.sectionx,.section{scroll-margin-top:112px}
@media (max-width:820px){
  .site-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:10px!important;padding:10px max(14px,var(--ux-safe-right)) 10px max(14px,var(--ux-safe-left))!important;flex-direction:unset!important}
  .site-header .brand{min-width:0;max-width:none!important}
  .site-header .brand span{min-width:0}.site-header .brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .brand img{width:48px;height:48px}
  .site-menu-toggle{display:flex}
  .site-header .header-cta{grid-row:2;grid-column:1/-1;width:100%;margin:0!important;min-height:48px}
  .site-header nav{display:none!important;grid-column:1/-1;grid-row:3;width:100%!important;margin:0!important;padding:8px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;order:unset!important}
  .site-header.is-menu-open nav{display:grid!important}
  .site-header nav a{min-width:0;min-height:48px!important;padding:8px 5px!important;white-space:normal;text-align:center;line-height:1.35;font-size:13px}
  .final-actions,.hero-actions,.actions{align-items:stretch}.final-actions>a,.hero-actions>a,.actions>a,.actions>button{flex:1 1 190px}
  .final-hero h1,.hero h1{letter-spacing:-.45px}
}
@media (max-width:480px){
  :root{--ux-content:min(100% - 22px,1180px)}
  html{scroll-padding-top:130px}
  .site-header .brand small{display:none!important}
  .site-header nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header nav a{font-size:13px!important}
  .final-actions>a,.hero-actions>a,.actions>a,.actions>button{flex-basis:100%}
  .float-wa,.floating-whatsapp{left:max(12px,var(--ux-safe-left));bottom:max(12px,var(--ux-safe-bottom))}
}
@media (min-width:821px) and (max-width:1199px){
  :root{--ux-content:min(1120px,calc(100% - 44px))}
  .site-header{padding-inline:clamp(18px,3vw,38px)!important;gap:12px!important}
  .site-header nav{gap:2px!important}.site-header nav a{padding-inline:8px!important;font-size:14px}
  .header-cta{padding-inline:12px!important;white-space:nowrap}
}
@media (min-width:1200px){
  :root{--ux-content:min(1340px,calc(100% - 72px))}
  .site-header{padding-inline:clamp(28px,5vw,96px)!important}
}
@media (min-width:1600px){
  :root{--ux-content:min(1540px,calc(100% - 110px))}
  .site-header{min-height:88px}.site-header nav a{font-size:17px;padding-inline:14px}.header-cta{min-height:54px;font-size:17px}
  .final-hero{padding-block:clamp(64px,6vh,110px)}.section-final{padding-block:clamp(48px,5vh,88px)}
}
[data-tv-mode="true"]{font-size:clamp(18px,1.25vw,27px)}
[data-tv-mode="true"] body{min-width:1100px}
[data-tv-mode="true"] .site-header{position:relative;min-height:96px;padding-inline:clamp(44px,5vw,120px)!important}
[data-tv-mode="true"] .site-header .brand img{width:68px;height:68px}
[data-tv-mode="true"] .site-header nav a{min-height:62px;font-size:1em;padding-inline:20px}
[data-tv-mode="true"] .header-cta{min-height:62px;font-size:1em;padding-inline:25px}
[data-tv-mode="true"] .final-shell,[data-tv-mode="true"] .wrap{width:min(1740px,calc(100% - 140px))}
[data-tv-mode="true"] .float-wa,[data-tv-mode="true"] .floating-whatsapp{font-size:1em;padding:18px 26px}
@media (prefers-reduced-motion:reduce){.site-menu-toggle span{transition:none}.site-header{scroll-behavior:auto}}
