/*
Theme Name: Esto da para cómic
Theme URI: https://estodaparacomic.com/
Author: Esto da para cómic
Description: Tema editorial ligero para convertir noticias reales en cómics satíricos revisados.
Version: 0.4.6
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: edpc-theme
*/

:root{--ink:#171715;--paper:#fbf5e9;--white:#fffdf8;--red:#b33128;--blue:#21617a;--yellow:#f3c84b;--muted:#6b645b;--line:#d8cdbb;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}img{max-width:100%;height:auto}.site-wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.site-header{border-bottom:2px solid var(--ink);background:var(--white)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:88px}.brand{text-decoration:none}.brand__name{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(1.45rem,3vw,2.2rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--red)}.brand__tagline{display:block;margin-top:.35rem;color:var(--blue);font:700 .7rem/1.2 Georgia,serif;letter-spacing:.11em;text-transform:uppercase}.primary-nav ul{display:flex;align-items:center;gap:1.2rem;list-style:none;margin:0;padding:0}.primary-nav a{font-weight:800;text-decoration:none}.primary-nav .menu-item:last-child a{display:inline-block;padding:.65rem .9rem;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.menu-toggle{display:none;border:2px solid var(--ink);background:var(--yellow);padding:.6rem .8rem;font-weight:800}.site-main{min-height:65vh}.hero{padding:clamp(3rem,9vw,8rem) 0;border-bottom:2px solid var(--ink);background:radial-gradient(circle at 88% 15%,var(--yellow) 0 7%,transparent 7.2%),linear-gradient(115deg,var(--white) 0 63%,#f5dca0 63%)}.eyebrow{margin:0 0 .8rem;color:var(--red);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1,.page-title,.comic-title{font-family:Impact,"Arial Black",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:.91}.hero h1{max-width:880px;margin:0;font-size:clamp(3.4rem,10vw,8.7rem)}.hero h1 em{color:var(--red);font-style:normal}.hero__lead{max-width:690px;margin:1.5rem 0 0;font:400 clamp(1.1rem,2.3vw,1.45rem)/1.5 Georgia,serif}.hero__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.hero__secondary{margin-top:1.5rem;font-weight:900}.button{display:inline-block;margin-top:1.5rem;padding:.8rem 1.05rem;border:2px solid var(--ink);background:var(--red);color:#fff;font-weight:900;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}.button--yellow{background:var(--yellow);color:var(--ink)}.section{padding:clamp(3rem,7vw,6rem) 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;border-bottom:2px solid var(--ink)}.section-heading h2{margin:0 0 .5rem;font:400 clamp(2rem,5vw,4rem)/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem)}.comic-card{display:flex;flex-direction:column;background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--yellow)}.comic-card__image{display:block;aspect-ratio:2/3;overflow:hidden;border-bottom:2px solid var(--ink);background:#eee}.comic-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.comic-card:hover img{transform:scale(1.025)}.comic-card__body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.comic-card__meta{margin:0 0 .55rem;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.comic-card h3{margin:0;font:400 clamp(1.45rem,2.5vw,2.1rem)/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.comic-card p{color:var(--muted)}.comic-card__link{margin-top:auto;font-weight:900}.empty-state{padding:2rem;border:2px dashed var(--muted);background:var(--white)}.comic-single{max-width:1000px;margin:0 auto;padding:clamp(2.5rem,7vw,6rem) 1rem}.comic-title{margin:.3rem 0 1rem;font-size:clamp(3rem,8vw,7rem)}.comic-deck{max-width:750px;font:400 clamp(1.1rem,2vw,1.4rem)/1.5 Georgia,serif}.comic-image{display:block;margin:2rem auto;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--yellow)}.source-card{margin:2.5rem 0;padding:clamp(1rem,3vw,1.6rem);border:2px solid var(--ink);background:var(--white)}.source-card__label{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.source-card h2{margin:.4rem 0;font:400 clamp(1.5rem,3vw,2.4rem)/1.05 Impact,"Arial Black",sans-serif;text-transform:uppercase}.comic-disclaimer{padding:1rem;border-left:6px solid var(--blue);background:#e8f2f5;color:#294650;font-size:.92rem}.content-page{max-width:960px;padding:clamp(2.5rem,7vw,6rem) 1rem}.page-title{font-size:clamp(3rem,8vw,6rem)}.site-footer{margin-top:4rem;border-top:2px solid var(--ink);background:var(--ink);color:var(--paper)}.site-footer__inner{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:3rem 0 1.5rem}.site-footer ul{list-style:none;margin:0;padding:0;columns:2}.site-footer li{margin-bottom:.45rem}.site-footer a{color:var(--yellow)}.site-footer__mark{font:400 2rem/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.site-footer__bottom{padding:1rem 0 2rem;border-top:1px solid #554f47;color:#c9c0b2;font-size:.82rem}.pagination{margin-top:3rem}.nav-links,.pagination{display:flex;gap:.5rem;flex-wrap:wrap}.page-numbers{padding:.5rem .75rem;border:1px solid var(--ink);background:var(--white);text-decoration:none}.page-numbers.current{background:var(--ink);color:#fff}@media(max-width:940px){.primary-nav ul{gap:.75rem}.primary-nav a{font-size:.9rem}}@media(max-width:820px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;z-index:20;left:0;right:0;top:88px;padding:1rem;background:var(--white);border-bottom:2px solid var(--ink)}.primary-nav.is-open{display:block}.primary-nav ul{align-items:stretch;flex-direction:column}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__inner{grid-template-columns:1fr}}@media(max-width:540px){.comic-grid{grid-template-columns:1fr}.hero{background:var(--white)}.brand__tagline{display:none}.comic-image{box-shadow:6px 6px 0 var(--yellow)}.site-footer ul{columns:1}}

.brand{display:block;flex:0 0 245px;line-height:0}.brand__logo{display:block;width:245px;height:auto;max-height:84px;overflow:visible}.site-header__inner{min-height:104px}@media(max-width:940px){.brand{flex-basis:220px}.brand__logo{width:220px}.site-header__inner{gap:1.25rem}}@media(max-width:820px){.brand{flex-basis:auto}.brand__logo{width:min(245px,64vw);max-height:76px}.primary-nav{top:104px}}@media(max-width:540px){.brand__logo{width:min(225px,65vw)}.site-header__inner{min-height:88px}.primary-nav{top:88px}}

/* Comic discovery and continuous reader */
.comic-layout,.comic-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(2rem,4vw,4.5rem);align-items:start}.comic-layout{padding-top:0}.comic-reader,.comic-archive-main{min-width:0}.comic-reader__item{scroll-margin-top:1.25rem}.comic-reader__item--loaded{position:relative;margin-top:2rem;padding-top:clamp(4.5rem,9vw,8rem);border-top:4px solid var(--ink)}.comic-reader__item--loaded:before{content:"Siguiente cómic";position:absolute;top:-1.05rem;left:50%;transform:translateX(-50%) rotate(-1deg);padding:.45rem .8rem;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.comic-title a{text-decoration:none}.comic-title a:hover{text-decoration:underline;text-decoration-thickness:4px}.comic-title--first{font-size:clamp(3rem,6.5vw,6.5rem)}.comic-share{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin:.75rem 0 1.75rem}.comic-share__button{padding:.6rem .85rem;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:inherit;font-size:.86rem;font-weight:900;cursor:pointer}.comic-share__button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.comic-share__button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.comic-share__status{min-height:1.35em;color:var(--muted);font-size:.82rem}.comic-topics{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.15rem 0}.comic-topics a,.topic-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:.65rem;border:2px solid var(--ink);background:var(--white);font-size:.78rem;font-weight:900;text-decoration:none}.comic-topics a{padding:.35rem .65rem;color:var(--blue)}.topic-chip{padding:.52rem .68rem}.topic-chip:hover,.topic-chip.is-current{background:var(--yellow)}.topic-chip span{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:var(--ink);color:var(--white);font-size:.7rem}.topic-nav--archive{display:flex;gap:.55rem;overflow-x:auto;margin:1.2rem 0 2rem;padding:.2rem .1rem .55rem;scrollbar-width:thin}.topic-nav--archive .topic-chip{flex:0 0 auto}.topic-nav--sidebar{display:grid;gap:.55rem}.comic-sidebar{position:relative;padding-top:clamp(3rem,7vw,6rem)}.comic-sidebar__inner{position:sticky;top:1.25rem;padding:1.1rem;border:2px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--blue)}.comic-sidebar__label{margin:0 0 .8rem;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.comic-sidebar__all{display:inline-block;margin-top:1rem;font-size:.86rem;font-weight:900}.comic-sidebar__submit{display:grid;gap:.55rem;margin:1.25rem -1.1rem -1.1rem;padding:1.1rem;border-top:2px solid var(--ink);background:var(--yellow)}.comic-sidebar__submit a{font-weight:900}.comic-reader__controls{display:grid;justify-items:center;gap:.65rem;padding:2rem 0 0;text-align:center}.comic-reader__button{padding:.85rem 1.1rem;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font:inherit;font-weight:900;cursor:pointer}.comic-reader__button:disabled{cursor:wait;opacity:.65}.comic-reader__status{margin:.35rem 0;color:var(--muted);font-size:.88rem}.comic-reader__sentinel{width:100%;height:2px}.source-card h3{margin:.4rem 0;font:400 clamp(1.5rem,3vw,2.4rem)/1.05 Impact,"Arial Black",sans-serif;text-transform:uppercase}.edpc-comics .topic-nav{margin-bottom:2rem}

@media(max-width:1050px){.comic-layout,.comic-archive-layout{grid-template-columns:minmax(0,1fr) 225px;gap:2rem}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.comic-layout,.comic-archive-layout{display:flex;flex-direction:column}.comic-reader,.comic-archive-main,.comic-sidebar{width:100%}.comic-sidebar{order:-1;padding-top:1.25rem}.comic-sidebar__inner{position:static;padding:.85rem;box-shadow:4px 4px 0 var(--blue)}.comic-sidebar__label{margin-bottom:.55rem}.topic-nav--sidebar{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem .1rem .5rem;scrollbar-width:thin;touch-action:auto}.topic-nav--sidebar .topic-chip{flex:0 0 auto}.comic-sidebar__all{margin:.25rem 0 0}.comic-sidebar__submit{display:none}.comic-single{padding-left:0;padding-right:0}.comic-reader__item--loaded{margin-top:1rem}.comic-title--first{font-size:clamp(3rem,10vw,5.5rem)}}
@media(max-width:540px){.comic-layout{padding-left:.9rem;padding-right:.9rem}.comic-sidebar{padding-top:.85rem}.comic-sidebar__inner{margin:0}.comic-title{font-size:clamp(2.65rem,13vw,4.3rem)}.comic-deck{font-size:1.05rem}.comic-image{margin:1.35rem auto;box-shadow:5px 5px 0 var(--yellow)}.source-card{margin:1.75rem 0}.comic-reader__item--loaded{padding-top:4.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.comic-card__image img{transition:none}}

/* Mobile comic carousel and touch-friendly topic navigation */
.home-comics__footer{display:none}.topic-nav--archive,.topic-nav--sidebar{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
@media(max-width:820px){
	.site-wrap{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
	.site-wrap.section{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}
	.home-comics__track{position:relative;display:flex;gap:1rem;overflow-x:auto;padding:.15rem .4rem .8rem .15rem;scroll-snap-type:x mandatory;scroll-padding-inline:.15rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:auto}
	.home-comics__track::-webkit-scrollbar{display:none}
	.home-comics__track .comic-card{flex:0 0 min(82vw,420px);scroll-snap-align:start;scroll-snap-stop:always}
	.home-comics__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.6rem}
	.home-comics__hint{margin:0;color:var(--muted);font-size:.82rem;font-weight:700}
	.home-comics__controls{display:flex;gap:.55rem;flex:0 0 auto}
	.home-comics__controls button{display:grid;place-items:center;width:2.7rem;height:2.7rem;padding:0;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 1.2rem/1 Arial,sans-serif;cursor:pointer}
	.home-comics__controls button:disabled{opacity:.4;box-shadow:none;cursor:default}
	.topic-nav--archive,.topic-nav--sidebar{scroll-snap-type:x proximity;touch-action:auto}
	.topic-nav--archive .topic-chip,.topic-nav--sidebar .topic-chip{scroll-snap-align:start}
	.comic-archive-main .comic-grid,.edpc-comics__grid{grid-template-columns:1fr}
}
@media(max-width:540px){.home-comics__track .comic-card{flex-basis:calc(100% - 1.6rem)}}
@media(prefers-reduced-motion:reduce){.home-comics__track{scroll-behavior:auto}}