/* Shared behavior, inherited brand palette. No tracking or third-party runtime. */
:root{--experience-accent:#8578ff;--experience-header-height:80px}
html{scroll-padding-top:calc(var(--experience-header-height) + 18px)}
html[data-language] main :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
.experience-sticky{position:fixed!important;top:0!important;inset-inline:0;z-index:1000!important;transform:none!important;isolation:isolate;overflow:visible!important}
.experience-sticky.is-scrolled{box-shadow:0 10px 32px #00000018}
.experience-header-row{position:relative}
.experience-language{position:relative;flex:0 0 auto;margin-inline-start:10px;font:inherit;z-index:1003;color:inherit;line-height:1.2}
.experience-language-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:70px;padding:10px 12px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.experience-language-trigger svg{width:17px;height:17px;flex:none}
.experience-language-menu{position:absolute;inset-block-start:calc(100% + 9px);inset-inline-end:0;min-width:190px;margin:0;padding:6px;border:1px solid #ffffff24;border-radius:12px;background:#10202d;color:#f3f8fc;box-shadow:0 16px 40px #0005;max-height:min(360px,70dvh);overflow:auto}
.experience-language-menu[hidden]{display:none}
.experience-language-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:0;border-radius:7px;background:none;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.experience-language-menu button[aria-checked=true]{background:#ffffff17;font-weight:750}
.experience-language-menu button:hover{background:#ffffff12}
.experience-language-trigger:focus-visible,.experience-language-menu button:focus-visible,.experience-whatsapp:focus-visible{outline:3px solid var(--experience-accent);outline-offset:4px}
.experience-whatsapp{position:fixed;inset-inline-end:max(18px,env(safe-area-inset-right));inset-block-end:max(20px,env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #ffffff80;border-radius:50%;background:#087f5b;color:white;box-shadow:0 6px 24px #0003;text-decoration:none;isolation:isolate;touch-action:manipulation}
.experience-whatsapp svg{width:31px;height:31px;display:block}
.experience-whatsapp:before{content:"";position:absolute;inset:-2px;border:2px solid #20b486;border-radius:inherit;animation:experience-contact-pulse 3s ease-out infinite;pointer-events:none}
.experience-whatsapp:hover{background:#066b4c}
.experience-whatsapp-label{position:absolute;inset-inline-end:calc(100% + 12px);padding:8px 11px;background:#10202d;color:white;border-radius:8px;font:600 13px/1.3 system-ui;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .16s}
.experience-whatsapp:hover .experience-whatsapp-label,.experience-whatsapp:focus-visible .experience-whatsapp-label{opacity:1;visibility:visible}
.experience-annual{position:relative;outline:2px solid var(--experience-accent);outline-offset:2px;box-shadow:0 14px 40px color-mix(in srgb,var(--experience-accent) 17%,transparent)}
.experience-annual-ribbon{position:absolute;top:-14px;left:20px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border-radius:6px;background:var(--experience-accent);color:var(--experience-accent-ink,#101522);font:inherit;font-size:12px;font-weight:750;line-height:1.3;letter-spacing:0;text-transform:none}
.experience-annual:not(.featured):not(.plan-long){background-image:linear-gradient(145deg,color-mix(in srgb,var(--experience-accent) 14%,transparent),transparent 65%)}
.experience-annual:not(.featured):not(.plan-long) .button{background:var(--experience-accent);border-color:var(--experience-accent);color:var(--experience-accent-ink)}
.experience-annual-ribbon svg{width:14px;height:14px}
.experience-sticky [aria-expanded=true]+.experience-language{z-index:1004}
body:has(.experience-whatsapp) footer{padding-bottom:max(95px,env(safe-area-inset-bottom))}
@keyframes experience-contact-pulse{0%,12%{opacity:.65;transform:scale(1)}36%,100%{opacity:0;transform:scale(1.48)}}
@media(max-width:760px){.experience-language{margin-inline-start:auto;margin-inline-end:8px}.experience-language-trigger{min-width:62px;padding:8px;gap:5px;min-height:44px}.experience-sticky .country,.experience-sticky .market,.experience-sticky .language{display:none!important}.experience-whatsapp{width:54px;height:54px;inset-inline-end:max(14px,env(safe-area-inset-right));inset-block-end:max(16px,env(safe-area-inset-bottom))}.experience-whatsapp svg{width:29px;height:29px}.experience-whatsapp-label{display:none}.experience-header-row{gap:8px!important}.experience-header-row>.brand{min-width:0;margin-inline-end:auto}.experience-header-row>.brand span{overflow-wrap:anywhere}.experience-header-row>.header-cta,.experience-header-row>.header-extra{display:none!important}.experience-header-row .nav-actions{gap:7px}.experience-annual{outline-offset:0}.experience-sticky nav{max-height:calc(100dvh - var(--experience-header-height) - 12px);overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.experience-whatsapp:before{animation:none;opacity:0}.experience-whatsapp-label{transition:none}}
@media(max-width:1100px){.experience-sticky:has(#mobile-nav) .header-cta{display:none!important}.experience-sticky:has(#mobile-nav) .menu-button{display:flex;width:44px;height:44px}.experience-sticky:has(#mobile-nav) .main-nav{display:none;position:absolute;inset-inline:0;top:100%;height:auto;background:#11101e;padding:12px 20px;border-bottom:1px solid #ffffff20}.experience-sticky:has(#mobile-nav) .main-nav.is-open{display:flex;flex-direction:column}.experience-sticky:has(#mobile-nav) .main-nav a{padding:14px 12px;font-size:14px}.experience-sticky:has(#mobile-nav) .experience-language{margin-inline-start:auto}}
@media(max-width:760px){.experience-header-row>.brand{font-size:18px;max-width:calc(100vw - 160px)}.experience-header-row .nav-actions>.button{display:none!important}.experience-header-row>.brand svg,.experience-header-row>.brand img{flex-shrink:0}.experience-sticky .flag{display:none}}
@media(max-width:760px){.experience-header-row [class*="headerActions"]>button:not([aria-expanded]){display:none!important}}
