/* A single kinetic opening, using the original transparent Fácil card. */
.card-intro{position:fixed;inset:0;z-index:20000;isolation:isolate;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 16% 18%,#eee8fa 0,transparent 53%),radial-gradient(ellipse at 88% 72%,#dfc7df 0,transparent 55%),linear-gradient(125deg,#d6caeb,#c1b1db 52%,#eee7f3);color:#1c1724;font-family:PPNeueMontreal,Arial,sans-serif;transition:clip-path 1s cubic-bezier(.76,0,.24,1);touch-action:none}
.card-intro[hidden]{display:none!important}
.card-intro__halo{position:absolute;left:8%;top:1%;width:84%;height:82%;border-radius:50%;background:radial-gradient(ellipse,#faf5ffdc,#b48bda38 42%,transparent 68%);filter:blur(30px);opacity:.7;pointer-events:none}
.is-card-ready .card-intro__halo{animation:intro-halo-bloom 2s cubic-bezier(.15,.65,.2,1) both,intro-halo 5s 2s ease-in-out infinite alternate}
.card-intro__header{position:absolute;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.card-intro__brand{font:500 28px/1 GraphikLCG,Arial,sans-serif;letter-spacing:-1.5px}
.card-intro__brand>span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:3px}
.card-intro__skip{display:flex;align-items:center;gap:18px;border:1px solid #29203655;border-radius:999px;padding:10px 17px;background:transparent;font:400 13px/1.2 PPNeueMontreal,Arial,sans-serif;color:inherit;cursor:pointer;transition:background .2s,opacity .3s}
.card-intro__skip:disabled{opacity:.35;cursor:default}
.card-intro__skip:not(:disabled):hover{background:#ffffff55}
.card-intro__skip:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.card-intro__energy{position:absolute;inset:0;pointer-events:none;z-index:0}
.card-intro__aura{position:absolute;left:50%;top:40%;width:min(80vw,900px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff8 0,#d8b5ef80 28%,#9374cf40 44%,transparent 68%);opacity:0}
.is-card-ready .card-intro__aura{animation:intro-aura 2s .3s cubic-bezier(.16,.7,.24,1) both}
.card-intro__ring{position:absolute;left:50%;top:40%;width:min(49vw,580px);aspect-ratio:1;translate:-50% -50%;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 22px #fff3,inset 0 0 22px #fff3;opacity:0}
.is-card-ready .card-intro__ring{animation:intro-ring 2.2s .45s cubic-bezier(.12,.72,.2,1) both}
.card-intro__ring--second{border-color:#9e81bd66;box-shadow:none}
.is-card-ready .card-intro__ring--second{animation-delay:.66s;animation-duration:2.3s}
.card-intro__rays{position:absolute;left:50%;top:40%;width:0;height:0}
.card-intro__rays i{position:absolute;width:clamp(75px,15vw,210px);height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#fff9,transparent);opacity:0}
.is-card-ready .card-intro__rays i{animation:intro-ray 1.15s .5s cubic-bezier(.12,.6,.2,1) both}
.card-intro__stage{position:absolute;inset:10dvh 0 30dvh;display:grid;place-items:center;perspective:1100px;pointer-events:none;z-index:1}
.card-intro__float{width:min(68vw,820px);height:100%;display:grid;place-items:center;transform-style:flat}
.is-card-ready .card-intro__float{animation:intro-float 4s 1.25s ease-in-out infinite}
.card-intro__flight{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-style:flat;opacity:0;will-change:transform,opacity}
.is-card-ready .card-intro__flight{animation:intro-arrive 1.45s cubic-bezier(.16,.8,.24,1) both}
.card-intro__tilt{position:relative;max-height:100%;aspect-ratio:1448/1086;max-width:100%;transform:rotateX(var(--card-rx,-5deg)) rotateY(var(--card-ry,7deg));transition:transform .65s cubic-bezier(.25,.74,.22,.99)}
.card-intro__card{display:block;width:100%;height:100%;max-height:60dvh;object-fit:contain;filter:drop-shadow(0 32px 25px #25133c45);user-select:none;-webkit-user-drag:none}
.card-intro__shine{position:absolute;inset:0;pointer-events:none;mask:url('/assets/images/facil-black-cutout.png') center/contain no-repeat;-webkit-mask:url('/assets/images/facil-black-cutout.png') center/contain no-repeat;background:linear-gradient(112deg,transparent 38%,#ffffff06 43%,#ffffff80 48%,#ffffff14 53%,transparent 58%);background-size:300% 100%;background-position:140% 0;mix-blend-mode:screen;opacity:0}
.is-card-ready .card-intro__shine{animation:intro-shine 1.5s .55s ease-in-out both}
.card-intro__title{position:absolute;left:20px;right:20px;bottom:14dvh;margin:0;display:flex;justify-content:center;gap:.19em;text-align:center;font:400 clamp(44px,5.5vw,84px)/1.04 PPNeueMontreal,Arial,sans-serif;letter-spacing:-.06em;pointer-events:none;z-index:2}
.card-intro__title span{display:block;opacity:0}
.is-card-ready .card-intro__title span{animation:intro-copy .85s .55s cubic-bezier(.16,.8,.24,1) both}
.is-card-ready .card-intro__title span+span{animation-delay:.68s}
.card-intro__loading{position:absolute;width:min(430px,70vw);left:50%;bottom:36px;transform:translateX(-50%);z-index:2}
.card-intro__status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px;font-size:12px;line-height:1.2;letter-spacing:.02em}
.card-intro__status p{margin:0;font:inherit}
.card-intro__percentage{font-variant-numeric:tabular-nums}
.card-intro__track{height:2px;background:#21172f24;overflow:hidden}
.card-intro__track>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#30213d,#7954a0,#b98ad2);transform-origin:left;transform:scaleX(var(--intro-progress,0));transition:transform .14s linear;box-shadow:0 0 12px #ac75ce66}
.card-intro.is-leaving{clip-path:polygon(0 0,-18% 0,0 100%,0 100%);pointer-events:none}
.card-intro.is-leaving .card-intro__float{animation:intro-launch .95s cubic-bezier(.65,0,.28,1) both}
.card-intro.is-leaving .card-intro__title span{animation:intro-copy-out .6s cubic-bezier(.4,0,.6,1) both}
.card-intro.is-leaving .card-intro__title span+span{animation-delay:.04s}
.card-intro.is-leaving .card-intro__loading,.card-intro.is-leaving .card-intro__header{opacity:0;transition:opacity .25s}
.card-intro.is-leaving .card-intro__halo{animation:intro-exit-glow .9s ease-out both}
@keyframes intro-arrive{0%{opacity:0;transform:translate3d(24vw,16dvh,-650px) rotateX(28deg) rotateY(-62deg) rotateZ(24deg) scale(.55)}16%{opacity:1}64%{transform:translate3d(-2vw,-2dvh,65px) rotateX(-8deg) rotateY(11deg) rotateZ(-5deg) scale(1.04)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}}
@keyframes intro-float{0%,100%{transform:translateY(0) rotateZ(1deg)}50%{transform:translateY(-13px) rotateZ(-2deg)}}
@keyframes intro-shine{0%{background-position:140% 0;opacity:0}20%{opacity:.8}80%{opacity:.65}100%{background-position:-40% 0;opacity:0}}
@keyframes intro-copy{from{opacity:0;transform:translateY(50px) rotateZ(4deg);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes intro-copy-out{to{opacity:0;transform:translate(-70px,-18px);filter:blur(5px)}}
@keyframes intro-halo-bloom{0%{transform:scale(.4);opacity:.15}45%{opacity:1;transform:scale(1.12)}100%{transform:scale(1);opacity:.8}}
@keyframes intro-halo{from{transform:translate(-3%,2%) scale(.97);opacity:.8}to{transform:translate(3%,-2%) scale(1.12);opacity:1}}
@keyframes intro-aura{0%{opacity:0;scale:.2}30%{opacity:.85}100%{opacity:0;scale:1.65}}
@keyframes intro-ring{0%{opacity:0;scale:.3}16%{opacity:.7}100%{opacity:0;scale:2.6}}
@keyframes intro-ray{0%{opacity:0;transform:rotate(var(--ray)) translateX(25px) scaleX(.2)}22%{opacity:.8}100%{opacity:0;transform:rotate(var(--ray)) translateX(min(42vw,650px)) scaleX(.4)}}
@keyframes intro-launch{0%{transform:translate3d(0,0,0) rotateZ(0) scale(1);filter:blur(0)}25%{transform:translate3d(3vw,-1dvh,55px) rotateZ(4deg) scale(1.07)}100%{transform:translate3d(-60vw,-6dvh,240px) rotateY(-36deg) rotateZ(-16deg) scale(1.25);filter:blur(8px)}}
@keyframes intro-exit-glow{0%{opacity:.8;transform:scale(1)}35%{opacity:1;transform:scale(1.4)}100%{opacity:0;transform:translateX(-35%) scale(1.8)}}
@media(max-width:667px){.card-intro__header{top:23px;left:22px;right:22px}.card-intro__brand{font-size:25px}.card-intro__skip{font-size:11px;padding:9px 12px;gap:10px}.card-intro__stage{inset:18dvh 0 31dvh;perspective:850px}.card-intro__float{width:100vw}.card-intro__card{max-height:51dvh}.card-intro__title{bottom:22dvh;font-size:clamp(42px,12vw,68px)}.card-intro__loading{width:calc(100% - 48px);bottom:40px}.card-intro__status{font-size:11px}.card-intro__halo{left:-10%;top:18%;width:120%;height:58%}.card-intro__ring{width:80vw}.card-intro__aura{width:130vw}.card-intro__energy{opacity:.85}}
@media(min-width:668px) and (max-height:600px){.card-intro__header{top:20px;left:24px;right:24px}.card-intro__stage{inset:10dvh 0 30dvh}.card-intro__title{font-size:48px;bottom:16dvh}.card-intro__loading{bottom:24px}}
@media(prefers-reduced-motion:reduce){.card-intro,.card-intro *{animation:none!important;transition:none!important}.card-intro__flight,.card-intro__title span{opacity:1}.card-intro__tilt{transform:none}.card-intro__energy{display:none}.card-intro.is-leaving{display:none}}