/* Intro de Gestión Confiable: sello que se dibuja + botón «Empezar» con cuenta atrás */
#gc-intro{display:none}
html.gc-intro-on,html.gc-intro-on body{overflow:hidden!important}
html.gc-intro-on #gc-intro{display:block;position:fixed;inset:0;z-index:2147483000;background:var(--bg,#FFF8EE);color:var(--text,#3B2A1E);font-family:var(--font-b,"DM Sans",system-ui,sans-serif)}
html.gc-intro-on .hdr,html.gc-intro-on .wa-float{opacity:0}
.gi{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(60% 50% at 50% 40%,#fff 0%,transparent 70%),radial-gradient(40% 40% at 85% 90%,color-mix(in srgb,var(--accent,#F4C150) 28%,transparent),transparent 70%),radial-gradient(40% 40% at 10% 10%,color-mix(in srgb,var(--primary,#9C2844) 10%,transparent),transparent 70%),var(--bg,#FFF8EE)}
.gi::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.gi__cv{position:absolute;inset:0;width:100%;height:100%}
.gi__ui{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;transform-style:preserve-3d}
.gi__stage{position:relative;width:min(56vmin,380px);aspect-ratio:1;margin-bottom:clamp(10px,3vh,26px);will-change:transform}
.gi__stage .ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 16px 26px color-mix(in srgb,var(--amber,#E08A1E) 30%,transparent))}
.ring__shape{fill:var(--amber,#E08A1E)}
.ring__draw{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.15,1)}
.gi.s1 .ring__draw{stroke-dashoffset:0}
.gi__arc{position:absolute;inset:0;overflow:visible}
.gi__arc text{font:600 27px var(--font-b,"DM Sans",sans-serif);fill:var(--text,#3B2A1E);letter-spacing:1.5px}
.gi__arc tspan{opacity:0;transition:opacity .5s ease}
.gi.s2 .gi__arc tspan{opacity:1}
.gi__ga,.gi__br{position:absolute;width:34%;left:33%;top:31%;user-select:none;-webkit-user-drag:none}
.gi__ga{opacity:0;filter:blur(14px);transform:scale(.86) translateY(14px);transition:opacity 1s ease,filter 1.1s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1)}
.gi.s1 .gi__ga{opacity:1;filter:none;transform:none;transition-delay:.45s}
.gi__br{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.65,0,.15,1) 1.05s}
.gi.s1 .gi__br{clip-path:inset(0 0 0 0)}
.gi__sheen{position:absolute;left:33%;top:31%;width:34%;aspect-ratio:468/552;pointer-events:none;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .85) 50%,transparent 65%) 200% 0/250% 100% no-repeat;mix-blend-mode:screen}
.gi.s3 .gi__sheen{animation:gi-sheen 1.6s ease .2s}
@keyframes gi-sheen{from{background-position:200% 0}to{background-position:-100% 0}}
.gi__kick{margin:0 0 10px;font-size:clamp(11px,1.4vmin,13px);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--primary,#9C2844);opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.gi.s3 .gi__kick{opacity:1;transform:none}
.gi__title{margin:0;font-family:var(--font-h,"DM Serif Display",Georgia,serif);font-weight:400;font-size:clamp(28px,5.4vmin,58px);line-height:1.05;max-width:16ch}
.gi__title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.gi__title .w>span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*70ms)}
.gi.s3 .gi__title .w>span{transform:none}
.gi__go{position:relative;margin-top:clamp(18px,4vh,36px);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(16px) scale(.95);transition:opacity .7s,transform .8s cubic-bezier(.34,1.56,.64,1)}
.gi.s4 .gi__go{opacity:1;transform:none}
.gi__btn{position:relative;display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 14px 0 32px;border:0;border-radius:999px;background:var(--primary,#9C2844);color:#fff;font:600 17px var(--font-b,"DM Sans",sans-serif);letter-spacing:.02em;cursor:pointer;box-shadow:0 18px 40px -14px color-mix(in srgb,var(--primary,#9C2844) 80%,transparent);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;isolation:isolate}
.gi__btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .35) 50%,transparent 70%);transform:translateX(-120%);animation:gi-btnsheen 2.8s ease-in-out infinite 1s}
@keyframes gi-btnsheen{40%,100%{transform:translateX(120%)}}
.gi__btn:hover{transform:scale(1.04)}
.gi__btn:active{transform:scale(.97)}
.gi__btn:focus-visible{outline:3px solid var(--accent,#F4C150);outline-offset:4px}
.gi__ctd{position:relative;width:40px;height:40px;display:grid;place-items:center;font-size:14px;font-weight:700}
.gi__ctd svg{position:absolute;inset:0;transform:rotate(-90deg)}
.gi__ctd circle{fill:none;stroke-width:3}
.gi__ctd .bg{stroke:rgb(255 255 255 / .25)}
.gi__ctd .fg{stroke:var(--accent,#F4C150);stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107}
.gi__hint{font-size:13px;color:color-mix(in srgb,var(--text,#3B2A1E) 55%,transparent)}
.gi__skip{position:absolute;top:18px;right:18px;z-index:3;height:40px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text,#3B2A1E) 18%,transparent);background:color-mix(in srgb,#fff 50%,transparent);color:inherit;font:600 13px var(--font-b,sans-serif);cursor:pointer;opacity:0;transition:opacity .6s .8s,background .2s}
.gi.s1 .gi__skip{opacity:1}
.gi__skip:hover{background:#fff}
.gi__wipe{position:absolute;z-index:5;left:var(--x,50%);top:var(--y,50%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--primary,#9C2844);transform:scale(0);pointer-events:none}
.gi.out .gi__wipe{transition:transform .75s cubic-bezier(.7,0,.2,1);transform:scale(var(--k,400))}
.gi.out .gi__ui{transition:transform .8s cubic-bezier(.7,0,.2,1),opacity .5s;transform:scale(1.08);opacity:0}
#gc-intro.gone{transition:opacity .6s ease .05s;opacity:0}
#gc-intro.gone .gi__wipe{transform:scale(var(--k,400))}
.gi-reduced .ring__draw{stroke-dashoffset:0}
.gi-reduced *{transition-duration:.01ms!important;transition-delay:0ms!important}
@media (max-width:600px){.gi__btn{height:58px;font-size:16px;padding-left:26px}}