:root{--papel:#faf6ef;--papel-panel:#ffffff;--tinta:#2b2620;--tinta-suave:#6b6258;--linea:#e6ddd0;--acento:#b8542e;--acento-oscuro:#93411f;--acento-suave:#f6e8df;--verde:#4a6b4f;--radio:10px;--serif:"Georgia","Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--papel);color:var(--tinta);line-height:1.55;min-height:100vh}.cabecera{display:flex;align-items:baseline;gap:12px;padding:18px 28px 14px;border-bottom:1px solid var(--linea);flex-wrap:wrap}.cabecera h1{font-family:var(--serif);font-size:1.45rem;font-weight:600;letter-spacing:.01em}.cabecera h1 em{color:var(--acento);font-style:italic}.cabecera .lema{color:var(--tinta-suave);font-size:.9rem}.contenedor{display:grid;grid-template-columns:380px minmax(0,1fr);grid-gap:28px;gap:28px;padding:24px 28px 60px;max-width:1400px;margin:0 auto}@media (max-width:960px){.contenedor{grid-template-columns:1fr}}.panel-config{background:var(--papel-panel);border:1px solid var(--linea);border-radius:var(--radio);padding:22px;align-self:start;position:-webkit-sticky;position:sticky;top:16px}@media (max-width:960px){.panel-config{position:static}}.panel-config h2{font-family:var(--serif);font-size:1.05rem;margin-bottom:16px}.campo{margin-bottom:15px}.campo label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:5px}.campo input[type=text],.campo select,.campo textarea{width:100%;padding:9px 10px;border:1px solid var(--linea);border-radius:7px;background:#fff;font:inherit;color:var(--tinta)}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--acento);outline-offset:1px;border-color:transparent}.campo .ayuda{font-size:.78rem;color:var(--tinta-suave);margin-top:4px}.zona-imagen{border:1.5px dashed var(--linea);border-radius:7px;padding:12px;text-align:center;cursor:pointer;transition:border-color .15s;background:#fffdfa}.zona-imagen:hover{border-color:var(--acento)}.zona-imagen input{display:none}.vista-previa{position:relative}.vista-previa img{max-width:100%;max-height:160px;border-radius:6px;display:block;margin:0 auto}.quitar-imagen{margin-top:8px;background:none;border:none;color:var(--acento);cursor:pointer;font-size:.82rem;text-decoration:underline}.botonera{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.boton{font:inherit;font-weight:600;padding:10px 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s}.boton-primario{background:var(--acento);color:#fff;flex:1 1}.boton-primario:hover:not(:disabled){background:var(--acento-oscuro)}.boton-primario:disabled{opacity:.55;cursor:wait}.boton-secundario{background:#fff;color:var(--tinta);border-color:var(--linea)}.boton-secundario:hover:not(:disabled){background:var(--acento-suave)}.boton-secundario:disabled{opacity:.5;cursor:not-allowed}.panel-resultado{min-width:0}.estado-cargando,.estado-error,.estado-vacio{background:var(--papel-panel);border:1px solid var(--linea);border-radius:var(--radio);padding:60px 40px;text-align:center;color:var(--tinta-suave)}.estado-cargando .icono,.estado-vacio .icono{font-size:2.4rem;margin-bottom:14px}.estado-cargando h3,.estado-error h3,.estado-vacio h3{font-family:var(--serif);color:var(--tinta);margin-bottom:8px}.estado-error{border-color:#d9a08c;background:#fdf3ef}.estado-error h3{color:var(--acento-oscuro)}.pulso{animation:pulso 1.6s ease-in-out infinite;display:inline-block}@keyframes pulso{0%,to{opacity:.35}50%{opacity:1}}.recurso{background:var(--papel-panel);border:1px solid var(--linea);border-radius:var(--radio);padding:36px 42px}@media (max-width:640px){.recurso{padding:24px 20px}}.recurso-cabecera{border-bottom:2px solid var(--acento);padding-bottom:16px;margin-bottom:22px}.recurso-cabecera h2{font-family:var(--serif);font-size:1.7rem;line-height:1.25;margin-bottom:8px}.metadatos{display:flex;gap:8px;flex-wrap:wrap}.etiqueta{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--acento-suave);color:var(--acento-oscuro)}.objetivo-nota{margin-top:10px;font-size:.9rem;color:var(--tinta-suave);font-style:italic}.recurso section{margin-bottom:26px}.recurso h3{font-family:var(--serif);font-size:1.15rem;color:var(--acento-oscuro);margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--linea)}.recurso h4{font-size:.95rem;margin:12px 0 4px}.escena{margin-bottom:16px}.escena p{font-family:var(--serif);font-size:1.02rem;white-space:pre-wrap}.vocabulario dt{font-weight:700;display:inline}.vocabulario dd{display:inline;margin-left:6px;color:var(--tinta-suave)}.vocabulario>div{margin-bottom:6px}.recurso ol,.recurso ul{padding-left:22px}.recurso li{margin-bottom:5px}.sugerencia-visual{background:#fffdf8;border-left:3px solid var(--linea);padding:8px 12px;margin-bottom:8px;font-size:.88rem;color:var(--tinta-suave)}.nota-revision{margin-top:26px;padding:10px 14px;border:1px solid var(--linea);border-radius:7px;font-size:.8rem;color:var(--tinta-suave);background:var(--papel)}.acciones-resultado{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.aviso-copiado{color:var(--verde);font-size:.85rem;align-self:center}@media print{.acciones-resultado,.cabecera,.estado-cargando,.estado-error,.estado-vacio,.panel-config{display:none!important}body{background:#fff}.contenedor{display:block;padding:0}.recurso{border:none;padding:0}.recurso section{page-break-inside:avoid;break-inside:avoid}}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.tarjeta-login{background:var(--papel-panel);border:1px solid var(--linea);border-radius:var(--radio);padding:36px 32px;width:100%;max-width:380px;text-align:center}.tarjeta-login h1{font-family:var(--serif);font-size:1.5rem}.tarjeta-login h1 em{color:var(--acento);font-style:italic}.tarjeta-login .lema{color:var(--tinta-suave);font-size:.88rem;display:block;margin:6px 0 22px}.tarjeta-login .campo{text-align:left}.tarjeta-login .boton{width:100%;margin-top:6px}.error-login{color:var(--acento-oscuro);font-size:.88rem;margin-bottom:12px}.navegacion{margin-left:auto;display:flex;gap:16px;align-items:center}.navegacion a{color:var(--acento-oscuro);text-decoration:none;font-weight:600;font-size:.9rem}.navegacion a:hover{text-decoration:underline}.navegacion button{background:none;border:1px solid var(--linea);border-radius:6px;padding:4px 12px;cursor:pointer;font:inherit;font-size:.85rem;color:var(--tinta-suave)}.navegacion button:hover{background:var(--acento-suave)}.estado-exito{background:#f2f7f0;border:1px solid #b9d0b6;border-radius:var(--radio);padding:60px 40px;text-align:center;color:var(--tinta-suave)}.estado-exito .icono{font-size:2.4rem;margin-bottom:14px}.estado-exito h3{font-family:var(--serif);color:var(--verde);margin-bottom:8px}.estado-exito a{color:var(--acento-oscuro)}.contenedor-ancho{max-width:1000px;margin:0 auto;padding:24px 28px 60px}.rejilla-biblioteca{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.ficha-cuento{display:block;background:var(--papel-panel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px;text-decoration:none;color:var(--tinta);transition:border-color .15s,transform .1s}.ficha-cuento:hover{border-color:var(--acento);transform:translateY(-2px)}.ficha-cuento h3{font-family:var(--serif);font-size:1.1rem;margin-bottom:8px}.ficha-cuento p{font-size:.85rem;color:var(--tinta-suave);margin-top:8px}.ficha-cuento .fecha{font-size:.78rem;color:var(--tinta-suave);align-self:center}