/* Frosted glass stays inside each individual rounded button. */
.contact-dock{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;mix-blend-mode:normal;isolation:auto}
.hero-actions,.method-actions{mix-blend-mode:normal}
.contact-dock .button,.hero-actions .button,.method-actions .button{background:rgba(14,14,14,.58);color:#fff;border:1px solid #ffffff70;box-shadow:none;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);background-clip:padding-box;overflow:hidden;transition:background .2s ease,border-color .2s ease}
.contact-dock .button:hover,.hero-actions .button:hover,.method-actions .button:hover{background:rgba(14,14,14,.64);border-color:#ffffffa6;box-shadow:none}
.site-header .nav-contact{background:rgba(14,14,14,.58);border-color:#ffffff70;color:#fff;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);background-clip:padding-box;overflow:hidden}
.contact-dock .button:focus-visible,.hero-actions .button:focus-visible,.method-actions .button:focus-visible{outline-color:currentColor;outline-offset:4px}
@media(max-width:700px){.contact-dock{background:transparent;border:0}}
@media(forced-colors:active){.contact-dock,.hero-actions,.method-actions{mix-blend-mode:normal}.contact-dock .button,.hero-actions .button,.method-actions .button{color:ButtonText;border-color:ButtonText}}

.method-eye{display:inline-block;inline-size:27px;block-size:23.4px;flex:0 0 auto;vertical-align:middle;color:inherit;pointer-events:none;shape-rendering:geometricPrecision}
/* Give the larger SVG space without enlarging the button capsule. */
.contact-dock #method-open{padding:8px 15px}
@media(max-width:700px){.contact-dock .method-eye{inline-size:25.2px;block-size:21.6px}.contact-dock #method-open{padding:10px 6px;flex-basis:22px;gap:3px}}
@media(max-width:380px){.contact-dock .method-eye{inline-size:23.4px;block-size:19.8px}.contact-dock #method-open{padding:11px 4px;flex-basis:20px;gap:1px;letter-spacing:-.03em}}
/* One fixed anchor prevents the dock moving when the home leaves the viewport. */
@media(min-width:701px){.contact-dock,.contact-dock.is-in-journey{right:5vw;bottom:24px}}
.contact-dock{border-radius:0}
/* Keep the glass visible on the method's black canvas, within each capsule. */
.method-actions .button,.method-prev,.method-next{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);background-clip:padding-box;box-shadow:inset 0 1px 0 #ffffff0d}
.method-actions .button:hover,.method-prev:hover,.method-next:hover{background:rgba(255,255,255,.12)}

/* Preserve the WhatsApp outline while only its handset moves. */
.whatsapp-icon--animated{background:none;mask:none;-webkit-mask:none;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}
.whatsapp-icon__phone{transform-box:view-box;transform-origin:50% 50%}
.contact-dock .whatsapp-icon{width:21px;height:21px}
.contact-dock .contact-link{padding:9px 15px}
.method-actions .whatsapp-icon{width:20px;height:20px}
@media(max-width:700px){.contact-dock .whatsapp-icon{width:20px;height:20px}.contact-dock .contact-link{padding:10px 6px;flex-basis:22px;gap:3px}.method-actions .whatsapp-icon{width:18px;height:18px}}
@media(max-width:380px){.contact-dock .whatsapp-icon{width:18px;height:18px}.contact-dock .contact-link{padding:11px 4px;flex-basis:20px;gap:1px;letter-spacing:-.03em}.method-actions .whatsapp-icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.whatsapp-icon__phone{transform:none!important}}

/* One entrance: a glass sphere settles, then grows into its own capsule. */
.glass-intro-pending .glass-launch{opacity:0}
.contact-dock .glass-launch,.hero-actions .glass-launch{background:transparent;border-color:transparent;box-shadow:none;isolation:isolate;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none}
.contact-dock .glass-launch:hover,.hero-actions .glass-launch:hover{background:transparent;border-color:transparent;box-shadow:none}
.glass-control.glass-control{position:relative;background:transparent;border:1px solid transparent;border-radius:50px;box-shadow:none;color:#fff;isolation:isolate;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none}
.glass-control.glass-control:hover{background:transparent;border-color:transparent;box-shadow:none;color:#fff}
.glass-launch{transform:translateY(0);will-change:transform}
.glass-control>svg,.glass-control .control-label,.method-close>span:not(.control-glass):not(.control-label){position:relative;z-index:1;flex-shrink:0}
.glass-control:hover .control-glass:before{filter:brightness(1.18)}
.glass-control:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#method-dialog .method-prev,#method-dialog .method-next,.carousel-arrow.glass-control{border-radius:50%}
#method-dialog .method-close.glass-control{min-width:44px}
.method-actions .control-label{white-space:normal;min-width:0;flex-shrink:1}
.results.section-shell{padding-inline:max(7vw,32px)}
.results-grid{column-gap:64px}
.result-card{overflow:visible}
.result-carousel{position:relative}
.result-carousel .carousel-bar{grid-template-columns:44px minmax(0,1fr) 44px;overflow:visible}
.carousel-edge-controls{position:absolute;top:0;left:0;right:0;aspect-ratio:4/5;z-index:3;pointer-events:none}
.result-carousel .carousel-arrow.glass-control{position:absolute;top:50%;bottom:auto;width:44px;height:44px;padding:0;z-index:3;pointer-events:auto}
.result-carousel .carousel-arrow.prev{left:0;right:auto;transform:translate(-60%,-50%)}
.result-carousel .carousel-arrow.next{right:0;left:auto;transform:translate(60%,-50%)}
.result-carousel .carousel-arrow svg{width:16px;height:16px;stroke-width:1.5}
.result-carousel .carousel-dots{grid-column:2}
.result-carousel .carousel-toggle{grid-column:3}
.control-glass{position:absolute;inset:0;z-index:0;isolation:isolate;border-radius:inherit;pointer-events:none;background:rgba(15,21,29,var(--glass-tint,.32));border:0;overflow:hidden}
.control-glass__lens{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(1.2px) saturate(150%);backdrop-filter:var(--glass-lens,blur(1.2px) saturate(150%))}
/* The thin specular trace and the broader refracted light are separate layers. */
.control-glass:before,.control-glass:after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.control-glass:before{padding:.6px;background:conic-gradient(from var(--glass-angle,135deg),#ffffff0a 0deg,#ffffffb8 38deg,rgb(var(--glass-violet,195 169 255) / .95) 75deg,#ffffff16 122deg,#ffffff05 172deg,rgb(var(--glass-cyan,148 224 231) / .90) 220deg,#ffffffe0 254deg,#ffffff28 295deg,#ffffff0a 360deg);opacity:var(--glass-edge,.8)}
/* A single vector stroke avoids gaps where two antialiased masks were subtracted. */
.control-glass.has-continuous-rim:before{padding:0;-webkit-mask:var(--glass-rim-mask) center/100% 100% no-repeat;mask:var(--glass-rim-mask) center/100% 100% no-repeat;-webkit-mask-composite:source-over;mask-composite:add;mask-mode:alpha}
.control-glass:after{padding:8px;background:radial-gradient(ellipse 27% 44% at var(--glass-light-x,25%) -10%,rgb(var(--glass-violet,195 169 255) / .65),#ffffff16 42%,transparent 78%),radial-gradient(ellipse 30% 42% at var(--glass-counter-x,73%) 112%,rgb(var(--glass-cyan,148 224 231) / .60),#ffffff10 40%,transparent 78%),radial-gradient(ellipse 10% 68% at 0% var(--glass-light-y,43%),rgb(var(--glass-violet,195 169 255) / .38),transparent 80%),radial-gradient(ellipse 11% 63% at 100% var(--glass-counter-y,61%),rgb(var(--glass-cyan,148 224 231) / .36),transparent 82%);opacity:1}
.glass-launch>svg,.glass-launch .control-label{position:relative;z-index:1;flex-shrink:0}
.control-label{display:inline-block;white-space:nowrap}
.glass-launch .control-label{filter:blur(0)}
.glass-launch:hover .control-glass:before{filter:brightness(1.18)}
@media(max-width:700px){
  .contact-dock{padding-left:3vw;padding-right:3vw;gap:10px}
  .contact-dock #method-open,.contact-dock .contact-link{flex:1 1 0;min-height:54px;padding:10px 13px;gap:10px;font-size:12.5px;letter-spacing:0}
  .contact-dock .control-label{flex-shrink:1;min-width:0;white-space:normal;text-align:left;line-height:1.25}
}
@media(max-width:380px){
  .contact-dock{padding-left:3vw;padding-right:3vw;gap:8px}
  .contact-dock #method-open,.contact-dock .contact-link{padding:10px 12px;gap:9px;font-size:12px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){.glass-intro-pending .glass-launch{opacity:1}.glass-launch.is-arriving .control-glass:after{animation:none}.control-glass{transition:none}}
@media(forced-colors:active){.glass-intro-pending .glass-launch{opacity:1}.control-glass{background:Canvas;border:1px solid ButtonText;box-shadow:none}.control-glass:before,.control-glass:after,.control-glass__lens{display:none}}

/* Home hierarchy stays within the existing adaptive optical surface. */
.site-header>nav>a{min-height:44px;display:inline-flex;align-items:center}
.mobile-navigation{display:none}
@media(max-width:700px){
 .site-header .brand{gap:10px;min-width:0}
 .site-header .brand-name{letter-spacing:.035em}
 .site-header .brand-name small{font-size:10px;letter-spacing:0}
 .mobile-navigation{display:block;flex:0 0 44px;color:var(--white)}
 .mobile-navigation summary{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;border-radius:8px}
 .mobile-navigation summary::-webkit-details-marker{display:none}
 .mobile-navigation summary:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
 .mobile-navigation .menu-cross{display:none}
 .mobile-navigation[open] .menu-cross{display:block}
 .mobile-navigation[open] .menu-bars{display:none}
 .site-header .mobile-navigation nav{position:absolute;top:60px;right:6vw;left:6vw;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px;background:#101010;border:1px solid #eee9df33;border-radius:12px;box-shadow:0 18px 40px #0008;font-size:15px}
 .site-header .mobile-navigation nav a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:var(--white)}
 .site-header .mobile-navigation nav a+a{border-top:1px solid #eee9df19}
}
@media(max-width:380px){
 .site-header .brand-name{font-size:13px;letter-spacing:0}
 .site-header .brand-name small{font-size:9px}
}

/* A named mobile entry is easier to recognize than the icon alone. */
@media(max-width:700px){
 .mobile-navigation{flex-basis:64px}
 .mobile-navigation summary{width:64px;gap:6px}
 .mobile-navigation summary>svg{width:20px;height:20px;flex-shrink:0}
 .mobile-menu-label{font:500 12.5px/1 var(--body);letter-spacing:0}
 .mobile-navigation[open] summary{background:#eee9df0a}
 .site-header .mobile-navigation nav a:focus-visible{outline-offset:-4px}
}

/* One liquid-glass window, sharing the buttons' lens, optical rim and lighting. */
@media(max-width:700px){
 .site-header .mobile-navigation nav.menu-glass-panel{background:transparent;border:0;border-radius:20px;box-shadow:none;isolation:isolate;overflow:visible}
 .menu-glass-panel>.control-glass{border-radius:inherit;opacity:1;--glass-tint:.48;box-shadow:0 16px 36px #0006,0 2px 8px #0003}
 .menu-glass-panel .control-glass__lens{-webkit-mask-image:var(--glass-core-mask);mask-image:var(--glass-core-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-backdrop-filter:blur(2.4px) saturate(150%);backdrop-filter:blur(2.4px) saturate(150%)}
 .menu-glass-panel .control-glass__edge-lens{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;-webkit-mask-image:var(--glass-edge-mask);mask-image:var(--glass-edge-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-backdrop-filter:blur(.3px) saturate(150%);backdrop-filter:var(--glass-edge-lens,blur(.3px) saturate(150%))}
 .menu-glass-panel>.control-glass:after{padding:4px}
 .site-header .mobile-navigation nav.menu-glass-panel>a{position:relative;z-index:1;text-shadow:0 1px 2px #0009}
 .mobile-navigation[open] summary{background:transparent;position:relative;z-index:2}
 .menu-glass-panel:is(.is-opening,.is-closing)>.control-glass{will-change:width,height,left,top,border-radius}
 .menu-glass-panel:is(.is-opening,.is-closing)>a{will-change:transform,opacity}
 .menu-glass-panel.is-closing{pointer-events:none}
 .mobile-navigation:has(.is-closing) .menu-cross{display:none}
 .mobile-navigation:has(.is-closing) .menu-bars{display:block}
}
@media(forced-colors:active){
 .site-header .mobile-navigation nav.menu-glass-panel{background:Canvas;border:1px solid ButtonText;color:CanvasText}
 .menu-glass-panel>.control-glass{display:none}
 .site-header .mobile-navigation nav.menu-glass-panel>a{color:CanvasText;text-shadow:none}
}
