@font-face{font-family:Anton;src:url("/libros/huevon/assets/fonts/Anton-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:Montserrat;src:url("/libros/huevon/assets/fonts/Montserrat-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url("/libros/huevon/assets/fonts/Montserrat-SemiBold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--fondo:#f2eee6;--papel:#fffefa;--tinta:#0b0b0b;--acento:#ffd400;--secundario:#a3242b;--linea:color-mix(in srgb,var(--tinta) 20%,transparent);--error:#a3242b;--exito:#12633a;--radio:18px}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--fondo);color:var(--tinta);font:500 1rem/1.45 Montserrat,system-ui,sans-serif}
body[data-libro="chingon"]{--fondo:#0b0b0b;--papel:#f2eee6;--tinta:#f2eee6;--acento:#a3242b;--secundario:#e08a2c;--linea:rgba(242,238,230,.3);color-scheme:dark}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #2673e8;outline-offset:3px}
.salto{position:absolute;left:-9999px}.salto:focus{z-index:100;top:8px;left:8px;background:#fff;color:#111;padding:10px}
.marca{color:inherit;font:400 1.25rem/1 Anton,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.pagina-cuenta{min-height:100svh;padding:18px}
.alta{width:min(1180px,100%);min-height:calc(100svh - 36px);margin:auto;border:1px solid var(--linea);display:grid;background:var(--fondo)}
.alta__libro{position:relative;min-height:350px;padding:24px;overflow:hidden;background:var(--fondo);color:#0b0b0b;display:grid;grid-template-rows:auto 1fr auto}
body[data-libro="chingon"] .alta__libro{background:#0b0b0b;color:#f2eee6}
.alta__libro::after{content:"";position:absolute;right:-22%;bottom:-28%;width:72%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.16}
.alta__portada{position:relative;z-index:1;width:min(46vw,190px);align-self:center;justify-self:center;box-shadow:0 20px 50px rgba(0,0,0,.38)}
.alta__titulo{position:relative;z-index:1;margin:18px 0 0;font:400 clamp(2.1rem,9vw,4.8rem)/.92 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em;max-width:11ch}
.alta__formulario{background:var(--papel);color:#0b0b0b;padding:clamp(24px,5vw,52px)}
.alta__formulario>div{width:min(100%,660px);margin:auto}
.kicker,.eyebrow{margin:0 0 9px;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--secundario)}
.display{margin:0;font:400 3rem/.92 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.alta__formulario h1,.panel h1,.biblioteca h1{margin:0;font:400 clamp(2.35rem,7vw,4.7rem)/.96 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.subtitulo{margin:12px 0 24px;color:#58534c;max-width:52ch}
.google{width:100%;min-height:52px;border:1px solid #bbb;border-radius:10px;background:#fff;color:#111;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.google span{font:700 1.2rem Arial;color:#2877dc}
.separador{display:flex;align-items:center;gap:12px;margin:18px 0;color:#716c64;font-size:.78rem}.separador::before,.separador::after{content:"";height:1px;background:#cbc5ba;flex:1}
.formulario{display:grid;gap:15px}.campos-dobles{display:grid;gap:15px}.campo{display:grid;gap:6px}.campo label,.campo legend{font-size:.76rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.campo input,.campo select{width:100%;min-height:48px;border:1px solid #aaa39a;border-radius:9px;background:#fff;color:#111;padding:10px 12px}.campo input[aria-invalid="true"]{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.campo small{color:#69645d}.campo__error{min-height:18px;margin:0;color:var(--error);font-size:.76rem;font-weight:700}.contrasena{display:grid;grid-template-columns:minmax(0,1fr) auto}.contrasena input{border-radius:9px 0 0 9px}.contrasena button{min-width:76px;border:1px solid #aaa39a;border-left:0;border-radius:0 9px 9px 0;background:#ebe6dc;color:#111;font-weight:700}
.accion{min-height:52px;border:2px solid #0b0b0b;border-radius:10px;background:#0b0b0b;color:#fff;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.accion:hover{background:#292929}.accion:active{transform:scale(.96)}.accion[disabled]{opacity:.55;cursor:wait}.accion--secundaria{background:transparent;color:inherit;border-color:currentColor}.formulario[data-registro]>.accion{min-height:60px;font-size:1rem}
.mensaje{min-height:22px;margin:0;font-size:.88rem;font-weight:700}.mensaje[data-tipo="error"]{color:var(--error)}.mensaje[data-tipo="exito"]{color:var(--exito)}
.respuestas{display:grid;gap:12px}.respuestas .accion{min-height:60px;font-size:1rem}.palabra__otras{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin:0}button.enlace-texto{background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:underline}#palabra{font-size:1.25rem;letter-spacing:.04em}
.entrada-existente{margin-top:24px;padding-top:20px;border-top:1px solid #cbc5ba}.entrada-existente summary{cursor:pointer;font-weight:700}.entrada-existente form{margin-top:18px}.enlace-texto{color:inherit;font-size:.86rem;font-weight:700;text-underline-offset:3px}
.panel-pagina{min-height:100svh;padding:20px;display:grid;place-items:center;background:#0b0b0b;color:#f2eee6}.panel{width:min(100%,570px);background:#f2eee6;color:#111;padding:clamp(25px,6vw,52px);border-top:9px solid #ffd400}.panel .subtitulo{color:#5c574f}.panel .accion{width:100%}.panel__pie{margin:22px 0 0;text-align:center;font-size:.88rem}.panel__marca{display:inline-block;margin-bottom:28px}
.biblioteca{min-height:100svh;background:#f2eee6;color:#0b0b0b;padding:clamp(22px,5vw,64px)}.biblioteca__cabecera{width:min(1600px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.biblioteca__cabecera .accion{min-height:44px}.biblioteca__contenido{width:min(1600px,100%);margin:clamp(45px,9vw,95px) auto}.biblioteca__intro{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:2px solid #111;padding-bottom:22px}.biblioteca__intro p{max-width:34ch;margin:0;color:#625d55}.libros{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),340px));gap:clamp(30px,6vw,70px);margin-top:38px}.libro{position:relative;color:#111;text-decoration:none}.libro__portada{position:relative;aspect-ratio:709/1082;background:#ddd;box-shadow:0 18px 45px rgba(0,0,0,.2);overflow:hidden}.libro__portada img{width:100%;height:100%;object-fit:cover}.libro h2{margin:15px 0 4px;font:400 1.8rem/1 Anton;text-transform:uppercase}.libro p{margin:0;color:#625d55}.libro--pronto img{filter:grayscale(1);opacity:.42}.libro__estado{position:absolute;top:18px;right:12px;background:#a3242b;color:#fff;padding:9px 12px;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.vacio{padding:40px 0;color:#625d55}
.libro__acciones{display:grid;gap:9px;margin-top:18px}.libro__accion{width:100%;min-height:48px}.libro__accion--preferida{outline:3px solid var(--acento);outline-offset:3px}
.biblioteca__bienvenida{max-width:720px;margin:24px 0 0;padding:16px 18px;border-left:5px solid #c8923e;background:#e5ded2;font-weight:700}.libro--pendiente img,.libro--rechazado img{filter:grayscale(.8);opacity:.45}.libro--pendiente .libro__estado{background:#8a641f}.libro--rechazado .libro__estado{background:#8d2027}.libro__comprobante{width:100%;margin-top:18px;background:#176b3a;border-color:#176b3a;color:#fff;text-align:center}.libro__comprobante:hover{background:#10562e}
.instalacion{position:relative;width:min(100%,720px);margin:24px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;background:#121212;color:#f2eee6;border-top:7px solid #c8923e;padding:22px 54px 22px 22px;box-shadow:0 14px 34px rgba(0,0,0,.2)}.instalacion+.libros{margin-top:0}.instalacion h2,.instalacion-hoja h2{margin:0;font:400 clamp(1.8rem,5vw,2.7rem)/.95 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.instalacion p:not(.kicker){margin:8px 0 0;color:#c9c3b9;font-size:.84rem}.instalacion .accion{min-height:44px;background:#c8923e;border-color:#c8923e;color:#121212}.instalacion__cerrar,.instalacion-hoja__cerrar{position:absolute;top:9px;right:10px;width:38px;height:38px;border:0;background:transparent;color:inherit;font-size:1.7rem;line-height:1}.instalacion-hoja{position:fixed;inset:0;z-index:60;display:grid;align-items:end;background:rgba(0,0,0,.7);padding-top:40px}.instalacion-hoja__panel{position:relative;width:min(100%,620px);max-height:calc(100svh - 40px);overflow:auto;margin:0 auto;background:#f2eee6;color:#121212;border-top:8px solid #c8923e;padding:clamp(26px,6vw,48px) clamp(22px,6vw,48px) calc(clamp(26px,6vw,48px) + env(safe-area-inset-bottom))}.instalacion__pasos{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}.instalacion__pasos li{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #c9c1b5}.instalacion__pasos b{display:block;font-size:.92rem}.instalacion__pasos small{display:block;margin-top:3px;color:#625d55}.instalacion__icono{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#121212;color:#c8923e;font-size:1.35rem;font-weight:700}.instalacion__nota{margin:22px 0 0;padding:14px;border-left:4px solid #c8923e;background:#e6dfd3;font-size:.84rem}.instalacion__explicacion{margin:18px 0;color:#625d55}.instalacion__accion{width:100%;margin-top:6px}.sin-scroll{overflow:hidden}
.sesion-aviso{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px}.sesion-aviso__caja{width:min(100%,480px);background:#f2eee6;color:#111;border-top:9px solid #a3242b;padding:30px}.sesion-aviso h2{margin:0 0 10px;font:400 2.4rem/1 Anton;text-transform:uppercase}.sesion-aviso .accion{width:100%;margin-top:12px}
@media (min-width:720px){.campos-dobles{grid-template-columns:1fr 1fr}.alta{grid-template-columns:minmax(290px,.78fr) minmax(520px,1.22fr)}.alta__libro{min-height:0;position:sticky;top:18px;height:calc(100svh - 36px)}.alta__portada{width:min(23vw,260px)}.alta__formulario{overflow:auto}.alta__formulario h1{font-size:clamp(2.8rem,4.7vw,4.7rem)}}
@media (min-width:1200px){.alta{width:min(1680px,calc(100vw - 72px));grid-template-columns:minmax(480px,.92fr) minmax(620px,1.08fr)}.alta__portada{width:min(25vw,420px)}.alta__formulario>div{width:min(100%,760px)}.libros{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,84px)}.libro{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start}.libro__portada{grid-row:1/4}.libro h2{margin:4px 0 8px;font-size:clamp(2rem,2.2vw,2.8rem)}.libro__acciones{align-self:start}}
@media (max-width:719px){.pagina-cuenta{padding:0}.alta{min-height:100svh;border:0}.alta__libro{min-height:330px}.biblioteca__intro{display:block}.biblioteca__intro p{margin-top:12px}.instalacion{grid-template-columns:1fr;align-items:start;padding:20px 52px 20px 20px}.instalacion .accion{width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}