.odl{--crema:#f4ede1;--crema-2:#ede3d2;--lila:#c9b4e0;--lila-hondo:#a98fcb;--rosa:#f3c4d0;--rosa-hondo:#e39fb2;--rojo:#b33a2b;--navy:#22306b;--tinta:#1b1a19;--tinta-suave:#5c574f;--papel-sombra:#46322838;background-color:var(--crema);color:var(--tinta);cursor:auto;background-image:radial-gradient(at 20% 0,#ffffff8c,#0000 60%),radial-gradient(at 90% 100%,#c9b4e033,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");min-height:100vh;padding:clamp(18px,4vw,48px) clamp(14px,4vw,32px) 80px;font-family:Courier Prime,ui-monospace,monospace;overflow-x:hidden}.odl *,.odl :before,.odl :after{box-sizing:border-box}.odl p,.odl h1,.odl h2,.odl h3,.odl dl,.odl dd,.odl ul{margin:0;padding:0}.odl .marco{max-width:760px;margin:0 auto;position:relative}.odl .pantalla{animation:.5s cubic-bezier(.2,.8,.3,1) both odl-entrar}@keyframes odl-entrar{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.odl .cabecera{text-align:center;margin-bottom:clamp(26px,5vw,44px);position:relative}.odl .eyebrow{letter-spacing:.22em;color:var(--tinta-suave);text-transform:uppercase;margin-bottom:14px;font-family:Silkscreen,monospace;font-size:10px}.odl .logo{letter-spacing:-.01em;color:var(--tinta);font-family:Silkscreen,monospace;font-size:clamp(30px,8.5vw,60px);font-weight:700;line-height:.94}.odl .logo .de{letter-spacing:.16em;color:var(--rojo);margin:.28em 0;font-size:.42em;display:block}.odl .logo em{font-style:normal;display:inline-block;position:relative}.odl .logo em:after{content:"";background:var(--lila);opacity:.72;z-index:-1;height:.34em;position:absolute;bottom:.1em;left:-4%;right:-4%}.odl .lema{color:var(--tinta-suave);max-width:32ch;margin-top:18px;margin-left:auto;margin-right:auto;font-size:clamp(13px,3.4vw,15px);line-height:1.65}.odl .lema b{color:var(--tinta);font-weight:700}.odl .acciones{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.odl .btn{letter-spacing:.04em;border:1.5px solid var(--tinta);background:var(--crema);color:var(--tinta);cursor:pointer;box-shadow:3px 3px 0 var(--tinta);border-radius:2px;padding:14px 24px;font-family:Courier Prime,monospace;font-size:14px;font-weight:700;transition:transform .13s,box-shadow .13s,background .13s}.odl .btn:hover{box-shadow:5px 5px 0 var(--tinta);transform:translate(-1.5px,-1.5px)}.odl .btn:active{box-shadow:0 0 0 var(--tinta);transform:translate(3px,3px)}.odl .btn:focus-visible,.odl .voto:focus-visible,.odl .tab:focus-visible,.odl .volver:focus-visible,.odl textarea:focus-visible,.odl select:focus-visible,.odl input:focus-visible{outline:2.5px solid var(--rojo);outline-offset:3px}.odl .btn.primario{background:var(--rojo);color:#fff6ee;border-color:var(--rojo);box-shadow:3px 3px 0 var(--navy)}.odl .btn.primario:hover{box-shadow:5px 5px 0 var(--navy)}.odl .btn.primario:active{box-shadow:0 0 0 var(--navy)}.odl .btn.fantasma{box-shadow:none;background:0 0;border-style:dashed}.odl .btn.fantasma:hover{box-shadow:none;background:#c9b4e047;transform:none}.odl .btn[disabled]{opacity:.35;cursor:not-allowed;box-shadow:3px 3px 0 var(--tinta)!important;transform:none!important}.odl .pila{max-width:520px;margin:0 auto;padding:clamp(30px,6vw,46px) clamp(22px,5vw,40px);position:relative}.odl .pila .hoja{box-shadow:0 6px 18px var(--papel-sombra);border-radius:2px;position:absolute;inset:0}.odl .pila .h1{background:var(--rosa);transform:rotate(-3.2deg)}.odl .pila .h2{background:#f0e6c8;transform:rotate(2.4deg)}.odl .pila .h3{background:var(--lila);transform:rotate(-.6deg)}.odl .pila .contenido{z-index:2;color:var(--tinta);font-size:13px;line-height:1.8;position:relative}.odl .pila .contenido strong{letter-spacing:.12em;color:var(--rojo);margin-bottom:10px;font-family:Silkscreen,monospace;font-size:10px;display:block}.odl .pila ol{margin:0;padding-left:18px}.odl .clip{z-index:6;filter:drop-shadow(1px 2px 2px #00000038);width:38px;height:56px;position:absolute;top:-16px;left:26px}.odl .monio{z-index:5;opacity:.95;width:56px;position:absolute}.odl .estrella{z-index:5;filter:drop-shadow(2px 4px 5px #00000042);position:absolute}.odl .mesa{min-height:420px;position:relative}.odl .carta{background:var(--lila);box-shadow:0 10px 26px var(--papel-sombra),0 2px #fff6 inset;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23p)' opacity='.10'/%3E%3C/svg%3E");border-radius:2px;padding:clamp(26px,5vw,38px) clamp(20px,4.5vw,34px) clamp(56px,7vw,64px);position:relative;transform:rotate(-1.1deg)}.odl .carta.rosa{background-color:var(--rosa);transform:rotate(1.3deg)}.odl .carta.mantequilla{background-color:#f0e6c8;transform:rotate(-.5deg)}.odl .carta-cabeza{letter-spacing:.12em;text-transform:uppercase;color:#1b1a199e;border-bottom:1px solid #1b1a192e;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(22px,4vw,30px);padding-bottom:10px;font-size:10px;display:flex}.odl .folio{letter-spacing:0;color:var(--tinta);font-family:Silkscreen,monospace;font-size:15px}.odl .bloque{margin-bottom:26px}.odl .etiqueta{letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);margin-bottom:9px;font-family:Silkscreen,monospace;font-size:9px;display:block}.odl .bloque p{font-size:clamp(14px,3.6vw,16px);line-height:1.72}.odl .bloque.verdad p{font-weight:700}.odl .postit{background:linear-gradient(160deg,#ffffff80,#e39fb28c);max-width:78%;margin:0 0 30px;padding:20px 22px 24px;position:relative;transform:rotate(-2.2deg);box-shadow:0 5px 14px #4632282e}.odl .postit .etiqueta{color:var(--navy)}.odl .postit p{color:var(--navy);font-family:Caveat,cursive;font-size:clamp(21px,5.4vw,26px);line-height:1.32}.odl .postit .clip-chico{filter:drop-shadow(1px 2px 2px #0003);width:24px;height:44px;position:absolute;top:-12px;right:18px;transform:rotate(12deg)}.odl .tag{z-index:4;border-left:6px solid var(--rosa);background:#fdf8f2;border-radius:3px;width:132px;padding:12px 12px 14px;position:absolute;bottom:-26px;right:clamp(12px,3vw,26px);transform:rotate(4deg);box-shadow:0 6px 14px #4632283d}.odl .tag .agujero{background:var(--crema-2);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1.5px #1b1a1947}.odl .tag dl{letter-spacing:.03em;margin-top:14px;font-size:9px;line-height:1.8}.odl .tag dt{color:var(--tinta-suave);text-transform:uppercase;display:inline}.odl .tag dd{font-weight:700;display:inline}.odl .tag dd:after{content:"";display:block}.odl .veredicto{border-top:1px dashed #1b1a194d;margin-top:34px;padding-top:20px}.odl .veredicto .pregunta{letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave);text-align:center;margin-bottom:12px;font-size:11px}.odl .votos{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.odl .voto{border:1.5px solid var(--tinta);cursor:pointer;color:var(--tinta);background:#ffffff6b;border-radius:2px;padding:11px 18px;font-family:Courier Prime,monospace;font-size:12.5px;font-weight:700;transition:background .15s,transform .12s}.odl .voto:hover{background:#fff;transform:translateY(-2px)}.odl .voto.elegido{background:var(--navy);color:#fff6ee;border-color:var(--navy)}.odl .resultado{text-align:center;color:var(--tinta-suave);margin-top:14px;font-size:12px;animation:.35s both odl-entrar}.odl .resultado b{color:var(--navy);font-family:Silkscreen,monospace;font-size:14px}.odl .campo{margin-bottom:clamp(24px,4.5vw,32px)}.odl .campo label{margin-bottom:8px;display:block}.odl .campo .titulo{color:var(--tinta);margin-bottom:5px;font-family:Silkscreen,monospace;font-size:12px;display:block}.odl .campo .ayuda{color:var(--tinta-suave);font-size:12px;line-height:1.55;display:block}.odl .campo textarea{width:100%;color:var(--tinta);resize:none;background:#ffffff80;border:none;border-bottom:1.5px dashed #1b1a196b;border-radius:2px 2px 0 0;padding:12px 4px;font-family:Courier Prime,monospace;font-size:15px;line-height:1.7}.odl .campo textarea::placeholder{color:#1b1a195c;font-style:italic}.odl .campo textarea:focus{border-bottom-color:var(--rojo);background:#ffffffd9;border-bottom-style:solid;outline:none}.odl .campo textarea.manuscrita{color:var(--navy);font-family:Caveat,cursive;font-size:23px;line-height:1.4}.odl .contador{color:var(--tinta-suave);letter-spacing:.05em;justify-content:flex-end;margin-top:6px;font-size:10.5px;display:flex}.odl .contador.lleno{color:var(--rojo);font-weight:700}.odl .reglas{border-left:4px solid var(--navy);color:var(--tinta-suave);background:#ffffff6b;margin:8px 0 30px;padding:16px 18px;font-size:12px;line-height:1.75}.odl .reglas strong{color:var(--navy);letter-spacing:.1em;margin-bottom:6px;font-family:Silkscreen,monospace;font-size:10px;display:block}.odl .reglas ul{padding:0;list-style:none}.odl .reglas li{padding-left:16px;position:relative}.odl .reglas li:before{content:"×";color:var(--rojo);font-weight:700;position:absolute;left:2px}.odl .reglas li.si:before{content:"✓";color:var(--navy)}.odl .error{border-left:4px solid var(--rojo);color:var(--rojo);background:#b33a2b14;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.7}.odl .sello{color:var(--rojo);border:3px double var(--rojo);opacity:.9;text-align:center;padding:14px 22px;font-family:Silkscreen,monospace;font-size:clamp(15px,4vw,20px);line-height:1.4;display:inline-block;transform:rotate(-6deg)}.odl .nav-lectura{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(46px,7vw,60px);display:flex}.odl .contador-buzon{text-align:center;color:var(--tinta-suave);letter-spacing:.08em;margin-top:18px;font-size:11px}.odl .pie{max-width:760px;color:var(--tinta-suave);text-align:center;border-top:1px solid #1b1a1924;margin:70px auto 0;padding-top:24px;font-size:10.5px;line-height:1.9}.odl .pie .firma{letter-spacing:.14em;color:var(--tinta);margin-bottom:8px;font-family:Silkscreen,monospace;font-size:9px}.odl .volver{color:var(--tinta-suave);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:8px 0;font-family:Courier Prime,monospace;font-size:12px}.odl .volver:hover{color:var(--rojo)}.odl .barra-superior{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.odl .marca-chica{letter-spacing:.14em;color:var(--tinta);font-family:Silkscreen,monospace;font-size:10px}.odl .marca-chica span{color:var(--rojo)}.odl .saliendo{animation:.34s cubic-bezier(.5,0,.75,0) forwards odl-salir}@keyframes odl-salir{to{opacity:0;transform:translate(-40px)rotate(-6deg)scale(.96)}}.odl-telon{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#1b1a19;background:#1b1a19b8;justify-content:center;align-items:flex-start;padding:24px 16px;font-family:Courier Prime,monospace;animation:.3s both odl-entrar;display:flex;position:fixed;inset:0;overflow-y:auto}.odl-telon .taller{background:#f4ede1;border-radius:3px;width:100%;max-width:420px;margin:auto;padding:clamp(20px,4vw,30px);box-shadow:0 20px 50px #0006}.odl-telon h2{letter-spacing:.06em;margin:0 0 6px;font-family:Silkscreen,monospace;font-size:14px}.odl-telon .sub{color:#5c574f;margin:0 0 18px;font-size:11.5px;line-height:1.6}.odl-telon .lienzo-caja{background:#ede3d2;border-radius:2px;justify-content:center;align-items:center;min-height:200px;margin-bottom:16px;padding:12px;display:flex}.odl-telon canvas{width:auto;max-width:100%;height:auto;max-height:52vh;display:block;box-shadow:0 6px 20px #4632284d}.odl-telon .tabs{gap:8px;margin-bottom:16px;display:flex}.odl-telon .tab{cursor:pointer;color:#1b1a19;background:0 0;border:1.5px solid #1b1a19;border-radius:2px;flex:1;padding:11px 8px;font-family:Courier Prime,monospace;font-size:11.5px;font-weight:700;line-height:1.35}.odl-telon .tab.activo{color:#fff6ee;background:#22306b;border-color:#22306b}.odl-telon .tab small{opacity:.7;margin-top:2px;font-size:9.5px;font-weight:400;display:block}.odl-telon .acciones{flex-direction:column;gap:12px;display:flex}.odl-telon .btn{letter-spacing:.04em;color:#1b1a19;cursor:pointer;background:#f4ede1;border:1.5px solid #1b1a19;border-radius:2px;width:100%;padding:14px 24px;font-family:Courier Prime,monospace;font-size:14px;font-weight:700;box-shadow:3px 3px #1b1a19}.odl-telon .btn.primario{color:#fff6ee;background:#b33a2b;border-color:#b33a2b;box-shadow:3px 3px #22306b}.odl-telon .btn.fantasma{box-shadow:none;background:0 0;border-style:dashed}.odl-telon .btn:focus-visible,.odl-telon .tab:focus-visible{outline-offset:3px;outline:2.5px solid #b33a2b}.odl-telon .nota-taller{color:#5c574f;text-align:center;margin-top:14px;font-size:10.5px;line-height:1.7}.odl .panel-barra{letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;display:flex}.odl .chip{letter-spacing:.1em;border:1.5px solid var(--tinta);cursor:pointer;color:var(--tinta);background:#ffffff80;border-radius:2px;padding:8px 10px;font-family:Silkscreen,monospace;font-size:9px}.odl .chip.activo{background:var(--navy);color:#fff6ee;border-color:var(--navy)}.odl .conteos{letter-spacing:.1em;flex-wrap:wrap;gap:14px;margin-bottom:18px;font-family:Silkscreen,monospace;font-size:10px;display:flex}.odl .admin-acciones{flex-wrap:wrap;gap:8px;margin:34px 0 60px;display:flex}.odl .admin-acciones .btn{padding:10px 14px;font-size:12px}.odl input[type=text],.odl input[type=email],.odl input[type=password],.odl select{border:1.5px solid var(--tinta);color:var(--tinta);background:#fff9;border-radius:2px;padding:10px 12px;font-family:Courier Prime,monospace;font-size:14px}@media(max-width:520px){.odl .postit{max-width:100%}.odl .tag{margin:26px auto 0;display:block;position:relative;bottom:auto;right:auto;transform:rotate(2deg)}.odl .carta{padding-bottom:34px}}@media(prefers-reduced-motion:reduce){.odl *,.odl-telon *{transition-duration:.01ms!important;animation-duration:.01ms!important}.odl .saliendo{animation:none!important}}.odl .gracias{border:1px dashed var(--tinta-suave,#6b6257);background:#ffffff73;border-radius:10px;margin-top:34px;padding:22px 20px}.odl .gracias-titulo{margin-bottom:6px;font-size:18px;font-weight:700}.odl .gracias-texto{margin-bottom:14px;font-size:14px}