/* VOLA shared Liquid Glass CTAs. Extracted unchanged from the approved Hero.
   Opt in only real CTAs; UI controls and illustrative buttons keep their own styles. */
/* Cápsulas ópticas: lente translúcida, reflexos internos e aro descontínuo. */
.vloa-button{
 --glass-light:1;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
 min-height:var(--button-height,42px);padding:var(--button-pad-y,10px) var(--button-pad-x,12px);box-sizing:border-box;border:1px solid transparent;border-radius:999px;
 background:linear-gradient(180deg,rgba(225,249,239,.12),transparent 38%,rgba(1,12,9,.18) 66%,rgba(116,191,163,.1)),rgba(6,26,20,.17);
 color:#edf4ef;font:500 var(--button-font,12px)/1.3 var(--font);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;
 -webkit-backdrop-filter:blur(1.5px) saturate(1.22) brightness(1.06);backdrop-filter:blur(1.5px) saturate(1.22) brightness(1.06);
 box-shadow:inset 0 1.5px 1px rgba(222,255,240,.32),inset 1.5px 0 3px rgba(145,220,199,.17),inset -1px -1px 2px rgba(215,242,229,.17),inset 0 -5px 9px rgba(0,9,7,.25),0 3px 8px rgba(0,0,0,.2);
 transition:transform 420ms cubic-bezier(.2,.7,.25,1),box-shadow 420ms,backdrop-filter 420ms,background-color 420ms;
}
.vloa-button::before{
 content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1.5px;pointer-events:none;
 background:conic-gradient(from 115deg at 50% 50%,rgba(171,240,215,.05),rgba(238,255,248,.65) 15%,rgba(87,177,144,.08) 30%,rgba(214,255,239,.72) 48%,rgba(122,206,190,.26) 59%,rgba(226,251,237,.12) 69%,rgba(237,255,248,.52) 83%,rgba(77,162,135,.04));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--glass-light)*.9);transition:opacity 420ms;
}
.vloa-button::after{
 content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse at 16% 12%,rgba(77,198,160,.36),transparent 48%),radial-gradient(ellipse at 79% 116%,rgba(216,248,240,.34),rgba(103,205,186,.11) 34%,transparent 59%),linear-gradient(115deg,transparent 25%,rgba(237,255,249,.02) 34%,rgba(237,255,249,.2) 42%,transparent 50%);
 background-repeat:no-repeat;background-size:125% 130%,130% 150%,230% 100%;background-position:0% 0%,100% 100%,90% 50%;
 box-shadow:inset 0 2px 3px rgba(241,255,249,.08);opacity:var(--glass-light);transition:background-position 460ms cubic-bezier(.2,.7,.25,1),opacity 420ms;
}
.vloa-button--secondary{--glass-light:.64;background-color:rgba(3,15,11,.1);color:#d8e3dc;box-shadow:inset 0 1px 1px rgba(223,250,237,.24),inset 1px 0 3px rgba(151,218,197,.1),inset 0 -4px 8px rgba(0,9,7,.18),0 3px 8px rgba(0,0,0,.14)}
.vloa-button__arrow{display:inline-block;transition:transform 420ms}
@media(hover:hover){
 .vloa-button:hover{background-color:rgba(6,26,20,.08);-webkit-backdrop-filter:blur(1px) saturate(1.28) brightness(1.12);backdrop-filter:blur(1px) saturate(1.28) brightness(1.12);box-shadow:inset 0 1.5px 1px rgba(234,255,246,.42),inset 1px 0 4px rgba(181,235,216,.2),inset 0 -4px 8px rgba(0,9,7,.2),0 4px 10px rgba(0,0,0,.16),0 0 9px rgba(52,177,136,.07);transform:translateY(-1px)}
 .vloa-button:hover::before{opacity:var(--glass-light)}
 .vloa-button:hover::after{background-position:35% 10%,70% 70%,0% 50%}
 .vloa-button:hover .vloa-button__arrow{transform:translateX(3px)}
}
.vloa-button:active{transform:translateY(1px)}
.vloa-button:active::after{opacity:calc(var(--glass-light)*.84)}
.vloa-button:disabled{cursor:wait;opacity:.65}
.vloa-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Sizes affect only geometry. Both variants use the same approved Hero material. */
.vloa-button--sm{--button-height:41px;--button-pad-y:10px;--button-pad-x:17px;--button-font:12px}
.vloa-button--md{--button-height:46px;--button-pad-y:12px;--button-pad-x:18px;--button-font:13px}
.vloa-button--lg{--button-height:50px;--button-pad-y:15px;--button-pad-x:23px;--button-font:14px}
.vloa-button--block{width:100%}

/* Preserve approved CTA placement and each existing container's dimensions. */
.cinematic-actions .vloa-button{--button-height:42px;--button-pad-y:10px;--button-pad-x:12px;--button-font:12px}
.demo-contact .vloa-button{margin-top:20px;letter-spacing:-.02em}
.phone-content .vloa-button{--button-height:45px;--button-pad-x:7px;letter-spacing:-.02em}
.header .vloa-button{letter-spacing:-.02em}
.process-heading .vloa-button{margin-top:30px}
@media(max-width:1100px){.header .vloa-button{--button-pad-x:12px}}
@media(max-width:800px){.process-heading .vloa-button{margin-top:20px}}
@media(max-width:600px){.header .vloa-button{--button-height:44px}}
@media(prefers-reduced-motion:reduce){
 .vloa-button,.vloa-button::before,.vloa-button::after,.vloa-button__arrow{transition:none}
 .vloa-button:hover,.vloa-button:hover .vloa-button__arrow{transform:none}
}