/* Base visual: paleta aprobada, tipografías locales y tamaños fluidos. */
:root{--papel:#faf7f0;--tinta:#252b29;--naranja:#b6430b;--dorado:#947128;--linea:#ded5c5;--suave:#f1e8d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--papel);color:var(--tinta);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--naranja);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,.marca,.firma{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2,h3{line-height:1.12;margin:0 0 1.25rem;text-wrap:balance}h1{font-size:clamp(2.7rem,4.4vw,4.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.3vw,3.3rem);letter-spacing:-.035em;max-width:950px}h3{font-size:1.65rem}em{font-style:normal;color:var(--naranja)}p{margin:0 0 1.4rem}.contenedor{width:min(1200px,calc(100% - 80px));margin-inline:auto}.ancho{max-width:700px}.etiqueta{font-size:.75rem;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.25rem;color:#705619}.boton{display:inline-flex;gap:1rem;align-items:center;justify-content:center;background:var(--naranja);color:white;padding:.85rem 1.4rem;border:1px solid var(--naranja);border-radius:4px;text-decoration:none;font-size:.9rem;font-weight:bold}.boton:hover{background:#913508}.enlace{font-weight:bold}a:focus-visible,button:focus-visible{outline:3px solid #146b71;outline-offset:5px}.saltar{position:fixed;top:-100px;left:1rem;padding:.7rem;background:white;z-index:20}.saltar:focus{top:1rem}
/* Cabecera y menú móvil: enlaces siempre disponibles sin JavaScript. */
.cabecera{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:15px 4%;border-bottom:1px solid var(--linea)}.marca{display:flex;align-items:center;gap:12px;font-size:1.25rem;text-decoration:none;color:var(--tinta);white-space:nowrap}.marca img{width:33px;height:43px;object-fit:contain}.cabecera nav{display:flex;gap:1.7rem;align-items:center}.cabecera nav>a:not(.boton){font-size:.85rem;text-decoration:none;color:var(--tinta)}.menu-boton{background:transparent;border:1px solid var(--linea);border-radius:4px;padding:.5rem .8rem}
/* Presentación y avatar: recorte visual reversible, sin alterar el original. */
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6%;padding-block:65px}.entrada{max-width:640px;font-size:1.05rem}.acciones{display:flex;gap:1.7rem;align-items:center;flex-wrap:wrap;margin-block:2rem}.firma{border-left:40px solid var(--dorado);padding-left:20px;margin-top:3.5rem;font-size:1.15rem;line-height:1.4}.retrato{margin:0}.retrato img{width:100%;height:610px;object-fit:cover;object-position:50% 25%;border-radius:160px 160px 6px 6px}.retrato figcaption{font-size:.72rem;color:#5b605b;margin-top:.7rem;text-align:center}
/* Secciones editoriales y recorridos. */
.seccion{padding-block:75px;border-top:1px solid var(--linea)}.tres-columnas{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.rutas article{border-left:1px solid var(--linea);padding-left:24px}.numero{display:block;color:#82601c;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.2rem}.rutas a{font-size:.86rem}.fondo{background:var(--suave)}.obras{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;margin-top:3rem}.obras article{padding:2rem 0;border-top:1px solid #c7b99f}.obras h3{max-width:470px;font-size:2rem}.detalle{font-size:.8rem;color:#5b554a}.aviso{padding:1.4rem 2rem;border-left:2px solid var(--dorado);background:#f3eee4;max-width:800px}.aviso p{margin:0}.lectura{max-width:900px}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contacto{padding:75px 0;background:#252e2b;color:var(--papel)}.contacto .etiqueta{color:#e9c77b}.contacto h2{max-width:800px}.correo{font-size:.85rem;margin:1.4rem 0 0}.pie{padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.pie p{font-size:.75rem;margin:0}
/* Adaptación: una columna y controles cómodos en pantallas pequeñas. */
@media(max-width:900px){.contenedor{width:calc(100% - 40px)}.cabecera{flex-wrap:wrap;gap:1rem}.cabecera nav{gap:1rem;flex-wrap:wrap}.hero{gap:2rem}.retrato img{height:530px}.tres-columnas{gap:1.4rem}.pie{flex-wrap:wrap}}@media(max-width:680px){.cabecera nav{width:100%;flex-direction:column;align-items:stretch;padding-bottom:1rem}.cabecera nav>a{padding:.6rem}.cabecera nav[hidden]{display:none}.hero{grid-template-columns:1fr;padding-block:40px}.hero .retrato{max-width:420px;width:100%;margin-inline:auto}.retrato img{height:470px}.firma{margin-top:2rem}.tres-columnas,.obras,.dos-columnas{grid-template-columns:1fr;gap:1.5rem}.seccion{padding-block:48px}.rutas article{padding-block:10px}.contacto{padding-block:50px}.pie{align-items:flex-start;flex-direction:column}.acciones{gap:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Páginas interiores: estado actual, propósito y cronología semántica. */
.cabecera nav>a[aria-current="page"]{color:var(--naranja);text-decoration:underline;text-underline-offset:9px}
.proposito{max-width:920px}.proposito p:not(.etiqueta){max-width:740px;font-size:1.1rem}
.cronologia{list-style:none;margin:3rem 0 0;padding:0;max-width:1000px}
.cronologia li{display:grid;grid-template-columns:130px 1fr;gap:30px;padding-bottom:32px;position:relative}
.cronologia .fecha{font-family:Georgia,serif;font-size:1.15rem;padding-top:4px}
.cronologia li>div{border-left:1px solid var(--dorado);padding-left:30px;position:relative}
.cronologia li>div::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--naranja);left:-5.5px;top:10px}
.cronologia h3{font-size:1.35rem;margin-bottom:.6rem}.cronologia p{margin:0}
.indice-obras{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:2rem}
.indice-obras a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c7b99f;padding:1.4rem 0;text-decoration:none}
/* Mi obra: cuatro bloques protagonistas, alternados en escritorio. */
.portada-obra{padding-block:75px 35px}.portada-obra h1{max-width:1000px}.portada-obra .entrada{max-width:800px}
.anclas-obras{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 30px;border-top:1px solid var(--linea);padding-top:25px;margin-top:40px;font-size:.85rem}
.bloque-obra{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}
.bloque-obra>div{min-width:0}.bloque-obra h2{font-size:clamp(2.1rem,3.5vw,3.7rem)}
.bloque-obra.inverso>.lamina{order:2}.subtitulo{font-family:Georgia,serif;font-size:1.45rem;line-height:1.4}
.marcos{gap:24px}.marcos article{border:1px solid var(--linea);padding:25px}.marcos .etiqueta{font-size:.65rem;letter-spacing:.12em}.marcos h3{font-size:1.65rem}
/* Láminas tipográficas decorativas: no representan portadas o productos reales. */
.lamina{min-height:360px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#e9dfca;color:#514123;border-radius:4px}
.lamina>span{position:relative;z-index:1}.lamina-numero{font-size:.8rem;letter-spacing:.2em}.lamina>span:not(.lamina-numero){font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.1}
.lamina i{position:absolute;width:280px;height:280px;border:1px solid currentColor;border-radius:50%;right:-60px;top:25px;opacity:.25}
.lamina i::before{content:"";position:absolute;inset:35px;border:1px solid currentColor;border-radius:50%}
.lamina-colibri{background:#e2ebe5;color:#214c46}.lamina-cine{background:#303a35;color:#f2d393}.lamina-cine i{border-radius:8px;transform:rotate(-25deg)}
.lamina-libro{background:#f0e5d0;color:#664a1c}.lamina-libro i{border-radius:100% 0;transform:rotate(25deg)}.lamina-juego{background:#ede0cb;color:#8e370f}
@media(max-width:900px){.bloque-obra{gap:30px}.lamina{min-height:310px;padding:25px}.marcos{grid-template-columns:1fr}.cronologia li{grid-template-columns:100px 1fr;gap:15px}}
@media(max-width:680px){.portada-obra{padding-block:40px 25px}.anclas-obras{justify-content:flex-start;gap:12px 22px}.bloque-obra{grid-template-columns:1fr;gap:28px}.bloque-obra.inverso>.lamina{order:0}.lamina{min-height:260px}.indice-obras{grid-template-columns:1fr}.cronologia li{grid-template-columns:1fr;gap:8px;padding-bottom:25px}.cronologia li>div{padding-left:20px}.cronologia .fecha{color:var(--naranja);font-weight:bold}.bloque-obra .boton{max-width:100%;text-align:center}}

/* Colaboración: servicios, pasos y preguntas frecuentes con controles nativos. */
.servicios{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.servicios article{padding:28px;border:1px solid #c7b99f;background:var(--papel)}.servicios article:last-child{grid-column:1/-1;max-width:850px}.servicios a{font-size:.9rem}.pasos{list-style:none;counter-reset:paso;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:40px 0 0;padding:0}.pasos li{counter-increment:paso;border-top:1px solid var(--linea);padding-top:20px}.pasos li::before{content:'0' counter(paso);display:block;color:var(--naranja);margin-bottom:20px}.pasos h3{font-size:1.4rem}.preguntas details{border-top:1px solid var(--linea);padding-block:20px;max-width:900px}.preguntas summary{cursor:pointer;font-weight:bold;padding-right:15px}.preguntas details p{margin:15px 0 0}.preguntas summary:focus-visible{outline:3px solid #146b71;outline-offset:5px}
/* Formulario: etiquetas visibles, estados y foco; se habilita solo con sesión PHP válida. */
.contacto-rejilla{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}fieldset{border:0;padding:0;margin:0;min-width:0}.campo{margin-bottom:20px}.campo label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:bold}.campo input,.campo select,.campo textarea{display:block;width:100%;padding:12px;background:var(--papel);color:var(--tinta);border:1px solid #958974;border-radius:4px;min-height:48px}.campo textarea{resize:vertical}.campo input:focus-visible,.campo select:focus-visible,.campo textarea:focus-visible{outline:3px solid #146b71;outline-offset:2px}.campo .detalle{margin:8px 0 0}button.boton{cursor:pointer}fieldset:disabled{opacity:.65}fieldset:disabled button{cursor:not-allowed}.estado-formulario{padding:15px;border-left:3px solid #476452;background:var(--papel)}.estado-error{border-left-color:var(--naranja)}.separacion{margin-top:30px}.trampa,.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.contacto-rejilla{gap:35px}.pasos{grid-template-columns:1fr 1fr}}@media(max-width:680px){.servicios,.contacto-rejilla,.pasos{grid-template-columns:1fr}.servicios article:last-child{grid-column:auto}.servicios article{padding:22px}.contacto-rejilla{gap:30px}}

/* Biblioteca editorial: tarjetas con hero real completo y controles de búsqueda. */
.biblioteca{padding-bottom:75px}.filtros-articulos{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:20px;padding-block:20px}.filtros-articulos .campo{margin:0}.enlace-boton{border:0;background:none;color:var(--naranja);padding:12px 0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.tarjetas-articulos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}.tarjeta-articulo{border:1px solid var(--linea);border-radius:5px;overflow:hidden;background:var(--papel);min-width:0}.tarjeta-articulo[hidden],.filtros-articulos[hidden],[hidden]#sin-articulos{display:none}.imagen-articulo img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.tarjeta-texto{padding:24px}.tarjeta-texto .etiqueta{font-size:.65rem;letter-spacing:.12em}.tarjeta-texto h3{font-size:1.6rem}.tarjeta-texto h3 a{color:var(--tinta);text-decoration:none}.tarjeta-texto h3 a:hover{color:var(--naranja);text-decoration:underline}.tarjeta-texto>p:not(.etiqueta){font-size:.88rem}.tarjeta-texto .detalle{margin-bottom:0}
/* Lectura: título, fuente original y hero sin recortes, incluso en móvil. */
.cabecera-articulo{padding-block:30px 35px}.migas{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;margin-bottom:35px}.cabecera-articulo h1{max-width:1000px}.cabecera-articulo .entrada{max-width:820px}.autor-articulo{font-size:.9rem;margin-bottom:.5rem}.procedencia{font-size:.85rem;margin:0;max-width:900px}.hero-articulo{margin-block:0 45px}.hero-articulo img{width:100%;height:auto;border-radius:5px}.rejilla-lectura{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:70px;align-items:start}.indice-articulo{grid-column:2;grid-row:1;position:sticky;top:25px;border-left:1px solid var(--linea);padding-left:25px}.indice-articulo h2{font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}.indice-articulo ol{padding-left:18px;font-size:.82rem}.indice-articulo li{padding-block:6px}.indice-articulo a{text-decoration:none;color:#555d55}.indice-articulo a:hover{color:var(--naranja);text-decoration:underline}.texto-articulo{grid-column:1;grid-row:1;font-size:1.08rem;line-height:1.85;overflow-wrap:anywhere}.texto-articulo>.firma-original{font-size:.86rem;color:#596057;border-bottom:1px solid var(--linea);padding-bottom:20px}.texto-articulo h2{font-size:clamp(1.65rem,2.7vw,2.3rem);margin-top:2.4rem;line-height:1.2}.texto-articulo ul{padding-left:25px}.texto-articulo li{margin-bottom:10px}.texto-articulo strong{font-weight:700}.fuente-articulo{margin-top:45px;border-top:1px solid var(--linea);padding:10px 0 30px}.fuente-articulo h2{font-size:1.5rem}.fuente-articulo p{font-size:.9rem}.texto-articulo blockquote{border-left:3px solid var(--dorado);padding-left:25px;margin-inline:0}.texto-articulo img{height:auto}
@media(max-width:1000px){.tarjetas-articulos{grid-template-columns:repeat(2,minmax(0,1fr))}.rejilla-lectura{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.filtros-articulos{grid-template-columns:1fr 1fr}.enlace-boton{justify-self:start}}
@media(max-width:680px){.tarjetas-articulos,.filtros-articulos,.rejilla-lectura{grid-template-columns:1fr}.indice-articulo{grid-column:1;grid-row:1;position:static;margin-bottom:10px}.texto-articulo{grid-column:1;grid-row:2;font-size:1.02rem}.cabecera-articulo{padding-top:25px}.cabecera-articulo h1{font-size:2.6rem}.hero-articulo{margin-bottom:30px}.tarjeta-texto{padding:20px}}

/* Hero con gráfica: explicación textual y enlace de ampliación legibles. */
.hero-articulo figcaption{max-width:900px;margin-top:16px;font-size:.85rem;color:#555d55;line-height:1.65}.hero-articulo figcaption p{margin-bottom:10px}

/* Catálogo de libros: portadas completas y estados reales de integración. */
.catalogo-libros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 35px;padding-block:15px 75px}.tarjeta-libro{min-width:0}.tarjeta-libro>img{width:100%;height:350px;object-fit:contain;margin-bottom:22px}.tarjeta-libro h2{font-size:1.65rem}.tarjeta-libro p{font-size:.9rem}.tarjeta-libro .detalle{font-size:.8rem}.estado-libro{border-top:1px solid var(--linea);padding-top:12px;color:#705619;font-size:.8rem!important}@media(max-width:900px){.catalogo-libros{grid-template-columns:1fr 1fr}}@media(max-width:680px){.catalogo-libros{grid-template-columns:1fr}.tarjeta-libro{max-width:420px;margin-inline:auto;width:100%}.tarjeta-libro>img{height:380px}}