/*
Theme Name: Esther sin Colero
Theme URI: https://esthergonzaloredondo.es
Author: Esther Gonzalo
Description: Tema editorial/collage a medida para esthersincolero.
Version: 1.0
Text Domain: esthersincolero
*/

:root{
  --pink:#f3b2c4;
  --blue:#b9dbf0;
  --yellow:#f2d08a;
  --paper:#f3eee6;
  --ink:#111111;
  --muted:#5e554d;
  --line:#d9cfc2;
  --white:#fffaf2;
  --shadow:0 18px 40px rgba(27,22,18,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New", Courier, monospace;line-height:1.55;background-image:radial-gradient(rgba(17,17,17,.045) 1px, transparent 1px);background-size:18px 18px;}
img{max-width:100%;display:block}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:999}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(243,238,230,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.02em}.brand span,.brand strong{background:var(--pink);padding:.2rem .45rem}.brand b{margin:0 .25rem}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}nav a:hover{border-color:var(--pink)}
.paper-section{width:min(1180px,92vw);margin:3rem auto;padding:clamp(1.25rem,3vw,3rem);background:rgba(255,250,242,.66);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;border-radius:18px}.paper-section:before{content:"";position:absolute;inset:-9px auto auto 2rem;width:180px;height:24px;background:rgba(243,178,196,.82);transform:rotate(-1deg);opacity:.85}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center;min-height:76vh}.tape,.section-kicker{display:inline-block;background:var(--pink);padding:.35rem .7rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}h1,h2{font-family:Impact,"Arial Narrow",sans-serif;line-height:.92;letter-spacing:.02em;text-transform:uppercase;margin:.4rem 0 1rem}h1{font-size:clamp(3.4rem,10vw,8.4rem)}h2{font-size:clamp(2.8rem,7vw,6.2rem)}h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;line-height:1.02;font-size:1.7rem;margin:.25rem 0}.lead{font-size:clamp(1.1rem,2vw,1.45rem);max-width:56ch}mark{background:linear-gradient(transparent 55%,var(--yellow) 0);padding:0 .15rem}.hero-actions,.contact-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.btn.primary,button{background:var(--pink);padding:.85rem 1.1rem;box-shadow:inset 0 -5px rgba(0,0,0,.08)}.btn.ghost{background:var(--white);padding:.8rem 1rem;border:1px solid var(--ink)}.collage-card{position:relative;transform:rotate(1deg)}.collage-card img{border:12px solid var(--white);box-shadow:var(--shadow)}.note{background:var(--white);border:1px solid var(--line);padding:1.1rem;box-shadow:var(--shadow);transform:rotate(-2deg)}.hero-card .note{position:absolute;right:1rem;bottom:-1rem;width:min(320px,80%)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}blockquote{font-size:1.25rem;border-left:10px solid var(--pink);padding:1rem;background:rgba(255,255,255,.55)}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fact-grid article,.story-card,.series-grid article,.pub-block{background:var(--white);border:1px solid var(--line);padding:1rem;box-shadow:0 12px 20px rgba(0,0,0,.06)}.fact-grid span{display:inline-block;background:var(--blue);padding:.25rem .45rem;font-weight:700}.section-heading{max-width:800px;margin-bottom:1.6rem}.tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 1.5rem}.tabs span{background:var(--pink);padding:.55rem .8rem}.tabs span:nth-child(2n){background:var(--blue)}.tabs span:nth-child(3n){background:var(--yellow)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.story-card a,.series-grid a{color:var(--ink);font-weight:700}.thumb{height:170px;background:linear-gradient(135deg,var(--pink),var(--blue));margin-bottom:.8rem;border:8px solid var(--paper)}.thumb.feb{background-image:url('assets/febricula.jpg');background-size:cover;background-position:center}.thumb.night{background-image:url('assets/buenas_noches.jpg');background-size:cover;background-position:center}.thumb.woolf{background-image:url('assets/virginia.jpg');background-size:cover;background-position:center}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.series-grid img{aspect-ratio:1/1;object-fit:cover;margin-bottom:.8rem;border:8px solid var(--paper)}.pub-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:1rem}.pub-block h3{display:inline-block;background:var(--pink);padding:.35rem .55rem}.pub-block.accent h3{background:var(--yellow)}.pub-block ul{padding-left:1.1rem}.big-note{font-size:1.25rem;background:var(--yellow)}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem}.contact-form{background:var(--white);border:1px solid var(--line);padding:1rem;display:grid;gap:1rem}label{display:grid;gap:.3rem;font-weight:700}input,textarea{font:inherit;border:1px solid var(--line);background:#fff;padding:.8rem;width:100%}.site-footer{width:min(1180px,92vw);margin:2rem auto 4rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px dashed var(--muted);padding-top:1rem;color:var(--muted)}
@media (max-width:860px){.site-header{position:static;align-items:flex-start;flex-direction:column}nav{font-size:.9rem}.hero,.two-col,.contact{grid-template-columns:1fr}.cards,.series-grid,.pub-layout,.fact-grid{grid-template-columns:1fr}h1{font-size:4.2rem}.hero-card .note{position:static;margin-top:1rem;width:auto}.paper-section{width:94vw;margin:1.5rem auto}}

/* --- Extra theme-only helper styles (not in original prototype) --- */
.story-card img.wp-post-image{width:100%;height:170px;object-fit:cover;margin-bottom:.8rem;border:8px solid var(--paper)}
.tabs a{color:var(--ink);text-decoration:none;display:inline-block}
.newsletter-form input[type="email"]{font:inherit;border:1px solid var(--line);background:#fff;padding:.8rem;width:100%;margin-bottom:.6rem}
.newsletter-note{margin:0}
.single-title{font-size:clamp(2.8rem,7vw,6.2rem)}
.taller-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.taller-grid article{background:var(--white);border:1px solid var(--line);padding:.6rem;box-shadow:0 12px 20px rgba(0,0,0,.06)}
.taller-grid img{width:100%;height:auto;object-fit:contain;border:0}
.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr}
.footer-columns .brand-line{font-weight:700;color:var(--ink)}
.footer-columns a{display:block;color:var(--muted);text-decoration:none;margin:.25rem 0}
.footer-columns a:hover{color:var(--ink);text-decoration:underline}
.footer-columns .section-kicker{margin-bottom:.5rem}
@media (max-width:860px){.footer-columns{grid-template-columns:1fr;gap:1.5rem}}
.tabs .tab-active{outline:2px solid var(--ink)}
.cuentos-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem;padding-top:1rem;border-top:1px dashed var(--line)}
.cuentos-count{margin:0;font-weight:700}
.cuentos-controls{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.cuentos-controls select{font:inherit;border:1px solid var(--line);background:#fff;padding:.4rem .6rem}
.view-toggle{color:var(--muted);text-decoration:none;padding:.3rem .6rem;border:1px solid var(--line)}
.view-toggle.active{background:var(--ink);color:var(--white);border-color:var(--ink)}
.reading-time{font-size:.85rem;color:var(--muted);margin:.2rem 0}
.cards-lista{display:block}
.cards-lista .story-card{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:start;margin-bottom:1rem}
.cards-lista .story-card img.wp-post-image,.cards-lista .story-card .thumb{height:110px;margin-bottom:0}