/* Mandul Karité · acceso · © 2026 SecureCore SL · software propietario */
@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url(/fonts/fraunces-i.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:400 16px/1.5 Jost,"Segoe UI",Arial,sans-serif;color:#2b2420;background:#241d19;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.fondo{position:fixed;inset:-30px;background:url(/img/manos.webp) center/cover;filter:blur(14px) saturate(1.1);transform:scale(1.08);animation:respira 14s ease-in-out infinite alternate}
.velo{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(36,29,25,.35),rgba(36,29,25,.88) 70%)}
#polvo{position:fixed;inset:0;pointer-events:none}
@keyframes respira{to{transform:scale(1.16) translate(-12px,8px)}}
.volver{position:fixed;left:20px;top:18px;z-index:3;color:#f3e6d0;text-decoration:none;font-size:14px;padding:8px 14px;border-radius:99px;background:rgba(255,253,249,.1);backdrop-filter:blur(8px)}
.volver:hover{background:rgba(255,253,249,.2)}
.idi{position:fixed;right:20px;top:18px;z-index:3;display:flex;background:rgba(255,253,249,.12);border-radius:99px;padding:3px;backdrop-filter:blur(8px)}
.idi button{border:0;background:none;color:#f3e6d0;padding:6px 11px;border-radius:99px;font:600 12px Jost;letter-spacing:.06em;cursor:pointer}.idi button.on{background:#f3e6d0;color:#241d19}
.acc{position:relative;z-index:2;min-height:100%;display:flex;align-items:center;justify-content:center;padding:70px 18px 30px}
.card{width:100%;max-width:440px;background:rgba(250,245,236,.96);border-radius:30px;padding:36px 34px 26px;box-shadow:0 40px 90px -30px rgba(0,0,0,.65);animation:entra .9s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes entra{from{opacity:0;transform:translateY(30px) scale(.97)}}
.card.mal{animation:tiembla .45s}
@keyframes tiembla{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.lg{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:22px;color:#2b2420}
.lg .mk-mark{height:74px;width:auto}.lg .mk-word{height:19px;width:auto}
.mk-anim .mk-p{fill-opacity:0;stroke-dasharray:4200;stroke-dashoffset:4200;animation:trazo 1.8s .3s cubic-bezier(.6,0,.3,1) forwards,relleno .6s 1.8s forwards}
.mk-word.mk-anim .mk-l{stroke-dasharray:420;stroke-dashoffset:420;animation:trazo .9s calc(1.2s + var(--i)*.09s) ease forwards}
@keyframes trazo{to{stroke-dashoffset:0}}@keyframes relleno{to{fill-opacity:1;stroke-width:0}}
h1{font:500 30px/1.1 Fraunces,Georgia,serif;text-align:center;margin:0 0 8px;letter-spacing:-.01em}
.s{text-align:center;color:#7a6b5f;margin:0 0 24px;font-size:14.5px}
.campo{display:flex;align-items:center;gap:10px;background:#fffdf9;border:1px solid #e2d5c1;border-radius:16px;padding:0 14px;margin-bottom:12px;transition:.2s}
.campo:focus-within{border-color:#b9782f;box-shadow:0 0 0 4px rgba(185,120,47,.14)}
.campo svg{width:19px;height:19px;color:#b9782f;flex:none}
.campo input{flex:1;border:0;background:none;padding:15px 0;font:inherit;font-size:16px;outline:0;color:#2b2420;min-width:0}
.ver{border:0;background:#efe4d2;border-radius:99px;padding:5px 12px;font:600 12px Jost;cursor:pointer;color:#4b3f36}
.fila{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:#7a6b5f;margin:4px 2px 18px;gap:10px}
.fila label{display:flex;gap:8px;align-items:center;cursor:pointer}
.btn{width:100%;border:0;border-radius:99px;padding:16px;background:#2b2420;color:#f7f1e7;font:500 16px Jost;cursor:pointer;transition:.25s;position:relative;overflow:hidden}
.btn:hover{background:#b9782f}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-100%);animation:brillo 3.2s 2.4s infinite}
@keyframes brillo{40%,100%{transform:translateX(100%)}}
.err{color:#a44a26;text-align:center;font-size:14px;min-height:22px;margin-top:8px}
.demo{margin-top:10px;border-top:1px dashed #d8c8b0;padding-top:16px}
.demo h2{font:600 11.5px Jost;letter-spacing:.18em;text-transform:uppercase;color:#9a8670;text-align:center;margin:0 0 12px}
.demo button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #e2d5c1;background:#fffdf9;border-radius:16px;padding:11px 13px;margin-bottom:8px;cursor:pointer;font:inherit;transition:.2s}
.demo button:hover{border-color:#b9782f;transform:translateY(-1px)}.demo button.pulsa{background:#f3d9b1}
.demo i{font-style:normal;font-size:20px;width:38px;height:38px;border-radius:12px;background:#efe4d2;display:grid;place-items:center;flex:none}
.demo span{display:flex;flex-direction:column;flex:1;min-width:0}.demo b{font-size:14.5px}.demo small{color:#7a6b5f;font-size:12.5px;line-height:1.3}
.demo code{font:500 11.5px ui-monospace,Menlo,monospace;background:#2b2420;color:#f3d9b1;padding:4px 8px;border-radius:8px;white-space:nowrap}
.peu{text-align:center;font-size:12px;color:#a8977f;margin-top:14px;letter-spacing:.06em}
#carga{position:fixed;inset:0;z-index:10;background:#241d19;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#f3d9b1}
#carga.on{display:flex;animation:fd .35s}@keyframes fd{from{opacity:0}}
#carga .lg{margin:0}#carga .mk-mark{height:110px}
#carga .bar{width:min(320px,70vw);height:3px;background:rgba(243,217,177,.15);border-radius:3px;overflow:hidden}#carga .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b9782f,#f3d9b1);transition:width .1s}
#carga .pc{font:400 34px Fraunces,serif}#carga .tx{font-size:14px;color:#cdbda4;min-height:20px}
@media (max-width:480px){.card{padding:28px 20px 20px;border-radius:24px}.demo code{display:none}h1{font-size:26px}}