:root{color-scheme:light;--green-950:#071d26;--green-900:#0b2834;--green-800:#10394a;--green-700:#15536a;--green-500:#2a7590;--yellow-500:#e8b72f;--yellow-300:#f4d66d;--sand-100:#f6f2e9;--sand-50:#fbf9f4;--ink-900:#172a33;--ink-700:#465b64;--white:#fff;--danger:#a13b34;--shadow-sm:0 8px 28px rgba(7,29,38,.08);--shadow-md:0 18px 55px rgba(7,29,38,.14);--radius-md:22px;--shell:min(1180px,calc(100% - 2rem));--transition:180ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand-50);color:var(--ink-900);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:var(--green-700);text-underline-offset:.2em}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip{position:fixed;left:1rem;top:-6rem;z-index:3000;padding:.8rem 1rem;border-radius:8px;background:#fff;color:var(--green-950)}.skip:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:1000;color:#fff;background:rgba(11,40,52,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.navbar{position:relative;min-height:96px;padding-block:8px;display:flex;align-items:center;gap:1rem}.brand{flex:0 0 145px;padding-right:1rem;border-right:1px solid rgba(255,255,255,.12)}.brand img{width:128px;height:auto}.location{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;flex:0 0 150px;font-size:.72rem}.location>span{grid-row:1/3;color:var(--yellow-500)}.location small{color:#aebfc6}.nav-menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(52px,1fr)) minmax(190px,auto) minmax(118px,auto);align-items:center;gap:.2rem;min-width:0;flex:1}.nav-menu>li{min-width:0}.nav-menu a{min-height:68px;padding:.5rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#d7e2e7;text-decoration:none;text-align:center;border-radius:17px;font-size:.65rem;font-weight:700;transition:background var(--transition),color var(--transition)}.nav-menu a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-menu img,.nav-icon{width:24px;height:24px;object-fit:contain;font-size:1.45rem;line-height:1}.nav-menu .activity-cta{min-height:64px;padding:.65rem .8rem;display:grid;grid-template-columns:34px 1fr auto;gap:.65rem;text-align:left;color:var(--green-950);background:var(--yellow-500);border-radius:19px;box-shadow:0 12px 30px rgba(232,183,47,.16)}.activity-cta img{width:34px;height:34px}.activity-cta span{display:grid}.activity-cta strong{font-size:.76rem}.activity-cta small{font-size:.58rem;font-weight:500}.activity-cta b{font-size:1rem}.nav-menu .member-link{margin-left:12px;min-height:64px;border:1px solid rgba(232,183,47,.8);color:#fff;background:rgba(16,57,74,.72)}.member-link>span:last-child{display:grid}.member-link strong{font-size:.68rem}.member-link small{color:var(--yellow-300);font-size:.58rem}.member-icon{color:var(--yellow-500);font-size:1.3rem}.nav-toggle{display:none}
.stage{position:relative;z-index:3;width:fit-content;max-width:calc(100% - 2rem);margin:.75rem auto 0;padding:.48rem .8rem;display:flex;align-items:center;gap:.5rem;border:1px solid #d7c06e;border-radius:999px;background:#fff9df;color:#5b4711;font-size:.76rem;box-shadow:var(--shadow-sm)}.stage>span:first-child{color:#8c6800;font-size:1rem}
main{width:min(1060px,calc(100% - 2rem));margin:clamp(2rem,5vw,4.2rem) auto clamp(3.5rem,7vw,6rem)}.intro{max-width:780px;margin:0 auto 1.75rem;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .75rem;color:var(--green-700);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:var(--yellow-500)}.intro h1{margin:.3rem 0 .8rem;font-size:clamp(2.45rem,5vw,4.3rem);line-height:1.05;letter-spacing:-.045em}.intro>p:last-child{max-width:620px;margin-inline:auto;color:var(--ink-700);font-size:1.05rem}.card{max-width:660px;margin:auto;padding:clamp(1.25rem,4vw,2.4rem);background:#fff;border:1px solid #dbe2e4;border-top:4px solid var(--yellow-500);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow-wrap:anywhere}.card.wide{max-width:960px}h2,h3{line-height:1.18;letter-spacing:-.025em}h2{margin-top:0;font-size:clamp(1.55rem,3vw,2.15rem)}h3{font-size:1.4rem}
.auth-shell main{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:stretch;gap:0}.auth-shell .intro{position:relative;isolation:isolate;overflow:hidden;min-height:570px;max-width:none;margin:0;padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;color:#fff;border-radius:34px 0 0 34px;background:var(--green-900)}.auth-shell .intro:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,29,38,.12),rgba(7,29,38,.94)),url('/assets/education-exzoo.webp') center/cover no-repeat}.auth-shell .intro:after{content:"MI EXZOO";position:absolute;right:-.5rem;top:1rem;z-index:-1;color:rgba(255,255,255,.08);font-size:clamp(4rem,9vw,8rem);font-weight:900;line-height:1}.auth-shell .intro .eyebrow{color:var(--yellow-300)}.auth-shell .intro h1{font-size:clamp(2.6rem,5vw,4.5rem);max-width:520px}.auth-shell .intro>p:last-child{margin:0;max-width:500px;color:rgba(255,255,255,.8);font-size:1.08rem}.auth-shell .card{width:100%;max-width:none;margin:0;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;border-radius:0 34px 34px 0;border-top:1px solid #dbe2e4}.auth-shell .card:before{content:"ACCESO PRIVADO";display:block;margin-bottom:.7rem;color:var(--green-700);font-size:.74rem;font-weight:850;letter-spacing:.12em}.auth-shell .card h2{font-size:2rem}.auth-shell .links{justify-content:center}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}.modes article{padding:1.4rem;border:1px solid #dbe2e4;border-radius:18px;background:var(--sand-50)}.field{display:grid;gap:.4rem;margin-bottom:1.05rem}label{font-size:.92rem;font-weight:700}input{width:100%;min-width:0;min-height:50px;padding:.7rem .85rem;color:var(--ink-900);background:#fff;border:1px solid #71858e;border-radius:12px;transition:border var(--transition),box-shadow var(--transition)}input:hover{border-color:var(--green-500)}input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(42,117,144,.34);outline-offset:2px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.78rem 1.2rem;border:1px solid #c39a23;border-radius:999px;background:var(--yellow-500);color:var(--green-950);font:inherit;font-weight:850;text-decoration:none;cursor:pointer;text-align:center;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}button:hover,.button:hover{transform:translateY(-2px);background:var(--yellow-300);box-shadow:0 12px 30px rgba(232,183,47,.22)}form>button{width:100%;margin-top:.6rem}button:disabled{background:#e0e5e7;color:var(--ink-700);border-color:#c2cccf;cursor:not-allowed;transform:none}.hint,.muted{font-size:.86rem;color:var(--ink-700)}.check{display:flex;gap:.75rem;align-items:flex-start;margin-top:1.35rem}.check input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:.2rem}.alert{padding:.9rem 1rem;border-radius:12px;background:#edf4f7;border:1px solid #bacfd8}.error{background:#fff1ee;border-color:#b95342;color:#842c20}.success{background:#eff7eb;border-color:#719463;color:#315725}.links{display:flex;gap:.35rem 1rem;flex-wrap:wrap;margin-top:1rem}.links a{min-height:44px;display:inline-flex;align-items:center;font-size:.9rem}
.turnstile-field{width:100%;margin:1.25rem 0 .35rem;display:grid;justify-items:center;gap:.35rem}.turnstile-field .hint{margin:0;text-align:center}
.profile-summary{padding:1rem 1.1rem;margin-bottom:1.25rem;border-radius:14px;background:var(--sand-50);color:var(--ink-700);border:1px solid #e3e6e3}.profile-summary strong{color:var(--ink-900);font-size:1.1rem}.digital-card{position:relative;overflow:hidden;margin:1.4rem 0;padding:clamp(1.2rem,4vw,2rem);border-radius:28px;background:linear-gradient(145deg,var(--green-950),var(--green-800) 64%,#174f62);color:#fff;border:1px solid #2f6271;box-shadow:0 22px 56px rgba(7,29,38,.3)}.digital-card:before{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;border:40px solid rgba(232,183,47,.13)}.digital-card__identity,.digital-card__body{position:relative;display:flex;justify-content:space-between;gap:1rem}.digital-card__identity{align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.18)}.digital-card__identity img{width:104px;height:auto}.digital-card__identity div{display:grid;text-align:right;font-size:.72rem;letter-spacing:.09em}.digital-card__identity strong{color:var(--yellow-300);font-size:.9rem}.digital-card__body{align-items:center;padding-top:1.2rem}.digital-card__details{display:grid;gap:.2rem;min-width:0}.digital-card__details>span{margin-top:.65rem;color:#bed2da;font-size:.67rem;font-weight:800;letter-spacing:.09em}.digital-card__details>strong{font-size:clamp(1.15rem,4vw,1.7rem);line-height:1.18;overflow-wrap:anywhere}.digital-card__details>b{font:800 1.15rem ui-monospace,monospace;letter-spacing:.07em;color:var(--yellow-300)}.digital-card__badges{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.digital-card__badges span{padding:.34rem .55rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.66rem;font-weight:850}.digital-card__badges .active{background:#d9efc9;color:#173c18;border-color:#d9efc9}.digital-card__badges .inactive{background:#ffe3dc;color:#6d2017;border-color:#ffe3dc}.qr-shell{z-index:1;flex:0 0 auto;padding:.65rem;background:#fff;border-radius:14px}.qr-shell svg{display:block;width:clamp(164px,21vw,216px);height:auto;image-rendering:pixelated}.digital-card__note{position:relative;margin:1rem 0 0;color:#d7e2e7;font-size:.75rem}.card-actions{margin:1.25rem 0;padding:1rem;border:1px solid #dbe2e4;border-radius:14px;background:var(--sand-50)}.card-actions summary{font-weight:800;cursor:pointer}.card-actions form{margin-top:1rem;padding-top:1rem;border-top:1px solid #dbe2e4}.secondary{background:#fff;color:#842c20;border-color:#b95342}.validation-result{text-align:center;padding:1.4rem;border-radius:18px}.validation-result>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 1rem;border-radius:50%;font-size:2.2rem;font-weight:900}.validation-result.valid{background:#eff7eb;border:1px solid #719463}.validation-result.valid>span{background:#315725;color:#fff}.validation-result.invalid{background:#fff1ee;border:1px solid #b95342}.validation-result.invalid>span{background:#842c20;color:#fff}.privacy-note{color:var(--ink-700);font-size:.9rem}
.site-footer{color:rgba(255,255,255,.76);background:#061821}.footer-main{padding:3rem 0 2.25rem;display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:3rem}.footer-brand img{width:170px;margin-bottom:1rem}.footer-brand p{max-width:430px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.footer-links strong{color:#fff}.footer-links a{color:var(--yellow-300);text-decoration:none}.footer-links span{font-size:.82rem}.footer-bottom{padding:1.1rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem}
@media(max-width:1260px){.navbar{min-height:90px}.brand{flex-basis:115px}.brand img{width:105px}.location{display:none}.nav-menu{grid-template-columns:repeat(7,minmax(46px,1fr)) minmax(178px,auto) minmax(110px,auto)}.nav-menu .activity-cta{padding:.6rem}.member-link{margin-left:8px!important}}
@media(max-width:980px){.navbar{min-height:82px;justify-content:space-between}.brand{border:0}.brand img{width:118px}.nav-toggle{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:21px;height:2px;background:#fff;content:"";transition:transform var(--transition)}.nav-toggle span:before{transform:translateY(-7px)}.nav-toggle span:after{transform:translateY(5px)}.nav-toggle[aria-expanded=true] span{background:transparent}.nav-toggle[aria-expanded=true] span:before{transform:translateY(2px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{transform:rotate(-45deg)}.nav-menu{position:absolute;top:calc(100% + 1px);right:0;width:min(390px,calc(100vw - 1rem));max-height:calc(100vh - 90px);overflow:auto;padding:1rem;display:none;grid-template-columns:1fr 1fr;gap:.45rem;background:rgba(11,40,52,.98);border-radius:0 0 18px 18px;box-shadow:var(--shadow-md)}.nav-menu.is-open{display:grid}.nav-menu a{min-height:58px;flex-direction:row;justify-content:flex-start;gap:.7rem;padding:.65rem;text-align:left}.nav-menu .activity-cta,.nav-menu .member-link{grid-column:1/-1;margin:0!important}.nav-menu .member-link{justify-content:center}.auth-shell main{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr)}.auth-shell .intro{padding:2rem;border-radius:26px 0 0 26px}.auth-shell .card{padding:2rem;border-radius:0 26px 26px 0}.footer-main{grid-template-columns:1.2fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.stage{border-radius:14px;text-align:left}.auth-shell main{display:flex;flex-direction:column}.auth-shell .card{order:1;border-radius:24px;padding:1.5rem}.auth-shell .intro{order:2;min-height:260px;margin-top:1rem;padding:1.5rem;border-radius:24px;justify-content:flex-end}.auth-shell .intro h1{font-size:2.25rem}.auth-shell .intro>p:last-child{font-size:.95rem}.intro h1{font-size:2.25rem}.modes{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.digital-card__body{flex-direction:column;align-items:stretch}.qr-shell{align-self:center}.qr-shell svg{width:min(64vw,224px)}}
@media(max-width:480px){:root{--shell:min(100% - 1rem,1180px)}main{width:calc(100% - 1rem);margin:1.4rem auto 3rem}.navbar{min-height:76px}.brand img{width:105px}.nav-menu{width:calc(100vw - .5rem);grid-template-columns:1fr}.nav-menu .activity-cta,.nav-menu .member-link{grid-column:auto}.intro{text-align:left}.intro>p:last-child{margin-inline:0}.card{padding:1.2rem;border-radius:18px}.auth-shell .card{padding:1.25rem;border-radius:19px}.auth-shell .card h2{font-size:1.65rem}.auth-shell .intro{min-height:230px;border-radius:19px}.auth-shell .intro h1{font-size:1.9rem}.stage{font-size:.7rem}.digital-card{padding:1rem;border-radius:19px}.digital-card__identity{align-items:flex-start}.digital-card__identity img{width:72px}.digital-card__identity strong{font-size:.7rem}.footer-main{padding-top:2.2rem}}
@media(max-width:340px){.digital-card{padding:.85rem}.digital-card__identity{gap:.5rem}.digital-card__identity img{width:62px}.nav-menu{padding:.65rem}}
.auth-shell .intro:before{background-image:linear-gradient(180deg,rgba(7,29,38,.12),rgba(7,29,38,.94)),url('/assets/img/educacion-reptiles.webp')}
/* Refinamiento visual aislado del acceso: no afecta otras vistas ni su logica. */
.auth-shell{background:
radial-gradient(circle at 12% 28%,rgba(232,183,47,.08),transparent 25rem),
radial-gradient(circle at 88% 58%,rgba(42,117,144,.08),transparent 29rem),var(--sand-50)}
.auth-shell .stage{margin-top:1rem;padding:.55rem 1rem;border-color:rgba(195,154,35,.55);background:rgba(255,249,223,.92);box-shadow:0 8px 26px rgba(91,71,17,.08);backdrop-filter:blur(10px)}
.auth-shell main{position:relative;margin-top:clamp(2.5rem,5vw,4.5rem);margin-bottom:clamp(4rem,7vw,6.5rem);border:1px solid rgba(16,57,74,.13);border-radius:36px;background:#fff;box-shadow:0 30px 80px rgba(7,29,38,.16),0 3px 12px rgba(7,29,38,.06)}
.auth-shell main:before{content:"";position:absolute;z-index:2;left:calc(50% - 4px);top:2.4rem;bottom:2.4rem;width:8px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--yellow-500) 18%,var(--yellow-300) 82%,transparent);opacity:.9;pointer-events:none}
.auth-shell .intro{min-height:590px;padding:clamp(2.2rem,5vw,4.6rem);border-radius:35px 0 0 35px;background:var(--green-950);box-shadow:inset -1px 0 rgba(255,255,255,.12)}
.auth-shell .intro:before{background-image:
linear-gradient(145deg,rgba(7,29,38,.18) 12%,rgba(7,29,38,.48) 48%,rgba(7,29,38,.96) 100%),
linear-gradient(180deg,transparent 42%,rgba(7,29,38,.8)),url('/assets/img/educacion-reptiles.webp');background-position:center;filter:saturate(.92) contrast(1.05);transform:scale(1.015)}
.auth-shell .intro:after{right:-.25rem;top:1.2rem;color:rgba(255,255,255,.075);font-size:clamp(4rem,8vw,7.4rem);letter-spacing:-.07em}
.auth-shell .intro .eyebrow{margin-bottom:1rem;color:var(--yellow-300);font-size:.72rem;letter-spacing:.16em;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.auth-shell .intro .eyebrow:before{width:34px;height:3px;border-radius:2px}
.auth-shell .intro h1{max-width:490px;margin:.2rem 0 1.15rem;font-size:clamp(3rem,4.5vw,4.15rem);line-height:1.01;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 6px 28px rgba(0,0,0,.34)}
.auth-shell .intro>p:last-child{max-width:450px;margin:0;padding-left:1rem;border-left:2px solid rgba(244,214,109,.75);color:rgba(255,255,255,.84);font-size:1.03rem;line-height:1.7}
.auth-shell .card{position:relative;isolation:isolate;overflow:hidden;padding:clamp(2.4rem,5vw,4.4rem);border:0;border-radius:0 35px 35px 0;background:linear-gradient(155deg,#fff 0%,#fff 64%,#f8f4e9 100%);box-shadow:none}
.auth-shell .card:after{content:"";position:absolute;z-index:-1;right:-110px;top:-115px;width:280px;height:280px;border:38px solid rgba(232,183,47,.09);border-radius:50%}
.auth-shell .card:before{width:fit-content;margin:0 0 1.55rem;padding:.38rem .7rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#eef5f6;color:var(--green-700);font-size:.68rem;letter-spacing:.14em}
.auth-shell .card form,.auth-shell .links,.auth-shell .alert{position:relative;z-index:1}
.auth-shell .field{gap:.48rem;margin-bottom:1.2rem}
.auth-shell label{color:#203740;font-size:.88rem;letter-spacing:.005em}
.auth-shell input:not([type=checkbox]){min-height:54px;padding:.8rem 1rem;border-color:#9aacb3;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:inset 0 1px 2px rgba(7,29,38,.04),0 1px 0 rgba(255,255,255,.9);font-size:1rem}
.auth-shell input:not([type=checkbox]):hover{border-color:var(--green-500)}
.auth-shell input:not([type=checkbox]):focus{border-color:var(--green-700);background:#fff;box-shadow:0 0 0 4px rgba(42,117,144,.12)}
.auth-shell form>button{min-height:54px;margin-top:.75rem;border-color:#c39617;border-radius:14px;background:linear-gradient(135deg,#edc03c,#e8b72f);box-shadow:0 10px 24px rgba(195,154,35,.2);letter-spacing:.01em}
.auth-shell form>button:hover{background:linear-gradient(135deg,#f4d66d,#e8b72f);box-shadow:0 14px 30px rgba(195,154,35,.28)}
.auth-shell .links{margin-top:1.25rem;padding-top:1.15rem;justify-content:center;gap:.3rem 1.1rem;border-top:1px solid #e1e7e8}
.auth-shell .links a{position:relative;min-height:38px;color:#315f72;font-size:.83rem;font-weight:650;text-decoration-color:rgba(49,95,114,.38)}
.auth-shell .links a:not(:last-child):after{content:"";position:absolute;right:-.62rem;width:3px;height:3px;border-radius:50%;background:var(--yellow-500)}
.auth-shell .site-footer{border-top:3px solid rgba(232,183,47,.72);background:linear-gradient(145deg,#061821,#082630)}
.auth-shell .footer-main{padding-top:2.75rem}
@media(max-width:980px){.auth-shell main:before{left:calc(46% - 4px)}.auth-shell .intro h1{font-size:clamp(2.55rem,5.4vw,3.45rem)}.auth-shell .card{padding:2.2rem}}
@media(max-width:760px){.auth-shell main{border:0;border-radius:0;background:transparent;box-shadow:none}.auth-shell main:before{display:none}.auth-shell .card{border:1px solid rgba(16,57,74,.13);border-radius:24px;background:linear-gradient(155deg,#fff,#fbf8f0);box-shadow:0 18px 48px rgba(7,29,38,.11)}.auth-shell .intro{min-height:290px;margin-top:1.2rem;border-radius:24px;box-shadow:0 18px 48px rgba(7,29,38,.14)}.auth-shell .intro h1{font-size:2.4rem}.auth-shell .intro>p:last-child{font-size:.94rem;line-height:1.58}.auth-shell .links a:not(:last-child):after{display:none}.auth-shell .site-footer{margin-top:.25rem}}
@media(max-width:480px){.auth-shell .stage{margin-top:.65rem;padding:.5rem .7rem}.auth-shell main{margin-top:1.6rem;margin-bottom:3.25rem}.auth-shell .card{padding:1.4rem;border-radius:21px}.auth-shell .card:before{margin-bottom:1.25rem}.auth-shell input:not([type=checkbox]){min-height:52px}.auth-shell form>button{min-height:52px}.auth-shell .links{justify-content:flex-start;gap:.15rem .9rem}.auth-shell .links a{min-height:36px;font-size:.8rem}.auth-shell .intro{min-height:260px;padding:1.5rem;border-radius:21px}.auth-shell .intro h1{font-size:2.08rem}.auth-shell .intro:after{font-size:3.2rem;top:.8rem}.auth-shell .footer-main{padding-top:2.4rem}}

/* Segunda pasada visual: una sola pieza, mayor identidad y menos aspecto de plantilla. */
.auth-shell .stage{margin-top:.8rem;padding:.42rem .82rem;border:0;border-left:3px solid var(--yellow-500);border-radius:8px;background:rgba(246,242,233,.88);color:#695728;box-shadow:none}
.auth-shell main{width:min(1220px,calc(100% - 2rem));grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);overflow:hidden;border:0;border-radius:38px;background:var(--green-950);box-shadow:0 34px 90px rgba(7,29,38,.2),0 8px 22px rgba(7,29,38,.08)}
.auth-shell main:before{left:calc(56% - 1px);top:0;bottom:0;width:2px;border-radius:0;background:linear-gradient(180deg,transparent 5%,rgba(244,214,109,.9) 24%,rgba(232,183,47,.75) 76%,transparent 95%)}
.auth-shell .intro{min-height:610px;padding:clamp(2.4rem,5vw,5rem);border-radius:0;box-shadow:none}
.auth-shell .intro:before{background-image:linear-gradient(110deg,rgba(7,29,38,.12),rgba(7,29,38,.38) 47%,rgba(7,29,38,.83)),linear-gradient(0deg,rgba(7,29,38,.96),transparent 64%),url('/assets/img/educacion-reptiles.webp');background-position:48% center;filter:saturate(1.04) contrast(1.08)}
.auth-shell .intro:after{content:"EXZOO";right:1.3rem;top:1.15rem;color:rgba(255,255,255,.065);font-size:clamp(4.5rem,8vw,7.7rem);letter-spacing:.02em}
.auth-shell .intro .eyebrow{padding:.46rem .7rem;border:1px solid rgba(244,214,109,.34);border-radius:999px;background:rgba(7,29,38,.28);backdrop-filter:blur(8px)}
.auth-shell .intro .eyebrow:before{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px rgba(232,183,47,.13)}
.auth-shell .intro h1{max-width:560px;margin:.35rem 0 1.3rem;font-size:clamp(3.4rem,5.1vw,5rem);line-height:.98;letter-spacing:-.065em}
.auth-shell .intro>p:last-child{max-width:470px;padding:.15rem 0 .15rem 1.15rem;border-left:3px solid var(--yellow-500);font-size:1.06rem}
.auth-shell .card{padding:clamp(2.5rem,5vw,4.6rem);border-radius:0;background:linear-gradient(145deg,#fff 0%,#fcfaf4 62%,#f4edda 100%)}
.auth-shell .card:after{right:-135px;top:-145px;width:355px;height:355px;border:1px solid rgba(21,83,106,.08);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(232,183,47,.055) 19px 20px)}
.auth-shell .card:before{padding:.42rem .76rem .42rem 2.05rem;border-color:rgba(21,83,106,.16);background:linear-gradient(90deg,#edf5f6,#f8fbfb);box-shadow:0 5px 18px rgba(7,29,38,.05)}
.auth-shell .card form{padding:1.35rem;border:1px solid rgba(16,57,74,.12);border-radius:22px;background:rgba(255,255,255,.68);box-shadow:0 12px 34px rgba(7,29,38,.055);backdrop-filter:blur(8px)}
.auth-shell .field{margin-bottom:1.15rem}
.auth-shell label{font-size:.84rem;font-weight:780;letter-spacing:.02em}
.auth-shell input:not([type=checkbox]){min-height:56px;border:1px solid #a8b8be;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(7,29,38,.035)}
.auth-shell input:not([type=checkbox]):focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(42,117,144,.12),0 8px 20px rgba(7,29,38,.07)}
.auth-shell form>button{min-height:56px;border:0;border-radius:13px;background:linear-gradient(135deg,#f2cb4b 0%,#e8b72f 58%,#dca91d 100%);box-shadow:0 12px 26px rgba(195,154,35,.25),inset 0 1px rgba(255,255,255,.48)}
.auth-shell .links{margin:1rem 1.35rem 0;padding:1rem 0 0;justify-content:flex-start;column-gap:1.25rem}
.auth-shell .links a{font-size:.81rem;font-weight:700}
.auth-shell .site-footer{border-top:0;box-shadow:inset 0 3px var(--yellow-500)}
@media(max-width:980px){.auth-shell main{grid-template-columns:minmax(0,.96fr) minmax(390px,1.04fr)}.auth-shell main:before{left:calc(48% - 1px)}.auth-shell .intro{padding:2.3rem}.auth-shell .intro h1{font-size:clamp(2.7rem,5vw,3.6rem)}.auth-shell .card{padding:2rem}.auth-shell .card form{padding:1.1rem}.auth-shell .links{margin-inline:1.1rem}}
@media(max-width:760px){.auth-shell main{width:min(100% - 1.25rem,680px);overflow:visible;background:transparent}.auth-shell .card{padding:1.7rem;border:1px solid rgba(16,57,74,.12);border-radius:26px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.auth-shell .card form{padding:1.15rem;background:rgba(255,255,255,.76)}.auth-shell .intro{min-height:300px;padding:1.8rem;border-radius:26px;background:var(--green-950)}.auth-shell .intro:before{border-radius:26px}.auth-shell .intro h1{font-size:2.55rem}.auth-shell .links{margin-inline:1rem}}
@media(max-width:480px){.auth-shell .stage{max-width:calc(100% - 1.25rem);margin-top:.55rem;padding:.42rem .62rem;font-size:.68rem}.auth-shell main{width:calc(100% - 1rem);margin-top:1.35rem}.auth-shell .card{padding:1.1rem;border-radius:22px}.auth-shell .card form{padding:1rem;border-radius:17px}.auth-shell .card:before{margin:.15rem 0 1rem}.auth-shell .links{margin:.85rem .25rem 0;padding-top:.85rem;gap:.1rem 1rem}.auth-shell .intro{min-height:245px;padding:1.35rem;border-radius:22px}.auth-shell .intro:before{border-radius:22px;background-position:center}.auth-shell .intro .eyebrow{padding:.34rem .55rem;font-size:.64rem}.auth-shell .intro h1{font-size:2rem}.auth-shell .intro>p:last-child{font-size:.9rem}.auth-shell .intro:after{font-size:3rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Shared membership language; scoped to Mi Exzoo, never the public site. */
.boss-mail-heading{display:flex;align-items:center;gap:1rem;padding-block:.8rem}
.view-boss-mail .intro h1{font-size:clamp(1.5rem,3.8vw,2.5rem);line-height:1.2}
.boss-mail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.boss-mail-event{border:1px solid #dbe2e4;border-radius:16px;padding:1.1rem;background:var(--sand-50);min-width:0}
.boss-mail-event h2{font-size:1.2rem;margin-bottom:.5rem}.boss-mail-address{overflow-wrap:anywhere;font-weight:700}
@media(max-width:640px){.boss-mail-list{grid-template-columns:1fr}.boss-mail-event{padding:.9rem}}
.nav-menu a:not(.activity-cta)>img{filter:brightness(0) invert(1);opacity:.9}
.nav-menu .member-link{min-height:52px;padding:.35rem .5rem;flex-direction:row;gap:.45rem;border-radius:999px}
.member-link .member-icon{font-size:.8rem}.member-link strong{font-size:.68rem}.member-link small{font-size:.6rem}
.view-register .intro{justify-content:flex-start}
.view-register .card{padding:clamp(1.1rem,3vw,2.5rem)}
.auth-shell .check input{width:22px;height:22px;min-height:22px;box-shadow:none;padding:0}
.auth-shell:not(.view-login) .card:before{content:"MI EXZOO · CUENTA PERSONAL"}
.auth-shell:not(.view-login) .intro h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08}
.auth-shell .links a,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
input:not([type=checkbox]){font-size:16px}
.password-control{position:relative;display:block}.password-control input{padding-right:3.25rem!important}.password-toggle{position:absolute;top:50%;right:.45rem;translate:0 -50%;width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--green-700);box-shadow:none}.password-toggle:hover{transform:none;background:rgba(42,117,144,.09);box-shadow:none}.password-toggle svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-slash{opacity:0}.password-toggle.is-visible .eye-slash{opacity:1}.password-toggle.is-visible svg{color:var(--ink-700)}.password-toggle:focus-visible{outline:3px solid #287d9b;outline-offset:1px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #287d9b;outline-offset:3px}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#f4d66d}
.card-actions summary{min-height:44px;align-content:center}
.account-actions label{display:block;margin:.75rem 0 .4rem}
.view-profile main{max-width:980px}.view-profile .card{max-width:900px}
.view-profile .intro{margin-bottom:1.5rem}.view-profile .digital-card{margin-block:1.5rem 2rem}
.view-profile .profile-summary{padding:.7rem 1rem}.view-profile .profile-summary p{margin:.3rem 0}
.view-profile .card>form{max-width:420px;margin:1.5rem auto}
.view-profile .intro h1{font-size:clamp(2rem,4vw,3.5rem)}
@media(max-width:980px){.nav-menu>li:has(.activity-cta),.nav-menu>li:has(.member-link){grid-column:1/-1}}
@media(max-width:760px){.auth-shell:not(.view-login) .intro h1{font-size:2.1rem}.auth-shell:not(.view-login) .intro{min-height:245px}}
@media(max-width:480px){.auth-shell:not(.view-login) .intro h1{font-size:1.9rem}.qr-shell svg{width:min(62vw,224px)}}

/* Contrato visual del shell institucional: replica el header/footer publico sin tocar el contenido Mi Exzoo. */
body.official-shell .site-header{position:sticky;top:0;z-index:1000;padding:12px 0 10px;color:#fff;background:linear-gradient(180deg,#041722 0%,#062331 100%);border:0;backdrop-filter:none}
body.official-shell .site-header .navbar{position:relative;isolation:isolate;overflow:hidden;width:min(calc(100% - 36px),1420px);min-height:104px;margin-inline:auto;padding:10px 14px 10px 24px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.085);border-radius:26px;background:linear-gradient(135deg,rgba(7,35,48,.97),rgba(3,23,33,.98));box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
body.official-shell .site-header .brand{flex:0 0 214px;min-width:214px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:4px 22px 4px 6px;border-right:1px solid rgba(255,255,255,.085)}
body.official-shell .site-header .brand img{width:178px;max-height:78px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.15));transition:transform .2s ease}
body.official-shell .site-header .brand:hover img{transform:translateY(-1px) scale(1.015)}
body.official-shell .navbar__location{display:none}
body.official-shell .site-header .nav-menu{flex:1 1 auto;margin:0;padding:0;display:flex;justify-content:flex-end;align-items:stretch;gap:4px;min-width:0;list-style:none}
body.official-shell .site-header .nav-menu li{min-width:0}
body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member){min-width:88px;height:100%;padding:.7rem .65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.34rem;border-radius:18px;color:rgba(255,255,255,.83);font-size:.76rem;font-weight:700;text-align:center;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}
body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member):hover{color:#fff;background:rgba(255,255,255,.07)}
body.official-shell .nav-link__icon{width:29px;height:29px;display:grid;place-items:center}
body.official-shell .nav-link__icon svg,body.official-shell .nav-link__icon img{width:25px;height:25px;display:block;object-fit:contain;fill:currentColor;filter:brightness(0) invert(1) opacity(.75);transition:transform .22s ease,filter .22s ease}
body.official-shell .site-header .nav-menu a:hover .nav-link__icon svg,body.official-shell .site-header .nav-menu a:hover .nav-link__icon img{filter:brightness(0) invert(1);transform:translateY(-2px)}
body.official-shell .site-header .nav-menu .nav-cta{flex:0 0 auto;display:grid;grid-template-columns:30px minmax(150px,1fr) 22px;align-items:center;gap:10px;min-width:258px;min-height:64px;margin-left:18px;padding:8px 18px 8px 16px;border:0;border-radius:20px;color:#102f3d;background:linear-gradient(180deg,#ffdc58,#e8b72f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px rgba(0,0,0,.16);text-align:left;text-decoration:none;transition:transform .2s ease,background .2s ease}
body.official-shell .site-header .nav-menu .nav-cta:hover{color:#102f3d;background:linear-gradient(180deg,#ffe06a,#efc33e);transform:translateY(-3px)}
body.official-shell .nav-cta__icon{width:29px;height:29px;object-fit:contain;filter:invert(16%) sepia(26%) saturate(1170%) hue-rotate(151deg) brightness(86%) contrast(95%)}
body.official-shell .nav-cta__copy{display:grid;line-height:1.08}body.official-shell .nav-cta__copy strong{font-size:.9rem;font-weight:950;letter-spacing:-.01em}body.official-shell .nav-cta__copy small{margin-top:4px;font-size:.66rem;font-weight:700;opacity:.7;white-space:nowrap}body.official-shell .nav-cta__arrow{font-size:1.18rem;font-weight:900}
body.official-shell .site-header .nav-item-member{margin-left:14px}
body.official-shell .site-header .nav-member{box-sizing:border-box;min-width:132px;min-height:48px;height:48px;align-self:center;margin:0;padding:3px .68rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:linear-gradient(180deg,#123e50,#082a38);border:1px solid rgba(232,183,47,.62);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.2);text-align:center;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.official-shell .site-header .nav-member:hover,body.official-shell .site-header .nav-member:focus-visible{color:#fff;background:linear-gradient(180deg,#185269,#0b3545);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 28px rgba(0,0,0,.25)}
body.official-shell .nav-member__icon{display:grid;place-items:center;width:14px;height:14px;color:var(--yellow-500)}body.official-shell .nav-member__icon svg{width:100%;height:100%;fill:currentColor}body.official-shell .nav-member__copy{display:grid;width:100%;min-width:0;max-width:100%;justify-items:center;line-height:1;text-align:center}body.official-shell .nav-member__copy strong{display:block;width:100%;max-width:94px;overflow:hidden;color:#fff;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}body.official-shell .nav-member__copy small{margin-top:1px;color:#f4d66d;font-size:.62rem;white-space:nowrap}
body.official-shell .nav-toggle{display:none}

body.official-shell .site-footer-v50{position:relative;padding:0;overflow:hidden;color:rgba(255,255,255,.78);background:#091c26;border-top:0;box-shadow:none}
body.official-shell .site-footer-v50 .footer-shell{position:relative;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
body.official-shell .footer-grid{position:relative;z-index:1;width:min(calc(100% - 4rem),1500px);margin-inline:auto;padding:clamp(2.4rem,4vw,4rem) 0 2.5rem;display:grid;grid-template-columns:minmax(260px,1.35fr) .58fr .72fr minmax(310px,1.08fr);gap:clamp(1.4rem,3vw,3.2rem);align-items:start}
body.official-shell .footer-brand-v50 img{width:clamp(145px,13vw,205px);margin:0 0 1.1rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
body.official-shell .footer-brand-v50 p{max-width:440px;margin:0 0 1.25rem;color:rgba(255,255,255,.72);line-height:1.72}
body.official-shell .footer-location-v157{width:min(100%,350px);padding:.78rem .88rem;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:.82rem;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body.official-shell .footer-location-v157 .footer-location__pin{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:14px;color:#0b2230;background:linear-gradient(135deg,#f2d153,#dfb52d);box-shadow:0 8px 18px rgba(0,0,0,.16)}body.official-shell .footer-location__pin svg{width:1.42rem;height:1.42rem;display:block;fill:currentColor}
body.official-shell .footer-location__copy{min-width:0}body.official-shell .footer-location__copy small,body.official-shell .footer-location__copy strong{display:block}body.official-shell .footer-location__eyebrow{margin:0 0 .16rem;color:var(--yellow-300);font-size:.62rem;font-weight:800;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}body.official-shell .footer-location-v157 strong{color:#fff;font-size:.88rem;line-height:1.25}body.official-shell .footer-location__detail{margin-top:.2rem;color:rgba(255,255,255,.56);font-size:.69rem;line-height:1.35}
body.official-shell .footer-links{display:block}body.official-shell .footer-links h3,body.official-shell .footer-cta-v50 h3{margin:0 0 1rem;color:#fff;font-size:1rem}body.official-shell .footer-links h3:before{content:"";display:inline-block;width:24px;height:2px;margin-right:.55rem;vertical-align:middle;border-radius:999px;background:var(--yellow-300)}body.official-shell .footer-links ul{margin:0;padding:0;display:grid;gap:.42rem;list-style:none}body.official-shell .footer-links li{min-width:0;color:rgba(255,255,255,.68)}
body.official-shell .footer-links a{min-height:0}body.official-shell .footer-links span{font-size:inherit}
body.official-shell .footer-nav-v157 li a,body.official-shell .footer-contact-v158 li a{width:100%;margin-left:-.42rem;padding:.32rem .42rem;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.58rem;border-radius:10px;color:rgba(255,255,255,.7);text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease,transform .2s ease,background .2s ease}
body.official-shell .footer-nav-v157 li a:hover,body.official-shell .footer-contact-v158 li a:hover,body.official-shell .footer-nav-v157 li a:focus-visible,body.official-shell .footer-contact-v158 li a:focus-visible{color:var(--yellow-300);background:rgba(255,255,255,.045);transform:translateX(3px)}
body.official-shell .footer-nav-icon,body.official-shell .footer-contact-v158 .footer-social-icon{box-sizing:border-box;width:30px;height:30px;display:inline-grid;place-items:center;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.055);object-fit:contain;filter:brightness(0) invert(1) opacity(.78)}body.official-shell .footer-nav-icon img,body.official-shell .footer-nav-icon svg{width:20px;height:20px;padding:0;display:block;object-fit:contain;fill:currentColor;filter:brightness(0) invert(1) opacity(.78)}
body.official-shell .footer-cta-v50{position:relative;padding:1.45rem;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#152a34;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}body.official-shell .footer-cta-kicker{display:block;margin-bottom:.55rem;color:var(--yellow-300);font-size:.72rem;font-weight:800;letter-spacing:.14em}body.official-shell .footer-cta-v50 h3{margin-bottom:.65rem;font-size:clamp(1.18rem,1.6vw,1.55rem);line-height:1.2}body.official-shell .footer-cta-v50 p{margin:0 0 1.1rem;color:rgba(255,255,255,.66);font-size:.9rem;line-height:1.6}
body.official-shell .footer-cta-button{padding:.9rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border-radius:16px;color:#0b2230;background:linear-gradient(135deg,#f3d257,#e7bd35);text-decoration:none;transition:transform .22s ease,filter .22s ease}body.official-shell .footer-cta-button:hover{transform:translateY(-2px);filter:brightness(1.04)}body.official-shell .footer-cta-calendar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(11,34,48,.09)}body.official-shell .footer-cta-calendar img{width:25px;height:25px;object-fit:contain}body.official-shell .footer-cta-button strong,body.official-shell .footer-cta-button small{display:block}body.official-shell .footer-cta-button strong{font-size:.96rem}body.official-shell .footer-cta-button small{margin-top:.1rem;font-size:.7rem;opacity:.72}body.official-shell .footer-cta-arrow{font-size:1.2rem}
body.official-shell .footer-bottom-v50{position:relative;z-index:1;width:min(calc(100% - 4rem),1500px);margin-inline:auto;padding:1.15rem 0 1.35rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:.8rem}

@media(min-width:1261px){body.official-shell .site-header .navbar__location{display:flex;flex:0 0 164px;min-width:164px;margin:0;padding:0 14px 0 2px;align-items:center;gap:.62rem;color:rgba(255,255,255,.92);border-right:1px solid rgba(255,255,255,.075)}body.official-shell .navbar__location svg{flex:0 0 auto;width:23px;height:23px;fill:var(--yellow-500)}body.official-shell .navbar__location span{display:grid;line-height:1.12}body.official-shell .navbar__location strong{font-size:.81rem;white-space:nowrap}body.official-shell .navbar__location small{margin-top:.22rem;color:rgba(255,255,255,.55);font-size:.66rem;white-space:nowrap}body.official-shell .site-header .brand{flex-basis:196px;min-width:196px;padding-right:18px}body.official-shell .site-header .brand img{width:166px}body.official-shell .site-header .nav-menu{display:grid;grid-template-columns:repeat(7,minmax(60px,1fr)) minmax(200px,auto) minmax(132px,auto);align-items:stretch;justify-content:stretch;column-gap:4px;width:100%}body.official-shell .site-header .nav-menu li{display:flex;align-items:stretch;justify-content:center}body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member){width:100%;min-width:0}body.official-shell .site-header .nav-menu .nav-cta{width:100%;min-width:0;margin-left:6px}}
@media(min-width:1261px) and (max-width:1420px){body.official-shell .site-header .navbar__location{display:none}body.official-shell .site-header .brand{flex-basis:184px;min-width:184px}body.official-shell .site-header .brand img{width:156px}}
@media(min-width:1261px){body.official-shell .site-header .nav-member{width:100%;min-width:0;height:82px;margin:0;align-self:center}body.official-shell .site-header .nav-menu .nav-cta{height:64px;align-self:center}}
@media(min-width:1261px){body.official-shell .site-header .brand{min-width:205px;padding-left:44px;padding-right:16px}}
@media(min-width:981px){body.official-shell .site-header .navbar{height:104px}}
@media(min-width:1261px){body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member){padding-inline:.25rem}}
body.official-shell .site-header .nav-menu .nav-cta .nav-cta__icon{filter:invert(16%) sepia(26%) saturate(1170%) hue-rotate(151deg) brightness(86%) contrast(95%)}
@media(max-width:1280px) and (min-width:981px){body.official-shell .site-header .navbar{width:min(calc(100% - 22px),1260px);padding-left:16px;gap:10px}body.official-shell .site-header .brand{flex-basis:165px;min-width:165px;padding-left:34px;padding-right:10px}body.official-shell .site-header .brand img{width:138px}body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member){min-width:0;padding-inline:.32rem;font-size:.69rem}body.official-shell .nav-link__icon{display:none}body.official-shell .site-header .nav-menu .nav-cta{min-width:190px;margin-left:6px;grid-template-columns:25px minmax(115px,1fr) 18px;padding-inline:11px}body.official-shell .nav-cta__copy small{font-size:.6rem}body.official-shell .site-header .nav-member{min-width:118px;padding-inline:.55rem}}
@media(max-width:1120px){body.official-shell .footer-grid{grid-template-columns:1.35fr .65fr .75fr}body.official-shell .footer-cta-v50{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;column-gap:1.5rem;align-items:center}body.official-shell .footer-cta-v50 .footer-cta-kicker,body.official-shell .footer-cta-v50 h3,body.official-shell .footer-cta-v50 p{grid-column:1}body.official-shell .footer-cta-v50 .footer-cta-button{grid-column:2;grid-row:1/span 3}}
@media(max-width:980px){body.official-shell .site-header{padding:8px 0}body.official-shell .site-header .navbar{overflow:visible;width:calc(100% - 16px);min-height:78px;padding:7px 10px 7px 16px;justify-content:space-between;border-radius:22px}body.official-shell .site-header .brand{flex:0 0 auto;min-width:auto;align-self:auto;justify-content:flex-start;padding:2px 10px 2px 0;border:0}body.official-shell .site-header .brand img{width:148px;max-height:62px}body.official-shell .navbar__location{display:none}body.official-shell .nav-toggle{display:grid;place-content:center;width:50px;height:50px;padding:0;border:1px solid rgba(229,185,52,.55);border-radius:16px;color:#fff;background:rgba(255,255,255,.055);box-shadow:none}body.official-shell .nav-toggle span,body.official-shell .nav-toggle:before,body.official-shell .nav-toggle:after{content:"";display:block;width:22px;height:2px;margin:5px auto;background:currentColor;transition:transform .18s ease,opacity .18s ease}body.official-shell .nav-toggle[aria-expanded=true] span{opacity:0}body.official-shell .nav-toggle[aria-expanded=true]:before{transform:translateY(7px) rotate(45deg)}body.official-shell .nav-toggle[aria-expanded=true]:after{transform:translateY(-7px) rotate(-45deg)}body.official-shell .site-header .nav-menu{position:fixed;top:0;right:0;bottom:0;width:min(390px,92vw);max-height:none;margin:0;padding:calc(98px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;border:0;border-left:1px solid rgba(229,185,52,.55);border-radius:0;background:linear-gradient(160deg,#082936,#031720);box-shadow:-25px 0 65px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateX(102%);transition:opacity .25s ease,visibility .25s ease,transform .3s ease}body.official-shell .site-header .nav-menu:before{content:"";position:absolute;left:20px;top:calc(20px + env(safe-area-inset-top));width:150px;height:62px;background:url('/assets/img/logo-exzoo.webp') center/contain no-repeat}body.official-shell .site-header .nav-menu:after{content:"×";position:absolute;right:18px;top:calc(22px + env(safe-area-inset-top));width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#152b32;background:var(--yellow-500);font-size:1.7rem;font-weight:800}body.official-shell .site-header .nav-menu.is-open{opacity:1;visibility:visible;transform:translateX(0)}body.official-shell .site-header .nav-menu li{display:block;flex:0 0 auto}body.official-shell .site-header .nav-menu a:not(.nav-cta):not(.nav-member){min-width:0;min-height:44px;height:auto;padding:.42rem .75rem;display:flex;flex-direction:row;justify-content:flex-start;gap:.7rem;border-radius:14px;font-size:.98rem;text-align:left}body.official-shell .nav-link__icon{display:grid;width:30px;height:30px}body.official-shell .nav-link__icon svg,body.official-shell .nav-link__icon img{width:25px;height:25px}body.official-shell .site-header .nav-item-activity{order:20;margin:16px 0 0;padding-top:0}body.official-shell .site-header .nav-item-member{order:21;margin:16px 0 0}body.official-shell .site-header .nav-member{width:100%;min-height:48px;height:48px;margin:0;border-radius:14px}body.official-shell .site-header .nav-member__copy strong{max-width:100%}body.official-shell .site-header .nav-menu .nav-cta{width:100%;min-width:0;min-height:56px;margin:0;padding:8px 16px;grid-template-columns:28px 1fr 20px;border-radius:16px}body.official-shell .site-header .nav-toggle[aria-expanded=true]{position:fixed;z-index:1002;right:20px;top:calc(20px + env(safe-area-inset-top));opacity:0}}
@media(max-width:760px){body.official-shell .footer-grid{width:min(calc(100% - 2rem),1500px);grid-template-columns:1fr 1fr;padding:2rem 0 1.7rem;gap:1.6rem 1.2rem}body.official-shell .footer-brand-v50{grid-column:1/-1}body.official-shell .footer-cta-v50{grid-column:1/-1;display:block}body.official-shell .footer-bottom-v50{width:min(calc(100% - 2rem),1500px);flex-direction:column;text-align:left}}
@media(max-width:520px){body.official-shell .site-header .navbar{width:calc(100% - 10px);padding-left:12px}body.official-shell .site-header .brand img{width:132px}body.official-shell .site-header .nav-menu{width:94vw}}
@media(max-width:480px){body.official-shell .footer-grid{grid-template-columns:1fr}body.official-shell .footer-location-v157{width:100%}body.official-shell .footer-nav-v157 li a{max-width:240px}body.official-shell .footer-contact-v158 li a{max-width:280px}body.official-shell .footer-bottom-v50{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){body.official-shell .site-header *,body.official-shell .site-footer *{transition-duration:.01ms!important}}
@media(max-width:980px){body.official-shell .site-header .brand{padding:2px 16px 2px 44px}}
@media(max-width:1280px) and (min-width:981px){body.official-shell .site-header .brand{flex-basis:174px}body.official-shell .site-header .nav-menu li{display:flex;align-items:center;justify-content:center}body.official-shell .site-header .nav-item-member{flex:0 1 132px;overflow:hidden}body.official-shell .site-header .nav-menu .nav-cta{min-width:214px;margin-left:6px;grid-template-columns:25px minmax(125px,1fr) 18px;padding-inline:.72rem}body.official-shell .site-header .nav-member{width:100%;min-width:0}body.official-shell .nav-member__copy strong{font-size:.72rem}}
@media(min-width:981px){body.official-shell .site-header .nav-menu a[href="/sobre-exzoo.html"] .nav-link__text{white-space:nowrap}}

/* Login Mi Exzoo premium: alcance estrictamente visual de view-login. */
.view-login main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.18fr) minmax(410px,.82fr);border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-login main:before{left:55%;width:1px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.82) 24%,rgba(232,183,47,.62) 78%,transparent 96%)}
.view-login .intro{min-height:610px;padding:clamp(2.35rem,4.6vw,4.5rem);justify-content:center;border-radius:0;background:#071d26}
.view-login .intro:before{background-image:linear-gradient(112deg,rgba(7,29,38,.25),rgba(7,29,38,.48) 46%,rgba(7,29,38,.9)),linear-gradient(0deg,rgba(7,29,38,.97),transparent 67%),url('/assets/img/gecko-leopardo.webp');background-position:78% center;filter:saturate(1.02) contrast(1.08)}
.view-login .intro:after{content:"";right:-78px;top:auto;bottom:-96px;width:270px;height:270px;border:1px solid rgba(244,214,109,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(232,183,47,.045),0 0 0 68px rgba(42,117,144,.055)}
.view-login .login-hero-badge{width:fit-content;margin:0 0 1.1rem;padding:.43rem .72rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(7,29,38,.72);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.view-login .login-hero-badge:before{display:none}.view-login .login-hero-badge svg{width:15px;height:15px;fill:currentColor}
.view-login .intro h1{max-width:520px;margin:0 0 1.3rem;font-size:clamp(3.5rem,5vw,4.85rem);line-height:.96;letter-spacing:-.06em}
.view-login .intro h1 span{position:relative;display:inline-block}
.view-login .intro>p:not(.eyebrow){max-width:465px;margin:.55rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.88);font-size:1.02rem;line-height:1.65}
.view-login .login-benefits{position:relative;z-index:1;width:min(100%,520px);margin-top:clamp(2.25rem,5vh,3.6rem);padding-top:1.35rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15)}
.view-login .login-benefits>div{min-width:0;padding:0 1.15rem;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.65rem;color:rgba(255,255,255,.82);font-size:.63rem;font-weight:820;letter-spacing:.075em;line-height:1.35}.view-login .login-benefits>div:first-child{padding-left:0}.view-login .login-benefits>div+div{border-left:1px solid rgba(255,255,255,.18)}
.view-login .login-benefits svg{width:25px;height:25px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-login .card{padding:clamp(2.1rem,4vw,3.6rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 68%,#f5efe2 100%)}
.view-login .card:before{display:none}.view-login .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-login .login-panel-intro{position:relative;z-index:1;margin-bottom:1.25rem}.view-login .login-account-badge{width:fit-content;margin:0 0 .8rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#edf5f6;color:var(--green-700);font-size:.65rem;font-weight:850;letter-spacing:.12em;line-height:1.4}.view-login .login-panel-intro>p:last-child{max-width:430px;margin:0;color:var(--ink-700);font-size:.88rem;line-height:1.55}
.view-login .login-form-card{padding:1.25rem;border:1px solid rgba(16,57,74,.14);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(7,29,38,.065),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)}
.field-label-icon{display:none}.view-login .field{margin-bottom:1.05rem}.view-login .field label{display:flex;align-items:center;gap:.45rem;color:#203740;font-size:.82rem;font-weight:800}.view-login .field-label-icon{display:block;width:17px;height:17px;fill:none;stroke:var(--green-700);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.view-login input:not([type=checkbox]){min-height:52px;border-color:#93a8b0;border-radius:12px;background:#fff}.view-login input:not([type=checkbox]):focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(42,117,144,.12)}
.view-login .login-form-card>button{position:relative;min-height:52px;margin-top:.55rem;padding-inline:1.2rem 3.2rem;border:1px solid #c69b1c;border-radius:12px;background:#e8b72f;box-shadow:0 10px 24px rgba(195,154,35,.2)}.view-login .login-form-card>button:after{content:"→";position:absolute;right:1.2rem;font-size:1.18rem}.view-login .login-form-card>button:hover{background:#f0c94e}
.view-login .login-support-links{margin:1.15rem 0 0;padding:1.05rem 0 0;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:1px solid #dce4e6}.view-login .login-support-links a{min-height:44px;display:inline-flex;align-items:center;gap:.45rem;color:#234f61;font-size:.78rem;font-weight:730;text-decoration:none}.view-login .login-support-links a:hover{text-decoration:underline}.view-login .login-support-links a:after{display:none!important}.view-login .login-support-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-login .login-link-divider{width:1px;height:24px;background:#cbd7db}
.view-login .login-register-button{position:relative;z-index:1;width:100%;min-height:50px;margin-top:.85rem;padding:.72rem 1rem;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:.65rem;border:1px solid #8fa6af;border-radius:12px;color:#17485b;background:rgba(255,255,255,.35);font-size:.84rem;font-weight:820;text-decoration:none;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.view-login .login-register-button:hover{border-color:var(--green-500);background:#eef5f6;transform:translateY(-1px)}.view-login .login-register-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-login .login-register-button b{font-size:1.1rem;text-align:right}
@media(max-width:980px) and (min-width:761px){.view-login main{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr)}.view-login main:before{left:47.5%}.view-login .intro{padding:2rem}.view-login .intro h1{font-size:clamp(2.75rem,5vw,3.5rem)}.view-login .login-benefits>div{padding-inline:.7rem;grid-template-columns:1fr;gap:.35rem}.view-login .card{padding:1.8rem}.view-login .login-support-links{gap:.65rem}.view-login .login-link-divider{display:none}}
@media(max-width:760px){.view-login main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.view-login .intro{order:1;min-height:280px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-login .intro:before{border-radius:24px}.view-login .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.view-login .intro h1{font-size:2.45rem}.view-login .intro>p:not(.eyebrow){font-size:.92rem;line-height:1.52}.view-login .login-benefits{margin-top:1.8rem;padding-top:1rem}.view-login .login-benefits>div{padding-inline:.8rem}.view-login .login-form-card{padding:1.1rem}.view-login .login-panel-intro{margin-bottom:1rem}}
@media(max-width:480px){.view-login main{width:calc(100% - 1rem);margin-top:1.25rem}.view-login .intro{min-height:238px;padding:1.3rem;border-radius:20px}.view-login .intro:before{border-radius:20px;background-position:74% center}.view-login .login-hero-badge{margin-bottom:.8rem;padding:.34rem .55rem;font-size:.61rem}.view-login .intro h1{margin-bottom:1rem;font-size:2rem;line-height:1}.view-login .intro h1 span:after{bottom:-7px;width:82px;border-bottom-width:3px}.view-login .intro>p:not(.eyebrow){font-size:.85rem}.view-login .login-benefits{display:none}.view-login .card{padding:1rem;border-radius:20px}.view-login .login-account-badge{font-size:.59rem}.view-login .login-panel-intro>p:last-child{font-size:.82rem}.view-login .login-form-card{padding:.95rem;border-radius:16px}.view-login .login-support-links{align-items:stretch;flex-direction:column;gap:.15rem}.view-login .login-support-links a{justify-content:flex-start}.view-login .login-link-divider{display:none}.view-login .login-register-button{margin-top:.65rem}}

/* Recuperar contraseña Mi Exzoo: alcance visual de view-recover. */
.view-recover main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-recover main:before{left:53%;width:1px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.82) 24%,rgba(232,183,47,.62) 78%,transparent 96%)}
.view-recover .intro{min-height:610px;padding:clamp(2.35rem,4.6vw,4.4rem);justify-content:center;border-radius:0;background:#071d26}
.view-recover .intro:before{background-image:linear-gradient(112deg,rgba(7,29,38,.2),rgba(7,29,38,.43) 48%,rgba(7,29,38,.9)),linear-gradient(0deg,rgba(7,29,38,.97),transparent 67%),url('/assets/img/gecko-tokay.webp');background-position:76% center;filter:saturate(.96) contrast(1.1)}
.view-recover .intro:after{content:"";right:-75px;top:auto;bottom:-92px;width:265px;height:265px;border:1px solid rgba(244,214,109,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(232,183,47,.045),0 0 0 68px rgba(42,117,144,.055)}
.view-recover .recover-hero-badge{width:fit-content;margin:0 0 1.1rem;padding:.43rem .72rem;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(7,29,38,.72);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.view-recover .recover-hero-badge:before{display:none}.view-recover .recover-hero-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.view-recover .intro h1{max-width:520px;margin:0 0 1.3rem;font-size:clamp(3.25rem,4.75vw,4.55rem);line-height:.96;letter-spacing:-.055em}.view-recover .intro h1 span{color:var(--yellow-300)}
.view-recover .intro>p:not(.eyebrow){max-width:475px;margin:.55rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.9);font-size:1rem;line-height:1.65}
.view-recover .recover-benefits{position:relative;z-index:1;width:min(100%,535px);margin-top:clamp(2.2rem,5vh,3.5rem);padding-top:1.35rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15)}
.view-recover .recover-benefits>div{min-width:0;padding:0 .9rem;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.55rem;color:rgba(255,255,255,.82);font-size:.58rem;font-weight:820;letter-spacing:.055em;line-height:1.35}.view-recover .recover-benefits>div:first-child{padding-left:0}.view-recover .recover-benefits>div+div{border-left:1px solid rgba(255,255,255,.18)}
.view-recover .recover-benefits svg{width:23px;height:23px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-recover .card{padding:clamp(2rem,3.6vw,3.25rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 68%,#f5efe2 100%)}
.view-recover .card:before{display:none}.view-recover .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-recover .recover-panel-intro{position:relative;z-index:1;margin-bottom:1.25rem}.view-recover .recover-account-badge{width:fit-content;margin:0 0 1.35rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#edf5f6;color:var(--green-700);font-size:.62rem;font-weight:850;letter-spacing:.105em;line-height:1.4}
.view-recover .recover-steps{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.view-recover .recover-steps:before{content:"";position:absolute;z-index:0;top:14px;left:16.666%;width:66.668%;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(199,155,24,.35),rgba(185,199,204,.7))}.view-recover .recover-steps>div{position:relative;z-index:2;display:grid;justify-items:center;gap:.45rem;color:#7a8b91;font-size:.62rem;font-weight:740;line-height:1.25;text-align:center}.view-recover .recover-steps>div:not(:last-child):after{display:none}.view-recover .recover-steps b{position:relative;z-index:2;width:29px;height:29px;display:grid;place-items:center;border:1px solid #bdc9cd;border-radius:50%;color:#64777f;background:#f7f9f9;animation:recoverJourneyMilestone 6s ease-in-out infinite}.view-recover .recover-steps>div:nth-of-type(1) b{animation-delay:0s}.view-recover .recover-steps>div:nth-of-type(2) b{animation-delay:2.25s}.view-recover .recover-steps>div:nth-of-type(3) b{animation-delay:4.5s}.view-recover .recover-steps .is-active{color:#234f61}.view-recover .recover-steps .is-active b{border-color:#c79b18;color:#102b35;background:var(--yellow-500);box-shadow:0 5px 14px rgba(195,154,35,.2)}
.view-recover .recover-steps-glow{position:absolute;z-index:1;top:13.5px;left:16.666%;width:66.668%;height:3px;pointer-events:none}.view-recover .recover-steps-glow:before,.view-recover .recover-steps-glow:after{content:"";position:absolute}.view-recover .recover-steps-glow:before{inset:0;border-radius:999px;background:#e8c230;transform:scaleX(0);transform-origin:left center;box-shadow:0 0 5px rgba(232,194,48,.78),0 0 13px rgba(232,194,48,.5),0 0 22px rgba(232,194,48,.25);animation:recoverJourneyLine 6s ease-in-out infinite}.view-recover .recover-steps-glow:after{top:50%;left:0;width:11px;height:11px;border:2px solid rgba(255,250,214,.95);border-radius:50%;background:#e8c230;opacity:0;transform:translate(-50%,-50%) scale(.7);box-shadow:0 0 0 4px rgba(232,194,48,.14),0 0 9px 3px rgba(232,194,48,.78),0 0 22px 7px rgba(232,194,48,.32);animation:recoverJourneyDot 6s ease-in-out infinite}
@keyframes recoverJourneyLine{0%,5%{transform:scaleX(0);opacity:0}10%{opacity:1}80%{transform:scaleX(1);opacity:1}92%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(1);opacity:0}}
@keyframes recoverJourneyDot{0%,5%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.65)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{left:100%;opacity:1;transform:translate(-50%,-50%) scale(1)}91%{left:100%;opacity:1;transform:translate(-50%,-50%) scale(1.16)}100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.65)}}
@keyframes recoverJourneyMilestone{0%,18%,100%{transform:scale(1);box-shadow:0 5px 14px rgba(195,154,35,.12)}5%,12%{transform:scale(1.16);box-shadow:0 0 0 4px rgba(232,194,48,.16),0 0 11px 3px rgba(232,194,48,.62),0 0 22px 6px rgba(232,194,48,.2)}}
@media(prefers-reduced-motion:reduce){.view-recover .recover-steps-glow:before,.view-recover .recover-steps-glow:after,.view-recover .recover-steps b{animation:none!important}.view-recover .recover-steps-glow:before{transform:scaleX(1);opacity:.55}.view-recover .recover-steps-glow:after{display:none}}
.view-recover .recover-form-card{padding:1.25rem;border:1px solid rgba(16,57,74,.14);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(7,29,38,.065),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)}
.view-recover .field{margin-bottom:1rem}.view-recover .field label{display:flex;align-items:center;gap:.45rem;color:#203740;font-size:.82rem;font-weight:800}.view-recover .field-label-icon{display:block;width:17px;height:17px;fill:none;stroke:var(--green-700);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-recover input:not([type=checkbox]){min-height:52px;border-color:#93a8b0;border-radius:12px;background:#fff}.view-recover input:not([type=checkbox]):focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(42,117,144,.12)}
.view-recover .recover-info{margin:.2rem 0 1rem;padding:.8rem .85rem;display:grid;grid-template-columns:20px 1fr;gap:.65rem;border:1px solid rgba(42,117,144,.16);border-radius:12px;color:#315b72;background:#eef7f9;font-size:.77rem;line-height:1.45}.view-recover .recover-info svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.view-recover .turnstile-field{width:100%;margin:1rem 0}.view-recover .cf-turnstile{width:100%}.view-recover .turnstile-field .hint{margin:.45rem 0 0;font-size:.72rem}.view-recover .recover-form-card>button{position:relative;min-height:52px;margin-top:.35rem;padding-inline:1.2rem 3.2rem;border:1px solid #c69b1c;border-radius:12px;background:#e8b72f;box-shadow:0 10px 24px rgba(195,154,35,.2)}.view-recover .recover-form-card>button:after{content:"→";position:absolute;right:1.2rem;font-size:1.18rem}.view-recover .recover-form-card>button:hover{background:#f0c94e}
.view-recover .recover-back-link{position:relative;z-index:1;margin:1rem 0 0;text-align:center}.view-recover .recover-back-link a{min-height:44px;display:inline-flex;align-items:center;color:#234f61;font-size:.82rem;font-weight:760;text-decoration:none}.view-recover .recover-back-link a:hover{text-decoration:underline}
@media(max-width:980px) and (min-width:761px){.view-recover main{grid-template-columns:minmax(0,.92fr) minmax(410px,1.08fr)}.view-recover main:before{left:46%}.view-recover .intro{padding:2rem}.view-recover .intro h1{font-size:clamp(2.7rem,5vw,3.4rem)}.view-recover .recover-benefits>div{padding-inline:.55rem;grid-template-columns:1fr;gap:.35rem}.view-recover .card{padding:1.65rem}}
@media(max-width:760px){.view-recover main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.view-recover .intro{order:1;min-height:285px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-recover .intro:before{border-radius:24px;background-position:center}.view-recover .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.view-recover .intro h1{font-size:2.45rem}.view-recover .intro>p:not(.eyebrow){font-size:.92rem;line-height:1.52}.view-recover .recover-benefits{margin-top:1.8rem;padding-top:1rem}.view-recover .recover-form-card{padding:1.1rem}}
@media(max-width:480px){.view-recover main{width:calc(100% - 1rem);margin-top:1.25rem}.view-recover .intro{min-height:250px;padding:1.3rem;border-radius:20px}.view-recover .intro:before{border-radius:20px;background-position:72% center}.view-recover .recover-hero-badge{margin-bottom:.8rem;padding:.34rem .55rem;font-size:.61rem}.view-recover .intro h1{margin-bottom:1rem;font-size:2rem;line-height:1}.view-recover .intro>p:not(.eyebrow){font-size:.84rem;line-height:1.48}.view-recover .recover-benefits{display:none}.view-recover .card{padding:1rem;border-radius:20px}.view-recover .recover-account-badge{margin-bottom:1rem;font-size:.56rem}.view-recover .recover-steps>div{font-size:.55rem}.view-recover .recover-steps>div:not(:last-child):after{left:calc(50% + 17px);width:calc(100% - 26px)}.view-recover .recover-form-card{padding:.95rem;border-radius:16px}.view-recover .recover-info{font-size:.72rem}}
@media(max-width:340px){.view-recover .turnstile-field{position:relative;left:50%;width:300px;transform:translateX(-50%)}.view-recover .turnstile-field .hint{padding-inline:12px}}

/* Reenviar verificación Mi Exzoo: alcance visual de view-resend. */
.view-resend main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-resend main:before{left:53%;width:1px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.82) 24%,rgba(232,183,47,.62) 78%,transparent 96%)}
.view-resend .intro{min-height:610px;padding:clamp(2.35rem,4.6vw,4.4rem);justify-content:center;border-radius:0;background:#071d26}
.view-resend .intro:before{background-image:linear-gradient(100deg,rgba(7,29,38,.76) 0%,rgba(7,29,38,.45) 48%,rgba(7,29,38,.16) 100%),linear-gradient(0deg,rgba(7,29,38,.7) 0%,rgba(7,29,38,.18) 62%,rgba(7,29,38,.06) 100%),url('/assets/img/piton-bola.webp');background-position:28% center;background-size:cover;filter:saturate(1.04) contrast(1.04) brightness(1.04)}
.view-resend .intro:after{content:"";right:-76px;top:auto;bottom:-94px;width:268px;height:268px;border:1px solid rgba(244,214,109,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(232,183,47,.045),0 0 0 68px rgba(42,117,144,.055)}
.view-resend .resend-hero-badge{width:fit-content;margin:0 0 1.05rem;padding:.43rem .72rem;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(7,29,38,.75);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.view-resend .resend-hero-badge:before{display:none}.view-resend .resend-hero-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.view-resend .intro h1{max-width:520px;margin:0 0 1.3rem;font-size:clamp(3.25rem,4.75vw,4.55rem);line-height:.96;letter-spacing:-.055em}.view-resend .intro h1 span{color:var(--yellow-300)}
.view-resend .intro>p:not(.eyebrow){max-width:470px;margin:.55rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.9);font-size:1rem;line-height:1.65}
.view-resend .resend-benefits{position:relative;z-index:1;width:min(100%,535px);margin-top:clamp(2.2rem,5vh,3.5rem);padding-top:1.35rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15)}
.view-resend .resend-benefits>div{min-width:0;padding:0 .9rem;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.55rem;color:rgba(255,255,255,.84);font-size:.58rem;font-weight:820;letter-spacing:.055em;line-height:1.35}.view-resend .resend-benefits>div:first-child{padding-left:0}.view-resend .resend-benefits>div+div{border-left:1px solid rgba(255,255,255,.18)}
.view-resend .resend-benefits svg{width:23px;height:23px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-resend .card{padding:clamp(2rem,3.6vw,3.25rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 68%,#f5efe2 100%)}
.view-resend .card:before{display:none}.view-resend .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-resend .resend-panel-intro{position:relative;z-index:1;margin-bottom:1.25rem}.view-resend .resend-account-badge{width:fit-content;margin:0 0 .85rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#edf5f6;color:var(--green-700);font-size:.62rem;font-weight:850;letter-spacing:.105em;line-height:1.4}.view-resend .resend-panel-intro>p:last-child{max-width:440px;margin:0;color:var(--ink-700);font-size:.88rem;line-height:1.55}
.view-resend .resend-form-card{position:relative;z-index:1;padding:1.25rem;border:1px solid rgba(16,57,74,.14);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(7,29,38,.065),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)}
.view-resend .field{margin-bottom:1rem}.view-resend .field label{display:flex;align-items:center;gap:.45rem;color:#203740;font-size:.82rem;font-weight:800}.view-resend .field-label-icon{display:block;width:17px;height:17px;fill:none;stroke:var(--green-700);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-resend input:not([type=checkbox]){min-height:52px;border-color:#93a8b0;border-radius:12px;background:#fff}.view-resend input:not([type=checkbox]):focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(42,117,144,.12)}
.view-resend .resend-alert{margin:0 0 1rem;font-size:.79rem;line-height:1.45}.view-resend .turnstile-field{width:100%;margin:1rem 0}.view-resend .cf-turnstile{width:100%}.view-resend .turnstile-field .hint{margin:.45rem 0 0;font-size:.72rem}
.view-resend .resend-form-card>button{position:relative;min-height:52px;margin-top:.35rem;padding-inline:1.2rem 3.2rem;border:1px solid #c69b1c;border-radius:12px;background:#e8b72f;box-shadow:0 10px 24px rgba(195,154,35,.2)}.view-resend .resend-form-card>button:after{content:"→";position:absolute;right:1.2rem;font-size:1.18rem}.view-resend .resend-form-card>button:hover{background:#f0c94e}
.view-resend .resend-back-link{position:relative;z-index:1;margin:1rem 0 0;text-align:center}.view-resend .resend-back-link a{min-height:44px;display:inline-flex;align-items:center;color:#234f61;font-size:.82rem;font-weight:760;text-decoration:none}.view-resend .resend-back-link a:hover{text-decoration:underline}
@media(max-width:980px) and (min-width:761px){.view-resend main{grid-template-columns:minmax(0,.92fr) minmax(410px,1.08fr)}.view-resend main:before{left:46%}.view-resend .intro{padding:2rem}.view-resend .intro h1{font-size:clamp(2.7rem,5vw,3.4rem)}.view-resend .resend-benefits>div{padding-inline:.55rem;grid-template-columns:1fr;gap:.35rem}.view-resend .card{padding:1.65rem}}
@media(max-width:760px){.view-resend main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.view-resend .intro{order:1;min-height:285px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-resend .intro:before{border-radius:24px;background-position:43% center}.view-resend .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.view-resend .intro h1{font-size:2.45rem}.view-resend .intro>p:not(.eyebrow){font-size:.92rem;line-height:1.52}.view-resend .resend-benefits{margin-top:1.8rem;padding-top:1rem}.view-resend .resend-form-card{padding:1.1rem}}
@media(max-width:480px){.view-resend main{width:calc(100% - 1rem);margin-top:1.25rem}.view-resend .intro{min-height:268px;padding:1.3rem;border-radius:20px}.view-resend .intro:before{border-radius:20px;background-image:linear-gradient(100deg,rgba(7,29,38,.7) 0%,rgba(7,29,38,.34) 55%,rgba(7,29,38,.14) 100%),linear-gradient(0deg,rgba(7,29,38,.58) 0%,rgba(7,29,38,.1) 72%),url('/assets/img/piton-bola.webp');background-position:58px bottom;background-size:115% auto}.view-resend .resend-hero-badge{margin-bottom:.75rem;padding:.34rem .55rem;font-size:.61rem}.view-resend .intro h1{margin-bottom:1rem;font-size:2rem;line-height:1}.view-resend .intro>p:not(.eyebrow){width:65%;max-width:240px;font-size:.84rem;line-height:1.48}.view-resend .resend-benefits{display:none}.view-resend .card{padding:1rem;border-radius:20px}.view-resend .resend-account-badge{font-size:.56rem}.view-resend .resend-panel-intro>p:last-child{font-size:.82rem}.view-resend .resend-form-card{padding:.95rem;border-radius:16px}}
@media(max-width:340px){.view-resend .turnstile-field{width:100%;min-width:0}.view-resend .turnstile-field .hint{padding-inline:8px}.view-resend .resend-form-card{padding:.8rem}}

/* Registro Mi Exzoo: fondo institucional animado, aislado de la logica del formulario. */
.view-register main{width:min(1180px,calc(100% - 2rem));grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-register main:before{left:45.9%;width:1px;background:linear-gradient(180deg,transparent 3%,rgba(244,214,109,.76) 22%,rgba(42,117,144,.42) 78%,transparent 97%)}
.view-register .intro{min-height:860px;padding:clamp(2.2rem,4.2vw,4rem);justify-content:flex-start;border-radius:0;background:#061b24;box-shadow:inset -1px 0 rgba(255,255,255,.1)}
.view-register .intro:before{inset:0;background-image:radial-gradient(circle at 22% 13%,rgba(244,214,109,.11),transparent 22%),radial-gradient(circle at 78% 70%,rgba(42,117,144,.18),transparent 33%),repeating-radial-gradient(ellipse at 8% 94%,transparent 0 31px,rgba(244,214,109,.04) 32px 33px,transparent 34px 66px),linear-gradient(145deg,#0a3040 0%,#071f2a 43%,#04151d 100%);background-position:center;background-size:auto;filter:none;transform:none}
.view-register .intro:after{content:"";right:-175px;top:auto;bottom:-165px;width:455px;height:455px;border:1px solid rgba(244,214,109,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(42,117,144,.035),0 0 0 96px rgba(244,214,109,.025)}
.view-register .intro>*{position:relative;z-index:1}
.view-register .register-hero-badge{width:fit-content;margin:0 0 1rem;padding:.43rem .74rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(5,25,34,.7);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px);animation:register-enter .62s ease-out .08s both}
.view-register .register-hero-badge:before{width:8px;height:8px;border-radius:50%;background:var(--yellow-500);box-shadow:0 0 12px rgba(244,214,109,.5)}
.view-register .intro h1{max-width:480px;margin:0 0 1.25rem;font-size:clamp(3.1rem,4.7vw,4.6rem);line-height:.92;letter-spacing:-.06em;text-shadow:0 8px 34px rgba(0,0,0,.28);animation:register-enter .68s cubic-bezier(.2,.7,.2,1) .15s both}
.view-register .intro h1 span{font-weight:760;color:#fff}.view-register .intro h1 strong{color:var(--yellow-300);font-weight:800}
.view-register .intro>p:not(.eyebrow){max-width:430px;margin:0;padding:.18rem 0 .18rem 1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.85);font-size:1rem;line-height:1.65;animation:register-enter .62s ease-out .24s both}
.view-register .register-emblem{position:relative;z-index:1;width:min(100%,440px);min-height:330px;margin:clamp(1.4rem,3vh,2.1rem) auto .6rem;display:grid;place-items:center;isolation:isolate}
.view-register .register-emblem img{position:relative;z-index:5;width:min(82%,360px);height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34));animation:register-logo-breathe 7s ease-in-out infinite;will-change:transform}
.view-register .register-glow{position:absolute;z-index:0;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(188,214,72,.26) 0%,rgba(232,183,47,.12) 34%,rgba(42,117,144,.07) 57%,transparent 73%);filter:blur(22px);animation:register-glow-breathe 7s ease-in-out infinite;will-change:transform,opacity}
.view-register .register-ring{position:absolute;z-index:1;border-radius:50%;pointer-events:none;will-change:transform}
.view-register .register-ring--one{width:72%;aspect-ratio:1;border:1px solid rgba(244,214,109,.28);border-right-color:transparent;animation:register-ring-spin 28s linear infinite}
.view-register .register-ring--two{width:87%;aspect-ratio:1;border:1px solid rgba(91,170,182,.2);border-left-color:transparent;border-bottom-color:rgba(91,170,182,.07);animation:register-ring-spin-reverse 36s linear infinite}
.view-register .register-ring--three{width:58%;aspect-ratio:1;border:1px dashed rgba(182,211,81,.19);animation:register-ring-spin 42s linear infinite}
.view-register .register-particle{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:var(--yellow-300);box-shadow:0 0 11px rgba(244,214,109,.58);animation:register-float 7s ease-in-out infinite;will-change:transform,opacity}
.view-register .register-particle--1{left:12%;top:25%;animation-delay:-1.2s}.view-register .register-particle--2{right:9%;top:33%;width:4px;height:4px;animation-delay:-3.6s}.view-register .register-particle--3{left:20%;bottom:21%;width:3px;height:3px;background:#78bac7;animation-delay:-5s}.view-register .register-particle--4{right:20%;bottom:16%;animation-delay:-2.3s}.view-register .register-particle--5{left:45%;top:8%;width:3px;height:3px;background:#9bc772;animation-delay:-4.4s}.view-register .register-particle--6{right:3%;bottom:42%;width:3px;height:3px;animation-delay:-.7s}.view-register .register-particle--7{left:5%;bottom:42%;width:4px;height:4px;background:#78bac7;animation-delay:-6.2s}
.view-register .register-leaves{position:absolute;z-index:3;right:-18px;bottom:2px;width:138px;height:auto;fill:none;stroke:rgba(244,214,109,.22);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:register-leaves-drift 8s ease-in-out infinite;transform-origin:bottom right}
.view-register .register-values{width:100%;margin-top:auto;padding:1.15rem 0 .1rem 1rem;display:grid;gap:.28rem;border-top:1px solid rgba(255,255,255,.13);border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.76);font-size:.62rem;font-weight:820;letter-spacing:.12em;line-height:1.35;animation:register-enter .65s ease-out .34s both}
.view-register .card{padding:clamp(1.4rem,3.2vw,2.65rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 72%,#f6efe1 100%)}
.view-register .card:before{position:relative;z-index:1;margin-bottom:1.2rem}.view-register .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-register .card>p,.view-register .card>form{position:relative;z-index:1}.view-register .card>p:first-of-type{margin:0 0 1.15rem;color:var(--ink-700);font-size:.9rem;line-height:1.55}
.view-register .card form{padding:1.25rem;border:1px solid rgba(16,57,74,.14);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 12px 32px rgba(7,29,38,.065),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)}
.view-register .field{margin-bottom:.9rem}.view-register .hint{margin-top:-.35rem;font-size:.74rem;line-height:1.42}.view-register .check{margin-top:1rem;font-size:.78rem;line-height:1.45}
.view-register input:not([type=checkbox]):focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(42,117,144,.12),0 8px 20px rgba(7,29,38,.06)}
.view-register .turnstile-field{margin:1rem 0 .35rem}.view-register .card form>button{position:relative;min-height:54px;padding-inline:1.2rem 3.2rem;transform:none}.view-register .card form>button:after{content:"→";position:absolute;right:1.25rem;font-size:1.18rem;transition:transform .2s ease}.view-register .card form>button:hover{transform:translateY(-1px);filter:brightness(1.035)}.view-register .card form>button:hover:after{transform:translateX(4px)}
@keyframes register-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes register-logo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes register-glow-breathe{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.5;transform:scale(1.035)}}
@keyframes register-ring-spin{to{transform:rotate(360deg)}}@keyframes register-ring-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes register-float{0%,100%{opacity:.3;transform:translate3d(0,0,0)}50%{opacity:.85;transform:translate3d(5px,-9px,0)}}
@keyframes register-leaves-drift{0%,100%{transform:rotate(0deg) translate3d(0,0,0)}50%{transform:rotate(1deg) translate3d(0,-2px,0)}}
@media(max-width:980px) and (min-width:821px){.view-register main{grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr)}.view-register main:before{left:43%}.view-register .intro{padding:2rem}.view-register .intro h1{font-size:3.35rem}.view-register .register-emblem{min-height:290px}.view-register .register-emblem img{width:78%}.view-register .card{padding:1.55rem}.view-register .card form{padding:1.05rem}}
@media(max-width:820px){.view-register main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.view-register .intro{order:1;min-height:390px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-register .intro:before{border-radius:24px}.view-register .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.view-register .intro h1{font-size:2.65rem}.view-register .intro>p:not(.eyebrow){max-width:420px;font-size:.9rem}.view-register .register-emblem{position:absolute;right:1rem;bottom:1rem;width:45%;min-height:180px;margin:0;opacity:.78}.view-register .register-emblem img{width:82%}.view-register .register-ring--three,.view-register .register-particle--4,.view-register .register-particle--5,.view-register .register-particle--6,.view-register .register-particle--7,.view-register .register-leaves{display:none}.view-register .register-values{max-width:48%;margin-top:auto}.view-register .card form{padding:1.1rem}}
@media(max-width:480px){.view-register main{width:calc(100% - 1rem);margin-top:1.25rem}.view-register .intro{min-height:330px;padding:1.3rem;border-radius:20px}.view-register .register-hero-badge{margin-bottom:.75rem;padding:.34rem .55rem;font-size:.61rem}.view-register .intro h1{margin-bottom:.85rem;font-size:2.25rem}.view-register .intro>p:not(.eyebrow){max-width:65%;font-size:.82rem;line-height:1.48}.view-register .register-emblem{right:.25rem;bottom:.5rem;width:48%;min-height:150px}.view-register .register-emblem img{width:88%}.view-register .register-ring--two,.view-register .register-particle--3{display:none}.view-register .register-values{max-width:52%;padding-top:.75rem;font-size:.52rem;letter-spacing:.08em}.view-register .card{padding:1rem;border-radius:20px}.view-register .card>p:first-of-type{font-size:.82rem}.view-register .card form{padding:.95rem;border-radius:16px}.view-register .check{font-size:.75rem}}
@media(max-width:340px){.view-register .intro{min-height:315px}.view-register .intro>p:not(.eyebrow){max-width:68%;font-size:.78rem}.view-register .register-emblem{width:45%;min-height:135px}.view-register .register-values{font-size:.49rem}.view-register .card form{padding:.8rem}.view-register .turnstile-field{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.view-register .register-hero-badge,.view-register .intro h1,.view-register .intro>p:not(.eyebrow),.view-register .register-values,.view-register .register-emblem img,.view-register .register-glow,.view-register .register-ring,.view-register .register-particle,.view-register .register-leaves{animation:none!important;transform:none!important}.view-register .register-glow{opacity:.4}.view-register .register-particle{opacity:.55}.view-register .card form>button:hover:after{transform:none}}
@media(max-width:820px){.view-register main{flex-direction:column}}

/* Ajuste visual final del registro: composicion del panel y Turnstile responsive. */
@media(min-width:821px){
  .view-register .intro{justify-content:flex-start;padding-top:clamp(2.4rem,4.2vw,4rem);padding-bottom:clamp(2.4rem,4.2vw,4rem)}
  .view-register .register-emblem{min-height:300px;margin:.55rem auto 0;transform:translateY(-.35rem)}
  .view-register .register-values{margin-top:.25rem}
}
.view-register .turnstile-field{width:100%;max-width:390px;margin:1.3rem auto .65rem;padding:.9rem 1rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;border:1px solid rgba(21,83,106,.14);border-radius:15px;background:linear-gradient(145deg,rgba(238,245,246,.82),rgba(255,255,255,.94));box-shadow:inset 0 1px rgba(255,255,255,.9)}
.view-register .turnstile-field .cf-turnstile{width:100%;min-width:0;display:flex;justify-content:center}
.view-register .turnstile-field iframe{display:block;max-width:100%}
.view-register .turnstile-field .hint{margin:0;padding:0 .25rem;color:#47616c;font-size:.75rem;line-height:1.4;text-align:center}
@media(max-width:480px){
  .view-register .turnstile-field{max-width:100%;margin:1.15rem auto .55rem;padding:.75rem .65rem .65rem;border-radius:13px}
}
@media(max-width:340px){
  .view-register .turnstile-field{padding-inline:.45rem}
  .view-register .turnstile-field .cf-turnstile{width:300px;flex:0 0 65px;transform:scale(.72);transform-origin:center}
}

/* Registro: distribucion robusta top / centro / inferior y espaciado legal. */
.view-register .intro{display:grid;grid-template-areas:"badge" "title" "copy" "emblem" "values";grid-template-rows:auto auto auto minmax(300px,1fr) auto;align-items:start}
.view-register .register-hero-badge{grid-area:badge}.view-register .intro h1{grid-area:title}.view-register .intro>p:not(.eyebrow){grid-area:copy}.view-register .register-emblem{grid-area:emblem;position:relative;inset:auto;align-self:center;justify-self:center;width:min(100%,440px);min-height:300px;margin:0 auto;opacity:1;transform:none}.view-register .register-values{grid-area:values;align-self:end;width:100%;max-width:none;margin:0;padding:1.1rem 0 .15rem 1rem}
.view-register .check{margin-top:.9rem}.view-register .check+.check{margin-top:.78rem}.view-register .register-promo-note{margin:1rem 0 0!important;padding:.15rem 0 0;color:#5b727c;font-size:.75rem;line-height:1.55}.view-register .turnstile-field{margin:1.45rem auto .8rem}.view-register .card form>button{width:100%;margin-top:.55rem}
@media(max-width:820px){.view-register .intro{grid-template-rows:auto auto auto minmax(190px,1fr) auto;min-height:540px}.view-register .register-emblem{position:relative;right:auto;bottom:auto;width:min(72%,360px);min-height:190px;margin:.35rem auto;opacity:1}.view-register .register-emblem img{width:min(82%,300px)}.view-register .register-values{max-width:none;margin:0;padding-top:.9rem}}
@media(max-width:480px){.view-register .intro{grid-template-rows:auto auto auto minmax(165px,1fr) auto;min-height:490px}.view-register .intro>p:not(.eyebrow){max-width:100%}.view-register .register-emblem{right:auto;bottom:auto;width:min(76%,300px);min-height:165px;margin:.2rem auto}.view-register .register-emblem img{width:min(86%,250px)}.view-register .register-values{max-width:none;padding:.8rem 0 .05rem .85rem;font-size:.54rem;letter-spacing:.085em}.view-register .register-promo-note{margin-top:.9rem!important;font-size:.72rem}.view-register .turnstile-field{margin-top:1.3rem;margin-bottom:.75rem}.view-register .card form>button{margin-top:.45rem}}
@media(max-width:340px){.view-register .intro{grid-template-rows:auto auto auto minmax(145px,1fr) auto;min-height:455px}.view-register .register-emblem{width:min(74%,260px);min-height:145px}.view-register .register-emblem img{width:min(88%,220px)}.view-register .register-values{font-size:.5rem}.view-register .register-promo-note{font-size:.7rem}}

/* Documentos legales Mi Exzoo: presentacion visual compartida, contenido intacto. */
.view-privacy,.view-terms{background:radial-gradient(circle at 8% 12%,rgba(232,183,47,.065),transparent 25rem),radial-gradient(circle at 92% 52%,rgba(42,117,144,.055),transparent 28rem),var(--sand-50)}
.view-privacy main,.view-terms main{width:min(1180px,calc(100% - 2rem));margin-top:clamp(2.5rem,5vw,4.5rem)}
.view-privacy .intro,.view-terms .intro{max-width:900px;margin-bottom:2rem;text-align:center}
.view-privacy .intro .eyebrow,.view-terms .intro .eyebrow{color:var(--green-700);font-size:.72rem;letter-spacing:.16em}.view-privacy .intro .eyebrow:before,.view-terms .intro .eyebrow:before{width:36px;height:3px;border-radius:999px}
.view-privacy .intro h1,.view-terms .intro h1{margin:.25rem 0 .85rem;color:var(--green-950);font-size:clamp(2.65rem,5vw,4.4rem);line-height:1.02;text-wrap:balance}
.view-privacy .intro>p:last-child,.view-terms .intro>p:last-child{max-width:680px;color:var(--ink-700);font-size:1.02rem;line-height:1.65}
.view-privacy .card,.view-terms .card{position:relative;isolation:isolate;width:100%;max-width:1080px;padding:clamp(1.5rem,4vw,3.25rem);overflow:hidden;border:1px solid rgba(16,57,74,.12);border-top:5px solid var(--yellow-500);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fefcf8 72%,#f7f1e5 100%);box-shadow:0 28px 72px rgba(7,29,38,.14),0 5px 18px rgba(7,29,38,.05)}
.view-privacy .card:before,.view-terms .card:before{content:"";position:absolute;z-index:-1;right:-150px;top:-175px;width:390px;height:390px;border:1px solid rgba(232,183,47,.14);border-radius:50%;box-shadow:0 0 0 42px rgba(42,117,144,.025),0 0 0 84px rgba(232,183,47,.02)}
.view-privacy .card:after,.view-terms .card:after{content:"";position:absolute;z-index:-1;left:-135px;bottom:-155px;width:320px;height:320px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 22px,rgba(21,83,106,.03) 23px 24px)}
.legal-document{position:relative}.legal-version{position:relative;z-index:2;width:fit-content;margin:0 0 1.35rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.14);border-radius:999px;background:#eef5f6;color:#48626c;font-size:.72rem;font-weight:720;letter-spacing:.035em}
.legal-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.legal-section{min-width:0;padding:1.35rem;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:1rem;border:1px solid rgba(16,57,74,.11);border-radius:18px;background:rgba(249,250,247,.88);box-shadow:0 7px 20px rgba(7,29,38,.035)}.legal-section:last-child:nth-child(odd){grid-column:1/-1}
.legal-section h2{margin:.05rem 0 .55rem;color:var(--green-900);font-size:1.18rem;line-height:1.25}.legal-section p{margin:0;color:#364e58;font-size:.9rem;line-height:1.72}.legal-section a{color:var(--green-700);font-weight:680;text-decoration-thickness:1px;text-decoration-color:rgba(21,83,106,.38)}.legal-section a:hover{text-decoration-thickness:2px;text-decoration-color:currentColor}
.legal-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#153e4f;background:#e3f0f2;box-shadow:inset 0 0 0 1px rgba(21,83,106,.06)}.legal-section:nth-child(3n+2) .legal-icon{background:#f8edbd}.legal-section:nth-child(3n) .legal-icon{background:#e5f0dc}.legal-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.legal-leaves{position:absolute;z-index:1;width:150px;height:auto;fill:none;stroke:#63875c;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.14;pointer-events:none}.legal-leaves--top{right:-1.2rem;top:-1.5rem;transform:rotate(18deg)}.legal-leaves--bottom{left:-1.5rem;bottom:-1.7rem;transform:rotate(198deg)}
.legal-back{position:relative;z-index:2;margin:1.7rem 0 0;text-align:center}.legal-back a{min-width:245px;min-height:50px;padding:.7rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid #668796;border-radius:14px;color:var(--green-700);background:rgba(255,255,255,.74);font-size:.86rem;font-weight:800;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.legal-back a:hover{border-color:var(--green-700);color:var(--green-900);background:#edf5f6;transform:translateY(-1px)}
@media(max-width:800px){.view-privacy main,.view-terms main{width:min(100% - 1.25rem,720px)}.view-privacy .card,.view-terms .card{padding:1.5rem;border-radius:24px}.legal-grid{grid-template-columns:1fr}.legal-section:last-child:nth-child(odd){grid-column:auto}.legal-leaves{width:110px;opacity:.1}}
@media(max-width:480px){.view-privacy main,.view-terms main{width:calc(100% - 1rem);margin-top:1.5rem}.view-privacy .intro,.view-terms .intro{margin-bottom:1.35rem;text-align:left}.view-privacy .intro h1,.view-terms .intro h1{font-size:2.35rem}.view-privacy .intro>p:last-child,.view-terms .intro>p:last-child{margin-inline:0;font-size:.9rem;line-height:1.55}.view-privacy .card,.view-terms .card{padding:1rem;border-top-width:4px;border-radius:20px}.legal-version{margin-bottom:1rem;font-size:.64rem}.legal-grid{gap:.8rem}.legal-section{padding:1rem;grid-template-columns:42px minmax(0,1fr);gap:.75rem;border-radius:15px}.legal-icon{width:42px;height:42px;border-radius:12px}.legal-icon svg{width:22px;height:22px}.legal-section h2{font-size:1.04rem}.legal-section p{font-size:.84rem;line-height:1.65}.legal-back{margin-top:1.15rem}.legal-back a{width:100%;min-width:0}.legal-leaves{width:82px;opacity:.075}}

/* Password guidance v20261002: shared by registration and reset. */
.password-guidance{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.7rem;align-items:center;margin:-.25rem 0 1rem;padding:.75rem .85rem;border:1px solid rgba(21,83,106,.14);border-radius:12px;color:#365763;background:linear-gradient(135deg,rgba(227,240,242,.78),rgba(255,251,239,.72));font-size:.84rem;font-weight:620;line-height:1.5}
.password-guidance svg{width:30px;height:30px;padding:6px;border-radius:9px;color:#15536a;background:rgba(255,255,255,.72);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.password-guidance{grid-template-columns:28px minmax(0,1fr);gap:.6rem;margin-top:-.15rem;padding:.7rem .75rem;font-size:.8rem;line-height:1.48}.password-guidance svg{width:28px;height:28px}}

/* Safe failed-submit state v20261002: inline errors without persisted secrets. */
.field-error{margin:.42rem 0 0;color:#8c302d;font-size:.79rem;font-weight:720;line-height:1.45}
.field-error--check{margin:.35rem 0 .2rem;padding-left:2rem}
.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#a8443e;box-shadow:0 0 0 3px rgba(168,68,62,.1)}
.check input[aria-invalid=true]{outline:2px solid rgba(168,68,62,.45);outline-offset:3px}
.turnstile-field[aria-describedby=turnstile-error]{border-color:rgba(168,68,62,.38)}
.turnstile-field .field-error{width:100%;margin:.1rem 0 0;text-align:center}
@media(max-width:480px){.field-error{font-size:.77rem;line-height:1.42}.field-error--check{padding-left:1.75rem}}

/* Bienvenida persistente Mi Exzoo: dos pasos, ligera y accesible. */
.view-onboarding{margin:0;min-height:100vh;min-height:100svh;color:#fff;background:#071d26;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.view-onboarding *{box-sizing:border-box}.view-onboarding button,.view-onboarding a{font:inherit}.view-onboarding .skip{position:fixed;z-index:30;left:1rem;top:1rem;transform:translateY(-160%);padding:.7rem 1rem;border-radius:10px;color:#071d26;background:#f4d66d;font-weight:800}.view-onboarding .skip:focus{transform:none}
.onboarding{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;padding:clamp(1rem,2.5vw,2rem);overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(42,117,144,.32),transparent 30rem),radial-gradient(circle at 88% 76%,rgba(232,183,47,.14),transparent 32rem),linear-gradient(145deg,#071d26,#0c2b37 62%,#0a222d)}
.onboarding:before,.onboarding:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(244,214,109,.12);border-radius:50%;pointer-events:none}.onboarding:before{width:520px;height:520px;right:-260px;top:-270px;box-shadow:0 0 0 56px rgba(42,117,144,.035),0 0 0 112px rgba(232,183,47,.025)}.onboarding:after{width:380px;height:380px;left:-225px;bottom:-230px;box-shadow:0 0 0 42px rgba(232,183,47,.025)}
.onboarding-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.onboarding-ambient span{position:absolute;width:4px;height:4px;border-radius:50%;background:#f4d66d;box-shadow:0 0 16px rgba(244,214,109,.72);opacity:.45}.onboarding-ambient span:nth-child(1){left:8%;top:24%}.onboarding-ambient span:nth-child(2){left:34%;top:9%;width:3px;height:3px}.onboarding-ambient span:nth-child(3){right:18%;top:28%}.onboarding-ambient span:nth-child(4){right:7%;bottom:24%;width:3px;height:3px}.onboarding-ambient span:nth-child(5){left:18%;bottom:13%;background:#78bac7}.onboarding-ambient span:nth-child(6){left:58%;bottom:8%;width:3px;height:3px;background:#9bc772}
.onboarding-topbar{position:relative;z-index:5;width:min(1240px,100%);min-height:70px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.onboarding-topbar>a{width:150px;display:inline-flex}.onboarding-topbar img{display:block;width:100%;height:auto}.onboarding-topbar>form{justify-self:end;margin:0}.onboarding-skip{min-height:44px;padding:.55rem .85rem;border:0;color:rgba(255,255,255,.78);background:transparent;font-weight:750;cursor:pointer}.onboarding-skip:hover{color:#f4d66d}.onboarding-progress{display:flex;align-items:center;gap:.55rem}.onboarding-progress span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#b7c9cf;font-size:.75rem;font-weight:850}.onboarding-progress span[aria-current=step]{border-color:#e8b72f;color:#071d26;background:#f4d66d;box-shadow:0 0 22px rgba(244,214,109,.28)}.onboarding-progress i{width:62px;height:1px;background:linear-gradient(90deg,#e8b72f,rgba(255,255,255,.2))}
.onboarding-step{position:relative;z-index:2;width:min(1180px,100%);min-height:calc(100svh - 118px);margin:0 auto;display:grid;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,5rem) 0}.onboarding-step[hidden]{display:none!important}.onboarding-step--welcome{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr)}.onboarding-step--card{grid-template-columns:minmax(440px,1.08fr) minmax(380px,.92fr)}
.onboarding-mark{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.onboarding-mark img{position:relative;z-index:4;width:min(68%,280px);height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.42))}.onboarding-mark__glow{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(244,214,109,.28),rgba(42,117,144,.11) 48%,transparent 72%);filter:blur(24px)}.onboarding-mark__ring{position:absolute;border-radius:50%;pointer-events:none}.onboarding-mark__ring--one{width:73%;aspect-ratio:1;border:1px solid rgba(244,214,109,.3);border-right-color:transparent}.onboarding-mark__ring--two{width:90%;aspect-ratio:1;border:1px solid rgba(120,186,199,.18);border-left-color:transparent}
.onboarding-message,.onboarding-copy{max-width:610px}.onboarding-eyebrow{margin:0 0 1rem;display:flex;align-items:center;gap:.7rem;color:#f4d66d;font-size:.72rem;font-weight:850;letter-spacing:.15em}.onboarding-eyebrow:before{content:"";width:32px;height:2px;background:#e8b72f}.onboarding-message h1,.onboarding-copy h2{margin:0 0 1.25rem;color:#fff;font-size:clamp(2.8rem,5vw,5.3rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.onboarding-message h1 span{color:#f4d66d}.onboarding-copy h2{font-size:clamp(2.45rem,4vw,4.35rem)}.onboarding-message>p:not(.onboarding-eyebrow),.onboarding-copy>p:not(.onboarding-eyebrow){max-width:590px;margin:.8rem 0;color:#c7d5d9;font-size:1rem;line-height:1.72}.onboarding-message .onboarding-lead,.onboarding-copy .onboarding-lead{color:#f2f5f4;font-size:1.08rem}
.onboarding-actions{margin-top:1.8rem;display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.onboarding-actions form{margin:0}.onboarding-primary,.onboarding-secondary{min-height:50px;padding:.75rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;border-radius:13px;font-weight:820;text-decoration:none;cursor:pointer}.onboarding-primary{border:1px solid #c69b1c;color:#071d26;background:#e8b72f;box-shadow:0 12px 28px rgba(232,183,47,.2)}.onboarding-primary:hover{background:#f4d66d;transform:translateY(-1px)}.onboarding-secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}.onboarding-secondary:hover{border-color:rgba(244,214,109,.65);color:#f4d66d;background:rgba(244,214,109,.06)}.onboarding-primary:focus-visible,.onboarding-secondary:focus-visible,.onboarding-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}
.onboarding-card-stage{position:relative;display:grid;place-items:center}.onboarding-card-stage:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(244,214,109,.22),rgba(42,117,144,.09) 48%,transparent 72%);filter:blur(30px)}.onboarding-card-stage .digital-card{width:100%;max-width:560px;margin:0;transform:perspective(1100px) rotateY(1.5deg);box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 0 1px rgba(244,214,109,.2),0 0 48px rgba(232,183,47,.1)}.onboarding-card-unavailable{position:relative;width:min(100%,520px);padding:2rem;border:1px solid rgba(244,214,109,.3);border-radius:24px;text-align:center;background:rgba(255,255,255,.06)}.onboarding-card-unavailable span{font-size:3rem;color:#f4d66d}.onboarding-benefits{margin:1.35rem 0;padding:0;display:grid;gap:.65rem;list-style:none}.onboarding-benefits li{padding:.72rem .85rem;display:flex;align-items:center;gap:.7rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e7edef;background:rgba(255,255,255,.04);font-weight:700}.onboarding-benefits span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#09232d;background:#f4d66d}.onboarding-copy .onboarding-future{padding-left:1rem;border-left:3px solid #e8b72f;color:#f2f5f4}
@media(prefers-reduced-motion:no-preference){.onboarding-ambient span{animation:onboarding-float 7s ease-in-out infinite}.onboarding-ambient span:nth-child(2n){animation-delay:-3s}.onboarding-mark__ring--one{animation:onboarding-spin 30s linear infinite}.onboarding-mark__ring--two{animation:onboarding-spin-reverse 38s linear infinite}.onboarding-mark img{animation:onboarding-breathe 6s ease-in-out infinite}.onboarding-step{animation:onboarding-enter .62s ease-out both}.onboarding-card-stage .digital-card{animation:onboarding-card-enter .7s cubic-bezier(.2,.75,.2,1) both}.onboarding-primary,.onboarding-secondary{transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}}
@keyframes onboarding-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes onboarding-card-enter{from{opacity:0;transform:perspective(1100px) translateY(20px) scale(.97)}to{opacity:1;transform:perspective(1100px) rotateY(1.5deg)}}@keyframes onboarding-spin{to{transform:rotate(360deg)}}@keyframes onboarding-spin-reverse{to{transform:rotate(-360deg)}}@keyframes onboarding-breathe{50%{transform:scale(1.025)}}@keyframes onboarding-float{50%{opacity:.9;transform:translate3d(5px,-10px,0)}}
@media(max-width:900px){.onboarding-step--welcome,.onboarding-step--card{grid-template-columns:1fr;gap:2rem}.onboarding-step{min-height:auto;padding:2rem 0 4rem}.onboarding-step--welcome{max-width:720px}.onboarding-mark{min-height:260px}.onboarding-mark img{width:min(48%,230px)}.onboarding-mark__ring--one{width:48%}.onboarding-mark__ring--two{width:62%}.onboarding-message,.onboarding-copy{max-width:none}.onboarding-step--card{max-width:720px}.onboarding-card-stage{order:1}.onboarding-copy{order:2}.onboarding-card-stage .digital-card{max-width:590px;transform:none}}
@media(max-width:560px){.onboarding{padding:.8rem}.onboarding-topbar{min-height:62px;grid-template-columns:1fr auto}.onboarding-topbar>a{width:112px}.onboarding-progress{grid-row:2;grid-column:1/-1;justify-self:center;margin-top:.35rem}.onboarding-topbar>form{grid-column:2}.onboarding-progress span{width:28px;height:28px}.onboarding-progress i{width:48px}.onboarding-step{padding:1.5rem 0 3rem}.onboarding-mark{min-height:210px}.onboarding-mark img{width:min(54%,190px)}.onboarding-mark__ring--one{width:55%}.onboarding-mark__ring--two{width:72%}.onboarding-message h1,.onboarding-copy h2{font-size:2.55rem}.onboarding-message>p:not(.onboarding-eyebrow),.onboarding-copy>p:not(.onboarding-eyebrow){font-size:.9rem;line-height:1.62}.onboarding-actions{align-items:stretch;flex-direction:column}.onboarding-actions form,.onboarding-primary,.onboarding-secondary{width:100%}.onboarding-card-stage .digital-card{border-radius:22px}.onboarding-card-stage .digital-card__body{align-items:flex-start;flex-direction:column}.onboarding-card-stage .qr-shell{align-self:center}.onboarding-benefits li{font-size:.86rem}}
@media(max-width:360px){.onboarding-message h1,.onboarding-copy h2{font-size:2.18rem}.onboarding-mark{min-height:180px}.onboarding-eyebrow{font-size:.62rem;letter-spacing:.1em}.onboarding-card-stage .digital-card{padding:1rem}.onboarding-skip{padding-inline:.45rem}}
@media(prefers-reduced-motion:reduce){.view-onboarding *,.view-onboarding *::before,.view-onboarding *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.onboarding-card-stage .digital-card{transform:none}}

/* Paso 2 del onboarding: composición compacta y protagonismo de la tarjeta. */
.onboarding{margin:0;background:radial-gradient(circle at 15% 12%,rgba(42,117,144,.3),transparent 30rem),radial-gradient(circle at 87% 78%,rgba(131,167,93,.075),transparent 27rem),radial-gradient(circle at 73% 92%,rgba(232,183,47,.065),transparent 25rem),linear-gradient(145deg,#071d26,#0c2b37 62%,#0a222d)}
.onboarding:after{border-color:rgba(155,199,114,.08);box-shadow:0 0 0 42px rgba(155,199,114,.012),0 0 0 84px rgba(232,183,47,.01)}
.onboarding-topbar{width:min(1120px,100%);min-height:66px;grid-template-columns:auto minmax(180px,1fr) auto;gap:clamp(1.25rem,3vw,2.5rem);padding-inline:.25rem}.onboarding-topbar>a{width:165px}.onboarding-progress{justify-self:center;gap:.7rem}.onboarding-progress span{width:38px;height:38px;font-size:.82rem;border-color:rgba(255,255,255,.36)}.onboarding-progress i{width:76px;height:2px}.onboarding-skip{min-height:46px;padding:.62rem 1rem;border-radius:11px;font-size:.92rem}.onboarding-skip:hover{background:rgba(244,214,109,.07)}
.onboarding-step--card{width:min(1160px,100%);min-height:calc(100svh - 90px);grid-template-columns:minmax(500px,620px) minmax(350px,450px);gap:clamp(1.6rem,3vw,2.8rem);align-items:center;padding:clamp(.75rem,1.8vh,1.35rem) 0 clamp(1.5rem,3vh,2.5rem)}
.onboarding-card-stage .digital-card{max-width:620px}.onboarding-card-stage:before{width:72%;background:radial-gradient(circle,rgba(244,214,109,.18),rgba(42,117,144,.07) 50%,transparent 73%);filter:blur(34px)}
.onboarding-step--card .onboarding-copy{max-width:450px}.onboarding-step--card .onboarding-eyebrow{margin-bottom:.75rem}.onboarding-copy h2{max-width:430px;margin-bottom:.9rem;font-size:clamp(2.35rem,3.25vw,3.65rem);line-height:1.03;letter-spacing:-.045em}.onboarding-copy>p:not(.onboarding-eyebrow){max-width:440px;margin:.55rem 0;font-size:.96rem;line-height:1.58}.onboarding-copy .onboarding-lead{font-size:1.04rem}
.onboarding-message h1:focus,.onboarding-copy h2:focus{outline:none}
.onboarding-benefits{margin:1rem 0 .9rem;gap:.62rem}.onboarding-benefits li{min-height:50px;padding:.8rem 1rem;gap:.8rem;border-color:rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.025)}.onboarding-benefits span{width:28px;height:28px;flex:0 0 28px;font-size:.9rem;box-shadow:0 0 16px rgba(244,214,109,.12)}
.onboarding-copy .onboarding-future{max-width:430px;margin:1rem 0 0;padding:.25rem 0 .25rem 1rem;border-left-width:3px;line-height:1.55}.onboarding-step--card .onboarding-actions{margin-top:1.25rem;gap:.7rem}.onboarding-step--card .onboarding-primary,.onboarding-step--card .onboarding-secondary{min-height:54px;padding:.82rem 1.4rem;gap:1.2rem}.onboarding-step--card .onboarding-primary span{display:inline-grid;place-items:center;line-height:1}
@media(prefers-reduced-motion:no-preference){.onboarding-ambient span{animation-duration:14s}.onboarding-step--card .onboarding-card-stage{animation:onboarding-card-wrap-enter .72s cubic-bezier(.2,.75,.2,1) both}.onboarding-step--card .onboarding-copy{animation:onboarding-copy-enter .58s .12s ease-out both}.onboarding-step--card .onboarding-benefits li{animation:onboarding-benefit-enter .42s ease-out both}.onboarding-step--card .onboarding-benefits li:nth-child(1){animation-delay:.24s}.onboarding-step--card .onboarding-benefits li:nth-child(2){animation-delay:.32s}.onboarding-step--card .onboarding-benefits li:nth-child(3){animation-delay:.4s}.onboarding-step--card .onboarding-future{animation:onboarding-copy-enter .45s .46s ease-out both}.onboarding-step--card .onboarding-actions{animation:onboarding-copy-enter .45s .54s ease-out both}}
@keyframes onboarding-card-wrap-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes onboarding-copy-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes onboarding-benefit-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:901px){.onboarding-topbar{width:min(960px,100%)}.onboarding-step--card{width:min(960px,100%);grid-template-columns:minmax(440px,560px) minmax(330px,400px);gap:1.5rem}.onboarding-copy h2{font-size:clamp(2.25rem,3.5vw,3rem)}.onboarding-copy>p:not(.onboarding-eyebrow){font-size:.91rem}.onboarding-benefits li{padding:.7rem .8rem;font-size:.9rem}.onboarding-step--card .onboarding-primary,.onboarding-step--card .onboarding-secondary{padding-inline:1rem}}
@media(max-width:900px){.onboarding-topbar{width:min(720px,100%)}.onboarding-step--card{max-width:720px;min-height:auto;grid-template-columns:1fr;gap:1.6rem;padding:1.5rem 0 3.5rem}.onboarding-step--card .onboarding-copy{max-width:620px;margin-inline:auto}.onboarding-copy h2,.onboarding-copy>p:not(.onboarding-eyebrow),.onboarding-copy .onboarding-future{max-width:620px}.onboarding-card-stage .digital-card{max-width:620px}}
@media(max-width:560px){.onboarding-topbar{gap:.65rem;padding-inline:.15rem}.onboarding-topbar>a{width:124px}.onboarding-progress{gap:.55rem}.onboarding-progress span{width:32px;height:32px}.onboarding-progress i{width:54px}.onboarding-skip{min-height:44px;padding:.5rem .65rem;font-size:.84rem}.onboarding-step--card{gap:1.35rem;padding:1.15rem 0 2.5rem}.onboarding-copy h2{font-size:clamp(2.15rem,10vw,2.75rem);line-height:1.04}.onboarding-copy>p:not(.onboarding-eyebrow){font-size:.9rem;line-height:1.58}.onboarding-benefits{gap:.55rem}.onboarding-benefits li{min-height:48px;padding:.72rem .8rem}.onboarding-step--card .onboarding-actions{gap:.65rem}.onboarding-step--card .onboarding-primary,.onboarding-step--card .onboarding-secondary{min-height:52px;padding:.78rem 1rem}}
@media(max-width:360px){.onboarding-topbar>a{width:108px}.onboarding-skip{padding-inline:.42rem}.onboarding-progress i{width:42px}.onboarding-copy h2{font-size:2.08rem}.onboarding-benefits li{font-size:.82rem}.onboarding-benefits span{width:26px;height:26px;flex-basis:26px}}

/* Revisa tu correo: confirmacion posterior al registro, sin cambios funcionales. */
.view-pending main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);margin-block:clamp(2rem,4vw,3.5rem);overflow:hidden;border:0;border-radius:32px;background:#fff;box-shadow:0 30px 76px rgba(7,29,38,.18),0 5px 18px rgba(7,29,38,.07)}
.view-pending main:before{left:calc(54% - 1px);top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.9) 24%,rgba(232,183,47,.75) 76%,transparent 96%)}
.view-pending .intro{min-height:650px;padding:clamp(2.2rem,4.5vw,4.4rem);justify-content:flex-end;border-radius:0;background:#061b24}
.view-pending .intro:before{inset:0;background-image:linear-gradient(100deg,rgba(7,29,38,.2) 0%,rgba(7,29,38,.3) 42%,rgba(7,29,38,.78) 100%),linear-gradient(0deg,rgba(7,29,38,.96) 0%,rgba(7,29,38,.28) 66%,rgba(7,29,38,.12) 100%),url('/assets/img/piton-cola-corta.webp');background-position:60% center;background-size:cover;filter:saturate(1.05) contrast(1.06);transform:scale(1.01)}
.view-pending .intro:after{content:"";right:-150px;top:auto;bottom:-175px;width:390px;height:390px;border:1px solid rgba(244,214,109,.17);border-radius:50%;box-shadow:0 0 0 45px rgba(42,117,144,.035),0 0 0 90px rgba(244,214,109,.025)}
.view-pending .intro>*{position:relative;z-index:1}
.view-pending .pending-hero-badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.15rem;padding:.42rem .7rem;border:1px solid rgba(244,214,109,.42);border-radius:999px;background:rgba(7,29,38,.42);color:var(--yellow-300);backdrop-filter:blur(8px)}
.view-pending .pending-hero-badge:before{display:none}.view-pending .pending-hero-badge svg{width:15px;height:15px;fill:currentColor}.view-pending .pending-hero-badge span{font-size:.68rem;font-weight:850;letter-spacing:.14em}
.view-pending .intro h1{max-width:520px;margin:0 0 1.2rem;font-size:clamp(3.4rem,5vw,4.85rem);line-height:.96;letter-spacing:-.065em;color:#fff;text-shadow:0 7px 30px rgba(0,0,0,.4)}
.view-pending .intro h1 span{color:#fff}
.view-pending .intro>p:not(.eyebrow){max-width:490px;margin:0;padding:.18rem 0 .18rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.9);font-size:1rem;line-height:1.65}
.view-pending .pending-benefits{width:100%;margin-top:clamp(2.2rem,5vw,4.2rem);padding-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.23)}
.view-pending .pending-benefits>div{min-width:0;padding-inline:1rem;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.65rem;color:#fff}
.view-pending .pending-benefits>div:first-child{padding-left:0}.view-pending .pending-benefits>div+div{border-left:1px solid rgba(255,255,255,.22)}
.view-pending .pending-benefits svg{width:25px;height:25px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-pending .pending-benefits span{font-size:.62rem;font-weight:850;line-height:1.18;letter-spacing:.055em}
.view-pending .card{position:relative;padding:clamp(1.6rem,3.5vw,3rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 105% -5%,rgba(232,183,47,.1),transparent 17rem),linear-gradient(145deg,#fff 0%,#fdfbf6 72%,#f6efe1 100%)}
.view-pending .card:before{display:none}.view-pending .card:after{right:-120px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.08);background:repeating-radial-gradient(circle,transparent 0 19px,rgba(21,83,106,.04) 20px 21px)}
.view-pending .card>*{position:relative;z-index:1}
.view-pending .pending-panel-intro{margin-bottom:.7rem}.view-pending .pending-account-badge{display:inline-flex;width:fit-content;margin:0;padding:.4rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#eef5f6;color:var(--green-700);font-size:.63rem;font-weight:850;letter-spacing:.14em}
.view-pending .pending-status-icon{position:relative;width:76px;height:76px;margin:.2rem auto .8rem;display:grid;place-items:center;color:var(--green-700)}
.view-pending .pending-status-icon svg{position:relative;z-index:1;width:58px;height:58px;fill:#fff;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(7,29,38,.12))}
.view-pending .pending-status-icon circle{fill:var(--yellow-500);stroke:#c39617}.view-pending .pending-status-icon circle+path{stroke:var(--green-950);stroke-width:2.7}
.view-pending .pending-status-glow{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle,rgba(244,214,109,.38),rgba(232,183,47,.06) 58%,transparent 72%)}
.view-pending .card h2{margin:0;text-align:center;color:var(--green-950);font-size:clamp(1.8rem,3vw,2.35rem)}
.view-pending .pending-subtitle{margin:.45rem auto 1rem;text-align:center;color:#536d78;font-size:.9rem}
.view-pending .pending-steps{margin:.8rem 0 1.15rem;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start}
.view-pending .pending-steps>div{min-width:88px;display:grid;justify-items:center;gap:.35rem;text-align:center;color:#7a8c93;font-size:.67rem;line-height:1.25}
.view-pending .pending-steps b{width:32px;height:32px;display:grid;place-items:center;border:1px solid #bdc8cc;border-radius:50%;background:#fff;color:#637981;font-size:.75rem}
.view-pending .pending-steps i{height:1px;margin-top:16px;border-top:1px dashed #aebdc2}
.view-pending .pending-steps .is-complete b{border-color:#6f9860;background:#eff7eb;color:#315725}.view-pending .pending-steps .is-active{color:var(--green-900);font-weight:750}.view-pending .pending-steps .is-active b{border-color:#c39617;background:var(--yellow-300);color:var(--green-950);box-shadow:0 0 0 5px rgba(232,183,47,.12)}
.view-pending .pending-info{margin:0 0 1rem;padding:1rem;display:grid;grid-template-columns:42px minmax(0,1fr);gap:.85rem;border:1px solid rgba(21,83,106,.16);border-radius:17px;background:rgba(238,245,246,.82)}
.view-pending .pending-info>svg{width:42px;height:42px;padding:9px;border-radius:12px;background:#fff;color:var(--green-700);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 5px 14px rgba(7,29,38,.06)}
.view-pending .pending-info h3{margin:.05rem 0 .25rem;color:var(--green-950);font-size:.96rem}.view-pending .pending-info p{margin:0;color:#526b75;font-size:.78rem;line-height:1.5}
.view-pending .pending-actions{display:grid;gap:.7rem}.view-pending .pending-primary,.view-pending .pending-secondary{width:100%;min-height:52px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.65rem;border-radius:13px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.view-pending .pending-primary{position:relative;border:1px solid #c39617;background:linear-gradient(135deg,#f2cb4b,#e8b72f);color:var(--green-950);box-shadow:0 10px 22px rgba(195,154,35,.2)}.view-pending .pending-primary b{position:absolute;right:1.1rem;font-size:1.1rem}.view-pending .pending-primary:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(195,154,35,.28)}
.view-pending .pending-secondary{border:1px solid #87a2ad;background:rgba(255,255,255,.78);color:#204f62}.view-pending .pending-secondary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-pending .pending-secondary:hover{transform:translateY(-1px);background:#fff;box-shadow:0 9px 20px rgba(7,29,38,.08)}
.view-pending .pending-spam{margin-top:1rem;padding:.75rem .85rem;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.65rem;border:1px solid rgba(195,154,35,.2);border-radius:13px;background:rgba(255,249,223,.7);text-align:left}.view-pending .pending-spam>svg{width:30px;height:30px;padding:5px;border-radius:50%;color:#96720d;background:rgba(244,214,109,.34);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-pending .pending-spam strong{color:var(--green-950);font-size:.78rem}.view-pending .pending-spam p{margin:.18rem 0 0;color:#647a83;font-size:.72rem;line-height:1.45}
@keyframes pending-pulse{0%,100%{transform:scale(.92);opacity:.62}50%{transform:scale(1.14);opacity:1}}
@keyframes pending-check{0%{opacity:0;transform:scale(.35);transform-origin:49px 16px}70%{opacity:1;transform:scale(1.12);transform-origin:49px 16px}100%{opacity:1;transform:scale(1);transform-origin:49px 16px}}
@media(prefers-reduced-motion:no-preference){.view-pending .pending-status-glow{animation:pending-pulse 3.2s ease-in-out infinite}.view-pending .pending-status-icon circle,.view-pending .pending-status-icon circle+path{animation:pending-check .55s cubic-bezier(.2,.8,.2,1) .18s both}}
@media(max-width:1020px) and (min-width:761px){.view-pending main{grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr)}.view-pending main:before{left:calc(45% - 1px)}.view-pending .intro{padding:2rem}.view-pending .intro h1{font-size:3.25rem}.view-pending .pending-benefits>div{padding-inline:.55rem;grid-template-columns:1fr;gap:.35rem}.view-pending .card{padding:1.65rem}}
@media(max-width:760px){.view-pending main{width:min(100% - 1.25rem,680px);display:flex;flex-direction:column;overflow:visible;background:transparent;box-shadow:none}.view-pending main:before{display:none}.auth-shell.view-pending .intro{order:1;min-height:390px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-pending .intro:before{border-radius:24px;background-position:61% center}.view-pending .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;box-shadow:0 20px 54px rgba(7,29,38,.12)}.auth-shell.view-pending .intro h1{font-size:2.8rem}.view-pending .pending-benefits{margin-top:2rem}}
@media(max-width:480px){.view-pending main{width:calc(100% - 1rem);margin-top:1.25rem}.auth-shell.view-pending .intro{min-height:270px;padding:1.3rem;border-radius:20px}.view-pending .intro:before{border-radius:20px;background-image:linear-gradient(95deg,rgba(7,29,38,.64) 0%,rgba(7,29,38,.3) 54%,rgba(7,29,38,.16) 100%),linear-gradient(0deg,rgba(7,29,38,.75),transparent 74%),url('/assets/img/piton-cola-corta.webp');background-position:60% center}.view-pending .pending-hero-badge{margin-bottom:.75rem;padding:.34rem .55rem}.view-pending .pending-hero-badge span{font-size:.58rem}.auth-shell.view-pending .intro h1{margin-bottom:.9rem;font-size:2.2rem}.auth-shell.view-pending .intro>p:not(.eyebrow){max-width:88%;padding-left:.85rem;font-size:.81rem;line-height:1.48}.view-pending .pending-benefits{display:none}.view-pending .card{padding:1rem;border-radius:20px}.view-pending .pending-account-badge{font-size:.55rem}.view-pending .pending-status-icon{width:64px;height:64px;margin-bottom:.55rem}.view-pending .pending-status-icon svg{width:50px;height:50px}.view-pending .card h2{font-size:1.72rem}.view-pending .pending-subtitle{font-size:.8rem}.view-pending .pending-steps>div{min-width:70px;font-size:.61rem}.view-pending .pending-steps b{width:29px;height:29px}.view-pending .pending-steps i{margin-top:14px}.view-pending .pending-info{padding:.85rem;grid-template-columns:36px minmax(0,1fr);gap:.7rem}.view-pending .pending-info>svg{width:36px;height:36px;padding:8px}.view-pending .pending-info h3{font-size:.88rem}.view-pending .pending-info p{font-size:.72rem}.view-pending .pending-primary,.view-pending .pending-secondary{min-height:50px;font-size:.83rem}}
@media(max-width:350px){.auth-shell.view-pending .intro{min-height:260px}.auth-shell.view-pending .intro h1{font-size:2rem}.auth-shell.view-pending .intro>p:not(.eyebrow){max-width:95%;font-size:.77rem}.view-pending .card{padding:.82rem}.view-pending .pending-steps>div{min-width:62px}.view-pending .pending-steps span{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.view-pending .pending-status-glow,.view-pending .pending-status-icon circle,.view-pending .pending-status-icon circle+path,.view-pending .pending-primary,.view-pending .pending-secondary{animation:none!important;transition:none!important}.view-pending .pending-status-glow{transform:none;opacity:.72}}

/* Pending verification journey stepper — visual-only adaptation of Recorrido. */
.view-pending .pending-steps{
  --pending-route-gold:#e8b72f;
  --pending-route-gold-soft:#f4d66d;
  --pending-route-ink:#173b49;
  margin:1rem 0 1.3rem;
  grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;
  align-items:start;
  isolation:isolate;
}
.view-pending .pending-steps>div{
  position:relative;
  z-index:2;
  min-width:92px;
  gap:.48rem;
  color:#73868e;
  font-size:.69rem;
  font-weight:680;
  line-height:1.24;
}
.view-pending .pending-steps b{
  position:relative;
  width:40px;
  height:40px;
  border:2px solid #c4cfd3;
  background:#fff;
  color:#6b7e86;
  font-size:.76rem;
  font-weight:900;
  box-shadow:0 3px 10px rgba(7,29,38,.06);
}
.view-pending .pending-steps i{
  position:relative;
  z-index:1;
  height:2px;
  margin-top:19px;
  overflow:visible;
  border:0;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(174,189,194,.58),rgba(174,189,194,.3));
}
.view-pending .pending-steps i::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  height:2px;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--pending-route-gold),var(--pending-route-gold-soft));
  box-shadow:0 0 5px rgba(232,183,47,.72),0 0 13px rgba(232,183,47,.34);
}
.view-pending .pending-steps .is-complete+i::before{width:100%}
.view-pending .pending-steps .is-active+i::before{width:18%;opacity:.82}
.view-pending .pending-steps .is-complete{color:#405d4a}
.view-pending .pending-steps .is-complete b{
  border-color:#78996b;
  background:linear-gradient(145deg,#f7fbf5,#e9f3e5);
  color:#315725;
  box-shadow:0 0 0 4px rgba(80,126,66,.08),0 0 13px rgba(232,183,47,.18),0 5px 12px rgba(7,29,38,.07);
}
.view-pending .pending-steps .is-active{color:var(--pending-route-ink);font-weight:850}
.view-pending .pending-steps .is-active b{
  border-color:#b98c0e;
  background:linear-gradient(145deg,#f8dc75,var(--pending-route-gold));
  color:#071d26;
  box-shadow:0 0 0 5px rgba(232,183,47,.14),0 0 12px 3px rgba(232,183,47,.45),0 0 27px 8px rgba(232,183,47,.16),0 6px 13px rgba(7,29,38,.1);
}
@media(prefers-reduced-motion:no-preference){
  .view-pending .pending-steps i::before{transform:scaleX(0);transform-origin:left center;animation:pending-route-line-in .72s cubic-bezier(.2,.75,.2,1) .12s forwards}
  .view-pending .pending-steps b{animation:pending-route-node-in .42s cubic-bezier(.2,.8,.2,1) both}
  .view-pending .pending-steps .is-active b{animation:pending-route-node-in .42s cubic-bezier(.2,.8,.2,1) .27s both,pending-route-focus 3.8s ease-in-out 1s infinite}
  .view-pending .pending-steps>div:first-child b{animation-delay:.08s}
  .view-pending .pending-steps>div:last-child b{animation-delay:.46s}
}
@keyframes pending-route-line-in{to{transform:scaleX(1)}}
@keyframes pending-route-node-in{from{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}
@keyframes pending-route-focus{0%,100%{box-shadow:0 0 0 5px rgba(232,183,47,.12),0 0 10px 2px rgba(232,183,47,.36),0 0 23px 6px rgba(232,183,47,.12),0 6px 13px rgba(7,29,38,.1)}50%{box-shadow:0 0 0 6px rgba(232,183,47,.17),0 0 14px 4px rgba(232,183,47,.52),0 0 31px 10px rgba(232,183,47,.18),0 6px 13px rgba(7,29,38,.1)}}
@media(max-width:480px){
  .view-pending .pending-steps{grid-template-columns:70px minmax(14px,1fr) 76px minmax(14px,1fr) 78px;margin:.9rem 0 1.15rem}
  .view-pending .pending-steps>div{min-width:0;gap:.4rem;font-size:.6rem}
  .view-pending .pending-steps b{width:34px;height:34px;font-size:.68rem}
  .view-pending .pending-steps i{margin-top:16px}
}
@media(max-width:350px){
  .view-pending .pending-steps{grid-template-columns:62px minmax(10px,1fr) 68px minmax(10px,1fr) 70px}
  .view-pending .pending-steps span{font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){
  .view-pending .pending-steps b,.view-pending .pending-steps i::before{animation:none!important;transform:none!important;transition:none!important}
}

/* Onboarding paso 1: bienvenida más limpia; sin cambios de flujo o persistencia. */
.onboarding-topbar{grid-template-columns:1fr auto 1fr;min-height:58px}.onboarding-topbar .onboarding-progress{grid-column:2;justify-self:center}.onboarding-topbar>form{grid-column:3;justify-self:end}
.onboarding-step--welcome{width:min(1160px,100%);grid-template-columns:minmax(390px,.95fr) minmax(470px,1.05fr);gap:clamp(2.4rem,5vw,5.5rem);padding:clamp(1.5rem,3vw,3rem) 0;min-height:calc(100svh - 90px)}
.onboarding-step--welcome .onboarding-mark{width:100%;min-height:520px;align-self:center;justify-self:center}
.onboarding-step--welcome .onboarding-mark img{width:min(67%,330px);filter:drop-shadow(0 25px 44px rgba(0,0,0,.46)) drop-shadow(0 0 18px rgba(244,214,109,.08))}
.onboarding-step--welcome .onboarding-mark__glow{width:min(72%,360px);background:radial-gradient(circle,rgba(244,214,109,.3),rgba(42,117,144,.13) 48%,transparent 72%);filter:blur(30px)}
.onboarding-step--welcome .onboarding-mark__ring--one{width:min(76%,390px);border-color:rgba(244,214,109,.34);border-right-color:transparent;box-shadow:0 0 30px rgba(232,183,47,.035)}
.onboarding-step--welcome .onboarding-mark__ring--two{width:min(94%,480px);border-color:rgba(120,186,199,.2);border-left-color:transparent}
.onboarding-mark__spark{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#f4d66d;box-shadow:0 0 14px rgba(244,214,109,.9);pointer-events:none}.onboarding-mark__spark--one{left:16%;top:28%}.onboarding-mark__spark--two{right:12%;top:51%;width:5px;height:5px;background:#78bac7;box-shadow:0 0 13px rgba(120,186,199,.9)}.onboarding-mark__spark--three{left:27%;bottom:17%;width:4px;height:4px}
.onboarding-step--welcome .onboarding-message{width:100%;max-width:620px;align-self:center}
.onboarding-step--welcome .onboarding-eyebrow{margin-bottom:.8rem;font-size:.7rem}.onboarding-step--welcome .onboarding-message h1{max-width:610px;margin-bottom:1rem;font-size:clamp(3rem,4.4vw,4.65rem);line-height:1.01}
.onboarding-step--welcome .onboarding-message>p:not(.onboarding-eyebrow){max-width:590px;margin:.55rem 0;font-size:.95rem;line-height:1.58}.onboarding-step--welcome .onboarding-message .onboarding-lead{color:#f3f6f6;font-size:1.03rem}
.onboarding-step--welcome .onboarding-benefits{max-width:600px;margin:1rem 0 .85rem;gap:.55rem}.onboarding-step--welcome .onboarding-benefits li{min-height:48px;padding:.72rem .9rem;gap:.75rem;border-color:rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.035);font-size:.9rem}.onboarding-step--welcome .onboarding-benefits span{width:28px;height:28px;flex:0 0 28px;box-shadow:0 0 16px rgba(244,214,109,.14)}
.onboarding-step--welcome .onboarding-future{max-width:590px;margin:.85rem 0 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid #e8b72f;color:#eef3f3;font-size:.9rem;line-height:1.55}
.onboarding-step--welcome .onboarding-actions{width:100%;max-width:600px;margin-top:1.2rem;display:grid;grid-template-columns:minmax(190px,1.18fr) minmax(170px,.82fr);gap:.75rem}.onboarding-step--welcome .onboarding-actions form{width:100%}.onboarding-step--welcome .onboarding-primary,.onboarding-step--welcome .onboarding-secondary{width:100%;min-height:54px;padding:.8rem 1.2rem;border-radius:14px}.onboarding-step--welcome .onboarding-primary{position:relative;justify-content:center}.onboarding-step--welcome .onboarding-primary span{position:absolute;right:1.2rem;transition:transform .18s ease}.onboarding-step--welcome .onboarding-primary:hover span{transform:translateX(4px)}
.onboarding-skip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025)}
@keyframes onboarding-step1-mark-enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes onboarding-step1-copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes onboarding-step1-benefit-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes onboarding-step1-spark{50%{opacity:.65;transform:translate3d(3px,-7px,0)}}
@media(prefers-reduced-motion:no-preference){.onboarding-step--welcome .onboarding-mark{animation:onboarding-step1-mark-enter .8s cubic-bezier(.2,.75,.2,1) both}.onboarding-step--welcome .onboarding-mark__ring--one{animation-duration:55s}.onboarding-step--welcome .onboarding-mark__ring--two{animation-duration:72s}.onboarding-step--welcome .onboarding-mark img{animation-duration:8s}.onboarding-step--welcome .onboarding-mark__spark{animation:onboarding-step1-spark 9s ease-in-out infinite}.onboarding-step--welcome .onboarding-mark__spark--two{animation-delay:-3s;animation-duration:11s}.onboarding-step--welcome .onboarding-mark__spark--three{animation-delay:-6s;animation-duration:10s}.onboarding-step--welcome .onboarding-message{animation:onboarding-step1-copy-enter .62s .12s ease-out both}.onboarding-step--welcome .onboarding-benefits li{animation:onboarding-step1-benefit-enter .4s ease-out both}.onboarding-step--welcome .onboarding-benefits li:nth-child(1){animation-delay:.28s}.onboarding-step--welcome .onboarding-benefits li:nth-child(2){animation-delay:.36s}.onboarding-step--welcome .onboarding-benefits li:nth-child(3){animation-delay:.44s}.onboarding-step--welcome .onboarding-future{animation:onboarding-step1-copy-enter .45s .5s ease-out both}.onboarding-step--welcome .onboarding-actions{animation:onboarding-step1-copy-enter .45s .58s ease-out both}}
@media(max-width:1100px) and (min-width:901px){.onboarding-step--welcome{width:min(960px,100%);grid-template-columns:minmax(350px,.85fr) minmax(470px,1.15fr);gap:2rem}.onboarding-step--welcome .onboarding-mark{min-height:430px}.onboarding-step--welcome .onboarding-message h1{font-size:3.35rem}.onboarding-step--welcome .onboarding-benefits li{min-height:46px;padding:.65rem .8rem}}
@media(max-width:900px){.onboarding-step--welcome{max-width:720px;grid-template-columns:1fr;gap:1.2rem;padding:1.25rem 0 3.5rem}.onboarding-step--welcome .onboarding-mark{min-height:285px}.onboarding-step--welcome .onboarding-mark img{width:min(50%,260px)}.onboarding-step--welcome .onboarding-mark__ring--one{width:min(48%,300px)}.onboarding-step--welcome .onboarding-mark__ring--two{width:min(62%,390px)}.onboarding-step--welcome .onboarding-message{max-width:650px;margin-inline:auto}.onboarding-step--welcome .onboarding-message h1{font-size:clamp(2.8rem,7vw,3.8rem)}}
@media(max-width:560px){.onboarding-topbar{min-height:54px;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.onboarding-topbar .onboarding-progress{grid-row:1;grid-column:1;justify-self:start;margin:0}.onboarding-topbar>form{grid-row:1;grid-column:2}.onboarding-progress{gap:.45rem}.onboarding-progress span{width:30px;height:30px}.onboarding-progress i{width:44px}.onboarding-skip{min-height:44px;padding:.48rem .7rem}.onboarding-step--welcome{gap:.8rem;padding:1rem 0 2.5rem}.onboarding-step--welcome .onboarding-mark{min-height:220px}.onboarding-step--welcome .onboarding-mark img{width:min(56%,220px)}.onboarding-step--welcome .onboarding-mark__ring--one{width:min(58%,250px)}.onboarding-step--welcome .onboarding-mark__ring--two{width:min(76%,330px)}.onboarding-step--welcome .onboarding-message h1{font-size:clamp(2.4rem,11vw,3.05rem)}.onboarding-step--welcome .onboarding-message>p:not(.onboarding-eyebrow){font-size:.88rem}.onboarding-step--welcome .onboarding-benefits li{min-height:48px;padding:.68rem .75rem;font-size:.84rem}.onboarding-step--welcome .onboarding-future{font-size:.84rem}.onboarding-step--welcome .onboarding-actions{grid-template-columns:1fr}.onboarding-step--welcome .onboarding-primary,.onboarding-step--welcome .onboarding-secondary{min-height:52px}}
@media(max-width:360px){.onboarding-step--welcome .onboarding-mark{min-height:190px}.onboarding-step--welcome .onboarding-mark img{width:min(58%,190px)}.onboarding-step--welcome .onboarding-message h1{font-size:2.3rem}.onboarding-step--welcome .onboarding-eyebrow{font-size:.59rem}.onboarding-step--welcome .onboarding-benefits li{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.onboarding-step--welcome .onboarding-mark,.onboarding-step--welcome .onboarding-mark img,.onboarding-step--welcome .onboarding-mark__ring,.onboarding-step--welcome .onboarding-mark__spark,.onboarding-step--welcome .onboarding-message,.onboarding-step--welcome .onboarding-benefits li,.onboarding-step--welcome .onboarding-future,.onboarding-step--welcome .onboarding-actions{animation:none!important;transform:none!important}}

/* Confirmar correo: presentacion visual aislada; la logica VERIFY permanece intacta. */
.view-verify main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-verify main:before{left:54%;width:1px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.84) 24%,rgba(232,183,47,.62) 78%,transparent 96%)}
.view-verify .intro{min-height:610px;padding:clamp(2.4rem,4.8vw,4.5rem);justify-content:center;border-radius:0;background:#071d26}
.view-verify .intro:before{background-image:linear-gradient(101deg,rgba(7,29,38,.82) 0%,rgba(7,29,38,.5) 45%,rgba(7,29,38,.12) 78%),linear-gradient(0deg,rgba(7,29,38,.8) 0%,rgba(7,29,38,.16) 62%,rgba(7,29,38,.04) 100%),url('/assets/img/dragon-barbudo.webp');background-position:68% center;background-size:cover;filter:saturate(1.02) contrast(1.04) brightness(.98)}
.view-verify .intro:after{content:"";right:-76px;top:auto;bottom:-94px;width:268px;height:268px;border:1px solid rgba(244,214,109,.22);border-radius:50%;box-shadow:0 0 0 34px rgba(232,183,47,.045),0 0 0 68px rgba(42,117,144,.055)}
.view-verify .verify-hero-badge{width:fit-content;margin:0 0 1.05rem;padding:.43rem .72rem;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(7,29,38,.72);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.view-verify .verify-hero-badge:before{display:none}.view-verify .verify-hero-badge svg{width:15px;height:15px;fill:currentColor}
.auth-shell.view-verify .intro h1{max-width:510px;margin:0 0 1.3rem;font-size:clamp(3.35rem,4.9vw,4.7rem);line-height:.96;letter-spacing:-.055em}.view-verify .intro h1 span{color:var(--yellow-300)}
.auth-shell.view-verify .intro>p:not(.eyebrow){max-width:455px;margin:.5rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.91);font-size:1rem;line-height:1.65}
.auth-shell.view-verify .intro .verify-benefits{position:absolute;z-index:1;left:clamp(2.4rem,4.8vw,4.5rem);right:clamp(2.4rem,4.8vw,4.5rem);bottom:2rem;width:auto;margin:0;padding-top:1.35rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15)}
.view-verify .verify-benefits>div{min-width:0;padding:0 1.15rem;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.65rem;color:rgba(255,255,255,.82);font-size:.63rem;font-weight:820;letter-spacing:.075em;line-height:1.35}.view-verify .verify-benefits>div:first-child{padding-left:0}.view-verify .verify-benefits>div+div{border-left:1px solid rgba(255,255,255,.18)}
.view-verify .verify-benefits svg{width:25px;height:25px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-verify .verify-benefits span{min-width:0}
.view-verify .card{padding:clamp(2rem,3.6vw,3.25rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 68%,#f5efe2 100%)}
.view-verify .card:before{display:none}.view-verify .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-verify .verify-panel-intro{position:relative;z-index:1;text-align:center}.view-verify .verify-account-badge{width:fit-content;margin:0 auto 1.2rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#edf5f6;color:var(--green-700);font-size:.62rem;font-weight:850;letter-spacing:.105em;line-height:1.4}
.view-verify .verify-status-icon{position:relative;width:78px;height:78px;margin:0 auto .8rem;display:grid;place-items:center}.view-verify .verify-status-icon span{position:absolute;inset:8px;border-radius:50%;background:rgba(232,183,47,.2);filter:blur(8px)}.view-verify .verify-status-icon svg{position:relative;width:64px;height:64px;fill:none;stroke:#15536a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px rgba(7,29,38,.08))}.view-verify .verify-status-icon circle{fill:#e8b72f;stroke:#c39617}.view-verify .verify-status-icon circle+path{stroke:#071d26;stroke-width:2.4}
.view-verify .verify-panel-intro h2{max-width:390px;margin:0 auto .55rem;color:var(--green-950);font-size:clamp(1.75rem,2.8vw,2.25rem);line-height:1.08;letter-spacing:-.035em}.view-verify .verify-panel-intro>p:last-child{max-width:415px;margin:0 auto 1.2rem;color:#526b75;font-size:.86rem;line-height:1.58}
.view-verify .verify-form-card{position:relative;z-index:1;padding:1.25rem;border:1px solid rgba(16,57,74,.14);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(7,29,38,.065),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)}
.view-verify .verify-form-heading{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:.8rem}.view-verify .verify-form-heading>svg{width:43px;height:43px;padding:10px;border:1px solid rgba(21,83,106,.14);border-radius:13px;background:#eef7f9;fill:none;stroke:#15536a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-verify .verify-form-heading h3{margin:0 0 .18rem;color:#203740;font-size:.98rem}.view-verify .verify-form-heading p{margin:0;color:#607780;font-size:.78rem}
.view-verify [data-token-status]{margin:.85rem 0 .2rem;padding:.6rem .7rem;border-radius:10px;background:#f4f8f8;color:#526b75;text-align:center;font-size:.74rem;line-height:1.4}
.view-verify .verify-form-card>button{position:relative;min-height:54px;margin-top:.75rem;padding-inline:1.2rem 3.2rem;border:1px solid #c69b1c;border-radius:13px;background:#e8b72f;box-shadow:0 10px 24px rgba(195,154,35,.2)}.view-verify .verify-form-card>button:after{content:"→";position:absolute;right:1.2rem;font-size:1.18rem;transition:transform .18s ease}.view-verify .verify-form-card>button:not(:disabled):hover{background:#f0c94e;transform:translateY(-1px)}.view-verify .verify-form-card>button:not(:disabled):hover:after{transform:translateX(3px)}
.view-verify .verify-back-link{position:relative;z-index:1;margin:1rem 0 0;text-align:center}.view-verify .verify-back-link a{min-height:44px;padding:.55rem .85rem;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;color:#234f61;font-size:.82rem;font-weight:760;text-decoration:none}.view-verify .verify-back-link a:hover{border-color:rgba(21,83,106,.18);background:rgba(255,255,255,.7)}
@keyframes verify-icon-enter{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}
@keyframes verify-halo{50%{opacity:.68;transform:scale(1.08)}}
@media(prefers-reduced-motion:no-preference){.view-verify .verify-status-icon svg{animation:verify-icon-enter .5s cubic-bezier(.2,.8,.2,1) both}.view-verify .verify-status-icon span{animation:verify-halo 3.6s ease-in-out infinite}}
@media(max-width:980px) and (min-width:761px){.view-verify main{grid-template-columns:minmax(0,.94fr) minmax(410px,1.06fr)}.view-verify main:before{left:47%}.view-verify .intro{padding:2rem}.auth-shell.view-verify .intro h1{font-size:clamp(2.7rem,5vw,3.45rem)}.auth-shell.view-verify .intro .verify-benefits{left:2rem;right:2rem}.view-verify .verify-benefits>div{padding-inline:.7rem;grid-template-columns:1fr;gap:.35rem}.view-verify .card{padding:1.65rem}}
@media(max-width:760px){.view-verify main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.auth-shell.view-verify .intro{order:1;min-height:330px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-verify .intro:before{border-radius:24px;background-position:66% center}.view-verify .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.auth-shell.view-verify .intro h1{font-size:2.5rem}.auth-shell.view-verify .intro .verify-benefits{left:1.75rem;right:1.75rem;bottom:1.35rem}.view-verify .verify-form-card{padding:1.1rem}}
@media(max-width:480px){.view-verify main{width:calc(100% - 1rem);margin-top:1.25rem}.auth-shell.view-verify .intro{min-height:285px;padding:1.3rem;border-radius:20px}.view-verify .intro:before{border-radius:20px;background-image:linear-gradient(101deg,rgba(7,29,38,.8) 0%,rgba(7,29,38,.42) 48%,rgba(7,29,38,.08) 78%),linear-gradient(0deg,rgba(7,29,38,.72),rgba(7,29,38,.08) 70%),url('/assets/img/dragon-barbudo.webp');background-position:64% center}.view-verify .verify-hero-badge{margin-bottom:.75rem;padding:.34rem .55rem;font-size:.61rem}.auth-shell.view-verify .intro h1{margin-bottom:1rem;font-size:2.12rem}.auth-shell.view-verify .intro>p:not(.eyebrow){width:62%;max-width:225px;font-size:.8rem;line-height:1.45}.auth-shell.view-verify .intro .verify-benefits{display:none}.view-verify .card{padding:1rem;border-radius:20px}.view-verify .verify-account-badge{margin-bottom:.9rem;font-size:.56rem}.view-verify .verify-status-icon{width:66px;height:66px;margin-bottom:.5rem}.view-verify .verify-status-icon svg{width:55px;height:55px}.view-verify .verify-panel-intro h2{font-size:1.7rem}.view-verify .verify-panel-intro>p:last-child{margin-bottom:1rem;font-size:.8rem}.view-verify .verify-form-card{padding:.95rem;border-radius:16px}.view-verify .verify-form-heading{grid-template-columns:38px 1fr;gap:.65rem}.view-verify .verify-form-heading>svg{width:38px;height:38px;padding:8px}.view-verify .verify-form-heading h3{font-size:.9rem}.view-verify .verify-form-card>button{min-height:52px}}
@media(max-width:350px){.auth-shell.view-verify .intro{min-height:275px}.auth-shell.view-verify .intro h1{font-size:1.9rem}.auth-shell.view-verify .intro>p:not(.eyebrow){font-size:.75rem}.view-verify .card{padding:.82rem}.view-verify .verify-panel-intro h2{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.view-verify .verify-status-icon svg,.view-verify .verify-status-icon span,.view-verify .verify-form-card>button,.view-verify .verify-form-card>button:after{animation:none!important;transition:none!important;transform:none!important}}

/* Correo verificado: pantalla de exito visual; sin cambios de flujo VERIFY. */
.view-verified main{width:min(1160px,calc(100% - 2rem));grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 32px 86px rgba(7,29,38,.2),0 8px 24px rgba(7,29,38,.08)}
.view-verified main:before{left:54%;width:1px;background:linear-gradient(180deg,transparent 4%,rgba(244,214,109,.84) 24%,rgba(232,183,47,.62) 78%,transparent 96%)}
.view-verified .intro{min-height:610px;padding:clamp(2.4rem,4.8vw,4.5rem);justify-content:center;border-radius:0;background:#071d26}
.view-verified .intro:before{background-image:linear-gradient(105deg,rgba(7,29,38,.76) 0%,rgba(7,29,38,.48) 47%,rgba(7,29,38,.14) 78%),linear-gradient(0deg,rgba(7,29,38,.88) 0%,rgba(7,29,38,.17) 66%,rgba(7,29,38,.04) 100%),url('/assets/img/educacion-reptiles.webp');background-position:53% center;background-size:cover;filter:saturate(1.04) contrast(1.04) brightness(.98)}
.view-verified .intro:after{content:"";right:-76px;top:auto;bottom:-94px;width:268px;height:268px;border:1px solid rgba(244,214,109,.22);border-radius:50%;box-shadow:0 0 0 34px rgba(232,183,47,.045),0 0 0 68px rgba(42,117,144,.055)}
.view-verified .verified-hero-badge{width:fit-content;margin:0 0 1.05rem;padding:.43rem .72rem;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(244,214,109,.72);border-radius:999px;background:rgba(7,29,38,.72);color:var(--yellow-300);font-size:.68rem;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.view-verified .verified-hero-badge:before{display:none}.view-verified .verified-hero-badge svg{width:15px;height:15px;fill:currentColor}
.auth-shell.view-verified .intro h1{max-width:520px;margin:0 0 1.3rem;font-size:clamp(3.35rem,4.9vw,4.7rem);line-height:.96;letter-spacing:-.055em}
.view-verified .verified-title-line{display:flex;align-items:center;gap:.55rem;color:var(--yellow-300)}
.view-verified .verified-title-line svg{width:clamp(34px,3.5vw,46px);height:clamp(34px,3.5vw,46px);flex:0 0 auto;fill:rgba(232,183,47,.16);stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(232,183,47,.22))}.view-verified .verified-title-line svg path{stroke-width:2.4}
.auth-shell.view-verified .intro>p:not(.eyebrow){max-width:455px;margin:.5rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--yellow-500);color:rgba(255,255,255,.91);font-size:1rem;line-height:1.65}
.auth-shell.view-verified .intro .verified-benefits{position:absolute;z-index:1;left:clamp(2.4rem,4.8vw,4.5rem);right:clamp(2.4rem,4.8vw,4.5rem);bottom:2rem;width:auto;margin:0;padding-top:1.35rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15)}
.view-verified .verified-benefits>div{min-width:0;padding:0 1.15rem;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.65rem;color:rgba(255,255,255,.82);font-size:.63rem;font-weight:820;letter-spacing:.075em;line-height:1.35}.view-verified .verified-benefits>div:first-child{padding-left:0}.view-verified .verified-benefits>div+div{border-left:1px solid rgba(255,255,255,.18)}
.view-verified .verified-benefits svg{width:25px;height:25px;fill:none;stroke:var(--yellow-300);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-verified .verified-benefits span{min-width:0}
.view-verified .card{padding:clamp(2rem,3.6vw,3.25rem);justify-content:center;border-radius:0;background:radial-gradient(circle at 102% -2%,rgba(232,183,47,.1),transparent 15rem),linear-gradient(145deg,#fff 0%,#fdfbf6 68%,#f5efe2 100%)}
.view-verified .card:before{display:none}.view-verified .card:after{right:-125px;top:-135px;width:330px;height:330px;border:1px solid rgba(21,83,106,.07);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.04) 19px 20px)}
.view-verified .verified-panel-intro{position:relative;z-index:1;text-align:center}.view-verified .verified-account-badge{width:fit-content;margin:0 auto 1rem;padding:.38rem .72rem;border:1px solid rgba(21,83,106,.18);border-radius:999px;background:#edf5f6;color:var(--green-700);font-size:.62rem;font-weight:850;letter-spacing:.105em;line-height:1.4}
.view-verified .verified-status-icon{position:relative;width:88px;height:88px;margin:0 auto .65rem;display:grid;place-items:center}.view-verified .verified-status-icon span{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,rgba(76,145,100,.24),rgba(232,183,47,.13) 54%,transparent 73%);filter:blur(5px)}.view-verified .verified-status-icon svg{position:relative;width:72px;height:72px;fill:none;stroke:#15536a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px rgba(7,29,38,.09))}.view-verified .verified-status-icon circle{fill:#4c9164;stroke:#35734d}.view-verified .verified-status-icon circle+path{stroke:#fff;stroke-width:2.7}
.view-verified .verified-panel-intro h2{max-width:390px;margin:0 auto .55rem;color:var(--green-950);font-size:clamp(1.8rem,2.8vw,2.3rem);line-height:1.08;letter-spacing:-.035em}.view-verified .verified-panel-intro>p:last-child{max-width:420px;margin:0 auto 1.05rem;color:#526b75;font-size:.86rem;line-height:1.58}
.view-verified .verified-success{position:relative;z-index:1;max-width:430px;margin:0 auto 1rem;padding:.9rem 1rem;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.8rem;border:1px solid rgba(53,115,77,.22);border-radius:16px;background:linear-gradient(135deg,#edf7ef,#f7fbf6);box-shadow:inset 0 1px rgba(255,255,255,.8)}.view-verified .verified-success>svg{width:42px;height:42px;padding:8px;border-radius:50%;fill:#4c9164;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-verified .verified-success h3{margin:0 0 .16rem;color:#285b3b;font-size:.9rem}.view-verified .verified-success p{margin:0;color:#587164;font-size:.76rem;line-height:1.4}
.view-verified .verified-actions{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;display:grid;gap:.65rem}.view-verified .verified-primary,.view-verified .verified-secondary{width:100%;min-height:52px;padding:.75rem 1.1rem;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:.86rem;font-weight:820;text-decoration:none}.view-verified .verified-primary{position:relative;border:1px solid #c69b1c;color:#102b35;background:#e8b72f;box-shadow:0 10px 24px rgba(195,154,35,.2)}.view-verified .verified-primary b{position:absolute;right:1.2rem;font-size:1.15rem;transition:transform .18s ease}.view-verified .verified-primary:hover{background:#f0c94e;transform:translateY(-1px)}.view-verified .verified-primary:hover b{transform:translateX(3px)}.view-verified .verified-secondary{min-height:46px;border:1px solid #91a7af;color:#234f61;background:rgba(255,255,255,.5)}.view-verified .verified-secondary:hover{border-color:#2a7590;background:#eef5f6}
.view-verified .verified-primary:focus-visible,.view-verified .verified-secondary:focus-visible{outline:3px solid rgba(21,83,106,.34);outline-offset:3px}
.view-verified .verified-note{position:relative;z-index:1;max-width:420px;margin:.9rem auto 0;display:flex;align-items:flex-start;justify-content:center;gap:.45rem;color:#63777e;font-size:.73rem;line-height:1.42;text-align:center}.view-verified .verified-note svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#4c9164;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes verified-icon-enter{from{opacity:0;transform:scale(.76) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes verified-halo-once{0%{opacity:0;transform:scale(.76)}55%{opacity:1;transform:scale(1.12)}100%{opacity:.72;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.view-verified .verified-status-icon svg{animation:verified-icon-enter .58s cubic-bezier(.2,.8,.2,1) both}.view-verified .verified-status-icon span{animation:verified-halo-once 1.15s ease-out both}}
@media(max-width:980px) and (min-width:761px){.view-verified main{grid-template-columns:minmax(0,.94fr) minmax(410px,1.06fr)}.view-verified main:before{left:47%}.view-verified .intro{padding:2rem}.auth-shell.view-verified .intro h1{font-size:clamp(2.7rem,5vw,3.45rem)}.auth-shell.view-verified .intro .verified-benefits{left:2rem;right:2rem}.view-verified .verified-benefits>div{padding-inline:.7rem;grid-template-columns:1fr;gap:.35rem}.view-verified .card{padding:1.65rem}}
@media(max-width:760px){.view-verified main{width:min(100% - 1.25rem,680px);display:flex;overflow:visible;background:transparent;box-shadow:none}.auth-shell.view-verified .intro{order:1;min-height:330px;margin:0 0 1rem;padding:1.75rem;border-radius:24px}.view-verified .intro:before{border-radius:24px;background-position:52% center}.view-verified .card{order:2;padding:1.5rem;border:1px solid rgba(16,57,74,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f2e4);box-shadow:0 20px 54px rgba(7,29,38,.12)}.auth-shell.view-verified .intro h1{font-size:2.5rem}.auth-shell.view-verified .intro .verified-benefits{left:1.75rem;right:1.75rem;bottom:1.35rem}.view-verified .verified-benefits>div{padding-inline:.8rem}.view-verified .verified-success,.view-verified .verified-actions{max-width:460px}}
@media(max-width:480px){.view-verified main{width:calc(100% - 1rem);margin-top:1.25rem}.auth-shell.view-verified .intro{min-height:285px;padding:1.3rem;border-radius:20px}.view-verified .intro:before{border-radius:20px;background-image:linear-gradient(101deg,rgba(7,29,38,.8) 0%,rgba(7,29,38,.43) 48%,rgba(7,29,38,.09) 78%),linear-gradient(0deg,rgba(7,29,38,.76),rgba(7,29,38,.08) 70%),url('/assets/img/educacion-reptiles.webp');background-position:53% center}.view-verified .verified-hero-badge{margin-bottom:.75rem;padding:.34rem .55rem;font-size:.61rem}.auth-shell.view-verified .intro h1{margin-bottom:1rem;font-size:2.12rem}.view-verified .verified-title-line{gap:.38rem}.view-verified .verified-title-line svg{width:31px;height:31px}.auth-shell.view-verified .intro>p:not(.eyebrow){width:68%;max-width:245px;font-size:.8rem;line-height:1.45}.auth-shell.view-verified .intro .verified-benefits{display:none}.view-verified .card{padding:1rem;border-radius:20px}.view-verified .verified-account-badge{margin-bottom:.8rem;font-size:.56rem}.view-verified .verified-status-icon{width:70px;height:70px;margin-bottom:.4rem}.view-verified .verified-status-icon svg{width:58px;height:58px}.view-verified .verified-panel-intro h2{font-size:1.72rem}.view-verified .verified-panel-intro>p:last-child{margin-bottom:.9rem;font-size:.8rem}.view-verified .verified-success{grid-template-columns:36px 1fr;padding:.75rem .8rem;gap:.65rem;border-radius:14px}.view-verified .verified-success>svg{width:36px;height:36px;padding:7px}.view-verified .verified-primary{min-height:52px}.view-verified .verified-secondary{min-height:46px}.view-verified .verified-note{font-size:.69rem}}
@media(max-width:350px){.auth-shell.view-verified .intro{min-height:275px}.auth-shell.view-verified .intro h1{font-size:1.9rem}.auth-shell.view-verified .intro>p:not(.eyebrow){font-size:.75rem}.view-verified .card{padding:.82rem}.view-verified .verified-panel-intro h2{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.view-verified .verified-status-icon svg,.view-verified .verified-status-icon span,.view-verified .verified-primary,.view-verified .verified-primary b{animation:none!important;transition:none!important;transform:none!important}}

/* Perfil Mi Exzoo: presentacion exterior; la tarjeta digital permanece sellada. */
.view-profile{overflow-x:clip;background:radial-gradient(circle at 9% 26%,rgba(232,183,47,.08),transparent 25rem),radial-gradient(circle at 91% 52%,rgba(42,117,144,.075),transparent 30rem),var(--sand-50)}
.view-profile main{position:relative;isolation:isolate;width:min(1060px,calc(100% - 2rem));max-width:none;margin-top:clamp(2.7rem,5vw,4.6rem)}
.view-profile main:before,.view-profile main:after{content:"";position:absolute;z-index:-1;pointer-events:none}.view-profile main:before{right:-95px;top:170px;width:260px;height:260px;border:1px solid rgba(21,83,106,.08);border-radius:50%;box-shadow:0 0 0 36px rgba(232,183,47,.035),0 0 0 72px rgba(42,117,144,.03)}.view-profile main:after{left:-72px;top:520px;width:150px;height:220px;background:linear-gradient(135deg,transparent 48%,rgba(232,183,47,.085) 49% 50%,transparent 51%)}
.view-profile .intro{position:relative;max-width:760px;margin:0 auto clamp(1.8rem,4vw,2.6rem);padding:.4rem 1rem;text-align:center}.view-profile .profile-eyebrow{margin-bottom:.55rem;padding:.38rem .7rem;border:1px solid rgba(21,83,106,.16);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 6px 20px rgba(7,29,38,.045)}.view-profile .profile-eyebrow:before{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px rgba(232,183,47,.13)}
.view-profile .intro h1{margin:.25rem 0 .55rem;color:var(--green-950);font-size:clamp(2.65rem,5vw,4.5rem);font-weight:900;letter-spacing:-.055em}.view-profile .intro>p:not(.eyebrow){max-width:620px;margin:0 auto;color:#526b75;font-size:1.02rem}
.view-profile .card{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:940px;margin:0 auto;padding:clamp(1.4rem,4vw,3rem);border:1px solid rgba(16,57,74,.13);border-top:5px solid var(--yellow-500);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fff 68%,#faf6ec 100%);box-shadow:0 30px 76px rgba(7,29,38,.14),0 6px 18px rgba(7,29,38,.055)}
.view-profile .card:before{content:"";position:absolute;z-index:-1;right:-130px;top:-145px;width:350px;height:350px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18px,rgba(21,83,106,.035) 19px 20px)}.view-profile .card:after{content:"";position:absolute;z-index:-1;left:-65px;bottom:245px;width:170px;height:170px;border:1px solid rgba(232,183,47,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(232,183,47,.025)}
.view-profile .profile-welcome{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:1.3rem;margin-bottom:1.6rem;padding-bottom:1.55rem;border-bottom:1px solid #dce5e6}.view-profile .profile-avatar{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(195,154,35,.52);border-radius:50%;color:var(--green-800);background:linear-gradient(145deg,#f9df79,#e8b72f);box-shadow:0 12px 28px rgba(195,154,35,.22),0 0 0 4px rgba(232,183,47,.07),inset 0 1px rgba(255,255,255,.55)}.view-profile .profile-avatar svg{width:39px;height:39px;fill:currentColor}.view-profile .profile-welcome h2{margin:0 0 .28rem;color:var(--green-950);font-size:clamp(1.9rem,3.6vw,2.75rem);letter-spacing:-.045em}.view-profile .profile-welcome p{max-width:610px;margin:0;color:#5a717a;font-size:.92rem}
.view-profile .profile-information{padding:1.35rem;border:1px solid #dce5e6;border-radius:22px;background:rgba(250,248,242,.72);box-shadow:inset 0 1px rgba(255,255,255,.9)}.view-profile .profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid #dce5e6}.view-profile .profile-section-heading span{display:block;margin-bottom:.18rem;color:#6b8088;font-size:.61rem;font-weight:850;letter-spacing:.13em}.view-profile .profile-section-heading h3{margin:0;color:#173440;font-size:1.15rem}.view-profile .profile-section-heading>svg{width:38px;height:38px;padding:8px;flex:0 0 auto;border:1px solid rgba(21,83,106,.13);border-radius:12px;background:#edf5f6;fill:none;stroke:#15536a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-profile .profile-data-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.view-profile .profile-data-grid>div{position:relative;min-width:0;min-height:102px;padding:1rem 1rem .9rem 3.35rem;border-bottom:1px solid #dfe6e7}.view-profile .profile-data-grid>div:not(:nth-child(3n+1)){border-left:1px solid #dfe6e7}.view-profile .profile-data-grid>div:nth-last-child(-n+3){border-bottom:0}.view-profile .profile-data-icon{position:absolute;left:1rem;top:1.05rem;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#15536a;background:#e8f1f3}.view-profile .profile-data-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-data-grid dt{margin:0 0 .28rem;color:#70838a;font-size:.67rem;font-weight:780;letter-spacing:.045em}.view-profile .profile-data-grid dd{min-width:0;margin:0;color:#19323c;font-size:.88rem;font-weight:760;line-height:1.4;overflow-wrap:anywhere}
.view-profile .profile-pill{width:fit-content;max-width:100%;padding:.34rem .62rem;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;font-size:.72rem;font-weight:820;line-height:1.2}.view-profile .profile-pill--membership{color:#694f05;background:#fff3c8;border:1px solid #ead27b}.view-profile .profile-pill--active{color:#285b3b;background:#e6f4e8;border:1px solid #a8d1b3}.view-profile .profile-pill--active i{width:7px;height:7px;border-radius:50%;background:#4c9164;box-shadow:0 0 0 3px rgba(76,145,100,.13)}
.view-profile .profile-card-link{position:relative;width:min(100%,430px);min-height:54px;margin:1.5rem auto 0;padding:.75rem 3rem .75rem 1.1rem;display:flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid #c69b1c;border-radius:14px;color:#102b35;background:linear-gradient(180deg,#f3c941,#e8b72f);box-shadow:0 10px 24px rgba(195,154,35,.2);font-size:.88rem;font-weight:850;text-decoration:none;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.view-profile .profile-card-link:hover{color:#102b35;background:linear-gradient(180deg,#f8d75d,#edc03c);transform:translateY(-2px);box-shadow:0 14px 30px rgba(195,154,35,.25)}.view-profile .profile-card-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-card-link b{position:absolute;right:1.2rem;font-size:1.15rem}.view-profile .profile-card-stage{margin:1.35rem 0 2rem}.view-profile .profile-card-stage .digital-card{margin:0}
.view-profile .profile-security{margin:0;padding:0;overflow:hidden;border:1px solid #d6e1e3;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(7,29,38,.06)}.view-profile .profile-security summary{min-height:82px;padding:1rem 1.1rem;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:.85rem;list-style:none;color:#183640;transition:background var(--transition)}.view-profile .profile-security summary::-webkit-details-marker{display:none}.view-profile .profile-security summary:hover{background:#f5f9f9}.view-profile .profile-security-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(21,83,106,.13);border-radius:13px;color:#15536a;background:#edf5f6}.view-profile .profile-security-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-security summary>span:nth-child(2){display:grid;gap:.22rem}.view-profile .profile-security summary strong{font-size:.93rem}.view-profile .profile-security summary small{color:#667b83;font-size:.75rem;font-weight:520;line-height:1.4}.view-profile .profile-security-chevron{width:22px;height:22px;fill:none;stroke:#476873;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition)}.view-profile .profile-security[open] .profile-security-chevron{transform:rotate(180deg)}.view-profile .profile-security>p{margin:0;padding:1rem 1.1rem 0;border-top:1px solid #dce5e6;color:#566d75;font-size:.84rem}.view-profile .profile-security>form{margin:0;padding:1rem 1.1rem 1.1rem;border:0;background:transparent;box-shadow:none}.view-profile .profile-security>form label{font-size:.82rem}
.view-profile .profile-logout{max-width:300px!important;margin:1.7rem auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.view-profile .profile-logout button{min-height:52px;margin:0;display:flex;gap:.55rem;border-radius:14px}.view-profile .profile-logout button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.view-profile main:before,.view-profile main:after{display:none}.view-profile .card{max-width:720px}.view-profile .profile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-profile .profile-data-grid>div:not(:nth-child(3n+1)){border-left:0}.view-profile .profile-data-grid>div:nth-child(even){border-left:1px solid #dfe6e7}.view-profile .profile-data-grid>div:nth-last-child(-n+3){border-bottom:1px solid #dfe6e7}.view-profile .profile-data-grid>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:560px){.view-profile main{width:calc(100% - 1rem);margin-top:1.7rem}.view-profile main:before,.view-profile main:after{display:none}.view-profile .intro{margin-bottom:1.35rem;padding-inline:.55rem;text-align:center}.view-profile .intro h1{font-size:2.55rem}.view-profile .intro>p:not(.eyebrow){font-size:.88rem;line-height:1.55}.view-profile .card{padding:1rem;border-radius:22px}.view-profile .profile-welcome{grid-template-columns:64px minmax(0,1fr);gap:.9rem;margin-bottom:1.1rem;padding:.35rem 0 1.15rem}.view-profile .profile-avatar{width:64px;height:64px}.view-profile .profile-avatar svg{width:30px;height:30px}.view-profile .profile-welcome h2{font-size:1.65rem}.view-profile .profile-welcome p{font-size:.78rem;line-height:1.45}.view-profile .profile-information{padding:.85rem;border-radius:17px}.view-profile .profile-section-heading{margin-bottom:0;padding:.25rem .25rem .8rem}.view-profile .profile-section-heading>svg{width:34px;height:34px}.view-profile .profile-data-grid{grid-template-columns:1fr}.view-profile .profile-data-grid>div{min-height:84px;padding:.85rem .55rem .8rem 3rem;border-left:0!important;border-bottom:1px solid #dfe6e7!important}.view-profile .profile-data-grid>div:last-child{border-bottom:0!important}.view-profile .profile-data-icon{left:.45rem;top:.9rem}.view-profile .profile-card-link{width:100%;margin-top:1.15rem}.view-profile .profile-card-stage{margin:1rem 0 1.35rem}.view-profile .profile-security summary{min-height:78px;padding:.85rem;grid-template-columns:40px minmax(0,1fr) 20px;gap:.65rem}.view-profile .profile-security-icon{width:40px;height:40px}.view-profile .profile-security summary strong{font-size:.86rem}.view-profile .profile-security summary small{font-size:.68rem}.view-profile .profile-security>p{padding:.9rem .9rem 0}.view-profile .profile-security>form{padding:.9rem}.view-profile .profile-logout{max-width:none!important;width:100%;margin-top:1.25rem!important}.view-profile .profile-logout button{width:100%}}
@media(prefers-reduced-motion:reduce){.view-profile .profile-card-link,.view-profile .profile-security summary,.view-profile .profile-security-chevron{transition:none!important;transform:none!important}}

/* Personalización de tarjeta: cinco temas persistentes, sin alterar QR ni datos. */
.digital-card[data-card-theme]{--card-ink:#fff;--card-muted:#bed2da;--card-accent:var(--yellow-300);--card-line:rgba(255,255,255,.18);--card-ring:rgba(232,183,47,.13);color:var(--card-ink);background:var(--card-background);border-color:var(--card-border);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}
.digital-card--exzoo-blue{--card-background:linear-gradient(145deg,#0b3445,#14566b 64%,#174f62);--card-border:#2f6271;--card-accent:#f4d66d;--card-muted:#c4d8df;--card-ring:rgba(244,214,109,.14)}
.digital-card--jungle-green{--card-background:linear-gradient(145deg,#123c32,#1b5844 62%,#276b52);--card-border:#4e7d68;--card-accent:#f0d36e;--card-muted:#c6ddd2;--card-ring:rgba(191,218,146,.14)}
.digital-card--coral-pink{--card-background:linear-gradient(145deg,#713846,#a85360 62%,#c16e72);--card-border:#9c5963;--card-accent:#ffe39a;--card-muted:#f4d5d9;--card-ring:rgba(255,224,187,.14)}
.digital-card--night-purple{--card-background:linear-gradient(145deg,#2d2549,#4b356d 62%,#675086);--card-border:#715d91;--card-accent:#f3d878;--card-muted:#ddd5ec;--card-ring:rgba(214,196,241,.14)}
.digital-card--no_color{--card-background:linear-gradient(145deg,#172a2d,#26383a 62%,#17282b);--card-border:#927c37;--card-accent:#f4d66d;--card-muted:#eef2e9;--card-ring:rgba(244,214,109,.16)}
.digital-card[data-card-theme]:before{border-color:var(--card-ring)}
.digital-card[data-card-theme] .digital-card__identity{border-bottom-color:var(--card-line)}
.digital-card[data-card-theme] .digital-card__identity strong,.digital-card[data-card-theme] .digital-card__details>b{color:var(--card-accent)}
.digital-card[data-card-theme] .digital-card__details>span,.digital-card[data-card-theme] .digital-card__note{color:var(--card-muted)}
.digital-card[data-card-theme] .digital-card__badges>span:not(.active):not(.inactive){border-color:var(--card-line)}
.view-profile .profile-card-tools{width:min(100%,880px);margin:1.5rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem}
.view-profile .profile-card-tools .profile-card-link{width:100%;min-height:54px;margin:0}
.view-profile .profile-card-customizer{position:relative;margin:0;border:0;background:transparent}
.view-profile .profile-card-customizer>summary{position:relative;min-height:54px;padding:.75rem 3rem .75rem 1.1rem;display:flex;align-items:center;justify-content:center;gap:.65rem;list-style:none;border:1px solid #9ab0b8;border-radius:14px;color:#153f4e;background:#fff;box-shadow:0 8px 20px rgba(7,29,38,.07);font-size:.88rem;font-weight:850;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition)}
.view-profile .profile-card-customizer>summary::-webkit-details-marker{display:none}.view-profile .profile-card-customizer>summary:hover{border-color:#2a7590;background:#f4f9f9;transform:translateY(-2px);box-shadow:0 12px 25px rgba(7,29,38,.1)}
.view-profile .profile-card-customizer>summary>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-card-customizer>summary>b{position:absolute;right:1.2rem;font-size:1.2rem;line-height:1;transition:transform var(--transition)}.view-profile .profile-card-customizer[open]>summary>b{transform:rotate(180deg)}
.view-profile .profile-card-customizer[open]{grid-column:1/-1}.view-profile .profile-card-customizer[open]>summary{width:calc(50% - .375rem);margin-left:auto}
.view-profile .profile-card-customizer>form{margin:.75rem 0 0!important;padding:1.1rem!important;border:1px solid #d8e2e3!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#faf8f1)!important;box-shadow:0 16px 38px rgba(7,29,38,.09)!important}
.view-profile .profile-card-customizer fieldset{min-width:0;margin:0;padding:0;border:0}.view-profile .profile-card-customizer legend{padding:0;color:#173b48;font-size:1rem;font-weight:850}.view-profile .profile-card-customizer fieldset>p{margin:.25rem 0 1rem;color:#637980;font-size:.78rem}
.view-profile .card-theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.view-profile .card-theme-option{position:relative;min-width:0;padding:.55rem;display:grid;grid-template-columns:1fr 22px;gap:.5rem;border:1px solid #d7e1e3;border-radius:15px;background:#fff;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}
.view-profile .card-theme-option:hover{border-color:#92aab2;transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,29,38,.08)}.view-profile .card-theme-option:has(input:checked){border-color:#c59a1f;box-shadow:0 0 0 2px rgba(232,183,47,.18),0 10px 24px rgba(7,29,38,.08)}.view-profile .card-theme-option:has(input:focus-visible){outline:3px solid rgba(21,83,106,.36);outline-offset:3px}
.view-profile .card-theme-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.view-profile .card-theme-option__preview{grid-column:1/-1;position:relative;display:block;height:58px;overflow:hidden;border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.view-profile .card-theme-option__preview:before{content:"";position:absolute;right:-15px;top:-22px;width:70px;height:70px;border:12px solid var(--swatch-ring);border-radius:50%}.view-profile .card-theme-option__preview i,.view-profile .card-theme-option__preview b{position:absolute;left:9px;height:4px;border-radius:4px;background:var(--swatch-ink)}.view-profile .card-theme-option__preview i{top:16px;width:42%}.view-profile .card-theme-option__preview b{top:26px;width:60%;opacity:.7}
.view-profile .card-theme-option--exzoo-blue{--swatch:linear-gradient(145deg,#0b3445,#176077);--swatch-ring:rgba(244,214,109,.25);--swatch-ink:#f4d66d}.view-profile .card-theme-option--jungle-green{--swatch:linear-gradient(145deg,#123c32,#277052);--swatch-ring:rgba(191,218,146,.22);--swatch-ink:#f0d36e}.view-profile .card-theme-option--coral-pink{--swatch:linear-gradient(145deg,#713846,#c16e72);--swatch-ring:rgba(255,224,187,.2);--swatch-ink:#ffe39a}.view-profile .card-theme-option--night-purple{--swatch:linear-gradient(145deg,#2d2549,#675086);--swatch-ring:rgba(214,196,241,.2);--swatch-ink:#f3d878}
.view-profile .card-theme-option--no_color{--swatch:linear-gradient(135deg,#f7f3e8 0 24%,#dce3df 24% 48%,#f5f1e5 48% 72%,#d5ddda 72%);--swatch-ring:rgba(184,139,17,.2);--swatch-ink:#b58a14}.view-profile .card-theme-option--no_color .card-theme-option__preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent 55%)}
.view-profile .card-theme-option.is-condition-locked{cursor:not-allowed;opacity:.62;border-color:#d4dcde;background:#f5f6f3}.view-profile .card-theme-option.is-condition-locked:hover{transform:none;box-shadow:none;border-color:#d4dcde}.view-profile .card-theme-option.is-condition-locked .customization-state{border-color:#c7d0d2;background:#f0f3f3;color:#607177}
.view-profile .card-theme-option>span:nth-of-type(2){min-width:0;display:grid;align-content:start;gap:.15rem}.view-profile .card-theme-option strong{color:#244550;font-size:.75rem;line-height:1.25}.view-profile .card-theme-option small{color:#73858b;font-size:.61rem;line-height:1.3}.view-profile .card-theme-option__check{width:21px;height:21px;fill:none;stroke:#9badb3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-profile .card-theme-option:has(input:checked) .card-theme-option__check{fill:#e8b72f;stroke:#173b48}
.view-profile .card-theme-save{margin-top:1rem;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e0e7e8}.view-profile .card-theme-save>span{color:#60757d;font-size:.75rem}.view-profile .card-theme-save button{width:auto;min-width:165px;min-height:48px;margin:0;padding:.65rem 1rem;border-radius:12px}
@media(max-width:820px){.view-profile .card-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.view-profile .profile-card-tools{grid-template-columns:1fr;margin-top:1.15rem}.view-profile .profile-card-customizer[open]{grid-column:auto}.view-profile .profile-card-customizer[open]>summary{width:100%;margin:0}.view-profile .profile-card-customizer>summary{width:100%}.view-profile .profile-card-customizer>form{padding:.85rem!important;border-radius:17px!important}.view-profile .card-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.view-profile .card-theme-option{padding:.45rem}.view-profile .card-theme-option__preview{height:50px}.view-profile .card-theme-save{align-items:stretch;flex-direction:column}.view-profile .card-theme-save button{width:100%}}
@media(max-width:350px){.view-profile .card-theme-options{grid-template-columns:1fr 1fr}.view-profile .card-theme-option small{display:none}}
@media(prefers-reduced-motion:reduce){.digital-card[data-card-theme],.view-profile .profile-card-customizer>summary,.view-profile .profile-card-customizer>summary>b,.view-profile .card-theme-option{transition:none!important;transform:none!important}}
.view-profile .profile-card-link--disabled{cursor:not-allowed;opacity:.58;box-shadow:none;filter:saturate(.45)}
.view-profile .profile-card-link--disabled:hover{transform:none;background:linear-gradient(180deg,#f3c941,#e8b72f);box-shadow:none}
.view-profile .profile-card-unavailable{grid-column:1;margin:-.3rem 0 0;color:#667b83;font-size:.72rem;line-height:1.4;text-align:center}
@media(max-width:760px){.view-profile .profile-card-unavailable{grid-column:auto}}

/* Personalización combinada: fila de acciones estable y panel en una fila propia. */
.view-profile .profile-card-personalization{width:min(100%,880px);margin:1.5rem auto 0}
.view-profile .profile-card-personalization .profile-card-tools{width:100%;margin:0}
.view-profile .profile-card-customizer-toggle{position:relative;width:100%;min-height:54px;margin:0;padding:.75rem 3rem .75rem 1.1rem;display:flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid #9ab0b8;border-radius:14px;color:#153f4e;background:#fff;box-shadow:0 8px 20px rgba(7,29,38,.07);font-size:.88rem;font-weight:850;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition)}
.view-profile .profile-card-customizer-toggle:hover{border-color:#2a7590;background:#f4f9f9;transform:translateY(-2px);box-shadow:0 12px 25px rgba(7,29,38,.1)}
.view-profile .profile-card-customizer-toggle>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-card-customizer-toggle>b{position:absolute;right:1.2rem;font-size:1.2rem;line-height:1;transition:transform var(--transition)}.view-profile .profile-card-customizer-toggle[aria-expanded="true"]>b{transform:rotate(180deg)}
.view-profile .profile-card-customizer-panel{width:100%;margin:.75rem 0 0;padding:1.1rem;border:1px solid #d8e2e3;border-radius:20px;background:linear-gradient(145deg,#fff,#faf8f1);box-shadow:0 16px 38px rgba(7,29,38,.09);animation:card-panel-in .22s ease-out both}
.view-profile .profile-card-customizer-panel[hidden]{display:none}.view-profile .profile-card-customizer-panel>form{width:100%;max-width:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.view-profile .profile-card-customizer-panel fieldset{min-width:0;margin:0;padding:0;border:0}.view-profile .profile-card-customizer-panel legend{padding:0;color:#173b48;font-size:1rem;font-weight:850}.view-profile .profile-card-customizer-panel fieldset>p{margin:.25rem 0 1rem;color:#637980;font-size:.78rem}
@keyframes card-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.view-profile .profile-card-customizer{display:contents}
.view-profile .profile-card-customizer>summary{grid-column:2;grid-row:1;width:100%;margin:0}
.view-profile .profile-card-customizer[open]{grid-column:auto}
.view-profile .profile-card-customizer[open]>summary{width:100%;margin:0}
.view-profile .profile-card-customizer>form{grid-column:1/-1;grid-row:2;margin:.75rem 0 0!important}
.view-profile .card-texture-fieldset{margin-top:1.25rem!important;padding-top:1.15rem!important;border-top:1px solid #e0e7e8!important}
.view-profile .card-texture-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.view-profile .card-texture-option{position:relative;min-width:0;min-height:118px;padding:.55rem;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-content:start;gap:.5rem;border:1px solid #d7e1e3;border-radius:15px;background:#fff;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}
.view-profile .card-texture-option:hover{border-color:#92aab2;transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,29,38,.08)}
.view-profile .card-texture-option:has(input:checked){border-color:#c59a1f;box-shadow:0 0 0 2px rgba(232,183,47,.18),0 10px 24px rgba(7,29,38,.08)}
.view-profile .card-texture-option:has(input:focus-visible){outline:3px solid rgba(21,83,106,.36);outline-offset:3px}
.view-profile .card-texture-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.view-profile .card-texture-option__preview{grid-column:1/-1;position:relative;height:62px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#163f4e,#245e70)}
.view-profile .card-texture-option__preview:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,rgba(244,214,109,.18));pointer-events:none}
.view-profile .card-texture-option__preview img{width:100%;height:100%;display:block;object-fit:cover;opacity:.58;mix-blend-mode:soft-light}
.view-profile .card-texture-option__preview i{position:absolute;inset:0;background:linear-gradient(145deg,#0b3445,#176077)}
.view-profile .card-texture-option strong{min-width:0;color:#244550;font-size:.73rem;line-height:1.25}
.view-profile .card-texture-option__check{width:21px;height:21px;fill:none;stroke:#9badb3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-profile .card-texture-option:has(input:checked) .card-texture-option__check{fill:#e8b72f;stroke:#173b48}
.digital-card__texture{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;opacity:0;mix-blend-mode:soft-light;pointer-events:none}
.digital-card--texture-caiman .digital-card__texture{background-image:url('/assets/img/TexturaCaiman.png');opacity:.12}
.digital-card--texture-dragon_barbudo .digital-card__texture{background-image:url('/assets/img/TexturaDragonBarbudo.png');opacity:.1}
.digital-card--texture-piton_bola .digital-card__texture{background-image:url('/assets/img/TexturaPitonBola.png');opacity:.115}
.digital-card--texture-sulcata .digital-card__texture{background-image:url('/assets/img/TexturaSulcata.png');opacity:.105}
.digital-card--no_color.digital-card--texture-caiman .digital-card__texture,.digital-card--no_color.digital-card--texture-dragon_barbudo .digital-card__texture,.digital-card--no_color.digital-card--texture-piton_bola .digital-card__texture,.digital-card--no_color.digital-card--texture-sulcata .digital-card__texture{opacity:.72;mix-blend-mode:normal;filter:saturate(1.05) contrast(1.05)}
.digital-card--no_color:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,20,23,.7),rgba(7,20,23,.24) 55%,rgba(7,20,23,.42));pointer-events:none}
.digital-card:before{z-index:1}.digital-card__identity,.digital-card__body,.digital-card__note{z-index:2}.digital-card .qr-shell{position:relative;z-index:3;isolation:isolate}
.card-flash{display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:opacity .22s ease,transform .22s ease}
.card-flash>span{min-width:0}.card-flash>button{flex:0 0 38px;width:38px;min-height:38px;margin:0;padding:0;border:0;background:transparent;color:inherit;font-size:1.35rem;box-shadow:none}
.card-flash>button:hover{transform:none;background:rgba(49,87,37,.08);box-shadow:none}.card-flash.is-leaving{opacity:0;transform:translateY(-4px)}
@media(max-width:820px){.view-profile .card-texture-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.view-profile .profile-card-customizer>summary{grid-column:1;grid-row:2}.view-profile .profile-card-customizer>form{grid-column:1;grid-row:3}.view-profile .card-texture-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.view-profile .card-texture-option{min-height:108px;padding:.45rem}}
@media(max-width:560px){.view-profile .profile-card-personalization{margin-top:1.15rem}.view-profile .profile-card-customizer-panel{padding:.85rem;border-radius:17px}}
@media(max-width:350px){.view-profile .card-texture-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.view-profile .card-texture-option,.view-profile .profile-card-customizer-toggle,.view-profile .profile-card-customizer-panel,.card-flash{transition:none!important;animation:none!important;transform:none!important}}

/* Header móvil: mismo contrato visual efectivo que el header público oficial. */
@media(max-width:980px){body.official-shell .site-header .nav-toggle{padding:1px 6px;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}body.official-shell .site-header .nav-toggle:hover{background:rgba(255,255,255,.12);transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}}
@media(max-width:980px){body.official-shell .site-header .nav-toggle span:before,body.official-shell .site-header .nav-toggle span:after{content:none;display:inline}}
@media(max-width:340px){body.official-shell .site-header .nav-toggle:not([aria-expanded=true]){width:48px}}

/* Correcciones móviles globales: drawer y formulario de registro. */
@media(max-width:980px){body.official-shell .site-header .nav-menu:after{right:19px;top:calc(23px + env(safe-area-inset-top));width:44px;height:44px;box-sizing:border-box;border:1px solid rgba(232,183,47,.78);border-radius:14px;color:#fff8df;background:rgba(5,31,43,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.24);font-size:1.35rem;font-weight:500;line-height:1;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;pointer-events:none}body.official-shell .site-header .nav-toggle:hover+.nav-menu:after,body.official-shell .site-header .nav-toggle:focus-visible+.nav-menu:after{border-color:rgba(244,214,109,.95);background:rgba(7,39,51,.98);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 3px rgba(232,183,47,.2),0 8px 24px rgba(0,0,0,.28)}body.official-shell .site-header .nav-item-activity{order:20;margin:16px 0 0;padding-top:0}body.official-shell .site-header .nav-item-member{order:21;margin:16px 0 0}}
.view-register form,.view-register .field-birth_date{min-width:0;max-width:100%}
.view-register input[type=date]{display:block;width:100%;max-width:100%;min-width:0;min-inline-size:0;box-sizing:border-box}
.view-register input[type=date]{inline-size:100%;max-inline-size:100%}
.view-register input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
.view-register input[type=date]::-webkit-calendar-picker-indicator{flex:0 0 auto;margin:0}

/* Avatar privado del perfil: fauna Exzoo, sin impacto en tarjeta ni QR. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.view-profile .profile-avatar{overflow:hidden;isolation:isolate;animation:profile-avatar-in .38s ease-out both;transition:box-shadow .22s ease,transform .22s ease}
.view-profile .profile-avatar.has-image{background:#0b2d39;border-color:#e8b72f;box-shadow:0 0 0 3px rgba(232,183,47,.12),0 12px 26px rgba(7,29,38,.2)}
.view-profile .profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit}
.view-profile .profile-avatar.is-previewing{animation:profile-avatar-change .32s ease-out both}
.view-profile .profile-avatar-control{width:100%;margin:-.55rem 0 1.35rem;display:grid;justify-items:start}
.view-profile .profile-avatar-toggle{position:relative;width:min(100%,250px);min-height:48px;margin:0;padding:.65rem 2.75rem .65rem 1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid #9ab0b8;border-radius:13px;color:#153f4e;background:#fff;box-shadow:0 7px 18px rgba(7,29,38,.06);font-size:.84rem;font-weight:850}
.view-profile .profile-avatar-toggle:hover{border-color:#2a7590;background:#f4f9f9;transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,29,38,.09)}
.view-profile .profile-avatar-toggle:focus-visible{outline:3px solid rgba(21,83,106,.3);outline-offset:3px}
.view-profile .profile-avatar-toggle>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-profile .profile-avatar-toggle>b{position:absolute;right:1rem;font-size:1.1rem;transition:transform .2s ease}.view-profile .profile-avatar-toggle[aria-expanded=true]>b{transform:rotate(180deg)}
.view-profile .profile-avatar-panel{width:100%;margin-top:.75rem;padding:1.15rem;border:1px solid #d7e2e3;border-radius:20px;background:linear-gradient(145deg,#fff,#fbf8ee);box-shadow:0 16px 36px rgba(7,29,38,.09);animation:profile-avatar-panel-in .22s ease-out both}
.view-profile .profile-avatar-panel[hidden]{display:none}.view-profile .profile-avatar-panel form{max-width:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.view-profile .profile-avatar-panel fieldset{min-width:0;margin:0;padding:0;border:0}.view-profile .profile-avatar-panel legend{padding:0;color:#173b48;font-size:1.05rem;font-weight:850}.view-profile .profile-avatar-panel fieldset>p{margin:.25rem 0 1rem;color:#637980;font-size:.78rem}
.view-profile .profile-avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.view-profile .profile-avatar-option{position:relative;min-width:0;min-height:154px;padding:.65rem;display:grid;grid-template-columns:minmax(0,1fr) 23px;align-content:start;gap:.5rem;border:1px solid #d5e0e2;border-radius:17px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.view-profile .profile-avatar-option:hover{border-color:#8fa8b0;transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,29,38,.08)}.view-profile .profile-avatar-option:has(input:checked){border-color:#c59a1f;box-shadow:0 0 0 2px rgba(232,183,47,.2),0 10px 24px rgba(7,29,38,.08)}.view-profile .profile-avatar-option:has(input:focus-visible){outline:3px solid rgba(21,83,106,.34);outline-offset:3px}
.view-profile .profile-avatar-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.view-profile .profile-avatar-option__image{grid-column:1/-1;width:82px;height:82px;margin:0 auto;overflow:hidden;border:2px solid rgba(232,183,47,.72);border-radius:50%;background:#0b2d39;box-shadow:0 8px 18px rgba(7,29,38,.16)}.view-profile .profile-avatar-option__image img{width:100%;height:100%;display:block;object-fit:cover}
.view-profile .profile-avatar-option strong{min-width:0;color:#244550;font-size:.72rem;line-height:1.25}.view-profile .profile-avatar-option>svg{width:22px;height:22px;fill:none;stroke:#9badb3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-profile .profile-avatar-option:has(input:checked)>svg{fill:#e8b72f;stroke:#173b48}
.view-profile .profile-avatar-save{margin-top:1rem;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #dfe7e8}.view-profile .profile-avatar-save>span{color:#60757d;font-size:.75rem}.view-profile .profile-avatar-save button{width:auto;min-width:160px;min-height:48px;margin:0;padding:.65rem 1rem;border-radius:12px}.view-profile .profile-avatar-save button:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}
@keyframes profile-avatar-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes profile-avatar-change{0%{opacity:.5;transform:scale(.92)}70%{box-shadow:0 0 0 5px rgba(232,183,47,.2),0 12px 28px rgba(7,29,38,.2)}100%{opacity:1;transform:scale(1)}}
@keyframes profile-avatar-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:820px){.view-profile .profile-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.view-profile .profile-avatar-control{margin:-.35rem 0 1rem;justify-items:stretch}.view-profile .profile-avatar-toggle{width:100%;max-width:none}.view-profile .profile-avatar-panel{padding:.85rem;border-radius:17px}.view-profile .profile-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.view-profile .profile-avatar-option{min-height:140px;padding:.5rem}.view-profile .profile-avatar-option__image{width:72px;height:72px}.view-profile .profile-avatar-save{align-items:stretch;flex-direction:column}.view-profile .profile-avatar-save button{width:100%}}
@media(prefers-reduced-motion:reduce){.view-profile .profile-avatar,.view-profile .profile-avatar-toggle,.view-profile .profile-avatar-toggle>b,.view-profile .profile-avatar-panel,.view-profile .profile-avatar-option{animation:none!important;transition:none!important;transform:none!important}}

/* Controles de personalización: lenguaje visual común, sin alterar sus hooks funcionales. */
.view-profile .profile-personalizer-toggle{position:relative;isolation:isolate;min-height:58px;padding:.62rem 3.55rem .62rem .7rem;justify-content:flex-start;gap:.72rem;border:1px solid #d3ad3c;border-radius:17px;color:#123846;background:linear-gradient(145deg,#fffdf7,#f8f3e7);box-shadow:0 9px 22px rgba(7,29,38,.08),inset 0 1px 0 rgba(255,255,255,.9);font-size:.88rem;font-weight:800;letter-spacing:.005em;cursor:pointer;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}
.view-profile .profile-personalizer-toggle:hover{border-color:#bf8f13;background:linear-gradient(145deg,#fffefb,#fbf3dc);box-shadow:0 13px 28px rgba(7,29,38,.11),0 0 0 3px rgba(232,183,47,.1);transform:translateY(-2px)}
.view-profile .profile-personalizer-toggle:active{box-shadow:0 6px 16px rgba(7,29,38,.08);transform:translateY(0) scale(.985)}
.view-profile .profile-personalizer-toggle:focus-visible{outline:3px solid rgba(21,83,106,.38);outline-offset:3px;border-color:#c5961c}
.view-profile .profile-personalizer-toggle__icon{position:relative;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(205,157,31,.48);border-radius:50%;color:#194b5d;background:#fffdf8;box-shadow:0 4px 12px rgba(96,72,10,.1),0 0 0 4px rgba(232,183,47,.07);transition:color .22s ease,box-shadow .22s ease,transform .22s ease}
.view-profile .profile-personalizer-toggle__icon>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-profile .profile-personalizer-toggle:hover .profile-personalizer-toggle__icon{color:#0d6076;box-shadow:0 5px 14px rgba(96,72,10,.13),0 0 0 5px rgba(232,183,47,.11);transform:scale(1.03)}
.view-profile .profile-personalizer-toggle__label{min-width:0;line-height:1.25;text-align:left}
.view-profile .profile-personalizer-toggle__chevron{position:absolute;inset:0 0 0 auto;width:48px;height:auto;display:grid;place-items:center;border-left:0;color:#214b59;font-size:0;transition:color .22s ease}
.view-profile .profile-personalizer-toggle__chevron>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s ease}
.view-profile .profile-personalizer-toggle[aria-expanded="true"] .profile-personalizer-toggle__chevron>svg{transform:rotate(180deg)}
.view-profile .profile-avatar-panel,.view-profile .profile-card-customizer-panel{animation-duration:.24s;animation-timing-function:ease-out}
@media(max-width:560px){.view-profile .profile-personalizer-toggle{width:100%;min-height:58px;padding-left:.68rem}.view-profile .profile-personalizer-toggle__icon{flex-basis:36px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.view-profile .profile-personalizer-toggle,.view-profile .profile-personalizer-toggle__icon,.view-profile .profile-personalizer-toggle__chevron,.view-profile .profile-personalizer-toggle__chevron>svg,.view-profile .profile-avatar-panel,.view-profile .profile-card-customizer-panel{animation:none!important;transition:none!important;transform:none!important}}

/* Datos de afiliación compactos: menos vacío sin alterar contenido ni estructura responsive. */
.view-profile .profile-information{padding:1.1rem 1.2rem 1rem}
.view-profile .profile-section-heading{margin-bottom:.45rem;padding-bottom:.72rem}
.view-profile .profile-data-grid>div{min-height:78px;padding:.72rem .8rem .65rem 3rem}
.view-profile .profile-data-icon{left:.78rem;top:.76rem;width:26px;height:26px;border-radius:8px}
.view-profile .profile-data-icon svg{width:16px;height:16px}
.view-profile .profile-data-grid dt{margin-bottom:.18rem}
@media(max-width:560px){.view-profile .profile-information{padding:.75rem}.view-profile .profile-section-heading{padding:.2rem .2rem .65rem}.view-profile .profile-data-grid>div{min-height:72px;padding:.68rem .45rem .62rem 2.85rem}.view-profile .profile-data-icon{left:.38rem;top:.7rem}}

/* Bienvenida one-shot después de un login válido. */
.login-welcome{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:1rem;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 42%,#16485a 0,#0b2a36 36%,#061923 76%);animation:login-welcome-in .28s ease-out both}
.login-welcome__card{position:relative;width:min(430px,100%);display:grid;justify-items:center;text-align:center;padding:2rem 1.5rem 1.75rem;border:1px solid rgba(244,214,109,.35);border-radius:28px;background:linear-gradient(145deg,rgba(10,42,54,.94),rgba(5,25,34,.98));box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 55px rgba(232,183,47,.1);animation:login-welcome-card-in .42s cubic-bezier(.2,.8,.2,1) both}
.login-welcome__logo{width:118px;height:auto;margin-bottom:1.15rem;filter:drop-shadow(0 7px 14px rgba(0,0,0,.28))}
.login-welcome__avatar{width:84px;height:84px;margin-bottom:1rem;display:grid;place-items:center;overflow:hidden;border:2px solid #e8b72f;border-radius:50%;background:#0b3445;box-shadow:0 0 0 5px rgba(232,183,47,.1),0 10px 28px rgba(0,0,0,.3);animation:login-welcome-avatar-in .4s .12s cubic-bezier(.2,.85,.25,1.2) both}
.login-welcome__avatar img{width:100%;height:100%;display:block;object-fit:cover}.login-welcome__avatar svg{width:38px;height:38px;fill:none;stroke:#f4d66d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-welcome h1{margin:0;color:#fff;font-size:clamp(1.55rem,5vw,2.15rem);line-height:1.1;letter-spacing:-.035em;animation:login-welcome-copy-in .3s .2s ease-out both}.login-welcome p{margin:.55rem 0 0;color:#c8d9df;font-size:.92rem;animation:login-welcome-copy-in .3s .28s ease-out both}
.login-welcome__line{width:62px;height:3px;margin-top:1.25rem;border-radius:99px;background:#e8b72f;box-shadow:0 0 16px rgba(232,183,47,.48)}
.login-welcome__particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f4d66d;box-shadow:0 0 10px rgba(244,214,109,.65);animation:login-welcome-particle 1.2s ease-in-out both}.login-welcome__particles i:nth-child(1){left:18%;top:28%}.login-welcome__particles i:nth-child(2){left:28%;bottom:22%;animation-delay:.12s}.login-welcome__particles i:nth-child(3){right:17%;top:25%;animation-delay:.2s}.login-welcome__particles i:nth-child(4){right:27%;bottom:20%;animation-delay:.3s}.login-welcome__particles i:nth-child(5){right:12%;top:55%;animation-delay:.16s}
.login-welcome.is-leaving{opacity:0;transition:opacity .32s ease;pointer-events:none}
@keyframes login-welcome-in{from{opacity:0}to{opacity:1}}@keyframes login-welcome-card-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes login-welcome-avatar-in{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes login-welcome-copy-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes login-welcome-particle{0%{opacity:0;transform:translateY(8px) scale(.7)}45%{opacity:.8}100%{opacity:.18;transform:translateY(-10px) scale(1)}}
@media(max-width:480px){.login-welcome__card{padding:1.65rem 1rem 1.45rem;border-radius:23px}.login-welcome__logo{width:104px}.login-welcome__avatar{width:72px;height:72px}.login-welcome p{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.login-welcome,.login-welcome__card,.login-welcome__avatar,.login-welcome h1,.login-welcome p{animation:none!important}.login-welcome__particles{display:none}.login-welcome.is-leaving{transition:opacity .15s ease}}

/* Bienvenida premium: órbitas, halo y progreso sincronizado a 3.7 s. */
.login-welcome{background:radial-gradient(circle at 50% 42%,#174d60 0,#0a2b38 32%,#061923 72%,#041219 100%)}
.login-welcome:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 38%,rgba(0,0,0,.34) 100%)}
.login-welcome__card{z-index:2;width:min(500px,calc(100vw - 2rem));padding:2.25rem 2rem 1.75rem;overflow:hidden;border-color:rgba(244,214,109,.58);background:linear-gradient(145deg,rgba(10,45,58,.94),rgba(4,23,32,.98));box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 65px rgba(232,183,47,.12);animation:login-welcome-premium-card .52s cubic-bezier(.2,.8,.2,1) both}
.login-welcome__shine{position:absolute;inset:-70% -40%;pointer-events:none;background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.07) 49%,transparent 54%);transform:translateX(-25%);animation:login-welcome-shine 2.2s .45s ease-out both}
.login-welcome__logo{width:132px;margin-bottom:1rem;animation:login-welcome-logo .48s .35s ease-out both}
.login-welcome__avatar{position:relative;width:96px;height:96px;margin-bottom:1.05rem;overflow:visible;border:2px solid #f0c94e;box-shadow:0 0 0 6px rgba(232,183,47,.1),0 0 30px rgba(232,183,47,.24),0 13px 32px rgba(0,0,0,.34);animation:login-welcome-avatar-premium .55s .55s cubic-bezier(.2,.85,.25,1.15) both}
.login-welcome__avatar img{border-radius:50%}.login-welcome__avatar>i{position:absolute;inset:-9px;border:1px solid rgba(244,214,109,.5);border-radius:50%;border-right-color:transparent;animation:login-welcome-halo 3s .65s linear both}
.login-welcome h1{display:grid;gap:.15rem;margin-top:.1rem;animation:login-welcome-copy-in .4s .85s ease-out both}.login-welcome h1 span{color:#f8f5e9;font-size:.72em;font-weight:650;letter-spacing:-.02em}.login-welcome h1 strong{color:#f4d66d;font-size:1.18em;font-weight:900;text-shadow:0 0 18px rgba(244,214,109,.18)}
.login-welcome p{animation:login-welcome-copy-in .4s 1.08s ease-out both}
.login-welcome__progress{position:relative;width:min(260px,78%);height:4px;margin-top:1.45rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.login-welcome__progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c89517,#f4d66d);box-shadow:0 0 14px rgba(244,214,109,.72);transform-origin:left;animation:login-welcome-progress 2.65s .62s linear both}
.login-welcome__orbits{position:absolute;z-index:1;left:50%;top:50%;width:min(720px,92vw);aspect-ratio:1.45;transform:translate(-50%,-50%);pointer-events:none}.login-welcome__orbits i{position:absolute;inset:15%;border:1px solid rgba(244,214,109,.12);border-radius:50%;transform:rotate(-11deg);animation:login-welcome-orbit 4s linear both}.login-welcome__orbits i:nth-child(2){inset:4% 12%;border-color:rgba(92,185,211,.1);transform:rotate(17deg);animation-direction:reverse}.login-welcome__orbits i:nth-child(3){inset:25% 8%;border-color:rgba(244,214,109,.08);transform:rotate(32deg)}
.login-welcome__particles i:nth-child(6){left:10%;top:60%;animation-delay:.45s}.login-welcome__particles i:nth-child(7){right:37%;top:14%;width:8px;height:8px;filter:blur(1px);animation-delay:.55s}
.login-welcome__particles{position:absolute;inset:0;z-index:1;pointer-events:none}
.login-welcome.is-exit-ready{animation:none;opacity:1}.login-welcome.is-exit-ready .login-welcome__card{animation:none;transform:none;opacity:1}.login-welcome.is-leaving .login-welcome__card{transform:scale(1.02);opacity:0;transition:transform .35s ease,opacity .35s ease}.login-welcome.is-leaving .login-welcome__particles,.login-welcome.is-leaving .login-welcome__orbits{opacity:0;transition:opacity .25s ease}
@keyframes login-welcome-premium-card{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes login-welcome-logo{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes login-welcome-avatar-premium{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes login-welcome-halo{from{transform:rotate(0);opacity:0}20%{opacity:1}to{transform:rotate(150deg);opacity:.55}}@keyframes login-welcome-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes login-welcome-shine{from{transform:translateX(-28%)}to{transform:translateX(28%)}}@keyframes login-welcome-orbit{from{opacity:0;filter:brightness(1);transform:rotate(-11deg)}25%{opacity:1;filter:brightness(1.5)}to{opacity:.5;filter:brightness(1);transform:rotate(20deg)}}
@media(max-width:480px){.login-welcome__card{padding:1.8rem 1rem 1.45rem}.login-welcome__logo{width:112px}.login-welcome__avatar{width:80px;height:80px}.login-welcome h1{font-size:1.65rem}.login-welcome__orbits{width:120vw}.login-welcome__progress{margin-top:1.2rem}}
@media(prefers-reduced-motion:reduce){.login-welcome__orbits,.login-welcome__particles,.login-welcome__shine,.login-welcome__avatar>i{display:none!important}.login-welcome__logo,.login-welcome__progress i{animation:none!important}.login-welcome__progress i{transform:none}.login-welcome.is-leaving .login-welcome__card{transform:none;transition:opacity .15s ease}}

/* Revelado coordinado: el perfil entra suavemente mientras sale la bienvenida. */
body.is-login-welcome-active>.site-header,body.is-login-welcome-active>main,body.is-login-welcome-active>.site-footer{opacity:.16;filter:blur(7px);transform:translateY(8px)}
body.is-login-welcome-active.is-login-welcome-revealing>.site-header,body.is-login-welcome-active.is-login-welcome-revealing>main,body.is-login-welcome-active.is-login-welcome-revealing>.site-footer{opacity:1;filter:none;transform:none;transition:opacity .52s ease,filter .52s ease,transform .52s cubic-bezier(.2,.75,.25,1)}
.login-welcome.is-leaving{animation:none;opacity:0;transition:opacity .48s ease}
@media(prefers-reduced-motion:reduce){body.is-login-welcome-active>.site-header,body.is-login-welcome-active>main,body.is-login-welcome-active>.site-footer{filter:none;transform:none;opacity:.35}body.is-login-welcome-active.is-login-welcome-revealing>.site-header,body.is-login-welcome-active.is-login-welcome-revealing>main,body.is-login-welcome-active.is-login-welcome-revealing>.site-footer{transition:opacity .25s ease}.login-welcome.is-leaving{transition:opacity .25s ease}}

/* Post-logout: same premium welcome language, shown only after session destruction. */
.logout-goodbye-page{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:#061923}
.login-welcome--logout{min-height:100vh;min-height:100dvh}
.login-welcome--logout .login-welcome__progress i{animation-duration:2.35s;animation-delay:.48s}
.login-welcome--logout.is-leaving .login-welcome__card{opacity:0;filter:blur(3px);transform:translateY(2px) scale(.98);transition:opacity .46s ease,filter .46s ease,transform .46s ease}
.login-welcome--logout.is-leaving .login-welcome__avatar{box-shadow:0 0 0 4px rgba(232,183,47,.06),0 5px 14px rgba(0,0,0,.22);transition:box-shadow .38s ease}
.login-welcome--logout.is-leaving .login-welcome__avatar>i{opacity:0;transition:opacity .3s ease}
@media(prefers-reduced-motion:reduce){.login-welcome--logout .login-welcome__progress i{animation:none!important}.login-welcome--logout.is-leaving .login-welcome__card{filter:none;transform:none;transition:opacity .2s ease}}

.communication-preferences{margin:1.5rem 0;padding:0;overflow:hidden;border:1px solid #d6e1e3;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(7,29,38,.06)}.communication-preferences__toggle{width:100%;min-height:82px;margin:0;padding:1rem 1.1rem;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:.85rem;border:0;border-radius:0;color:#183640;background:transparent;text-align:left;box-shadow:none;transition:background .22s ease}.communication-preferences__toggle:hover{background:#f5f9f9;transform:none;box-shadow:none}.communication-preferences__toggle:focus-visible{outline:3px solid rgba(28,107,137,.25);outline-offset:-3px}.communication-preferences__icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(21,83,106,.13);border-radius:13px;color:#15536a;background:#edf5f6}.communication-preferences__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.communication-preferences__summary{min-width:0;display:grid;gap:.22rem}.communication-preferences__summary strong{font-size:.93rem}.communication-preferences__summary small{color:#667b83;font-size:.75rem;font-weight:520;line-height:1.4}.communication-preferences.has-pending-changes .communication-preferences__summary small{color:#996e08;font-weight:700}.communication-preferences__chevron{width:22px;height:22px;fill:none;stroke:#476873;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.communication-preferences.is-open .communication-preferences__chevron{transform:rotate(180deg)}.communication-preferences__panel{overflow:hidden;border-top:1px solid #dce5e6}.communication-preferences__panel[hidden]{display:none}.communication-preferences__intro{padding:1.15rem 1.1rem 0}.communication-preferences__intro h2{margin:0 0 .4rem;color:#0b2834;font-size:1.35rem}.communication-preferences__intro p{margin:0;color:#58707a;font-size:.9rem;line-height:1.55}.communication-preferences form{display:grid;gap:.75rem;margin:0;padding:1.1rem}.communication-preferences label{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid #d7e1e3;border-radius:14px;background:#fff;cursor:pointer}.communication-preferences input{flex:0 0 auto;width:20px;height:20px;margin:.1rem 0 0;accent-color:#c89517}.communication-preferences label span{min-width:0;display:grid;gap:.2rem}.communication-preferences label small{color:#607680;line-height:1.4}.communication-preferences button[data-communication-preferences-submit]{min-height:48px;margin-top:.25rem}.communication-unsubscribe main{min-height:100dvh;display:grid;place-items:center;padding:1rem}.communication-unsubscribe .card{max-width:620px;text-align:center}@media(max-width:560px){.communication-preferences__toggle{min-height:78px;padding:.85rem;grid-template-columns:40px minmax(0,1fr) 20px;gap:.65rem}.communication-preferences__icon{width:40px;height:40px}.communication-preferences__summary strong{font-size:.86rem}.communication-preferences__summary small{font-size:.68rem}.communication-preferences__intro{padding:.95rem .9rem 0}.communication-preferences__intro h2{font-size:1.15rem}.communication-preferences__intro p{font-size:.8rem}.communication-preferences form{padding:.9rem}.communication-preferences label{padding:.85rem}.communication-preferences label strong{font-size:.86rem}.communication-preferences label small{font-size:.72rem}}
/* Mi Exzoo internal notifications */
.nav-item-notifications{position:relative;display:flex;align-items:center}.notification-menu{position:relative}.notification-menu summary{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(224,190,54,.55);border-radius:16px;background:#112f3c;color:#f8f4e8;cursor:pointer;list-style:none}.notification-menu summary::-webkit-details-marker{display:none}.notification-menu summary svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.notification-menu[open] summary,.notification-menu summary:focus-visible{border-color:#e5c23a;box-shadow:0 0 0 3px rgba(229,194,58,.18);outline:0}.notification-badge{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #0b2632;border-radius:999px;background:#e6bf35;color:#102a35;font-size:11px;font-weight:800;animation:notification-ring .55s ease-out 1}.notification-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:90;width:min(370px,calc(100vw - 28px));padding:12px;border:1px solid rgba(229,194,58,.55);border-radius:20px;background:#0c2733;color:#f9f5e9;box-shadow:0 24px 65px rgba(2,17,24,.35)}.notification-popover header{display:flex;justify-content:space-between;gap:16px;padding:5px 6px 11px}.notification-popover header a{color:#f2d452;font-weight:700}.notification-preview{display:block;padding:12px;border-top:1px solid rgba(219,232,235,.12);color:#f7f4e9;text-decoration:none}.notification-preview.is-unread{background:rgba(229,194,58,.08)}.notification-preview span,.notification-preview small{display:block}.notification-preview small{margin-top:4px;color:#b9c9cf;line-height:1.4}.notification-popover>p{padding:18px 8px;margin:0;color:#b9c9cf}.notifications-page{width:min(940px,calc(100% - 32px));margin:0 auto;padding:54px 0 90px}.notifications-hero{padding:30px 34px;border-radius:28px;background:#0c2733;color:#f8f5ea;box-shadow:0 18px 50px rgba(7,31,41,.13)}.notifications-hero>a{color:#f0cf46;text-decoration:none;font-weight:700}.notifications-hero p{margin:24px 0 4px;color:#e5c23a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.notifications-hero h1{margin:0;font-size:clamp(34px,6vw,58px);line-height:1}.notifications-hero span{display:block;margin-top:12px;color:#c7d3d6}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.notifications-toolbar nav{display:flex;padding:4px;border:1px solid #d7e0e1;border-radius:14px;background:#fff}.notifications-toolbar a,.notifications-toolbar button,.notification-card__actions a,.notification-card__actions button{min-height:44px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;text-decoration:none}.notifications-toolbar a{color:#39515b}.notifications-toolbar a.is-active{background:#12303d;color:#fff}.notifications-toolbar button,.notification-card__actions a{border:1px solid #d7b52d;background:#e5c23a;color:#102a35}.notification-card{display:grid;grid-template-columns:52px 1fr;gap:18px;margin-bottom:14px;padding:24px;border:1px solid #d9e1e2;border-radius:22px;background:#fff;color:#17323d}.notification-card.is-unread{border-color:#dfbd38;box-shadow:inset 4px 0 #e5c23a}.notification-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#edf4f5;color:#1b5366}.notification-card__icon svg,.notifications-empty svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.notification-card__meta{display:flex;justify-content:space-between;gap:12px;color:#71858c;font-size:12px}.notification-card__meta span{color:#9b7d0d;font-weight:800}.notification-card h2{margin:8px 0 7px;font-size:22px}.notification-card p{margin:0;color:#536a72;line-height:1.6}.notification-card__actions{display:flex;gap:10px;margin-top:16px}.notification-card__actions form{margin:0}.notification-card__actions button{border:1px solid #b9c9ce;background:transparent;color:#274754}.notifications-empty{text-align:center;padding:64px 24px;border:1px dashed #bac9cd;border-radius:24px;color:#567078}.notifications-empty svg{width:38px}.notifications-empty h2{color:#17323d}.notification-menu[open] .notification-popover{animation:notification-pop .22s ease-out}@keyframes notification-ring{35%{transform:rotate(12deg) scale(1.08)}70%{transform:rotate(-8deg)}}@keyframes notification-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}}
@media(max-width:760px){.nav-item-notifications{order:8;margin:16px 0}.notification-menu{width:100%}.notification-menu summary{width:100%;border-radius:14px}.notification-popover{position:static;width:100%;margin-top:10px}.notifications-page{width:min(100% - 20px,620px);padding:24px 0 60px}.notifications-hero{padding:24px 22px}.notifications-toolbar{align-items:stretch;flex-direction:column}.notifications-toolbar nav a{flex:1}.notifications-toolbar button{width:100%}.notification-card{grid-template-columns:42px 1fr;padding:18px 15px;gap:12px}.notification-card__icon{width:42px;height:42px}.notification-card__meta{flex-direction:column;gap:3px}.notification-card__actions{align-items:stretch;flex-direction:column}.notification-card__actions a,.notification-card__actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.notification-badge,.notification-menu[open] .notification-popover{animation:none}}


/* Mi Exzoo: notificaciones como accion contextual del perfil. */
.view-profile .profile-welcome{grid-template-columns:84px minmax(0,1fr) auto;overflow:visible}
.view-profile .profile-welcome__copy{min-width:0}
.view-profile .profile-notifications{position:relative;z-index:12;align-self:center}
.view-profile .profile-notifications .notification-menu{position:relative}
.view-profile .profile-notifications .notification-menu>summary{position:relative;width:auto;min-width:154px;height:48px;padding:0 1rem;display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(21,83,106,.2);border-radius:15px;color:#174556;background:linear-gradient(145deg,#f7fbfb,#edf5f6);box-shadow:0 8px 20px rgba(7,29,38,.07);font-size:.78rem;font-weight:820;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.view-profile .profile-notifications .notification-menu>summary:hover{border-color:rgba(195,154,35,.7);box-shadow:0 11px 24px rgba(7,29,38,.1);transform:translateY(-1px)}
.view-profile .profile-notifications .notification-menu[open]>summary,.view-profile .profile-notifications .notification-menu>summary:focus-visible{border-color:#c69b1c;box-shadow:0 0 0 3px rgba(232,183,47,.16),0 10px 24px rgba(7,29,38,.09);outline:0}
.view-profile .profile-notifications .notification-menu>summary svg{width:20px;height:20px;flex:0 0 auto}
.view-profile .profile-notifications .notification-badge{right:-7px;top:-8px;border-color:#fff;background:#e8b72f;color:#102a35}
.view-profile .profile-notifications .notification-popover{right:0;top:calc(100% + 10px);width:min(370px,calc(100vw - 48px));max-height:min(430px,calc(100vh - 150px));overflow:auto;border-color:rgba(229,194,58,.48);border-radius:18px;box-shadow:0 22px 55px rgba(2,17,24,.27)}
@media(max-width:760px){.view-profile .profile-welcome{grid-template-columns:64px minmax(0,1fr)}.view-profile .profile-notifications{grid-column:1/-1;width:100%;margin-top:.15rem}.view-profile .profile-notifications .notification-menu{width:100%}.view-profile .profile-notifications .notification-menu>summary{width:100%;min-width:0}.view-profile .profile-notifications .notification-popover{position:static;width:100%;max-height:none;margin-top:.65rem}}
@media(prefers-reduced-motion:reduce){.view-profile .profile-notifications .notification-menu>summary{transition:none;transform:none}}

.communication-preferences button[data-communication-preferences-submit]{display:flex;align-items:center;justify-content:center;gap:.45rem;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.communication-preferences button[data-state="saved"]:disabled{opacity:1;border:1px solid #cddbdd;color:#42616a;background:#edf4f4;box-shadow:none;cursor:default}.communication-preferences button[data-state="saved"] span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#56866a;font-size:.72rem;font-weight:900}.communication-preferences button[data-state="saving"]:disabled{opacity:.78;cursor:wait}@media(prefers-reduced-motion:reduce){.communication-preferences__toggle,.communication-preferences__chevron,.communication-preferences button[data-communication-preferences-submit]{transition:none!important}.communication-preferences__chevron{transform:none!important}}

/* Dropdown de notificaciones Mi Exzoo: compacto y contextual. */
.view-profile .profile-notifications .notification-popover{right:0;top:calc(100% + 9px);width:min(340px,calc(100vw - 32px));max-height:none;padding:0;overflow:hidden;border:1px solid rgba(213,183,76,.42);border-radius:17px;background:linear-gradient(160deg,#123541 0%,#0c2934 100%);color:#f7f4e9;box-shadow:0 18px 46px rgba(2,17,24,.26),inset 0 1px rgba(255,255,255,.035);transform-origin:top right}.view-profile .notification-popover>header{min-height:55px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(196,216,221,.12)}.view-profile .notification-popover__title{display:flex;align-items:center;gap:8px;min-width:0}.view-profile .notification-popover__title svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#e3c34f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-profile .notification-popover__title strong{color:#f8f6ee;font-size:.84rem;font-weight:780}.view-profile .notification-popover>header>a{min-height:44px;padding:0 2px;display:inline-flex;align-items:center;color:#e7c94e;font-size:.71rem;font-weight:780;text-decoration:none;transition:color .18s ease}.view-profile .notification-popover>header>a:hover{color:#f5dc74}.view-profile .notification-popover__content{padding:5px}.view-profile .notification-preview{position:relative;min-height:72px;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;border:0;border-radius:12px;color:#f7f5ee;transition:background .18s ease}.view-profile .notification-preview+.notification-preview{border-top:1px solid rgba(196,216,221,.1);border-top-left-radius:0;border-top-right-radius:0}.view-profile .notification-preview:hover{background:rgba(255,255,255,.045)}.view-profile .notification-preview.is-unread{background:rgba(231,199,73,.075)}.view-profile .notification-preview__icon{width:34px;height:34px;display:grid!important;place-items:center;border:1px solid rgba(144,180,191,.2);border-radius:50%;color:#aac7cf;background:rgba(125,169,182,.09)}.view-profile .notification-preview.is-unread .notification-preview__icon{border-color:rgba(227,195,79,.28);color:#e3c34f;background:rgba(227,195,79,.08)}.view-profile .notification-preview__icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-profile .notification-preview__copy{min-width:0;display:grid!important;gap:3px}.view-profile .notification-preview__heading{min-width:0;display:flex!important;align-items:center;justify-content:space-between;gap:9px}.view-profile .notification-preview__heading strong{overflow:hidden;color:#f8f6ee;font-size:.77rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.view-profile .notification-preview__heading i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#e4c344;box-shadow:0 0 0 3px rgba(228,195,68,.09)}.view-profile .notification-preview__copy>small{margin:0;color:#aec1c7;font-size:.69rem;line-height:1.35}.view-profile .notification-preview__copy>time{color:#76939c;font-size:.61rem;font-weight:650}.view-profile .notification-empty{min-height:154px;padding:21px 18px 23px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.view-profile .notification-empty>span{width:46px;height:46px;margin-bottom:10px;display:grid;place-items:center;border:1px solid rgba(227,195,79,.24);border-radius:50%;color:#e3c34f;background:rgba(227,195,79,.075)}.view-profile .notification-empty svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-profile .notification-empty>strong{color:#f7f5ed;font-size:.86rem}.view-profile .notification-empty>p{margin:4px 0 0;padding:0;color:#9fb5bc;font-size:.7rem;line-height:1.4}.view-profile .notification-menu[open]:not(.is-closing) .notification-popover{animation:notification-pop-premium .21s cubic-bezier(.2,.8,.2,1) both}.view-profile .notification-menu.is-closing .notification-popover{animation:notification-pop-close .14s ease-in both}@keyframes notification-pop-premium{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes notification-pop-close{to{opacity:0;transform:translateY(-3px) scale(.985)}}
@media(max-width:760px){.view-profile .profile-notifications .notification-menu{position:relative}.view-profile .profile-notifications .notification-popover{position:absolute;right:0;top:calc(100% + 8px);width:100%;max-width:none;margin:0}.view-profile .notification-preview{min-height:76px}.view-profile .notification-popover>header>a{min-width:58px;justify-content:flex-end}}
@media(max-width:360px){.view-profile .notification-popover>header{padding-inline:12px}.view-profile .notification-popover__content{padding:4px}.view-profile .notification-preview{padding:9px;grid-template-columns:32px minmax(0,1fr);gap:8px}.view-profile .notification-preview__icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.view-profile .notification-menu[open] .notification-popover,.view-profile .notification-menu.is-closing .notification-popover{animation:none!important}.view-profile .notification-popover>header>a,.view-profile .notification-preview{transition:none!important}}

/* Tu espacio Mi Exzoo: accesos utiles y comunicado destacado. */
.view-profile .member-space{margin:1.65rem 0 1.35rem;padding:1.3rem;border:1px solid #d5e0e2;border-radius:20px;background:linear-gradient(145deg,rgba(255,253,247,.92),rgba(246,250,249,.94));box-shadow:0 12px 30px rgba(7,29,38,.055)}
.view-profile .member-space__heading{margin:0 0 1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem}.view-profile .member-space__heading div{min-width:0}.view-profile .member-space__heading span{display:block;margin-bottom:.3rem;color:#8a6a11;font-size:.66rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.view-profile .member-space__heading h2{margin:0;color:#102e39;font-size:1.28rem;letter-spacing:-.02em}.view-profile .member-space__heading p{max-width:330px;margin:0;color:#61767e;font-size:.8rem;line-height:1.5;text-align:right}
.view-profile .member-space__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.view-profile .member-space-link{position:relative;min-width:0;min-height:126px;padding:1rem 2.45rem 1rem .9rem;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:.75rem;border:1px solid #d5e0e2;border-radius:16px;color:#173541;background:rgba(255,255,255,.82);box-shadow:0 5px 15px rgba(7,29,38,.035);text-decoration:none;transition:transform .21s ease,border-color .21s ease,box-shadow .21s ease,background .21s ease}.view-profile .member-space-link:hover{border-color:#d0a529;color:#102e39;background:#fffdf8;box-shadow:0 11px 24px rgba(7,29,38,.08);transform:translateY(-2px)}.view-profile .member-space-link:focus-visible{outline:3px solid rgba(21,83,106,.3);outline-offset:3px}.view-profile .member-space-link__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(21,83,106,.13);border-radius:50%;color:#15536a;background:#edf5f6;transition:color .21s ease,box-shadow .21s ease,background .21s ease}.view-profile .member-space-link:hover .member-space-link__icon{color:#113f50;background:#f8f0d5;box-shadow:0 0 0 4px rgba(232,183,47,.1)}.view-profile .member-space-link__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-profile .member-space-link>span:nth-child(2){min-width:0}.view-profile .member-space-link strong{display:block;margin:.12rem 0 .32rem;color:#163643;font-size:.84rem;line-height:1.25}.view-profile .member-space-link small{display:block;color:#687c84;font-size:.7rem;line-height:1.45}.view-profile .member-space-link>b{position:absolute;right:.85rem;top:1rem;color:#9b7919;font-size:1.05rem}.view-profile .member-space-link__title{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}.view-profile .member-space-link__title strong{margin-right:0}.view-profile .member-space-link__title i{min-width:21px;height:21px;padding:0 5px;display:inline-grid;place-items:center;border:1px solid #c79d25;border-radius:999px;color:#153541;background:#e8b72f;font-size:.62rem;font-style:normal;font-weight:900}
.view-profile .member-featured{position:relative;margin-top:.85rem;padding:1.15rem 1.2rem;display:grid;grid-template-columns:48px minmax(0,1fr);gap:1rem;overflow:hidden;border:1px solid rgba(210,174,61,.44);border-radius:17px;color:#f6f4eb;background:linear-gradient(130deg,#0d3443,#123f4d 68%,#174958);box-shadow:0 10px 25px rgba(7,29,38,.12);animation:member-featured-in .34s ease-out both}.view-profile .member-featured:after{content:"";position:absolute;right:-70px;top:-105px;width:210px;height:210px;border:1px solid rgba(244,214,109,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(244,214,109,.025),0 0 0 60px rgba(255,255,255,.018);pointer-events:none}.view-profile .member-featured__icon{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(244,214,109,.28);border-radius:14px;color:#f2d052;background:rgba(244,214,109,.07)}.view-profile .member-featured__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.view-profile .member-featured__copy{position:relative;z-index:1;min-width:0}.view-profile .member-featured__copy>span{display:block;margin-bottom:.25rem;color:#e6c749;font-size:.63rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.view-profile .member-featured h3{margin:0;color:#fffdf6;font-size:1.05rem;line-height:1.3}.view-profile .member-featured p{max-width:650px;margin:.32rem 0 0;color:#bfd0d5;font-size:.77rem;line-height:1.5}.view-profile .member-featured a{min-height:44px;margin-top:.55rem;display:inline-flex;align-items:center;gap:.35rem;color:#f1d45b;font-size:.75rem;font-weight:800;text-decoration:none}.view-profile .member-featured a:hover{text-decoration:underline;text-underline-offset:3px}.view-profile .member-featured.is-empty{padding-block:1rem;box-shadow:0 7px 18px rgba(7,29,38,.09)}
@keyframes member-featured-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.view-profile .member-space__links{grid-template-columns:repeat(2,minmax(0,1fr))}.view-profile .member-space-link:last-child{grid-column:1/-1;min-height:104px}}
@media(max-width:560px){.view-profile .member-space{margin-top:1.35rem;padding:.9rem;border-radius:18px}.view-profile .member-space__heading{align-items:flex-start;flex-direction:column;gap:.45rem}.view-profile .member-space__heading p{text-align:left}.view-profile .member-space__links{grid-template-columns:1fr;gap:.65rem}.view-profile .member-space-link,.view-profile .member-space-link:last-child{grid-column:auto;min-height:112px;padding:.9rem 2.3rem .9rem .8rem}.view-profile .member-featured{grid-template-columns:42px minmax(0,1fr);gap:.8rem;padding:1rem}.view-profile .member-featured__icon{width:42px;height:42px}.view-profile .member-featured h3{font-size:.96rem}}
@media(max-width:360px){.view-profile .member-space{padding:.75rem}.view-profile .member-space-link{grid-template-columns:38px minmax(0,1fr);gap:.65rem}.view-profile .member-space-link__icon{width:38px;height:38px}.view-profile .member-featured{grid-template-columns:1fr}.view-profile .member-featured__icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.view-profile .member-space-link,.view-profile .member-space-link__icon,.view-profile .member-featured{animation:none!important;transition:none!important;transform:none!important}}

/* El acceso a notificaciones vive unicamente en Tu espacio Mi Exzoo. */
.view-profile .profile-welcome{grid-template-columns:84px minmax(0,1fr)}
@media(max-width:760px){.view-profile .profile-welcome{grid-template-columns:64px minmax(0,1fr)}}

/* Centro de notificaciones Mi Exzoo. */
.view-notifications{background:linear-gradient(180deg,#f7f5ee 0%,#fbfaf6 48%,#f2f6f5 100%)}
.view-notifications .notifications-page{width:min(960px,calc(100% - 32px));margin:0 auto;padding:54px 0 90px;animation:notifications-page-in .3s ease-out both}
.view-notifications .notifications-hero{position:relative;isolation:isolate;min-height:285px;padding:34px 42px 38px;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;overflow:hidden;border:1px solid rgba(232,183,47,.24);border-radius:30px;color:#f8f6ee;background:radial-gradient(circle at 82% 18%,rgba(46,109,126,.34),transparent 28%),linear-gradient(135deg,#071f2a 0%,#0b3342 58%,#124756 100%);box-shadow:0 22px 55px rgba(7,29,38,.16),inset 0 1px rgba(255,255,255,.04)}
.view-notifications .notifications-hero:after{content:"";position:absolute;z-index:-1;inset:auto -90px -120px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(232,183,47,.08),transparent 66%);pointer-events:none}.view-notifications .notifications-hero>a{position:absolute;z-index:2;left:38px;top:30px;min-height:44px;padding:.55rem .8rem;display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f1d45b;background:rgba(255,255,255,.035);font-size:.78rem;font-weight:760;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.view-notifications .notifications-hero>a:hover{border-color:rgba(241,212,91,.48);background:rgba(255,255,255,.07);transform:translateX(-2px)}.view-notifications .notifications-hero>p{position:relative;z-index:2;margin:0 0 .55rem;color:#e8c94e;font-size:.69rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.view-notifications .notifications-hero h1{position:relative;z-index:2;margin:0;color:#fffdf7;font-size:clamp(2.8rem,7vw,5rem);line-height:.92;letter-spacing:-.055em}.view-notifications .notifications-hero__description{position:relative;z-index:2;max-width:610px;margin-top:1rem;color:#c8d7db;font-size:.96rem;line-height:1.55}.view-notifications .notifications-hero__orbit{position:absolute;z-index:-1;border:1px solid rgba(241,212,91,.16);border-radius:50%;pointer-events:none}.view-notifications .notifications-hero__orbit--one{right:-92px;top:-160px;width:390px;height:390px;box-shadow:0 0 0 34px rgba(89,153,167,.045),0 0 0 68px rgba(241,212,91,.025)}.view-notifications .notifications-hero__orbit--two{right:175px;top:56px;width:76px;height:76px;border-color:rgba(203,225,229,.11);box-shadow:0 0 0 18px rgba(203,225,229,.022)}.view-notifications .notifications-hero__spark{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:#e8c94e;box-shadow:0 0 15px rgba(232,201,78,.65)}.view-notifications .notifications-hero__spark--one{right:25%;top:28%}.view-notifications .notifications-hero__spark--two{right:13%;bottom:24%;width:4px;height:4px}
.view-notifications .notifications-toolbar{margin:22px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.view-notifications .notifications-toolbar nav{padding:5px;display:inline-flex;align-items:center;gap:3px;border:1px solid #d4dfe1;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 7px 20px rgba(7,29,38,.055)}.view-notifications .notifications-toolbar nav a{position:relative;min-width:112px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:13px;color:#4a636d;font-size:.78rem;font-weight:780;text-decoration:none;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.view-notifications .notifications-toolbar nav a:hover{color:#163e4d;background:#eef4f4}.view-notifications .notifications-toolbar nav a.is-active{color:#fff;background:linear-gradient(145deg,#123f4d,#092a37);box-shadow:0 7px 16px rgba(7,29,38,.18)}.view-notifications .notifications-toolbar nav a.is-active i{width:6px;height:6px;border-radius:50%;background:#e8c94e;box-shadow:0 0 0 3px rgba(232,201,78,.12)}.view-notifications .notifications-toolbar form{margin:0}.view-notifications .notifications-toolbar button{min-height:46px;padding:.68rem 1rem;border:1px solid #d0a72c;border-radius:14px;color:#153541;background:linear-gradient(180deg,#f3cc49,#e8b72f);font-size:.76rem;font-weight:820;box-shadow:0 7px 18px rgba(195,154,35,.13)}
.view-notifications .notifications-list{display:grid;gap:14px}.view-notifications .notification-card{position:relative;margin:0;padding:24px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;overflow:hidden;border:1px solid #d7e1e3;border-radius:21px;color:#17323d;background:rgba(255,255,255,.9);box-shadow:0 9px 25px rgba(7,29,38,.05);animation:notification-card-in .26s calc(var(--notification-index,0)*45ms) ease-out both;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.view-notifications .notification-card:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 4px 4px 0;background:#8caab3}.view-notifications .notification-card:hover{border-color:#c1d0d4;box-shadow:0 14px 32px rgba(7,29,38,.085);transform:translateY(-2px)}.view-notifications .notification-card.is-unread{border-color:rgba(207,167,45,.58);background:linear-gradient(145deg,#fffdf7,#fff 68%);box-shadow:0 11px 28px rgba(125,94,12,.075)}.view-notifications .notification-card.is-unread:before{background:#d2a725}.view-notifications .notification-card--activity:before{background:#4e8c78}.view-notifications .notification-card--promotion:before{background:#b48a41}.view-notifications .notification-card--news:before{background:#4c8096}.view-notifications .notification-card--important:before{background:#9a6658}.view-notifications .notification-card__icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(21,83,106,.14);border-radius:15px;color:#1a6178;background:#edf5f6}.view-notifications .notification-card--activity .notification-card__icon{color:#34715e;background:#edf6f1}.view-notifications .notification-card--promotion .notification-card__icon{color:#8d681a;background:#faf4df}.view-notifications .notification-card--important .notification-card__icon{color:#865649;background:#f8efec}.view-notifications .notification-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.view-notifications .notification-card__body{min-width:0}.view-notifications .notification-card__meta{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#70858d;font-size:.67rem}.view-notifications .notification-card__meta>span{display:flex;align-items:center;gap:.45rem;color:#526c76;font-weight:820;letter-spacing:.035em;text-transform:uppercase}.view-notifications .notification-card__meta i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d7ab27;box-shadow:0 0 0 3px rgba(215,171,39,.12)}.view-notifications .notification-card__meta time{white-space:nowrap}.view-notifications .notification-card h2{margin:0;color:#102f3b;font-size:1.18rem;line-height:1.3;letter-spacing:-.015em}.view-notifications .notification-card p{max-width:760px;margin:.55rem 0 0;color:#536b74;font-size:.84rem;line-height:1.62}.view-notifications .notification-card__actions{margin-top:1rem;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.view-notifications .notification-card__actions form{margin:0}.view-notifications .notification-card__actions a,.view-notifications .notification-card__actions button{min-height:44px;padding:.58rem .9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:.73rem;font-weight:800;text-decoration:none}.view-notifications .notification-card__actions a{border:1px solid #c79e27;color:#17333d;background:#edc33e}.view-notifications .notification-card__actions button{border:1px solid #b8c8cc;color:#355660;background:#f7faf9;box-shadow:none}.view-notifications .notification-card__actions button:hover{border-color:#78949d;background:#edf4f4;transform:none}
.view-notifications .notifications-empty{position:relative;isolation:isolate;min-height:330px;padding:44px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border:1px solid #d9e2e3;border-radius:27px;color:#647a82;background:linear-gradient(145deg,#fffdf8,#fff 60%,#f5f9f8);box-shadow:0 14px 38px rgba(7,29,38,.06);text-align:center}.view-notifications .notifications-empty:before,.view-notifications .notifications-empty:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(21,83,106,.065);border-radius:50%;pointer-events:none}.view-notifications .notifications-empty:before{left:-105px;bottom:-140px;width:270px;height:270px;box-shadow:0 0 0 32px rgba(232,183,47,.022)}.view-notifications .notifications-empty:after{right:-85px;top:-110px;width:225px;height:225px;box-shadow:0 0 0 28px rgba(42,117,144,.025)}.view-notifications .notifications-empty__icon{width:76px;height:76px;margin-bottom:1.25rem;display:grid;place-items:center;border:1px solid rgba(204,162,39,.48);border-radius:50%;color:#a77d11;background:#fffaf0;box-shadow:0 0 0 8px rgba(232,183,47,.075),0 10px 25px rgba(96,72,10,.1);animation:notification-empty-pulse .7s .18s ease-out 1}.view-notifications .notifications-empty__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.view-notifications .notifications-empty h2{margin:0;color:#13333f;font-size:1.55rem;letter-spacing:-.025em}.view-notifications .notifications-empty p{max-width:420px;margin:.55rem 0 0;color:#687e86;font-size:.86rem;line-height:1.55}
@keyframes notifications-page-in{from{opacity:0}to{opacity:1}}@keyframes notification-card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes notification-empty-pulse{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(232,183,47,.22)}60%{transform:scale(1.03);box-shadow:0 0 0 13px rgba(232,183,47,0)}100%{transform:none}}
@media(max-width:760px){.view-notifications .notifications-page{width:min(100% - 20px,680px);padding:28px 0 64px}.view-notifications .notifications-hero{min-height:240px;padding:27px 24px 30px;border-radius:24px}.view-notifications .notifications-hero>a{left:20px;top:18px}.view-notifications .notifications-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.view-notifications .notifications-hero__description{max-width:90%;font-size:.83rem}.view-notifications .notifications-hero__orbit--one{right:-175px;top:-155px}.view-notifications .notifications-toolbar{align-items:stretch;flex-direction:column}.view-notifications .notifications-toolbar nav{width:100%}.view-notifications .notifications-toolbar nav a{flex:1;min-width:0;padding-inline:.7rem}.view-notifications .notifications-toolbar form,.view-notifications .notifications-toolbar button{width:100%}.view-notifications .notification-card{padding:18px;grid-template-columns:44px minmax(0,1fr);gap:13px;border-radius:18px}.view-notifications .notification-card__icon{width:44px;height:44px;border-radius:13px}.view-notifications .notification-card__meta{align-items:flex-start;flex-direction:column;gap:.3rem}.view-notifications .notification-card h2{font-size:1.02rem}.view-notifications .notification-card p{font-size:.78rem}.view-notifications .notifications-empty{min-height:290px;padding:34px 20px;border-radius:22px}}
@media(max-width:380px){.view-notifications .notifications-page{width:calc(100% - 16px)}.view-notifications .notifications-hero{min-height:225px;padding:24px 18px 25px}.view-notifications .notifications-hero>a{left:14px;top:13px;font-size:.72rem}.view-notifications .notifications-hero>p{font-size:.62rem}.view-notifications .notifications-hero h1{font-size:2.45rem}.view-notifications .notification-card{grid-template-columns:1fr}.view-notifications .notification-card__icon{width:40px;height:40px}.view-notifications .notification-card__actions{align-items:stretch;flex-direction:column}.view-notifications .notification-card__actions a,.view-notifications .notification-card__actions form,.view-notifications .notification-card__actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.view-notifications .notifications-page,.view-notifications .notification-card,.view-notifications .notifications-empty__icon{animation:none!important}.view-notifications .notifications-hero>a,.view-notifications .notifications-toolbar nav a,.view-notifications .notification-card{transition:none!important;transform:none!important}}

/* Back control: isolate the arrow from generic hero span rules. */
.view-notifications .notifications-hero>a{padding-inline:.9rem;gap:.58rem;line-height:1}
.view-notifications .notifications-hero>a>span{display:inline-grid;place-items:center;width:1rem;height:1rem;margin:0;color:inherit;font-size:1rem;font-weight:600;line-height:1;transform:translateY(-.03em)}
.view-notifications .notifications-notice{margin:18px 0 -4px;padding:.78rem 1rem;display:flex;align-items:center;gap:.55rem;border:1px solid #b9d5c7;border-radius:14px;color:#285b49;background:#f1f8f3;font-size:.78rem;font-weight:750;box-shadow:0 7px 18px rgba(37,91,72,.055)}.view-notifications .notifications-notice:before{content:"✓";display:grid;place-items:center;width:1.35rem;height:1.35rem;flex:0 0 auto;border-radius:50%;color:#fff;background:#4f8a70;font-size:.72rem}
/* Puntos Exzoo 2026-10-15 */
html{overflow-x:clip}body.official-shell{overflow-x:clip}
@media(max-width:980px){body.official-shell .site-header .nav-menu:not(.is-open){display:none}}
.profile-welcome{position:relative}.profile-points{margin-left:auto;display:grid;min-width:210px;padding:15px 17px;border:1px solid #d7bd55;border-radius:16px;background:linear-gradient(145deg,#fffdf5,#f5f1e5);color:#102733;text-decoration:none;box-shadow:0 12px 28px rgba(9,34,44,.09)}.profile-points>span{font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#886b05}.profile-points>strong{font-size:1.42rem;line-height:1.15;margin-top:3px}.profile-points>strong small{font-size:.7rem}.profile-points>b{font-size:.76rem;margin-top:2px}.profile-points>i{height:5px;margin:9px 0 6px;border-radius:10px;background:#dfe8ea;overflow:hidden}.profile-points>i em{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#c79d13,#efd04a)}.profile-points>small{font-weight:800;color:#31596b}.profile-points:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(9,34,44,.14)}
.points-shell{background:#f5f3ec;color:#102733}.points-page{width:min(1180px,calc(100% - 40px));margin:32px auto 80px}.points-hero{position:relative;overflow:hidden;padding:34px 42px 40px;border-radius:28px;background:linear-gradient(135deg,#0a2632,#153e4a);color:#fff;box-shadow:0 22px 52px rgba(8,32,42,.16)}.points-hero:after{content:"";position:absolute;right:-50px;top:-85px;width:310px;height:310px;border:1px solid rgba(228,190,57,.28);border-radius:50%;box-shadow:0 0 0 32px rgba(228,190,57,.05),0 0 0 68px rgba(228,190,57,.035)}.points-hero a{position:relative;z-index:1;display:inline-flex;min-height:44px;align-items:center;color:#f2d350;font-weight:800;text-decoration:none}.points-hero p{margin:25px 0 7px;color:#e6c33f;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.72rem}.points-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.055em}.points-hero>span{display:block;position:relative;z-index:1;margin-top:15px;color:#c6d5da;font-size:1.02rem}.points-alert{margin:20px 0 0;padding:14px 18px;border:1px solid #b6d8bc;border-radius:14px;background:#eef9f0;color:#225630;font-weight:700}.points-alert--error{border-color:#d9afa8;background:#fff1ee;color:#7a2a25}.points-meter{display:grid;grid-template-columns:.9fr 1.65fr .9fr;gap:28px;align-items:center;margin:22px 0;padding:26px 30px;border:1px solid #cddde1;border-top:4px solid #e2bb2f;border-radius:22px;background:#fffefa;box-shadow:0 14px 38px rgba(15,46,57,.07)}.points-meter__score{display:grid}.points-meter__score span,.points-meter__progress>p{margin:0;color:#6b8089;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.points-meter__score strong{font-size:2.15rem;line-height:1.05;margin:5px 0}.points-meter__score strong small{font-size:.8rem}.points-meter__score a{color:#315e70;font-size:.8rem;font-weight:850}.points-meter__progress{padding:0 28px;border-left:1px solid #dbe4e6;border-right:1px solid #dbe4e6}.points-meter__progress h2{margin:4px 0 11px;font-size:1.35rem}.points-progress{height:9px;border-radius:10px;background:#e5ecee;overflow:hidden}.points-progress i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#c5980c,#f1d34c);transition:width .45s ease}.points-meter__progress>span{display:block;margin-top:8px;color:#60727a;font-size:.76rem}.points-meter dl{margin:0;display:grid;gap:14px}.points-meter dl div{padding:10px 0}.points-meter dt{color:#6b8089;font-size:.72rem;font-weight:800}.points-meter dd{margin:3px 0 0;font-size:1.22rem;font-weight:900}.daily-quiz,.points-history,.rewards-catalog{margin-top:22px;border:1px solid #cadade;border-radius:24px;background:#fffefa;box-shadow:0 14px 38px rgba(15,46,57,.065);overflow:hidden}.daily-quiz>header,.points-history>header,.rewards-catalog>header{display:flex;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid #d9e3e5}.daily-quiz header p,.points-history header p,.rewards-catalog header p{margin:0 0 5px;color:#9a7807;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.daily-quiz header h2,.points-history header h2,.rewards-catalog header h2{margin:0;font-size:1.45rem}.daily-quiz>header>span{align-self:center;padding:8px 12px;border:1px solid #d5e1e4;border-radius:20px;color:#5d737c;font-size:.78rem}.quiz-form{padding:28px 30px}.quiz-steps{display:flex;align-items:center;gap:18px;margin-bottom:25px;color:#526a74;font-size:.78rem;font-weight:800}.quiz-steps>i{height:6px;flex:1;background:#e5edef;border-radius:10px;overflow:hidden}.quiz-steps b{display:block;width:20%;height:100%;background:#dfb929;transition:width .25s ease}.quiz-question{padding:0;margin:0;border:0}.quiz-question[hidden]{display:none}.quiz-question legend{width:100%;margin-bottom:20px;font-size:1.35rem;font-weight:850;line-height:1.3}.quiz-question legend span{display:block;margin-bottom:7px;color:#6f858e;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.quiz-question label{display:block;margin:10px 0;cursor:pointer}.quiz-question input{position:absolute;opacity:0}.quiz-question label>span{display:flex;align-items:center;gap:13px;min-height:55px;padding:10px 14px;border:1px solid #cbdade;border-radius:14px;background:#fff;color:#263d47;transition:.18s ease}.quiz-question label b{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #b8cbd0;border-radius:50%;font-size:.78rem}.quiz-question input:checked+span{border-color:#d3a90d;background:#fff9df;box-shadow:0 0 0 2px rgba(211,169,13,.14)}.quiz-question input:checked+span b{background:#e1ba2e;border-color:#e1ba2e}.quiz-question input:focus-visible+span{outline:3px solid #73a6ba;outline-offset:2px}.quiz-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.quiz-actions button,.reward-card button,.reward-dialog button,.rewards-balance a{min-height:46px;padding:0 22px;border:1px solid #cfa610;border-radius:12px;background:#e5bd30;color:#102733;font:inherit;font-weight:900;cursor:pointer}.quiz-actions button:disabled{opacity:.42;cursor:not-allowed}.quiz-actions .quiz-secondary,.reward-dialog .quiz-secondary{border-color:#b9cdd2;background:transparent}.quiz-form__note{margin:18px 0 0;color:#6c7f86;font-size:.76rem;text-align:right}.quiz-result{margin:28px auto 8px;width:min(480px,calc(100% - 40px));padding:25px;border:1px solid #dfbc38;border-radius:20px;background:linear-gradient(145deg,#0d3340,#174956);color:#fff;text-align:center;box-shadow:0 16px 30px rgba(10,42,53,.15);animation:points-rise .45s ease both}.quiz-result>span{font-size:1.6rem;color:#f2d24b}.quiz-result p{margin:4px 0;color:#f0d34e;font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.quiz-result strong{display:block;font-size:2.15rem}.quiz-result b,.quiz-result small{display:block;margin-top:8px}.quiz-review{padding:20px 30px 30px}.quiz-review__item{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #dee6e8}.quiz-review__item:last-child{border:0}.quiz-review__item>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-weight:900}.quiz-review__item.is-correct>span{background:#dff2e3;color:#27703b}.quiz-review__item.is-incorrect>span{background:#fae2df;color:#9c3e36}.quiz-review h3{margin:3px 0 8px;font-size:1rem}.quiz-review p{margin:4px 0;color:#536a74;font-size:.86rem}.quiz-review small{color:#7a8d95}.quiz-review a{display:inline-block;margin-top:7px;color:#315f70;font-size:.8rem;font-weight:800}.points-history ol{list-style:none;margin:0;padding:10px 30px 25px}.points-history li{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #e0e7e8}.points-history li>strong{min-width:58px;font-size:1.2rem}.points-history li.is-earned>strong{color:#26723d}.points-history li.is-spent>strong{color:#9c463d}.points-history li span{display:grid}.points-history li small{color:#758991}.points-history__empty{padding:45px;text-align:center}.points-history__empty>span{font-size:1.6rem;color:#c49d12}.points-history__empty p{margin:8px 0 4px;font-weight:900}.points-history__empty small{color:#6d8088}.rewards-balance{display:flex;align-items:center;gap:22px;margin:22px 0;padding:20px 28px;border:1px solid #cbdde1;border-radius:18px;background:#fffefa}.rewards-balance>span{color:#69808a;font-weight:800}.rewards-balance>strong{font-size:1.6rem}.rewards-balance>strong small{font-size:.75rem}.rewards-balance>a{margin-left:auto;display:inline-flex;align-items:center;text-decoration:none}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px}.reward-card{display:grid;grid-template-columns:170px 1fr;min-height:300px;border:1px solid #ccdade;border-radius:18px;overflow:hidden;background:#fff}.reward-card__visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b303c,#174b57);color:#f0cb3e}.reward-card__visual>span{font-size:2.6rem}.reward-card__visual svg{position:absolute;inset:auto 0 0;width:100%;fill:none;stroke:rgba(235,202,72,.22);stroke-width:1}.reward-card__body{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.reward-status{padding:5px 9px;border:1px solid #d6bb54;border-radius:20px;color:#856801;font-size:.65rem;font-weight:900;text-transform:uppercase}.reward-card h3{margin:13px 0 8px;font-size:1.17rem}.reward-card p{margin:0 0 15px;color:#5f747d;font-size:.83rem;line-height:1.55}.reward-card__body>strong{margin-top:auto;font-size:1.35rem}.reward-card__body>strong small{font-size:.7rem}.reward-card button{margin-top:12px}.reward-card__reason{margin-top:12px!important;color:#7b6b2b!important;font-weight:800}.reward-dialog{width:min(520px,calc(100% - 28px));padding:0;border:1px solid #54717b;border-radius:20px;background:#102f3b;color:#fff;box-shadow:0 30px 90px rgba(4,19,25,.5)}.reward-dialog::backdrop{background:rgba(3,18,24,.7);backdrop-filter:blur(5px)}.reward-dialog>p,.reward-dialog>h2,.reward-dialog>dl,.reward-dialog>form{margin-left:28px;margin-right:28px}.reward-dialog>p{margin-top:30px;color:#e7c843;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.12em}.reward-dialog h2{margin-top:5px}.reward-dialog dl{padding:15px 0;border-top:1px solid #395662;border-bottom:1px solid #395662}.reward-dialog dl div{display:flex;justify-content:space-between;padding:6px 0}.reward-dialog dd{margin:0;font-weight:900}.reward-dialog>form:last-child>div{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 28px}.reward-dialog__close{position:absolute;right:14px;top:14px;width:44px;padding:0!important;border-color:#526d77!important;background:transparent!important;color:#fff!important;font-size:1.4rem!important}.reward-dialog .quiz-secondary{color:#fff}.reward-dialog:not([open]){display:none}
@keyframes points-rise{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.profile-welcome{flex-wrap:wrap}.profile-points{width:100%;margin:10px 0 0}.points-meter{grid-template-columns:1fr 1fr}.points-meter__progress{padding:0 0 0 25px;border-right:0}.points-meter dl{grid-column:1/-1;grid-template-columns:1fr 1fr;border-top:1px solid #dbe4e6;padding-top:10px}.reward-grid{grid-template-columns:1fr}}
@media(max-width:600px){.points-page{width:min(100% - 24px,1180px);margin-top:14px}.points-hero{padding:24px 22px 30px;border-radius:21px}.points-hero h1{font-size:2.65rem}.points-hero>span{max-width:85%}.points-meter{grid-template-columns:1fr;padding:22px;gap:19px}.points-meter__progress{padding:18px 0;border-left:0;border-top:1px solid #dbe4e6;border-bottom:1px solid #dbe4e6}.points-meter dl{grid-column:auto;border:0;padding:0}.daily-quiz>header,.points-history>header,.rewards-catalog>header{padding:20px;align-items:flex-start;flex-direction:column}.quiz-form,.quiz-review{padding:22px 18px}.quiz-question legend{font-size:1.13rem}.quiz-actions{display:grid;grid-template-columns:1fr 1fr}.quiz-actions button:last-child{grid-column:2}.quiz-form__note{text-align:left}.points-history ol{padding:8px 20px 20px}.rewards-balance{align-items:flex-start;flex-direction:column;padding:20px}.rewards-balance a{width:100%;justify-content:center;margin:0}.reward-grid{padding:18px}.reward-card{grid-template-columns:1fr}.reward-card__visual{height:130px}.reward-dialog>p,.reward-dialog>h2,.reward-dialog>dl,.reward-dialog>form{margin-left:20px;margin-right:20px}}
@media(max-width:360px){.points-page{width:calc(100% - 16px)}.points-hero{padding-left:18px;padding-right:18px}.points-meter{padding:18px}.reward-grid{padding:12px}.reward-card__body{padding:18px}}
@media(prefers-reduced-motion:reduce){.profile-points,.points-progress i,.quiz-steps b,.quiz-question label>span{transition:none}.quiz-result{animation:none}}

/* Puntos Exzoo premium 2026-10-16: alcance visual aislado. */
.view-profile .profile-welcome{display:grid;grid-template-columns:auto minmax(0,1fr) 230px;align-items:center;gap:18px 22px}
.profile-welcome__copy{min-width:0}
.profile-points{position:relative;isolation:isolate;width:230px;min-width:0;margin:0;padding:14px 15px 13px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8bd52;border-radius:15px;background:linear-gradient(142deg,#fffef9 0%,#f7f1df 100%);box-shadow:0 10px 26px rgba(9,34,44,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.profile-points:after{content:"";position:absolute;z-index:-1;right:-35px;top:-48px;width:115px;height:115px;border:1px solid rgba(197,152,12,.16);border-radius:50%;box-shadow:0 0 0 15px rgba(197,152,12,.045)}
.profile-points__label{display:flex;align-items:center;gap:7px;color:#806407;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.profile-points__label svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.profile-points__summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:4px}
.profile-points__summary strong{font-size:1.5rem;line-height:1.05;letter-spacing:-.04em}
.profile-points__summary strong small{font-size:.66rem;letter-spacing:0}
.profile-points__summary b{color:#344d57;font-size:.68rem;text-align:right}
.profile-points__next{margin-top:4px;color:#677b83;font-size:.64rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-points__track{display:block;height:5px;margin:7px 0 6px;border-radius:999px;background:#dce6e8;overflow:hidden}
.profile-points__track em{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#bc9008,#efcf49)}
.profile-points__cta{display:flex;justify-content:space-between;color:#214c5f;font-size:.68rem;font-weight:850}
.profile-points:hover{transform:translateY(-2px);border-color:#c59b13;box-shadow:0 14px 30px rgba(9,34,44,.13)}
.profile-points:focus-visible{outline:3px solid rgba(42,117,144,.34);outline-offset:3px}

.points-shell{background:radial-gradient(circle at 8% 20%,rgba(232,183,47,.075),transparent 24rem),radial-gradient(circle at 92% 48%,rgba(42,117,144,.065),transparent 30rem),#f5f3ec}
.points-page{width:min(1180px,calc(100% - 40px));margin:32px auto 80px}
.points-hero{min-height:390px;padding:0;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:stretch;border:1px solid rgba(236,207,88,.24);border-radius:30px;background:#092631;box-shadow:0 24px 60px rgba(8,32,42,.2)}
.points-hero:before{content:"";position:absolute;z-index:2;left:38%;bottom:-160px;width:290px;height:290px;border:1px solid rgba(232,183,47,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(232,183,47,.035),0 0 0 68px rgba(232,183,47,.025);pointer-events:none}
.points-hero:after{content:"";right:auto;top:auto;inset:0;z-index:0;width:auto;height:auto;border:0;border-radius:inherit;box-shadow:none;background:radial-gradient(circle at 17% 22%,rgba(244,214,109,.1) 0 2px,transparent 3px),linear-gradient(105deg,transparent 0 48%,rgba(6,24,33,.18) 65%);background-size:28px 28px,auto;opacity:.55;pointer-events:none}
.points-hero__copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:42px 24px 42px 48px}
.points-hero__copy a{align-self:flex-start;gap:8px;padding:0 14px;border:1px solid rgba(244,214,109,.3);border-radius:999px;background:rgba(5,25,33,.22);color:#f3d352;font-size:.78rem;transition:background .18s ease,border-color .18s ease}
.points-hero__copy a:hover{background:rgba(244,214,109,.1);border-color:rgba(244,214,109,.65)}
.points-hero__copy p{margin:38px 0 9px;color:#f0cb3f;font-size:.69rem;letter-spacing:.17em}
.points-hero__copy h1{max-width:560px;font-size:clamp(3.15rem,6.2vw,5.4rem);line-height:.91;text-wrap:balance}
.points-hero__copy>span{max-width:520px;margin-top:18px;color:#c9d7db;font-size:1.02rem;line-height:1.65}
.points-hero__media{position:relative;z-index:1;min-width:0;margin:0;overflow:hidden;clip-path:ellipse(78% 84% at 75% 50%)}
.points-hero__media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#092631 0%,rgba(9,38,49,.6) 17%,transparent 58%),linear-gradient(0deg,rgba(4,20,27,.36),transparent 55%)}
.points-hero__media:after{content:"";position:absolute;z-index:2;inset:24px 22px 24px 12px;border:1px solid rgba(239,207,73,.42);border-left:0;border-radius:50% 20% 20% 50%;pointer-events:none}
.points-hero__media img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:58% center;filter:saturate(.9) contrast(1.04)}
.points-hero--rewards .points-hero__media img{object-position:56% center}

.points-meter{grid-template-columns:.85fr 1.65fr .9fr;gap:0;margin:22px 0;padding:0;border:1px solid #ccdce0;border-top:4px solid #dfb82c;border-radius:24px;background:#fffdf8;box-shadow:0 14px 38px rgba(15,46,57,.07)}
.points-meter>div,.points-meter>dl{min-height:172px;padding:27px 30px;align-content:center}
.points-meter__score{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:11px}
.points-stat-icon{grid-row:1/5;display:grid;place-items:center;width:42px;height:42px;margin-top:2px;border:1px solid #d9bd4e;border-radius:50%;background:#fff7d7;color:#a47d00;font-size:1.1rem}
.points-meter__score>span:not(.points-stat-icon),.points-meter__score>strong,.points-meter__score>em,.points-meter__score>a{grid-column:2}
.points-meter__score>em{color:#60747d;font-size:.7rem;font-style:normal;font-weight:750}
.points-meter__score>a{width:fit-content;margin-top:10px;text-decoration-thickness:1px;text-decoration-color:rgba(49,94,112,.35)}
.points-meter__progress{display:grid;padding:27px 38px;border-left:1px solid #dbe4e6;border-right:1px solid #dbe4e6}
.points-meter dl{display:grid;grid-template-columns:1fr;gap:0}
.points-meter dl div+div{border-top:1px solid #e0e7e8}
.points-meter dl div{padding:9px 0}
.points-meter dd span{color:#bd8f08}
.points-progress i{animation:points-progress-in .65s ease-out both}

.daily-quiz,.points-history,.rewards-catalog{border-color:#cbdade;border-radius:25px;background:#fffdf8;box-shadow:0 14px 38px rgba(15,46,57,.065)}
.daily-quiz>header,.points-history>header,.rewards-catalog>header{padding:26px 30px}
.daily-quiz>header>span{background:#f5f8f8}
.quiz-result{position:relative;isolation:isolate;width:calc(100% - 56px);min-height:245px;margin:28px;display:grid;grid-template-columns:40% 1fr;padding:0;overflow:hidden;border:1px solid #daba3f;border-radius:22px;background:#0b303c;text-align:left;box-shadow:0 18px 36px rgba(10,42,53,.18)}
.quiz-result:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 92% 14%,rgba(238,203,64,.12) 0 2px,transparent 3px);background-size:24px 24px;opacity:.6}
.quiz-result>img{width:100%;height:100%;min-height:245px;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,#000 76%,transparent)}
.quiz-result>div{display:flex;flex-direction:column;justify-content:center;padding:25px 34px}
.quiz-result>div>span{color:#f2d24b;font-size:1.4rem}
.quiz-result p{margin:2px 0;color:#f0d34e;font-size:.69rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.quiz-result strong{font-size:2.3rem;line-height:1.08}
.quiz-result b{margin-top:7px;font-size:1.08rem;color:#fff}
.quiz-result small{margin-top:6px;color:#d6e1e4;font-weight:750}
.quiz-result em{margin-top:17px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);color:#f1dc8a;font-size:.78rem;font-style:normal}
.quiz-review{padding:14px 30px 26px}
.quiz-review__item{display:grid;grid-template-columns:34px minmax(0,1.2fr) minmax(220px,.9fr) auto;align-items:start;gap:16px 22px;padding:22px 0}
.quiz-review__item>span{margin-top:2px}
.quiz-review__question h3{margin:3px 0 8px}
.quiz-review__question p,.quiz-review__explanation{margin:4px 0;color:#536a74;font-size:.84rem;line-height:1.55}
.quiz-review__item>a{align-self:center;margin:0;color:#315f70;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(197,152,12,.55)}
.quiz-review__item>a:hover{color:#7e6100;border-color:#c5980c}
.points-history>header{background:linear-gradient(90deg,#fffdf8,#f8f4e8)}
.points-history li{position:relative;padding:17px 0}
.points-history li:before{content:"";width:34px;height:34px;flex:0 0 34px;border:1px solid #cfdee1;border-radius:50%;background:#f3f8f8}
.points-history li.is-earned:before{background:#e8f5ea;border-color:#b7d8bd}

.rewards-balance{display:grid;grid-template-columns:auto minmax(160px,.55fr) minmax(280px,1.2fr) auto;align-items:center;gap:18px 24px;margin:22px 0;padding:23px 27px;border-top:3px solid #dfb82c;border-radius:21px;background:#fffdf8;box-shadow:0 12px 34px rgba(15,46,57,.065)}
.rewards-balance__icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d6b538;border-radius:50%;background:#fff6d3;color:#a57e00;font-size:1.2rem}
.rewards-balance>div{display:grid}
.rewards-balance>div>span{color:#69808a;font-size:.75rem;font-weight:800}
.rewards-balance>div>strong{font-size:1.95rem;line-height:1.1}
.rewards-balance>div>strong small{display:block;font-size:.69rem;letter-spacing:.03em}
.rewards-balance>p{margin:0;padding-left:24px;border-left:1px solid #dce5e7;color:#657981;font-size:.76rem;line-height:1.55}
.rewards-balance>p strong{display:block;color:#294550;font-size:.85rem}
.rewards-balance>a{margin:0;white-space:nowrap}
.rewards-catalog>header{align-items:center}
.rewards-catalog>header>div:first-child>span{display:block;max-width:620px;color:#62767e;font-size:.82rem}
.rewards-goal{display:grid;grid-template-columns:auto 1fr;column-gap:10px;max-width:300px;padding:12px 15px;border-left:2px solid #d8b42b;color:#536b74}
.rewards-goal>span{grid-row:1/3;color:#a88204;font-size:1.3rem}
.rewards-goal strong{color:#294550;font-size:.8rem}
.rewards-goal small{font-size:.7rem;line-height:1.4}
.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:28px}
.reward-card{grid-template-columns:minmax(155px,42%) 1fr;min-height:320px;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(9,34,44,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.reward-card:hover{transform:translateY(-3px);border-color:#cbb14c;box-shadow:0 16px 34px rgba(9,34,44,.1)}
.reward-card__visual{min-height:100%;background:#102f3b}
.reward-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,rgba(8,33,43,.36)),linear-gradient(0deg,rgba(8,33,43,.28),transparent 45%)}
.reward-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease}
.reward-card__visual--ocu img{object-position:50% 52%}
.reward-card__visual--azuero img{object-position:56% 50%}
@media(hover:hover){.reward-card:hover .reward-card__visual img{transform:scale(1.025)}}
.reward-card__body{padding:24px}
.reward-status{background:#fff8dc}
.reward-card h3{font-size:1.2rem}
.reward-card__body>strong{color:#173d4c;font-size:1.5rem}
.reward-card__body>strong>span{color:#bd920a;font-size:1rem}
.reward-card__reason{display:flex;align-items:center;gap:6px;width:100%;padding-top:12px;border-top:1px solid #e1e7e8}
.reward-card--available .reward-status{border-color:#8fc39b;background:#edf8ef;color:#28683a}
.reward-card--sold_out .reward-status,.reward-card--ended .reward-status{border-color:#bac8cc;background:#f2f5f5;color:#53686f}
.rewards-learning{margin-top:22px;padding:30px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(420px,1.25fr);align-items:center;gap:35px;border-radius:25px;background:linear-gradient(135deg,#0a2a36,#123f4c);color:#fff;box-shadow:0 16px 40px rgba(7,29,38,.16)}
.rewards-learning>div>span{color:#efcd47;font-size:1.4rem}
.rewards-learning p{margin:5px 0;color:#eecb44;font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.rewards-learning h2{margin:0 0 8px;font-size:1.55rem}
.rewards-learning>div>small{display:block;color:#c8d7db;line-height:1.55}
.rewards-learning ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rewards-learning li{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.rewards-learning li>span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(239,205,71,.55);border-radius:50%;color:#f0d04c;font-size:.68rem}
.rewards-learning li strong{font-size:.77rem}
.rewards-learning li small{color:#aec3ca;font-size:.65rem;line-height:1.35}

@keyframes points-progress-in{from{width:0}to{width:var(--progress)}}
@media(max-width:980px){
 .view-profile .profile-welcome{grid-template-columns:auto minmax(0,1fr) 218px}.profile-points{width:218px}
 .points-hero{grid-template-columns:minmax(0,1fr) 38%;min-height:350px}.points-hero__copy{padding:34px}.points-hero__media img{min-height:350px}
 .points-meter{grid-template-columns:1fr 1.45fr}.points-meter>dl{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:0;padding:10px 28px 18px;border-top:1px solid #dbe4e6}.points-meter dl div+div{border-top:0;border-left:1px solid #e0e7e8;padding-left:28px}
 .quiz-review__item{grid-template-columns:34px minmax(0,1fr) minmax(200px,.8fr)}.quiz-review__item>a{grid-column:2/4;justify-self:start}
 .reward-grid{grid-template-columns:1fr}.reward-card{min-height:275px}.rewards-balance{grid-template-columns:auto 1fr auto}.rewards-balance>p{grid-column:2/4;padding:0;border:0}.rewards-learning{grid-template-columns:1fr}
}
@media(max-width:760px){
 .view-profile .profile-welcome{grid-template-columns:auto minmax(0,1fr);align-items:center}.profile-points{grid-column:1/-1;width:100%;margin:2px 0 0;display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;padding:12px 14px}.profile-points__label{grid-row:1;grid-column:1}.profile-points__summary{grid-row:1;grid-column:2;justify-content:flex-start}.profile-points__next{grid-row:2;grid-column:1/3}.profile-points__track{grid-row:3;grid-column:1/4;width:100%;margin:7px 0 2px}.profile-points__cta{grid-row:1/3;grid-column:3;align-self:center;gap:8px}.profile-points__cta>span{font-size:1rem}.profile-points:after{right:12%;top:-76px}
 .points-page{width:min(100% - 24px,1180px);margin-top:16px}.points-hero{grid-template-columns:1fr;min-height:0}.points-hero__copy{padding:27px 24px 20px}.points-hero__copy p{margin-top:26px}.points-hero__copy h1{font-size:clamp(2.7rem,13vw,4rem)}.points-hero__copy>span{font-size:.92rem}.points-hero__media{height:210px;clip-path:ellipse(86% 94% at 55% 100%)}.points-hero__media:before{background:linear-gradient(180deg,#092631 0%,rgba(9,38,49,.12) 48%,rgba(5,22,29,.12))}.points-hero__media:after{inset:14px 20px -80px;border-radius:50% 50% 0 0;border-left:1px solid rgba(239,207,73,.42)}.points-hero__media img{min-height:210px;object-position:center 48%}
 .points-meter{grid-template-columns:1fr}.points-meter>div,.points-meter>dl{min-height:0;padding:22px}.points-meter__progress{border:0;border-top:1px solid #dbe4e6;border-bottom:1px solid #dbe4e6}.points-meter>dl{grid-column:auto;grid-template-columns:1fr;border-top:0;padding-top:8px}.points-meter dl div+div{border-left:0;border-top:1px solid #e0e7e8;padding-left:0}
 .quiz-result{width:calc(100% - 36px);margin:18px;grid-template-columns:1fr;min-height:0}.quiz-result>img{height:155px;min-height:155px;mask-image:linear-gradient(180deg,#000 72%,transparent)}.quiz-result>div{padding:4px 24px 24px;text-align:center}.quiz-result em{margin-top:14px}
 .quiz-review{padding:8px 20px 22px}.quiz-review__item{grid-template-columns:34px 1fr;gap:12px}.quiz-review__explanation,.quiz-review__item>a{grid-column:2}.quiz-review__item>a{justify-self:start}
 .rewards-balance{grid-template-columns:auto 1fr;padding:20px}.rewards-balance>p{grid-column:1/-1}.rewards-balance>a{grid-column:1/-1;width:100%;justify-content:center}.rewards-catalog>header{align-items:flex-start}.rewards-goal{max-width:none;padding-left:12px}.reward-grid{padding:18px}.reward-card{grid-template-columns:1fr;min-height:0}.reward-card__visual{height:auto;min-height:210px}.reward-card__visual--ocu{aspect-ratio:4/3}.reward-card__visual--azuero{aspect-ratio:16/9}.reward-card__visual:after{background:linear-gradient(0deg,rgba(8,33,43,.28),transparent 55%)}.rewards-learning{padding:24px}.rewards-learning ol{grid-template-columns:1fr}
}
@media(max-width:430px){
 .view-profile .profile-welcome{gap:13px}.profile-welcome__copy h2{font-size:clamp(1.65rem,9vw,2.1rem)}.profile-welcome__copy p{font-size:.73rem}.profile-points{grid-template-columns:1fr auto}.profile-points__label{grid-column:1}.profile-points__summary{grid-column:2}.profile-points__summary b{display:none}.profile-points__next{grid-column:1/3}.profile-points__track{grid-column:1/3}.profile-points__cta{grid-row:2;grid-column:2;font-size:0}.profile-points__cta>span{font-size:1rem}
 .points-page{width:calc(100% - 16px)}.points-hero{border-radius:22px}.points-hero__copy{padding:22px 18px 16px}.points-hero__copy a{min-height:42px;padding:0 12px}.points-hero__copy h1{font-size:2.7rem}.points-hero__media{height:180px}.points-hero__media img{min-height:180px}.points-meter>div,.points-meter>dl{padding:19px}.daily-quiz>header,.points-history>header,.rewards-catalog>header{padding:20px}.quiz-result strong{font-size:1.9rem}.quiz-review{padding-inline:16px}.reward-grid{padding:12px}.reward-card__visual{min-height:180px}.reward-card__body{padding:20px}.rewards-learning{padding:21px;border-radius:21px}
}
@media(max-width:340px){.profile-points__next{font-size:.6rem}.points-hero__copy h1{font-size:2.45rem}.points-hero__media{height:160px}.points-hero__media img{min-height:160px}.rewards-balance__icon{width:42px;height:42px}.rewards-balance>div>strong{font-size:1.65rem}}
@media(min-width:761px) and (max-width:1100px){.view-profile .profile-welcome{grid-template-columns:auto minmax(0,1fr)}.profile-points{grid-column:1/-1;width:100%;margin:2px 0 0;display:grid;grid-template-columns:auto minmax(120px,.7fr) minmax(180px,1fr) auto;column-gap:15px;align-items:center;padding:12px 15px}.profile-points__label{grid-column:1}.profile-points__summary{grid-column:2;justify-content:flex-start}.profile-points__next{grid-column:3;margin:0}.profile-points__track{grid-row:2;grid-column:1/5;width:100%;margin:8px 0 1px}.profile-points__cta{grid-column:4;gap:8px}.profile-points:after{right:8%;top:-72px}}
@media(prefers-reduced-motion:reduce){.profile-points,.reward-card,.points-hero__copy a,.reward-card__visual img{transition:none}.points-progress i{animation:none}.reward-card:hover{transform:none}.reward-card:hover .reward-card__visual img{transform:none}}
.quiz-question input{width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%)}

/* Personalizaciones desbloqueables con Monedas Exzoo. */
.customization-state{display:block;margin-top:5px;color:#2c6940;font-size:.62rem;font-style:normal;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.customization-price{display:inline-flex!important;min-height:30px!important;margin:6px 0 0!important;padding:4px 9px!important;align-items:center;justify-content:center;gap:5px;border:1px solid #d8b536!important;border-radius:999px!important;background:#fff8d9!important;color:#6f5700!important;font-size:.65rem!important;font-weight:900!important;line-height:1!important;box-shadow:none!important}
.customization-price img{width:19px;height:19px;object-fit:contain}
.profile-avatar-option.is-locked,.card-theme-option.is-locked,.card-texture-option.is-locked{border-color:#d5dde0;background:#fbfaf5}
.profile-avatar-option.is-locked>svg,.card-theme-option.is-locked>.card-theme-option__check,.card-texture-option.is-locked>.card-texture-option__check{opacity:.18}
.profile-avatar-option.is-selected,.card-theme-option.is-selected,.card-texture-option.is-selected{border-color:#caa20d;box-shadow:0 0 0 2px rgba(202,162,13,.12)}
.customization-dialog{width:min(510px,calc(100% - 28px));padding:0;border:1px solid #d3b44b;border-radius:22px;background:#fffdf7;color:#18313c;box-shadow:0 30px 90px rgba(4,24,31,.35)}
.customization-dialog::backdrop{background:rgba(5,25,32,.66);backdrop-filter:blur(6px)}
.customization-dialog form{position:relative;padding:27px}
.customization-dialog form>p:first-of-type{margin:0 0 18px;color:#957309;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.customization-dialog__close{position:absolute;right:16px;top:15px;width:44px;height:44px;padding:0;border:1px solid #bdcccf;border-radius:12px;background:#fff;color:#294651;font-size:1.35rem;cursor:pointer}
.customization-dialog__item{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:15px}.customization-dialog__item>img{width:68px;height:68px;object-fit:contain;border:1px solid #eadb9c;border-radius:50%;background:#fff9e6}.customization-dialog__item h2{margin:0;font-size:1.45rem}
.customization-dialog__price{display:flex;align-items:center;gap:8px;margin:18px 0;color:#173846;font-size:1.05rem}.customization-dialog__price img{width:30px;height:30px;object-fit:contain}
.customization-dialog dl{margin:0;padding:14px 0;border-top:1px solid #dae3e5;border-bottom:1px solid #dae3e5}.customization-dialog dl div{display:flex;justify-content:space-between;padding:5px 0}.customization-dialog dd{margin:0;font-weight:900}.customization-dialog form>p[data-customization-message]{color:#63777f;line-height:1.55}
.customization-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.customization-dialog__actions button,.customization-dialog__actions a{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border:1px solid #c8a31b;border-radius:12px;background:#e7bf31;color:#112c37;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.customization-dialog__actions button:first-child{border-color:#becdd1;background:#fff}.customization-dialog__actions [hidden]{display:none}
@media(max-width:430px){.customization-dialog form{padding:22px 18px}.customization-dialog__item{grid-template-columns:56px 1fr}.customization-dialog__item>img{width:56px;height:56px}.customization-dialog__actions{display:grid;grid-template-columns:1fr 1fr}.customization-dialog__actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.profile-avatar-option,.card-theme-option,.card-texture-option,.customization-dialog{animation:none!important;transition:none!important}}

/* Colección de personalizaciones: una sola jerarquía horizontal de estado. */
.view-profile .profile-avatar-option,.view-profile .card-texture-option{grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:auto auto auto;align-items:start}
.view-profile .profile-avatar-option__image,.view-profile .card-texture-option__preview{grid-column:1/-1}
.view-profile .profile-avatar-option>strong,.view-profile .card-texture-option>strong{grid-column:1;align-self:center}
.view-profile .profile-avatar-option>svg,.view-profile .card-texture-option>.card-texture-option__check{grid-column:2;grid-row:2}
.view-profile .profile-avatar-option>.customization-state,.view-profile .profile-avatar-option>.customization-price,.view-profile .card-texture-option>.customization-state,.view-profile .card-texture-option>.customization-price{grid-column:1/-1;grid-row:3;justify-self:start;max-width:100%;white-space:nowrap;writing-mode:horizontal-tb}
.customization-state{display:inline-flex;min-height:27px;padding:4px 9px;align-items:center;border:1px solid #b9d9c2;border-radius:999px;background:#edf8ef;line-height:1;white-space:nowrap}
.view-profile .profile-avatar-option,.view-profile .card-texture-option{min-height:176px}
@media(max-width:560px){.view-profile .profile-avatar-option,.view-profile .card-texture-option{min-height:166px}.customization-state,.customization-price{font-size:.58rem!important;letter-spacing:0!important}.customization-price{padding-inline:7px!important}}

/* Catálogo central de canje. */
.catalog-nav{position:sticky;top:10px;z-index:5;display:flex;gap:7px;margin:22px 0;padding:7px;overflow-x:auto;border:1px solid #cbd9dc;border-radius:999px;background:rgba(255,253,248,.94);box-shadow:0 10px 30px rgba(15,46,57,.08);backdrop-filter:blur(12px);scrollbar-width:none}.catalog-nav::-webkit-scrollbar{display:none}.catalog-nav a{min-height:40px;padding:0 17px;display:inline-flex;flex:0 0 auto;align-items:center;border-radius:999px;color:#47616a;font-size:.78rem;font-weight:850;text-decoration:none}.catalog-nav a:hover,.catalog-nav a:focus-visible,.catalog-nav a.is-active{background:#12333f;color:#fff}.catalog-nav a:focus-visible{outline:3px solid #dfbc38;outline-offset:2px}
.customization-catalog{overflow:hidden;border:1px solid #cadade;border-radius:25px;background:#fffdf8;box-shadow:0 14px 38px rgba(15,46,57,.065)}.customization-catalog>header{padding:27px 30px;border-bottom:1px solid #d9e3e5;background:linear-gradient(110deg,#fffdf8 55%,#f6edc9)}.customization-catalog>header p{margin:0 0 5px;color:#937207;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.customization-catalog>header h2{margin:0;font-size:1.55rem}.customization-catalog>header span{display:block;max-width:700px;margin-top:7px;color:#60757d;font-size:.84rem;line-height:1.5}.customization-catalog>header strong{display:inline-flex;margin-top:13px;padding:6px 10px;border-radius:999px;background:#edf6e8;color:#35613d;font-size:.72rem}
.catalog-group{padding:27px 30px;border-bottom:1px solid #dce5e7;scroll-margin-top:86px}.catalog-group:last-child{border-bottom:0}.catalog-group[hidden]{display:none}.catalog-group>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.catalog-group h3{margin:0;color:#163440;font-size:1.2rem}.catalog-group header p{margin:0;color:#71838a;font-size:.78rem}
.customization-grid{display:grid;gap:14px}.customization-grid--avatar{grid-template-columns:repeat(4,minmax(0,1fr))}.customization-grid--color,.customization-grid--texture{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-item{position:relative;display:flex;min-width:0;padding:12px;flex-direction:column;border:1px solid #d1dde0;border-radius:17px;background:#fff;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.catalog-item:hover{transform:translateY(-2px);border-color:#98adb4;box-shadow:0 12px 25px rgba(12,42,52,.08)}.catalog-item.is-selected{border-color:#c8a00e;box-shadow:0 0 0 2px rgba(200,160,14,.14)}.catalog-item.is-focused{animation:catalog-focus 1.2s ease both}.catalog-item__preview{height:88px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#123844,#1d5867)}.catalog-item--avatar .catalog-item__preview{height:108px;background:#f3f6f3}.catalog-item--avatar .catalog-item__preview img{width:92px;height:92px;border:2px solid #d7b12b;border-radius:50%;object-fit:cover}.catalog-item--texture .catalog-item__preview img{width:100%;height:100%;object-fit:cover;opacity:.72}.catalog-item__preview i,.catalog-item__preview b{display:block;border-radius:7px}.catalog-item--color .catalog-item__preview i{width:75%;height:11px;background:rgba(244,214,109,.9)}.catalog-item--color .catalog-item__preview b{width:48%;height:6px;margin-top:8px;background:rgba(255,255,255,.6)}.catalog-item__preview--exzoo-blue{background:linear-gradient(145deg,#0b3445,#176077)}.catalog-item__preview--jungle-green{background:linear-gradient(145deg,#123c32,#277052)}.catalog-item__preview--coral-pink{background:linear-gradient(145deg,#713846,#c16e72)}.catalog-item__preview--night-purple{background:linear-gradient(145deg,#2d2549,#675086)}
.catalog-item__copy{display:flex;min-width:0;margin:11px 0 9px;align-items:center;justify-content:space-between;gap:7px}.catalog-item h4{min-width:0;margin:0;color:#1d3a45;font-size:.82rem;line-height:1.25}.catalog-state,.catalog-price{display:inline-flex;min-height:25px;padding:4px 8px;flex:0 0 auto;align-items:center;border:1px solid #b9d9c2;border-radius:999px;background:#edf8ef;color:#2d6842;font-size:.58rem;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}.catalog-state--selected{border-color:#d6b43a;background:#fff8dc;color:#715700}.catalog-state--included{border-color:#bed4dc;background:#f1f7f9;color:#315f6e}.catalog-price{border-color:#dfc35a;background:#fff9df;color:#735a00}.catalog-price img{width:20px;height:20px;object-fit:contain}.catalog-item>button,.catalog-item__earn,.catalog-item__use{min-height:42px;margin-top:auto;display:inline-flex;padding:0 12px;align-items:center;justify-content:center;border:1px solid #cfaa1a;border-radius:11px;background:#e8c33d;color:#17313b;font:inherit;font-size:.72rem;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.catalog-item__use{border-color:#b8ccd1;background:#fff}.catalog-item__missing{margin:auto 0 7px;color:#7d4c38;font-size:.68rem;font-weight:800}.catalog-item__earn{border-color:#c4d2d5;background:#f7faf9;color:#315864}
.rewards-catalog[data-catalog-group]{scroll-margin-top:86px}.rewards-catalog[hidden]{display:none}
@keyframes catalog-focus{0%,100%{box-shadow:0 0 0 2px rgba(200,160,14,.14)}45%{box-shadow:0 0 0 6px rgba(225,187,48,.3)}}
@media(max-width:900px){.customization-grid--avatar{grid-template-columns:repeat(3,minmax(0,1fr))}.customization-grid--color,.customization-grid--texture{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.catalog-nav{margin-block:16px;top:6px;border-radius:16px}.customization-catalog>header,.catalog-group{padding:20px 18px}.catalog-group>header{align-items:start;flex-direction:column;gap:3px}.customization-grid--avatar{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-item{padding:9px}.catalog-item--avatar .catalog-item__preview{height:96px}.catalog-item--avatar .catalog-item__preview img{width:80px;height:80px}.catalog-item__copy{align-items:flex-start;flex-direction:column}.catalog-state,.catalog-price{max-width:100%}}
@media(max-width:350px){.customization-catalog>header,.catalog-group{padding-inline:12px}.customization-grid{gap:8px}.catalog-item{border-radius:14px}.catalog-state,.catalog-price{font-size:.53rem;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.catalog-item{transition:none}.catalog-item:hover{transform:none}.catalog-item.is-focused{animation:none}}

/* Limpieza visual solicitada: compensar elementos retirados sin dejar huecos. */
.points-hero__copy>a+h1{margin-top:28px}
.rewards-catalog>header>div:first-child{max-width:720px}
.reward-card__body>h3:first-child{margin-top:0}

/* Monedas Exzoo 2026-10-16: identidad visual y asset oficial optimizado. */
.view-profile .profile-welcome{grid-template-columns:auto minmax(0,1fr) minmax(220px,245px)}
.profile-points{width:100%;max-width:245px;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:13px;row-gap:2px;align-items:center;padding:15px 17px}
.profile-points__coin{grid-column:1;grid-row:1/4;align-self:center;width:60px;height:60px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(179,126,0,.2));z-index:1}
.profile-points__label,.profile-points__summary,.profile-points__cta{grid-column:2}
.profile-points__label{grid-row:1;display:block}
.profile-points__summary{grid-row:2;display:block;margin:0}
.profile-points__summary strong{font-size:1.65rem;line-height:1}.profile-points__summary strong small{font-size:.62rem;font-weight:850}
.profile-points__cta{grid-row:3;justify-content:flex-start;gap:7px;margin-top:3px}.profile-points:hover .profile-points__cta{text-decoration:underline;text-decoration-color:rgba(200,149,20,.55);text-underline-offset:3px}
.profile-points:before{content:"";position:absolute;left:4px;top:-7px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,rgba(227,187,47,.12),transparent 68%);z-index:-1}
.view-profile .member-space-link__icon--coin{overflow:hidden;border-color:rgba(201,156,26,.35);background:linear-gradient(145deg,#fdfaf0,#eef5ef)}
.member-space-link__icon--coin img{display:block;width:32px;height:32px;object-fit:contain;filter:hue-rotate(8deg) saturate(1.12) brightness(1.12) contrast(1.02) drop-shadow(0 3px 6px rgba(196,151,8,.24))}
.points-meter__coin{grid-column:1;grid-row:1/5;align-self:start;width:48px;height:48px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(169,117,0,.22))}
.points-meter__score{grid-template-columns:50px 1fr}.points-meter__score>span,.points-meter__score>strong,.points-meter__score>em,.points-meter__score>a{grid-column:2}
.points-meter__score strong small{font-size:.64rem;font-weight:850;letter-spacing:0}
.quiz-result__award{display:flex!important;align-items:center;gap:7px}.quiz-result__award img{width:29px;height:29px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(232,188,44,.28));animation:coin-reward .7s ease-out both}
.points-history li:before{display:none}.points-history__coin{width:28px;height:28px;flex:0 0 28px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(167,115,0,.18))}
.points-history__empty-coin{display:block;width:46px;height:46px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(167,115,0,.2))}
.rewards-balance__coin{display:block;width:54px;height:54px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(169,117,0,.22))}
.reward-card__price{display:flex;align-items:center;gap:7px}.reward-card__price img{width:25px;height:25px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(169,117,0,.18))}.reward-card__price small{font-size:.68rem;text-transform:lowercase}
@keyframes coin-reward{0%{opacity:0;transform:translateY(5px) scale(.92);filter:drop-shadow(0 0 0 rgba(232,188,44,0))}55%{opacity:1;transform:translateY(0) scale(1.04);filter:drop-shadow(0 0 12px rgba(232,188,44,.38))}100%{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(232,188,44,.28))}}
@media(max-width:1100px){.view-profile .profile-welcome{grid-template-columns:auto minmax(0,1fr)}.profile-points{grid-column:1/-1;width:100%;max-width:none;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:13px}.profile-points__coin{width:58px;height:58px;grid-column:1;grid-row:1/3}.profile-points__label{grid-column:2;grid-row:1}.profile-points__summary{grid-column:2;grid-row:2}.profile-points__cta{grid-column:3;grid-row:1/3;align-self:center;margin:0}}
@media(max-width:760px){.profile-points{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:11px;padding:12px 14px}.profile-points__coin{width:52px;height:52px;grid-column:1;grid-row:1/3}.profile-points__label{grid-column:2;grid-row:1}.profile-points__summary{grid-column:2;grid-row:2}.profile-points__cta{grid-column:3;grid-row:1/3;align-self:center;font-size:.68rem}.points-meter__score{grid-template-columns:48px 1fr}.rewards-balance{grid-template-columns:54px 1fr}.rewards-balance__coin{width:52px;height:52px}}
@media(max-width:430px){.profile-points{grid-template-columns:48px minmax(0,1fr) auto;padding:11px 12px}.profile-points__coin{width:48px;height:48px}.profile-points__summary strong{font-size:1.35rem}.profile-points__summary strong small{font-size:.58rem}.profile-points__cta{font-size:.64rem;white-space:nowrap}.points-meter__coin{width:44px;height:44px}.rewards-balance__coin{width:46px;height:46px}.reward-card__price img{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.quiz-result__award img{animation:none}}

/* Iconografía premium de accesos rápidos y novedad destacada. */
.view-profile .member-space-link__icon--notification,.view-profile .member-space-link__icon--reward{overflow:hidden;border-color:rgba(201,156,26,.35);background:linear-gradient(145deg,#fdfaf0,#eef5ef)}
.view-profile .member-space-link__icon--notification img,.view-profile .member-space-link__icon--reward img,.view-profile .member-featured__icon--premium img{display:block;aspect-ratio:1;object-fit:contain;transition:transform .18s ease,filter .18s ease}
.view-profile .member-space-link__icon--notification img{width:30px;height:30px;filter:drop-shadow(0 3px 5px rgba(166,112,0,.2))}
.view-profile .member-space-link__icon--reward img{width:32px;height:32px;filter:drop-shadow(0 3px 5px rgba(166,112,0,.22))}
.view-profile .member-featured__icon--premium{overflow:hidden;padding:5px;border-color:rgba(244,214,109,.34);background:rgba(244,214,109,.045)}
.view-profile .member-featured__icon--premium img{width:100%;height:100%;filter:drop-shadow(0 4px 7px rgba(232,183,47,.22))}
.view-profile .member-space-link:hover .member-space-link__icon--notification img,.view-profile .member-space-link:hover .member-space-link__icon--reward img,.view-profile .member-featured:hover .member-featured__icon--premium img{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 5px 8px rgba(205,151,20,.28))}
@media(max-width:360px){.view-profile .member-space-link__icon--coin img{width:29px;height:29px}.view-profile .member-space-link__icon--notification img{width:27px;height:27px}.view-profile .member-space-link__icon--reward img{width:29px;height:29px}.view-profile .member-featured__icon--premium{padding:4px}}
@media(prefers-reduced-motion:reduce){.view-profile .member-space-link__icon--notification img,.view-profile .member-space-link__icon--reward img,.view-profile .member-featured__icon--premium img{transition:none!important;transform:none!important}}

/* Racha educativa Exzoo: asset oficial y estados visuales ligados a la racha real. */
.points-streak{position:relative;isolation:isolate}
.points-streak dd{display:flex;align-items:center;gap:10px;margin-top:3px}
.points-streak dd>strong{display:flex;align-items:baseline;gap:4px;color:#173d4c;font-size:1.45rem;line-height:1}
.points-streak dd>strong>small{font-size:.72rem;font-weight:850}
.points-streak__visual{position:relative;display:grid;place-items:center;width:52px;height:58px;flex:0 0 52px}
.points-streak__visual:before{content:"";position:absolute;z-index:-1;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle,rgba(238,190,35,.34),rgba(111,154,29,.1) 46%,transparent 72%);opacity:0}
.points-streak__visual img{display:block;width:46px;height:auto;max-height:56px;object-fit:contain;transform-origin:50% 72%;filter:drop-shadow(0 5px 8px rgba(181,120,0,.24))}
.points-streak.is-inactive .points-streak__visual img{opacity:.63;filter:saturate(.68) drop-shadow(0 3px 5px rgba(90,105,63,.13))}
.points-streak.is-milestone .points-streak__visual img{filter:drop-shadow(0 5px 10px rgba(223,162,12,.34)) drop-shadow(0 0 5px rgba(104,145,30,.15))}
.points-streak__hint{display:block;margin-top:3px;color:#71838a;font-size:.62rem;line-height:1.35}
@keyframes streak-float{0%,100%{transform:translate3d(0,0,0) scale(1) rotate(-.35deg);filter:drop-shadow(0 5px 8px rgba(181,120,0,.24))}50%{transform:translate3d(0,-5px,0) scale(1.035) rotate(.35deg);filter:drop-shadow(0 8px 11px rgba(223,160,8,.38)) drop-shadow(0 0 4px rgba(106,151,28,.16))}}
@keyframes streak-halo{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.55;transform:scale(1.06)}}
@keyframes streak-celebrate{0%{transform:translateY(4px) scale(.85);filter:drop-shadow(0 0 0 rgba(235,190,35,0))}55%{transform:translateY(-7px) scale(1.12);filter:drop-shadow(0 9px 15px rgba(235,177,24,.55)) drop-shadow(0 0 7px rgba(103,151,27,.28))}100%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px rgba(181,120,0,.24))}}
@media(prefers-reduced-motion:no-preference){.points-streak.is-active .points-streak__visual img{animation:streak-float 3s ease-in-out infinite}.points-streak.is-active .points-streak__visual:before{animation:streak-halo 3.1s ease-in-out infinite}.points-streak.is-celebrating .points-streak__visual img{animation:streak-celebrate .68s cubic-bezier(.2,.78,.24,1) both}}
@media(max-width:1024px){.points-streak__visual{width:48px;height:54px;flex-basis:48px}.points-streak__visual img{width:42px;max-height:52px}}
@media(max-width:430px){.points-streak__visual{width:44px;height:50px;flex-basis:44px}.points-streak__visual img{width:38px;max-height:48px}.points-streak dd>strong{font-size:1.32rem}}
@media(prefers-reduced-motion:reduce){.points-streak__visual:before,.points-streak__visual img{animation:none!important;transform:none!important}.points-streak.is-active .points-streak__visual:before{opacity:.42}}

/* CTA compartido de Monedas Exzoo: cápsula marfil con acento dorado. */
.points-premium-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;min-height:40px;padding:0 15px;border:1px solid rgba(190,143,8,.68);border-radius:999px;background:linear-gradient(135deg,#fffdf7 0%,#fbf4dd 100%);box-shadow:0 6px 16px rgba(88,67,10,.09);color:#173d4c!important;font-size:.72rem;font-weight:850;line-height:1;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.points-premium-cta:after{content:"";display:block;width:7px;height:7px;flex:0 0 7px;border-top:1.6px solid #b68700;border-right:1.6px solid #b68700;transform:rotate(45deg);transition:transform .2s ease}
.points-premium-cta--rewards{min-width:154px}
.points-meter__score>a.points-premium-cta{margin-top:12px}
.profile-points__cta.points-premium-cta{justify-content:space-between;margin-top:6px;padding-inline:12px;min-height:36px;font-size:.66rem}
.points-premium-cta:hover,.profile-points:hover .points-premium-cta{transform:translateY(-2px);border-color:#c89b10;background:linear-gradient(135deg,#fffefb 0%,#f8edc8 100%);box-shadow:0 9px 20px rgba(91,68,8,.14)}
.points-premium-cta:hover:after,.profile-points:hover .points-premium-cta:after{transform:translateX(4px) rotate(45deg)}
.points-premium-cta:active,.profile-points:active .points-premium-cta{transform:translateY(0) scale(.99);box-shadow:0 4px 10px rgba(91,68,8,.1)}
.points-premium-cta:focus-visible{outline:3px solid rgba(42,117,144,.36);outline-offset:3px}
.profile-points:focus-visible .points-premium-cta{box-shadow:0 0 0 3px rgba(42,117,144,.3),0 6px 16px rgba(88,67,10,.09)}
@media(max-width:760px){.points-premium-cta{min-height:44px}.profile-points__cta.points-premium-cta{min-height:44px;padding-inline:12px;font-size:.66rem}.points-premium-cta--rewards{min-width:160px}}
@media(max-width:340px){.profile-points__cta.points-premium-cta{gap:8px;padding-inline:10px;font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.points-premium-cta,.points-premium-cta:after{transition:none!important}.points-premium-cta:hover,.profile-points:hover .points-premium-cta,.points-premium-cta:active,.profile-points:active .points-premium-cta{transform:none!important}.points-premium-cta:hover:after,.profile-points:hover .points-premium-cta:after{transform:rotate(45deg)!important}}

/* Resultados del Quiz Exzoo: cabecera editorial y tarjetas de aprendizaje. */
.daily-quiz.is-completed{border-color:#cbdcdf;background:#fffdf8;box-shadow:0 18px 44px rgba(13,45,56,.08)}
.daily-quiz.is-completed>.daily-quiz__header{position:relative;align-items:center;padding:28px 30px 26px;border-bottom:1px solid #d8e2e3;background:linear-gradient(135deg,#fffefb 0%,#fbf5df 100%)}
.daily-quiz.is-completed>.daily-quiz__header:after{content:"";position:absolute;left:30px;bottom:-1px;width:72px;height:3px;border-radius:4px;background:linear-gradient(90deg,#b98b05,#edcc4a)}
.daily-quiz.is-completed .daily-quiz__header p{margin-bottom:7px;color:#927007;letter-spacing:.14em}
.daily-quiz.is-completed .daily-quiz__header h2{color:#102f3b;font-size:clamp(1.5rem,2.4vw,1.9rem);letter-spacing:-.025em}
.daily-quiz__subtitle{display:block;margin-top:7px;color:#647b84;font-size:.82rem;line-height:1.45}
.daily-quiz__date{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px!important;border:1px solid #d8c475!important;border-radius:999px!important;background:#fffdf5;color:#67561d!important;font-size:.76rem!important;font-weight:800;letter-spacing:.035em;box-shadow:0 4px 12px rgba(113,87,9,.06)}
.daily-quiz.is-completed .quiz-review{display:grid;gap:14px;padding:24px 28px 30px;background:linear-gradient(180deg,#f9fbfa 0%,#f5f3ec 100%)}
.daily-quiz.is-completed .quiz-review__item{position:relative;display:grid;grid-template-columns:40px minmax(0,1.35fr) minmax(230px,.8fr);gap:18px;align-items:start;padding:21px 22px;border:1px solid #d6e1e3;border-radius:18px;background:#fffefa;box-shadow:inset 3px 0 #91c99d,0 6px 16px rgba(12,42,53,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.daily-quiz.is-completed .quiz-review__item.is-incorrect{box-shadow:inset 3px 0 #df9991,0 6px 16px rgba(12,42,53,.035)}
.quiz-review__status-icon{display:grid!important;place-items:center;width:38px!important;height:38px!important;min-width:38px;border:1px solid transparent;font-size:1rem}
.quiz-review__item.is-correct .quiz-review__status-icon{border-color:#b9dfc1;background:#e8f6eb;color:#26723d}
.quiz-review__item.is-incorrect .quiz-review__status-icon{border-color:#edc2bc;background:#fff0ed;color:#a4433b}
.quiz-review__meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:6px}
.daily-quiz.is-completed .quiz-review__meta>small{color:#71878f;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.quiz-review__status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #b9ddc0;border-radius:999px;background:#edf8ef;color:#2f6840;font-size:.63rem;font-weight:850}
.is-incorrect .quiz-review__status-badge{border-color:#ecc6c0;background:#fff2ef;color:#93453e}
.daily-quiz.is-completed .quiz-review__question h3{margin:0 0 10px;color:#163542;font-size:1rem;line-height:1.42}
.daily-quiz.is-completed .quiz-review__answer{margin:0;padding:9px 11px;border-radius:10px;background:#f0f7f1;color:#456557;font-size:.8rem;line-height:1.5}
.daily-quiz.is-completed .is-incorrect .quiz-review__answer{background:#fff3f0;color:#79504b}
.quiz-review__learning{min-width:0;padding-left:19px;border-left:1px solid #dce5e6}
.daily-quiz.is-completed .quiz-review__explanation{margin:0;color:#5b717a;font-size:.81rem;line-height:1.58}
.quiz-review__cta{display:inline-flex!important;align-items:center;gap:8px;min-height:36px;margin-top:12px!important;padding:0 12px;border:1px solid rgba(190,143,8,.55)!important;border-radius:999px;background:#fffaf0;color:#234b5b!important;font-size:.72rem!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.quiz-review__cta span{color:#a77d04;transition:transform .18s ease}
.quiz-review__cta:focus-visible{outline:3px solid rgba(42,117,144,.34);outline-offset:3px}
@media(hover:hover){.daily-quiz.is-completed .quiz-review__item:hover{transform:translateY(-2px);border-color:#bdcfd3;box-shadow:inset 3px 0 #79b989,0 11px 24px rgba(12,42,53,.075)}.daily-quiz.is-completed .quiz-review__item.is-incorrect:hover{box-shadow:inset 3px 0 #d9867d,0 11px 24px rgba(12,42,53,.075)}.quiz-review__cta:hover{border-color:#c6970b!important;background:#fff5d8;box-shadow:0 5px 12px rgba(115,85,6,.09)}.quiz-review__cta:hover span{transform:translateX(3px)}}
@media(max-width:760px){.daily-quiz.is-completed>.daily-quiz__header{align-items:flex-start;padding:22px 20px}.daily-quiz.is-completed>.daily-quiz__header:after{left:20px}.daily-quiz__date{min-height:34px}.daily-quiz.is-completed .quiz-review{padding:18px}.daily-quiz.is-completed .quiz-review__item{grid-template-columns:38px minmax(0,1fr);gap:13px;padding:18px}.quiz-review__learning{grid-column:2;padding:13px 0 0;border-left:0;border-top:1px solid #dce5e6}.quiz-review__cta{min-height:44px}}
@media(max-width:430px){.daily-quiz.is-completed .quiz-review{padding:14px 12px 18px;gap:12px}.daily-quiz.is-completed .quiz-review__item{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:16px 14px;border-radius:16px}.quiz-review__status-icon{width:34px!important;height:34px!important;min-width:34px}.quiz-review__learning{grid-column:1/-1}.daily-quiz.is-completed .quiz-review__question h3{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.daily-quiz.is-completed .quiz-review__item,.quiz-review__cta,.quiz-review__cta span{transition:none!important}.daily-quiz.is-completed .quiz-review__item:hover,.quiz-review__cta:hover span{transform:none!important}}

/* Iconos premium de los acordeones del perfil. Los contenedores conservan su geometría. */
.view-profile .profile-accordion-icon{overflow:hidden;border-color:rgba(201,156,26,.3);background:linear-gradient(145deg,#fdfaf0,#eef5ef)}
.view-profile .profile-accordion-icon img{display:block;width:32px;height:32px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(158,108,0,.18))}
@media(max-width:560px){.view-profile .profile-accordion-icon img{width:30px;height:30px}}

/* Iconografía premium de los datos de afiliación: PNG directo, estable y sin caja azul. */
.view-profile .profile-section-heading__icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(244,214,109,.11),transparent 68%)}
.view-profile .profile-section-heading__icon img{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(145,98,0,.16))}
.view-profile .profile-data-grid>div{padding-left:3.65rem}
.view-profile .profile-data-icon{left:.75rem;top:50%;width:36px;height:36px;border:0;border-radius:0;background:transparent;transform:translateY(-50%)}
.view-profile .profile-data-icon img{display:block;width:36px;height:36px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(145,98,0,.16))}
@media(max-width:820px){.view-profile .profile-data-grid>div{padding-left:3.55rem}.view-profile .profile-data-icon,.view-profile .profile-data-icon img{width:34px;height:34px}}
@media(max-width:560px){.view-profile .profile-section-heading__icon{width:38px;height:38px}.view-profile .profile-section-heading__icon img{width:36px;height:36px}.view-profile .profile-data-grid>div{padding-left:3.2rem}.view-profile .profile-data-icon{left:.35rem}.view-profile .profile-data-icon,.view-profile .profile-data-icon img{width:32px;height:32px}}
@media(max-width:340px){.view-profile .profile-data-grid>div{padding-left:3.1rem}.view-profile .profile-data-icon,.view-profile .profile-data-icon img{width:30px;height:30px}}

/* Iconos premium para las tres acciones principales del perfil. */
.view-profile .profile-personalizer-toggle__icon{overflow:hidden;background:linear-gradient(145deg,#fffef9,#f6f0dc)}
.view-profile .profile-personalizer-toggle__icon>img{display:block;width:36px;height:36px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(145,98,0,.17));transition:transform .18s ease,filter .18s ease}
.view-profile .profile-personalizer-toggle:hover .profile-personalizer-toggle__icon>img{transform:scale(1.025);filter:drop-shadow(0 4px 6px rgba(145,98,0,.21))}
.view-profile .profile-card-link{padding:.45rem 3rem}
.view-profile .profile-card-link__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(135,94,7,.22);border-radius:50%;background:rgba(255,255,255,.76);box-shadow:0 3px 9px rgba(91,64,6,.1)}
.view-profile .profile-card-link__icon img{display:block;width:34px;height:34px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(91,64,6,.17));transition:transform .18s ease}
.view-profile .profile-card-link:hover .profile-card-link__icon img{transform:scale(1.025)}
@media(max-width:820px){.view-profile .profile-personalizer-toggle__icon>img{width:34px;height:34px}.view-profile .profile-card-link__icon img{width:33px;height:33px}}
@media(max-width:560px){.view-profile .profile-personalizer-toggle__icon>img{width:32px;height:32px}.view-profile .profile-card-link__icon{width:36px;height:36px;flex-basis:36px}.view-profile .profile-card-link__icon img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.view-profile .profile-personalizer-toggle__icon>img,.view-profile .profile-card-link__icon img{transition:none!important;transform:none!important}}

/* Acciones de tarjeta: misma geometría exterior para una alineación exacta. */
.view-profile .profile-card-tools .profile-card-link,.view-profile .profile-card-tools .profile-card-customizer-toggle{height:60px;min-height:60px;border-radius:17px}

/* Resultados del quiz: estados verde y rojo con mayor profundidad visual. */
.daily-quiz.is-completed .quiz-review__item{box-shadow:inset 3px 0 #5f9f70,0 6px 16px rgba(12,42,53,.035)}
.daily-quiz.is-completed .quiz-review__item.is-incorrect{box-shadow:inset 3px 0 #b9655d,0 6px 16px rgba(12,42,53,.035)}
.quiz-review__item.is-correct .quiz-review__status-icon{border-color:#8bc49a;background:#e3f2e6;color:#1f6334}
.quiz-review__item.is-incorrect .quiz-review__status-icon{border-color:#d7958c;background:#f9e7e3;color:#7f302a}
.quiz-review__status-badge{border-color:#93c69f;background:#e7f4e9;color:#245b35}
.is-incorrect .quiz-review__status-badge{border-color:#da9b93;background:#fbe9e6;color:#7d332d}
.daily-quiz.is-completed .quiz-review__answer{background:#eaf4ec;color:#355a47}
.daily-quiz.is-completed .is-incorrect .quiz-review__answer{background:#fae9e6;color:#663e39}
@media(hover:hover){.daily-quiz.is-completed .quiz-review__item:hover{box-shadow:inset 3px 0 #4f9161,0 11px 24px rgba(12,42,53,.075)}.daily-quiz.is-completed .quiz-review__item.is-incorrect:hover{box-shadow:inset 3px 0 #ad554d,0 11px 24px rgba(12,42,53,.075)}}

/* Artes completos de Monedas Exzoo: composición preservada sin overlays pesados. */
.points-hero__media--complete-art{background:#0a2934}

/* Jerarquía de la tarjeta: personalización, tarjeta y visualización. */
.view-profile .profile-card-tools{width:100%;grid-template-columns:1fr}
.view-profile .profile-card-stage{margin:1.35rem 0 0}
.view-profile .profile-card-view-action{margin:.9rem 0 1.5rem;text-align:center}
.view-profile .profile-card-view-action .profile-card-link{width:100%;height:60px;min-height:60px;margin:0;border-radius:17px}
@media(max-width:560px){.view-profile .profile-card-stage{margin:1rem 0 0}.view-profile .profile-card-view-action{margin:.75rem 0 1.15rem}.view-profile .profile-card-view-action .profile-card-link{width:100%;margin:0}}
.points-hero__media--complete-art:before{background:linear-gradient(90deg,#092631 0%,rgba(9,38,49,.28) 13%,transparent 38%),linear-gradient(0deg,rgba(4,20,27,.12),transparent 42%)}
.points-hero__media--complete-art img,.points-hero--rewards .points-hero__media--complete-art img{object-fit:cover;object-position:center center;filter:saturate(.98) contrast(1.02)}
.quiz-result--complete-art{grid-template-columns:minmax(0,1.38fr) minmax(310px,.82fr);min-height:340px}
.quiz-result--complete-art>img{min-height:340px;object-fit:contain;object-position:center center;mask-image:none;background:#071f29}
.quiz-result--complete-art .quiz-result__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:980px){.points-hero:has(.points-hero__media--complete-art){grid-template-columns:1fr;min-height:0}.points-hero__media--complete-art{width:100%;height:auto;aspect-ratio:1564/1006;clip-path:none}.points-hero__media--complete-art:before{background:linear-gradient(180deg,#092631 0%,rgba(9,38,49,.12) 18%,transparent 44%)}.points-hero__media--complete-art:after{inset:16px;border:1px solid rgba(239,207,73,.34);border-radius:22px}.points-hero__media--complete-art img,.points-hero--rewards .points-hero__media--complete-art img{height:100%;min-height:0;object-fit:contain;object-position:center center}.quiz-result--complete-art{grid-template-columns:1fr;min-height:0}.quiz-result--complete-art>img{width:100%;height:auto;min-height:0;aspect-ratio:1564/1006;object-fit:contain}.quiz-result--complete-art>div{padding:22px 28px 26px;text-align:center}}
@media(max-width:430px){.points-hero__media--complete-art{height:auto;aspect-ratio:1564/1006}.points-hero__media--complete-art img{min-height:0}.quiz-result--complete-art>div{padding:18px 20px 22px}}

/* Transición difusa entre el arte completo y los resultados dinámicos. */
.quiz-result--complete-art>div{position:relative;z-index:2;background:#0b303c}
.quiz-result--complete-art>div:before{content:"";position:absolute;z-index:0;left:-104px;top:0;bottom:0;width:106px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(11,48,60,.18) 24%,rgba(11,48,60,.72) 68%,#0b303c 100%);filter:blur(2px)}
.quiz-result--complete-art>div>*{position:relative;z-index:1}
@media(max-width:980px){.quiz-result--complete-art>div:before{left:0;right:0;top:-72px;bottom:auto;width:auto;height:74px;background:linear-gradient(180deg,transparent 0%,rgba(11,48,60,.2) 24%,rgba(11,48,60,.76) 70%,#0b303c 100%);filter:blur(2px)}}

/* Quiz diario temporizado. */
.daily-quiz--timed{overflow:hidden;background:#fffdf8;border-color:#cadadd;box-shadow:0 18px 44px rgba(13,45,56,.075)}
.daily-quiz--timed>.daily-quiz__header{position:relative;padding:27px 30px;border-bottom:1px solid #d9e3e4;background:linear-gradient(135deg,#fffefb,#fbf5df)}.daily-quiz--timed>.daily-quiz__header:after{content:"";position:absolute;left:30px;bottom:-1px;width:72px;height:3px;border-radius:4px;background:#d7ad22}
.quiz-ready{max-width:850px;margin:auto;padding:42px 34px 46px;text-align:center}.quiz-ready>p{margin:0;color:#907008;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quiz-ready h3{margin:8px 0 6px;color:#102f3b;font-size:clamp(1.55rem,3vw,2.2rem)}.quiz-ready>span{color:#647b84}
.quiz-ready dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0 20px}.quiz-ready dl>div{padding:15px 10px;border:1px solid #d9e3e4;border-radius:15px;background:#fff}.quiz-ready dt{display:flex;align-items:center;justify-content:center;gap:6px;color:#163d4b;font-size:1.25rem;font-weight:900}.quiz-ready dt img{width:26px;height:26px;object-fit:contain}.quiz-ready dd{margin:4px 0 0;color:#6d8088;font-size:.72rem}.quiz-ready__rules{margin:0 auto 22px;padding:15px 18px;border-left:3px solid #d8b128;background:#f8f5e9;text-align:left;color:#536d77}.quiz-ready__rules p{margin:0}.quiz-ready__rules p+p{margin-top:5px}.quiz-ready form button,.quiz-answer-form>button{min-height:52px;padding:0 25px;border:1px solid #c99c0d;border-radius:14px;background:#e8c23c;color:#102f3b;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(113,82,0,.12)}.quiz-ready>small{display:block;margin-top:12px;color:#73858c}
.quiz-live{padding:25px 30px 32px}.quiz-live__top{display:flex;align-items:center;justify-content:space-between;gap:22px}.quiz-live__top>div>strong{color:#173d4c;font-size:.82rem}.quiz-stepper{display:flex;align-items:center;margin-top:12px}.quiz-stepper span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ccdadd;border-radius:50%;background:#fff;color:#6d8188;font-size:.72rem;font-weight:900}.quiz-stepper span.is-current{border-color:#c79b09;background:#e9c43d;color:#102f3b;box-shadow:0 0 0 4px rgba(225,187,48,.16)}.quiz-stepper span.is-done{border-color:#8db99a;background:#eaf5ec;color:#28663b}.quiz-stepper i{width:35px;height:1px;background:#ccdadd}
.quiz-timer{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;min-width:142px;padding:11px 15px;border:1px solid #d5be69;border-radius:14px;background:#fffaf0;color:#173d4c}.quiz-timer>span{grid-row:1/3;font-size:1.25rem}.quiz-timer strong{font-size:1.25rem;line-height:1}.quiz-timer small{color:#6c7e85;font-size:.62rem}.quiz-timer.is-warning{border-color:#d09f05;background:#fff7d5}.quiz-timer.is-urgent{border-color:#bd6259;background:#fff0ed;color:#7c302b;animation:quiz-timer-pulse 1s ease-in-out infinite}.quiz-timer.is-expired{border-color:#bd6259;background:#f9e5e1;color:#7c302b}.quiz-timebar{height:6px;margin:18px 0 27px;overflow:hidden;border-radius:99px;background:#e7eceb}.quiz-timebar i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#d0a30f,#efd45c);transition:transform .2s linear}
.quiz-question-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:start}.quiz-question-copy>p{margin:0 0 8px;color:#95730a;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.quiz-question-copy h3{max-width:760px;margin:0;color:#102f3b;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.18}.quiz-question-layout aside{display:grid;grid-template-columns:40px 1fr;align-items:center;padding:13px;border:1px solid #dcc55f;border-radius:14px;background:#fff9e2}.quiz-question-layout aside img{grid-row:1/3;width:34px;height:34px;object-fit:contain}.quiz-question-layout aside strong{color:#173d4c;font-size:.8rem}.quiz-question-layout aside span{color:#73858c;font-size:.62rem}
.quiz-answer-form{margin-top:25px}.quiz-answer-form fieldset{display:grid;gap:11px;padding:0;border:0}.quiz-answer-form label{display:block;cursor:pointer}.quiz-answer-form input{position:absolute;opacity:0;pointer-events:none}.quiz-answer-form label>span{display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:13px;min-height:68px;padding:10px 17px;border:1px solid #d2dee0;border-radius:15px;background:#fff;color:#274550;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.quiz-answer-form label:hover>span{transform:translateY(-1px);border-color:#aabec3;box-shadow:0 6px 14px rgba(14,48,59,.06)}.quiz-answer-form label b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c7d5d8;border-radius:50%;background:#f3f7f6}.quiz-answer-form label em{font-style:normal}.quiz-answer-form label i{opacity:0;color:#6f5700;font-style:normal}.quiz-answer-form input:checked+span{border-color:#c99d0d;background:#fff9df;box-shadow:0 0 0 3px rgba(220,178,34,.12)}.quiz-answer-form input:checked+span b{border-color:#c99d0d;background:#e8c33d}.quiz-answer-form input:checked+span i{opacity:1}.quiz-answer-form input:focus-visible+span{outline:3px solid rgba(42,117,144,.35);outline-offset:3px}.quiz-answer-form>button{display:flex;align-items:center;gap:15px;margin:20px 0 0 auto}.quiz-answer-form>button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.58;box-shadow:none}.quiz-answer-form>p{color:#7c302b;font-weight:800}.quiz-review__item.is-timeout{box-shadow:inset 3px 0 #c67c67,0 6px 16px rgba(12,42,53,.035)}
@keyframes quiz-timer-pulse{50%{box-shadow:0 0 0 4px rgba(189,98,89,.1)}}
@media(max-width:760px){.daily-quiz--timed>.daily-quiz__header{align-items:flex-start;padding:22px 20px}.quiz-ready{padding:31px 18px 35px}.quiz-ready dl{grid-template-columns:1fr}.quiz-live{padding:20px 18px 28px}.quiz-live__top{align-items:flex-start}.quiz-stepper i{width:clamp(13px,5vw,28px)}.quiz-question-layout{grid-template-columns:1fr}.quiz-question-layout aside{max-width:210px}.quiz-answer-form>button{width:100%;justify-content:center}.quiz-answer-form label>span{min-height:64px;padding-inline:12px}}
@media(max-width:430px){.daily-quiz--timed>.daily-quiz__header{gap:12px}.daily-quiz__date{font-size:.65rem!important}.quiz-live__top{flex-direction:column}.quiz-timer{width:100%}.quiz-stepper span{width:27px;height:27px}.quiz-answer-form label>span{grid-template-columns:34px 1fr 20px;gap:9px}.quiz-answer-form label b{width:32px;height:32px}.quiz-question-layout aside{max-width:none}}

/* Quiz Exzoo: introducción inmersiva y estados educativos */
.daily-quiz--timed[data-quiz-state="ready"]{border-color:rgba(205,164,43,.75);border-radius:30px;background:#0b2834;box-shadow:0 24px 58px rgba(10,39,50,.15)}
.daily-quiz--timed[data-quiz-state="ready"]>.daily-quiz__header{display:none}
.quiz-ready{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);max-width:none;min-height:610px;margin:0;padding:0;overflow:hidden;text-align:left;background:#0b2834;color:#fff;isolation:isolate;animation:quiz-ready-enter .28s ease both}
.quiz-ready__photo{position:relative;min-width:0;margin:0;overflow:hidden;background:#173b32 url('/assets/img/quiz-hero.webp') center center/cover no-repeat}
.quiz-ready__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,rgba(11,40,52,.16) 80%,#0b2834 100%)}
.quiz-ready__photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.005);animation:quiz-photo-in .7s .12s ease forwards,quiz-photo-breathe 12s 1s ease-in-out infinite alternate}
.quiz-ready__photo i{position:absolute;z-index:2;inset:auto 10% 11% auto;width:6px;height:6px;border-radius:50%;background:#f3cf4c;box-shadow:-70px -180px 0 -1px rgba(243,207,76,.65),40px -95px 0 -2px rgba(243,207,76,.55),-25px 42px 0 -2px rgba(243,207,76,.45);animation:quiz-motes 8s ease-in-out infinite alternate}
.quiz-ready__panel{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px clamp(34px,4vw,68px);overflow:hidden;background:radial-gradient(circle at 90% 8%,rgba(205,164,43,.12),transparent 28%),linear-gradient(135deg,#0b2834,#102f3d)}
.quiz-ready__panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(231,197,79,.16) 1px,transparent 1.4px);background-size:31px 31px;mask-image:linear-gradient(120deg,transparent 10%,#000 70%);opacity:.35}
.quiz-ready__orbit{position:absolute;right:-100px;top:-115px;width:330px;height:330px;border:1px solid rgba(231,197,79,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(231,197,79,.035),0 0 0 78px rgba(231,197,79,.025)}
.quiz-ready__rules svg,.quiz-ready form button svg,.quiz-review__status-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quiz-ready__panel>p{position:relative;z-index:1;margin:0;color:#e5bd37;font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;animation:quiz-stage-in .42s .27s both}
.quiz-ready__panel h3{position:relative;z-index:1;margin:10px 0 13px;color:#fff;font-size:clamp(2.25rem,4.1vw,3.55rem);line-height:.98;letter-spacing:-.045em;animation:quiz-stage-in .45s .34s both}.quiz-ready__panel h3 em{color:#eac747;font-style:normal}
.quiz-ready__panel>span:not(.quiz-ready__orbit){position:relative;z-index:1;color:#c5d3d7;font-size:clamp(.94rem,1.4vw,1.08rem);line-height:1.55;animation:quiz-stage-in .45s .42s both}
.quiz-ready dl{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0 14px;animation:quiz-stage-in .48s .52s both}.quiz-ready dl>div{display:grid;align-content:center;min-height:86px;padding:12px 8px;border-color:rgba(217,188,91,.25);border-radius:17px;background:rgba(255,255,255,.055);text-align:center;backdrop-filter:blur(8px)}.quiz-ready dt{color:#fff;font-size:1.2rem}.quiz-ready dt img{width:29px;height:29px;filter:drop-shadow(0 3px 7px rgba(235,192,47,.3));animation:quiz-coin-tilt 5s ease-in-out infinite}.quiz-ready dt b{font:inherit}.quiz-ready dd{color:#aabfc6}
.quiz-ready__rules{position:relative;z-index:1;margin:0 0 18px;padding:13px 15px;border:1px solid rgba(215,177,54,.22);border-left:1px solid rgba(215,177,54,.42);border-radius:16px;background:rgba(3,20,28,.27);color:#cbd8db;animation:quiz-stage-in .48s .65s both}.quiz-ready__rules p{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center}.quiz-ready__rules svg{width:18px;height:18px;align-self:center;color:#e5bd37}
.quiz-ready form{position:relative;z-index:1;animation:quiz-stage-in .48s .78s both}.quiz-ready form button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:61px;overflow:hidden;border-color:#e4bd32;border-radius:20px;background:linear-gradient(135deg,#f0d356,#dfb629);color:#0a2935;box-shadow:0 12px 30px rgba(207,162,25,.2);transition:transform .2s ease,box-shadow .2s ease}.quiz-ready form button:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.38),transparent 65%);animation:quiz-shimmer 5s 1.5s ease-in-out infinite}.quiz-ready form button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(220,177,39,.28)}.quiz-ready form button:active{transform:scale(.985)}.quiz-ready form button svg{width:21px}.quiz-ready form button b{font-size:1.1rem;transition:transform .2s ease}.quiz-ready form button:hover b{transform:translateX(4px)}
.quiz-ready__panel>small{position:relative;z-index:1;margin-top:11px;color:#9eb2b9;text-align:center;animation:quiz-stage-in .45s .88s both}.quiz-ready__error{position:relative;z-index:1;margin:10px 0 0!important;color:#ffd6ce!important;text-align:center!important;text-transform:none!important;letter-spacing:0!important}
.quiz-ready.is-preparing .quiz-ready__panel{opacity:.94}.quiz-ready__spinner{width:19px;height:19px;border:2px solid rgba(11,40,52,.25);border-top-color:#0b2834;border-radius:50%;animation:quiz-spin .7s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}
.daily-quiz.is-completed .quiz-review__item.is-timeout{margin-block:8px;padding:20px 16px;border:1px solid #e5d7a3;border-left:4px solid #d3a61d;border-radius:15px;background:#fffaf0;box-shadow:inset 3px 0 #d3a61d,0 6px 16px rgba(12,42,53,.035)}.quiz-review__item.is-timeout .quiz-review__status-icon{border-color:#d9b63d;background:#fff4c8;color:#785d08}.quiz-review__item.is-timeout .quiz-review__status-badge{border-color:#d7b43b;background:#fff4c8;color:#705704;white-space:nowrap}.daily-quiz.is-completed .quiz-review__item.is-timeout .quiz-review__answer{border:1px solid #ead27d;background:#fff4c8;color:#6d5915}.quiz-review__item.is-timeout .quiz-review__answer>strong:first-child{color:#745b0c}.quiz-review__item.is-timeout .quiz-review__answer>strong:last-child{color:#27623a}
@media(hover:hover){.daily-quiz.is-completed .quiz-review__item.is-timeout:hover{border-color:#ddc869;box-shadow:inset 3px 0 #c79b0f,0 11px 24px rgba(12,42,53,.075)}}
@keyframes quiz-ready-enter{from{opacity:0}to{opacity:1}}@keyframes quiz-photo-in{to{transform:scale(1)}}@keyframes quiz-photo-breathe{to{transform:scale(1.018)}}@keyframes quiz-stage-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes quiz-motes{to{transform:translate3d(4px,-3px,0);opacity:.65}}@keyframes quiz-icon-float{50%{transform:translateY(-3px)}}@keyframes quiz-coin-tilt{50%{transform:perspective(80px) rotateY(7deg)}}@keyframes quiz-shimmer{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(max-width:900px){.quiz-ready{grid-template-columns:1fr;min-height:0}.quiz-ready__photo{height:clamp(220px,34vw,260px);background-position:center 48%}.quiz-ready__photo:after{background:linear-gradient(180deg,transparent 70%,rgba(11,40,52,.28) 86%,#0b2834 100%)}.quiz-ready__photo img{width:100%;object-position:center 48%}.quiz-ready__panel{padding:34px 26px 38px}.quiz-ready__panel h3{font-size:clamp(2.1rem,7vw,3.1rem)}}
@media(max-width:430px){.daily-quiz--timed[data-quiz-state="ready"]{border-radius:23px}.quiz-ready__photo{height:210px}.quiz-ready__panel{padding:28px 17px 31px}.quiz-ready__panel h3{font-size:clamp(2rem,10vw,2.55rem)}.quiz-ready dl{gap:5px;min-width:0}.quiz-ready dl>div{min-width:0;min-height:81px;padding:9px 2px}.quiz-ready dt{min-width:0;font-size:.92rem;flex-wrap:wrap}.quiz-ready dt b{overflow-wrap:anywhere}.quiz-ready dt img{width:22px;height:22px}.quiz-ready dd{min-width:0;font-size:.58rem;line-height:1.25;overflow-wrap:anywhere}.quiz-ready form button{padding-inline:13px}.quiz-review__item.is-timeout{padding:17px 12px}.quiz-review__item.is-timeout .quiz-review__status-badge{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.quiz-ready,.quiz-ready__photo img,.quiz-ready__photo i,.quiz-ready__panel>p,.quiz-ready__panel h3,.quiz-ready__panel>span,.quiz-ready dl,.quiz-ready__rules,.quiz-ready form,.quiz-ready__panel>small,.quiz-ready dt img,.quiz-ready form button:after{animation:none!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.quiz-timer.is-urgent{animation:none}.quiz-answer-form label>span,.quiz-timebar i{transition:none}.quiz-answer-form label:hover>span{transform:none}}
.quiz-answer-form label>span{grid-template-columns:38px minmax(0,1fr) 24px;max-width:100%;min-width:0}.quiz-answer-form label em{min-width:0;overflow-wrap:anywhere}
.quiz-answer-form input{width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%)}
.daily-quiz__date svg{width:15px;height:15px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quiz-timer>svg{grid-row:1/3;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Rangos Exzoo: progreso histórico por tramo y emblema oficial. */
.points-meter--rank{--rank-deep:#1f5d42;--rank-main:#349063;--rank-light:#79bd79;--rank-glow:rgba(52,144,99,.18);grid-template-areas:"score progress emblem stats";grid-template-columns:minmax(190px,.9fr) minmax(310px,1.55fr) minmax(135px,.68fr) minmax(170px,.82fr);align-items:stretch}
.points-meter--conocedor{--rank-deep:#16677a;--rank-main:#2c9bb1;--rank-light:#75cad4;--rank-glow:rgba(44,155,177,.18)}
.points-meter--guardian{--rank-deep:#4b3476;--rank-main:#7653a8;--rank-light:#b08bd2;--rank-glow:rgba(118,83,168,.19)}
.points-meter--embajador{--rank-deep:#7e2736;--rank-main:#b54251;--rank-light:#d9797d;--rank-glow:rgba(181,66,81,.18)}
.points-meter--rank .points-meter__score{grid-area:score}
.points-meter--rank .points-meter__progress{grid-area:progress;border-left:1px solid #dbe4e6;border-right:0}
.points-meter--rank .points-progress{height:10px;background:#e7ecec;box-shadow:inset 0 1px 2px rgba(17,49,59,.08)}
.points-meter--rank .points-progress i{background:linear-gradient(90deg,var(--rank-deep),var(--rank-main) 58%,var(--rank-light));box-shadow:0 0 12px var(--rank-glow);animation:rank-progress-in .9s cubic-bezier(.22,.75,.24,1) both}
.points-meter--rank .points-meter__progress h2{color:var(--rank-deep)}
.points-meter__maximum{display:block;margin-top:9px;color:var(--rank-deep);font-size:.72rem;letter-spacing:.075em;text-transform:uppercase}
.points-rank-emblem{position:relative;grid-area:emblem;min-width:0;margin:0;padding:20px 10px;display:grid;place-items:center;border-left:1px solid #dbe4e6;outline:0;isolation:isolate}
.points-rank-emblem>span{position:absolute;z-index:-1;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,var(--rank-glow),transparent 68%);filter:blur(3px)}
.points-rank-emblem>img{display:block;width:clamp(108px,10vw,132px);height:auto;max-height:138px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(15,43,51,.13));animation:rank-emblem-float 5.2s ease-in-out infinite}
.points-rank-emblem figcaption{position:absolute;z-index:5;left:50%;bottom:6px;width:min(250px,calc(100vw - 32px));padding:9px 11px;border:1px solid rgba(20,63,76,.16);border-radius:11px;background:#fffdf8;color:#536b74;box-shadow:0 10px 28px rgba(8,35,44,.12);font-size:.68rem;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .18s ease,transform .18s ease}
.points-rank-emblem figcaption strong{display:block;color:var(--rank-deep);font-size:.72rem}
.points-rank-emblem:hover figcaption,.points-rank-emblem:focus-visible figcaption{opacity:1;transform:translate(-50%,0)}
.points-meter--rank>dl{grid-area:stats;border-left:1px solid #dbe4e6}
@keyframes rank-progress-in{from{width:0}to{width:var(--progress)}}
@keyframes rank-emblem-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}
@media(max-width:1050px){.points-meter--rank{grid-template-areas:"score progress" "emblem stats";grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)}.points-meter--rank .points-meter__progress{border-right:0}.points-rank-emblem{min-height:154px;border-top:1px solid #dbe4e6;border-left:0}.points-meter--rank>dl{grid-column:auto;min-height:154px;padding:12px 28px;border-top:1px solid #dbe4e6;border-left:1px solid #dbe4e6}.points-rank-emblem>img{width:116px}}
@media(max-width:700px){.points-meter--rank{grid-template-areas:"score" "emblem" "progress" "stats";grid-template-columns:1fr}.points-meter--rank .points-meter__score{padding-bottom:18px}.points-rank-emblem{min-height:168px;padding:12px 14px;border-top:1px solid #dbe4e6}.points-rank-emblem>span{width:172px;height:172px}.points-rank-emblem>img{width:142px;max-height:148px}.points-meter--rank .points-meter__progress{padding-top:20px;border-top:1px solid #dbe4e6;border-bottom:1px solid #dbe4e6;border-left:0}.points-meter--rank>dl{min-height:0;padding:8px 22px 17px;border:0}.points-meter--rank>dl div+div{border-left:0}.points-rank-emblem figcaption{bottom:2px}}
@media(max-width:360px){.points-meter--rank .points-meter__progress>span{font-size:.7rem}.points-rank-emblem{min-height:156px}.points-rank-emblem>span{width:158px;height:158px}.points-rank-emblem>img{width:132px;max-height:138px}}
@media(prefers-reduced-motion:reduce){.points-meter--rank .points-progress i,.points-rank-emblem>img{animation:none!important}.points-rank-emblem figcaption{transition:none!important}}

/* Desbloqueo premium: un componente para avatar, color y textura. */
.customization-dialog{width:min(740px,calc(100% - 32px));max-height:min(860px,calc(100dvh - 32px));padding:0;overflow:auto;border:1px solid #c9a738;border-radius:29px;background:#fffdf7;color:#18313c;box-shadow:0 28px 80px rgba(7,42,51,.28);opacity:0;transform:translateY(12px) scale(.98)}
.customization-dialog[open]{animation:unlock-dialog-in .25s ease forwards}.customization-dialog.is-closing{animation:unlock-dialog-out .19s ease forwards}.customization-dialog::backdrop{background:rgba(7,35,44,.58);backdrop-filter:blur(6px);animation:unlock-backdrop-in .22s ease both}.customization-dialog.is-closing::backdrop{animation:unlock-backdrop-out .19s ease both}
.customization-dialog form{position:relative;padding:27px 30px 29px}.customization-dialog__header{display:flex;align-items:center;justify-content:space-between;min-height:45px;margin-bottom:17px}.customization-dialog__header>p{display:flex;align-items:center;gap:7px;margin:0;color:#886706;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.customization-dialog__header>p svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.customization-dialog__close{position:static;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid #c9d5d7;border-radius:50%;background:#fff;color:#274650;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.customization-dialog__close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.customization-dialog__close:hover{transform:rotate(4deg);border-color:#b38f18;background:#fff9e5}.customization-dialog__close:focus-visible{outline:3px solid rgba(38,116,142,.34);outline-offset:3px}
.customization-dialog__main{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:center}.customization-dialog__visual{position:relative;display:grid;place-items:center;min-height:190px;overflow:hidden;border:1px solid rgba(198,164,48,.38);border-radius:24px;background:radial-gradient(circle at 50% 42%,#fffdf4 0 33%,#f2ecd8 73%,#e7dfc3);isolation:isolate}.customization-dialog__visual:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(28,91,65,.11) 1px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
.customization-dialog__visual[data-kind="avatar"]{overflow:visible;border-color:transparent;background:transparent}.customization-dialog__visual[data-kind="avatar"]:after,.customization-dialog__visual[data-kind="avatar"] .customization-dialog__halo,.customization-dialog__visual[data-kind="avatar"] .customization-dialog__botanical{display:none}
.customization-dialog__halo{position:absolute;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(226,189,53,.28),transparent 68%)}.customization-dialog__botanical{position:absolute;right:-22px;bottom:-31px;width:112px;height:112px;border:1px solid rgba(39,101,70,.19);border-radius:62% 38% 65% 35%;transform:rotate(-26deg);box-shadow:-34px -11px 0 -32px rgba(39,101,70,.2),-58px 12px 0 -52px rgba(39,101,70,.18)}
.customization-dialog__visual>img{position:relative;z-index:2;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(14,49,58,.18))}.customization-dialog__visual[data-kind="avatar"]>img{border:2px solid #d5b139;border-radius:50%;background:#fff9e7}.customization-dialog__visual[data-kind="texture"]>img{width:100%;height:190px;border:0;border-radius:0;object-fit:cover}.customization-dialog__visual[data-kind="color"]>img{display:none}
.customization-dialog__card-preview{display:none;position:relative;width:168px;height:102px;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:15px;background:#1d4d62;box-shadow:0 13px 28px rgba(17,55,64,.2)}.customization-dialog__visual[data-kind="color"] .customization-dialog__card-preview{display:block}.customization-dialog__card-preview:before{content:"EXZOO";position:absolute;right:13px;top:12px;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.08em}.customization-dialog__card-preview i,.customization-dialog__card-preview b{position:absolute;left:16px;height:3px;border-radius:3px;background:#f0cf51}.customization-dialog__card-preview i{top:24px;width:76px}.customization-dialog__card-preview b{top:35px;width:49px}.customization-dialog__card-preview em{position:absolute;right:-25px;bottom:-43px;width:100px;height:100px;border:12px solid rgba(255,255,255,.1);border-radius:50%}.customization-dialog__visual[data-key="jungle-green"] .customization-dialog__card-preview{background:#245c45}.customization-dialog__visual[data-key="coral-pink"] .customization-dialog__card-preview{background:#a65f65}.customization-dialog__visual[data-key="night-purple"] .customization-dialog__card-preview{background:#463568}
.customization-dialog__content h2{margin:0 0 11px;color:#102f3b;font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.05;letter-spacing:-.035em}.customization-dialog__price{display:flex;align-items:center;gap:8px;color:#173d49;font-size:1.08rem}.customization-dialog__price img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(176,128,0,.23));animation:unlock-coin-float 5s ease-in-out infinite}.customization-dialog__content>p{max-width:410px;margin:12px 0 0;color:#61767e;font-size:.88rem;line-height:1.55}
.customization-dialog__finance{margin-top:22px;padding:14px 19px;border:1px solid #d8e0df;border-radius:17px;background:#f7f6ef}.customization-dialog__finance dl{margin:0;padding:0;border:0}.customization-dialog__finance dl div{display:flex;justify-content:space-between;padding:5px 0;color:#536c75}.customization-dialog__finance dt{font-size:.82rem}.customization-dialog__finance dd{margin:0;color:#183844;font-weight:850}.customization-dialog__finance .is-after{margin-top:5px;padding-top:11px;border-top:1px solid #d6dfdd}.customization-dialog__finance .is-after dt,.customization-dialog__finance .is-after dd{color:#174f38;font-size:1rem;font-weight:900}
.customization-dialog__shortfall{margin-top:14px;padding:13px 15px;border:1px solid #e0c760;border-radius:15px;background:#fff8dc;color:#6d570d}.customization-dialog__shortfall>p{display:flex;align-items:center;gap:8px;margin:0 0 10px}.customization-dialog__shortfall svg{width:20px;height:20px;fill:none;stroke:#9b7904;stroke-width:1.8}.customization-dialog__shortfall>div{display:flex;justify-content:space-between;font-size:.72rem}.customization-dialog__progress{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e6dec2}.customization-dialog__progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b7808,#e0bd3f);transform:scaleX(var(--unlock-progress-scale,0));transform-origin:left;transition:transform .55s ease}
.customization-dialog form>p.customization-dialog__ownership{margin:18px 2px 0;color:#566d75;font-size:.76rem;font-weight:750;line-height:1.5;letter-spacing:0;text-transform:none}.customization-dialog__actions{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:11px;margin-top:18px}.customization-dialog__actions button,.customization-dialog__actions a{display:flex;min-height:50px;padding:0 20px;align-items:center;justify-content:center;gap:9px;border:1px solid #c79d12;border-radius:15px;background:linear-gradient(135deg,#f0d456,#dfb729);color:#102f3b;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 8px 19px rgba(155,111,0,.13);transition:transform .2s ease,box-shadow .2s ease}.customization-dialog__actions button:first-child{border-color:#cad5d6;background:#fff;box-shadow:none}.customization-dialog__actions [data-customization-confirm]:hover,.customization-dialog__actions a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(155,111,0,.2)}.customization-dialog__actions [data-customization-confirm]:active{transform:scale(.985)}.customization-dialog__actions b{transition:transform .2s ease}.customization-dialog__actions [data-customization-confirm]:hover b,.customization-dialog__actions a:hover b{transform:translateX(3px)}.customization-dialog__actions [hidden]{display:none}
.customization-dialog__processing,.customization-dialog__success,.customization-dialog__error{text-align:center}.customization-dialog__processing{padding:34px 20px 20px}.customization-dialog__processing>span{display:block;width:34px;height:34px;margin:0 auto 14px;border:3px solid #e4ddc3;border-top-color:#b18a09;border-radius:50%;animation:unlock-spin .75s linear infinite}.customization-dialog__processing strong,.customization-dialog__success strong{display:block;color:#143744;font-size:1.35rem}.customization-dialog__processing p,.customization-dialog__success p{margin:6px 0;color:#647981}.customization-dialog__error{margin-top:14px;padding:13px 15px;border:1px solid #d69b8e;border-radius:14px;background:#fff1ed;color:#78382f}.customization-dialog__error strong,.customization-dialog__error span{display:block}.customization-dialog__error span{margin-top:3px;font-size:.78rem}
.customization-dialog__success{padding:24px 20px 8px}.customization-dialog__success>span{display:grid;width:64px;height:64px;margin:0 auto 14px;place-items:center;border:1px solid #9ac8a5;border-radius:50%;background:#eaf6ec;color:#236b3b;box-shadow:0 0 0 12px rgba(219,181,50,.11);animation:unlock-success-pop .65s ease both}.customization-dialog__success svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.customization-dialog.is-success .customization-dialog__main{grid-template-columns:1fr}.customization-dialog.is-success .customization-dialog__visual{width:min(230px,100%);margin:auto;animation:unlock-item-pop .7s ease both}.customization-dialog.is-success .customization-dialog__content{display:none}.customization-dialog.is-success .customization-dialog__halo{animation:unlock-halo .75s ease both}
.customization-dialog__particles{position:absolute;inset:0;pointer-events:none}.customization-dialog__particles i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#e0b936;opacity:0}.customization-dialog.is-success .customization-dialog__particles i{animation:unlock-particle .8s ease-out both}.customization-dialog__particles i:nth-child(2){--x:55px;--y:-48px;animation-delay:.05s!important}.customization-dialog__particles i:nth-child(3){--x:72px;--y:10px;animation-delay:.11s!important}.customization-dialog__particles i:nth-child(4){--x:-62px;--y:33px;animation-delay:.08s!important}.customization-dialog__particles i:nth-child(5){--x:-57px;--y:-42px;animation-delay:.16s!important}.customization-dialog__particles i:nth-child(6){--x:12px;--y:-68px;animation-delay:.13s!important}
.customization-dialog.is-processing .customization-dialog__particles i:nth-child(-n+3){animation:unlock-payment .62s ease-out both}.customization-dialog.is-processing .customization-dialog__particles i:nth-child(2){animation-delay:.08s!important}.customization-dialog.is-processing .customization-dialog__particles i:nth-child(3){animation-delay:.15s!important}
@keyframes unlock-dialog-in{to{opacity:1;transform:none}}@keyframes unlock-dialog-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes unlock-backdrop-in{from{background:rgba(7,35,44,0);backdrop-filter:blur(0)}to{background:rgba(7,35,44,.58);backdrop-filter:blur(6px)}}@keyframes unlock-backdrop-out{to{background:rgba(7,35,44,0);backdrop-filter:blur(0)}}@keyframes unlock-coin-float{25%{transform:translateY(-2px) rotateY(4deg)}75%{transform:translateY(0) rotateY(-4deg)}}@keyframes unlock-spin{to{transform:rotate(360deg)}}@keyframes unlock-success-pop{0%{opacity:0;transform:scale(.9)}55%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes unlock-item-pop{50%{transform:scale(1.035)}}@keyframes unlock-halo{0%{opacity:.6;transform:scale(.8)}100%{opacity:0;transform:scale(1.25)}}@keyframes unlock-particle{0%{opacity:0;transform:translate(0,0) scale(.4)}30%{opacity:.85}100%{opacity:0;transform:translate(var(--x,-35px),var(--y,55px)) scale(1)}}@keyframes unlock-payment{0%{opacity:.85;transform:translate(-95px,80px) scale(.65)}100%{opacity:0;transform:translate(0,0) scale(.2)}}
@media(max-width:620px){.customization-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:23px}.customization-dialog form{padding:19px 17px 21px}.customization-dialog__header{margin-bottom:12px}.customization-dialog__main{grid-template-columns:1fr;gap:14px;text-align:center}.customization-dialog__visual{width:100%;min-height:135px}.customization-dialog__visual>img{width:108px;height:108px}.customization-dialog__visual[data-kind="texture"]>img{height:135px}.customization-dialog__content h2{font-size:1.7rem}.customization-dialog__price{justify-content:center}.customization-dialog__content>p{margin-inline:auto}.customization-dialog__finance{margin-top:16px}.customization-dialog__actions{display:flex;flex-direction:column-reverse}.customization-dialog__actions>*{width:100%}.customization-dialog__actions [data-customization-confirm],.customization-dialog__actions [data-customization-earn],.customization-dialog__actions [data-customization-retry],.customization-dialog__actions [data-customization-done]{order:2}.customization-dialog__actions [data-customization-close]{order:1}}
@media(max-height:670px) and (min-width:621px){.customization-dialog__main{grid-template-columns:160px 1fr}.customization-dialog__visual{min-height:145px}.customization-dialog__visual>img{width:110px;height:110px}.customization-dialog form{padding-block:18px}.customization-dialog__finance{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.customization-dialog,.customization-dialog[open],.customization-dialog.is-closing,.customization-dialog::backdrop,.customization-dialog__price img,.customization-dialog__processing>span,.customization-dialog__success>span,.customization-dialog.is-success .customization-dialog__visual,.customization-dialog.is-success .customization-dialog__halo,.customization-dialog.is-success .customization-dialog__particles i{animation:none!important;transition:none!important;transform:none!important}.customization-dialog[open]{opacity:1}}