@font-face{font-family:Manrope;src:url(/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}
body{margin:0;background:#FBFAF3}
a{color:#503AA8}a:hover{color:#3B2A80}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid #111111;font-family:inherit;font-weight:700;font-size:15px;line-height:1;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,color .15s ease}
.btn-dark{background:#111111;color:#FBFAF3}
.btn-dark:hover{background:#2B2B2B;color:#FBFAF3;transform:translateY(-1px)}
.btn-line{background:transparent;color:#111111}
.btn-line:hover{background:#111111;color:#FBFAF3}
.btn-light{background:#FBFAF3;color:#111111;border-color:#FBFAF3}
.btn-light:hover{background:#E4DEF7;color:#111111;border-color:#E4DEF7}
.nav a{color:#111111;text-decoration:none;font-weight:600;font-size:15px;padding:12px 2px}
.nav a:hover{color:#503AA8}
.idioma{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#111111;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
.idioma:hover{background:#F1EEFB;color:#3B2A80}
.pulse{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#503AA8}
.pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #503AA8;opacity:0;animation:pulso 2.4s ease-out infinite}
.lane{position:absolute;left:50%;width:0;margin-left:-1px;border-left:2px dashed #C9C2DD}
.pkt{position:absolute;left:50%;top:40px;width:12px;height:12px;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 3px #FFFFFF;z-index:2}
.pkt-ok{background:#503AA8;animation:pasa 3.6s linear infinite both}
.pkt-bad{background:#A3361F;animation:rebota 3.6s ease-in-out 1.8s infinite both}
.tag-block{position:absolute;top:62px;left:calc(50% + 20px);z-index:2;padding:4px 10px;border-radius:999px;background:#FBE8E3;color:#A3361F;font-size:12px;font-weight:700;animation:aviso 3.6s ease 1.8s infinite both}
.zona{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:112px;padding:14px;border-radius:14px;border:1.5px solid #E4E0D3;background:#FBFAF3;color:#111111;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.zona:hover{border-color:#A99CDB}
.zona-on{border-color:#503AA8;background:#F1EEFB;box-shadow:0 0 0 3px rgba(80,58,168,.14)}
.tab{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid #DEDACC;background:#FFFFFF;color:#111111;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.tab:hover{border-color:#111111}
.tab-on{background:#111111;border-color:#111111;color:#FBFAF3}
.opt{min-height:44px;min-width:72px;padding:0 18px;border-radius:999px;border:1.5px solid #D8D4C6;background:#FFFFFF;color:#111111;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.opt:hover{border-color:#503AA8}
.opt-on{background:#503AA8;border-color:#503AA8;color:#FFFFFF}
.seg{flex:1;height:6px;border-radius:999px;background:#E7E3D6;transition:background-color .2s ease}
.seg-on{background:#503AA8}
.res{border-radius:18px;padding:24px}
.res-ok{background:#E9F3EA}
.res-medio{background:#FBF1DC}
.res-alto{background:#FBE8E3}
.res-ok .badge{color:#2F6B3A}
.res-medio .badge{color:#8A5A00}
.res-alto .badge{color:#A3361F}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#FFFFFF;border:1.5px solid #111111;color:#111111;font-weight:700;font-size:14px;text-decoration:none}
.chip:hover{background:#111111;color:#FBFAF3}
.nota{transition:transform .2s ease,box-shadow .2s ease}
.nota:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(17,17,17,.45)}
.faq-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:18px 0;border:0;background:transparent;color:#111111;font-family:inherit;font-weight:700;font-size:18px;text-align:left;cursor:pointer}
.faq-btn:hover{color:#503AA8}
.faq-ico{flex:none;transition:transform .25s ease}
.faq-ico-on{transform:rotate(45deg)}
.pie a{display:inline-block;padding:12px 0;color:#111111;text-decoration:none;font-weight:600;font-size:14px}
.pie a:hover{color:#503AA8}
.pie-idioma{display:inline-block;padding:12px 0;border:0;background:transparent;color:#111111;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
.pie-idioma:hover{color:#503AA8}
.rv{opacity:0;translate:0 28px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}
.rv-in{opacity:1;translate:0 0}
.rv-d1{transition-delay:.1s}
.rv-d2{transition-delay:.2s}
.rv-d3{transition-delay:.3s}
.rv-l{opacity:0;translate:0 12px;transition:opacity .45s cubic-bezier(.2,.7,.2,1),translate .45s cubic-bezier(.2,.7,.2,1)}
.rv-l.rv-in{opacity:1;translate:0 0}
.rv-s1{transition-delay:60ms}.rv-s2{transition-delay:120ms}.rv-s3{transition-delay:180ms}.rv-s4{transition-delay:240ms}
.campo{flex:1 1 260px;min-width:0;min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid #8C887E;background:#1C1C1C;color:#FBFAF3;font-family:inherit;font-size:16px;transition:border-color .15s ease}
.campo::placeholder{color:#9C988E}
.campo:hover{border-color:#B9B6AC}
.campo:focus-visible{outline:3px solid #B9AEE3;outline-offset:2px;border-color:#B9AEE3}
.btn-light:focus-visible,.otro:focus-visible{outline:3px solid #B9AEE3;outline-offset:2px}
.otro{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0;border:0;background:transparent;color:#FBFAF3;font-family:inherit;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.otro:hover{color:#E4DEF7}
@keyframes pulso{0%{transform:scale(.4);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@keyframes pasa{0%{top:40px;opacity:0}8%{opacity:1}90%{opacity:1}100%{top:224px;opacity:0}}
@keyframes rebota{0%{top:40px;opacity:0}8%{opacity:1}38%{top:94px;opacity:1}46%{top:82px;opacity:1}62%{top:82px;opacity:0}100%{top:82px;opacity:0}}
@keyframes aviso{0%,34%{opacity:0;transform:translateY(4px)}42%,64%{opacity:1;transform:translateY(0)}74%,100%{opacity:0;transform:translateY(0)}}
@keyframes entra{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes aparecer{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@media (prefers-reduced-motion:no-preference){
.entra{animation:entra .8s cubic-bezier(.2,.7,.2,1) both}
.e2{animation-delay:.08s}.e3{animation-delay:.16s}.e4{animation-delay:.24s}.e5{animation-delay:.32s}.e6{animation-delay:.44s}
.flota{animation:flotar 7s ease-in-out infinite}
.res{animation:entra .5s cubic-bezier(.2,.7,.2,1) both}
.aparece{animation:entra .35s ease both}
.gracias{animation:entra .35s ease both}
.ok-ico{animation:aparecer .3s cubic-bezier(.2,.7,.2,1) .1s both}
}
@media (max-width:820px){.nav{display:none !important}.acciones{margin-left:auto}}
@media (max-width:520px){.solo-amplio{display:none !important}.caja{padding:20px !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pkt-ok,.pkt-bad,.tag-block,.pulse::after{animation:none}.pkt-bad,.tag-block{opacity:0}.rv,.rv-l{opacity:1;translate:none;transition:none}}