@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-400-normal-CXbiKSL7.woff2) format("woff2"),url(/assets/cinzel-latin-400-normal-CXlcSA6a.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Cdzp-HQs.woff2) format("woff2"),url(/assets/cinzel-latin-600-normal-Ue3O2IYg.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-CO6zq4Dz.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-DLDhli3h.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-x2m7Zw48.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-B6zukdbx.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Cpve2RO_.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-D0BiHm2a.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}:root{--ink: #15110E;--surface: #1E1915;--surface-2: #251F1A;--line: #3A3029;--line-gold: #5A4A38;--parchment: #EDE6D6;--muted: #A89C8A;--gold: #C9A46A;--gold-hi: #E2C48F;--wine: #7A2328;--wine-hi: #9A3036;--wine-bg: #221416;--wine-line: #6E2A2E;--wine-text: #E9B9B9;--f-titulo: "Cinzel", Georgia, serif;--f-cita: "Cormorant Garamond", Georgia, serif;--f-ui: "Manrope", system-ui, sans-serif;--r: 16px;--lento: cubic-bezier(.22, .8, .24, 1);--pad: 22px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--parchment)}body{font-family:var(--f-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(201,164,106,.07),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(122,35,40,.08),transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}a{color:var(--gold)}a:hover{color:var(--gold-hi)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.pantalla{flex:1;padding:26px var(--pad) 120px;display:flex;flex-direction:column;gap:16px;animation:entrar .6s var(--lento)}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.marca{font-family:var(--f-titulo);font-size:15px;letter-spacing:.32em;color:var(--gold)}.eyebrow{font-style:normal;font-weight:400;font-family:var(--f-titulo);font-size:12px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin:0}.eyebrow.oro{color:var(--gold)}.titulo-romano{font-style:normal;font-family:var(--f-titulo);font-size:34px;letter-spacing:.06em;margin:0;font-weight:400}.cita{font-family:var(--f-cita);font-style:italic;font-size:19px;line-height:1.3;margin:0}.cursiva{font-family:var(--f-cita);font-style:italic;color:var(--muted);font-size:16px}h1,h2{font-family:var(--f-cita);font-weight:500;font-style:italic;margin:0;line-height:1.15}h1{font-size:34px}h2{font-size:26px}.suave{color:var(--muted)}.peque{font-size:12.5px}p{margin:0}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}.tarjeta.punteada{background:transparent;border-style:dashed;border-color:var(--line-gold)}.tarjeta.vino{background:var(--wine-bg);border-color:var(--wine-line)}.fila{display:flex;gap:14px;align-items:center}.pila{display:flex;flex-direction:column;gap:10px}.entre{display:flex;justify-content:space-between;align-items:center;gap:10px}.pastilla{font-family:var(--f-titulo);font-size:11px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--line-gold);border-radius:999px;padding:6px 12px;background:transparent;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;gap:6px}.chip{font-size:11px;color:var(--gold);border:1px solid var(--line-gold);border-radius:999px;padding:3px 9px;background:transparent;white-space:nowrap}.boton{min-height:52px;padding:0 22px;border-radius:14px;border:1px solid var(--line-gold);background:transparent;font-family:var(--f-titulo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .4s var(--lento),transform .2s}.boton:hover{background:#c9a46a0f}.boton:active{transform:scale(.98)}.boton.lacre{background:linear-gradient(160deg,var(--wine-hi),var(--wine) 60%,#5e1a1e);border-color:#8e3a3f;color:var(--parchment);box-shadow:0 14px 30px -14px #7a2328e6,inset 0 1px #ffffff1f}.boton.lacre:hover{filter:brightness(1.08)}.boton.ancho{width:100%}.boton[disabled]{opacity:.45;cursor:default}.enlace{background:none;border:0;padding:10px 4px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px;min-height:44px}.enlace:hover{color:var(--parchment)}.volver{background:none;border:0;color:var(--gold);font-size:14px;padding:10px 0;min-height:44px;align-self:flex-start;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.campo{display:flex;flex-direction:column;gap:8px}.campo>span{font-family:var(--f-titulo);font-size:11px;letter-spacing:.2em;color:var(--muted)}.entrada{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--parchment);font:inherit;font-size:16px;transition:border-color .3s}.entrada::placeholder{color:#6f6458}.entrada:focus{outline:none;border-color:var(--gold)}textarea.entrada{resize:vertical;min-height:90px;line-height:1.5}.entrada.grande{font-family:var(--f-cita);font-style:italic;font-size:22px}.segmentos{display:flex;gap:8px}.segmentos button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.segmentos button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#c9a46a12}.dias{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.dias button{min-height:44px;border-radius:50%;aspect-ratio:1;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--f-titulo);font-size:13px;padding:0}.dias button[aria-pressed=true]{border-color:var(--gold);color:var(--ink);background:var(--gold)}.retrato{width:54px;height:54px;flex-shrink:0;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--f-titulo);font-size:22px;color:var(--gold);background:var(--ink);overflow:hidden}.retrato img{width:100%;height:100%;object-fit:cover}.retrato.grande{width:96px;height:96px;font-size:38px}.voto{display:flex;gap:14px;align-items:center;padding:14px 16px}.voto .info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.voto .nombre{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voto .ancla{font-size:12px;color:var(--muted)}.voto.sellado{border-color:#c9a46a59}.temple{display:flex;align-items:center;gap:8px;margin-top:4px}.temple .barra{flex:1;height:4px;background:var(--line);border-radius:4px;overflow:hidden}.temple .barra i{display:block;height:100%;background:linear-gradient(90deg,#a8844d,var(--gold),var(--gold-hi));border-radius:4px;transition:width 1.2s var(--lento)}.temple span{font-size:11px;color:var(--muted);white-space:nowrap}.sello{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1.5px dashed var(--line-gold);background:transparent;display:grid;place-items:center;padding:0;position:relative;transition:border-color .3s}.sello:hover{border-color:var(--gold)}.sello svg.lacre-svg{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}.sello.puesto{border-color:transparent}.sello.puesto .lacre-svg{animation:estampar .7s var(--lento)}@keyframes estampar{0%{transform:scale(1.6) rotate(-14deg);opacity:0}55%{transform:scale(.92) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.sello .marca-nivel{position:relative;font-family:var(--f-titulo);font-size:13px;color:var(--gold-hi)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid var(--line);background:#120f0ceb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}.nav ul{max-width:480px;margin:0 auto;padding:0 8px;list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}.nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 12px;min-height:58px;color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:.04em}.nav a[aria-current=page]{color:var(--gold)}.nav svg{width:22px;height:22px}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0806a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:aparecer .35s var(--lento)}@keyframes aparecer{0%{opacity:0}}.hoja{width:min(480px,100%);background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:22px var(--pad) calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:subir .45s var(--lento);max-height:88dvh;overflow-y:auto}@keyframes subir{0%{transform:translateY(40px);opacity:0}}.opciones-nivel{display:grid;gap:10px}.opciones-nivel button{text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--ink);display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:56px}.opciones-nivel button b{font-weight:600}.opciones-nivel button small{color:var(--muted);font-size:13px}.opciones-nivel button[aria-pressed=true]{border-color:var(--gold)}.aviso{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;width:min(440px,calc(100% - 32px));background:#2a221c;border:1px solid var(--line-gold);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 18px 40px -18px #000;animation:subir .4s var(--lento)}.aviso p{flex:1;font-size:14px}.aviso button{background:none;border:0;color:var(--gold);font-weight:600;min-height:44px;padding:0 6px}.rango-actual{text-align:center;padding:24px 16px;display:flex;flex-direction:column;gap:6px;align-items:center}.rango-actual .num{font-family:var(--f-titulo);font-size:54px;color:var(--gold);line-height:1}.rango-actual .nombre{font-family:var(--f-titulo);font-size:20px;letter-spacing:.14em}.progreso{width:100%;height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-top:8px}.progreso i{display:block;height:100%;background:linear-gradient(90deg,#a8844d,var(--gold-hi));transition:width 1.4s var(--lento)}.camino{padding:4px 16px}.camino li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #2C241E}.camino li:last-child{border-bottom:0}.camino .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-titulo);font-size:12px;border:1px solid var(--line);color:var(--muted);flex-shrink:0}.camino li.pasado .n{border-color:var(--gold);color:var(--gold)}.camino li.actual .n{background:var(--gold);color:var(--ink);border-color:var(--gold)}.camino li.futuro{opacity:.55}.camino .estado{margin-left:auto;font-size:12px;color:var(--muted)}.camino ul,ul.camino{list-style:none;margin:0}.umbral{min-height:100dvh;padding:40px var(--pad) 32px;display:flex;flex-direction:column;gap:22px;animation:entrar .8s var(--lento)}.umbral .centro{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px}.columnas{display:flex;justify-content:center;gap:22px}.pasos{display:flex;gap:6px;justify-content:center}.pasos i{width:22px;height:3px;border-radius:3px;background:var(--line)}.pasos i.on{background:var(--gold)}.eleccion{text-align:left;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:flex;gap:14px;align-items:center;width:100%;min-height:64px;transition:border-color .3s}.eleccion[aria-pressed=true]{border-color:var(--gold);background:#c9a46a0f}.eleccion b{font-family:var(--f-titulo);font-size:13px;letter-spacing:.14em;font-weight:400;color:var(--gold)}.plantillas{display:flex;flex-wrap:wrap;gap:8px}.plantillas button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--parchment);font-size:14px}.plantillas button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.lacre-grande{width:132px;height:132px;margin:0 auto}.lacre-grande.estampado{animation:estampar 1s var(--lento)}.juramento-sellado{text-align:center}.vacio{text-align:center;padding:36px 16px;display:flex;flex-direction:column;gap:12px;align-items:center}.separador{height:1px;background:var(--line);border:0;margin:6px 0}.ornamento{display:flex;align-items:center;gap:12px;color:var(--line-gold)}.ornamento:before,.ornamento:after{content:"";flex:1;height:1px;background:currentColor}.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lacre-mini{width:38px;height:38px}.escena{width:min(260px,70%);aspect-ratio:3 / 4;object-fit:cover;object-position:50% 30%;margin:0 auto;border-radius:140px 140px 18px 18px;border:1px solid var(--line-gold);box-shadow:0 30px 60px -30px #000,0 0 0 6px #c9a46a0f}