/*
Theme Name: Manolito
Description: A custom block theme scaffolded by Studio Code.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manolito
*/

/* Sistema: líneas de 3px (estructura) y 1px (separación); un margen lateral; ritmo de 24px. */
:root{--cadmio:#FDDA0D;--sable:#060606;--line:3px solid var(--sable);--hair:1px solid var(--sable);--gutter:clamp(24px,4vw,56px);--unit:24px;--mono:var(--wp--preset--font-family--ibm-plex-mono)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--sable);outline-offset:4px}

/* Estructura: lateral 1/3, contenido 2/3 */
.wp-site-blocks{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr auto;padding:0;min-height:100vh;align-items:start}
.wp-site-blocks>main{align-self:stretch}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-site-blocks>header{grid-column:1;grid-row:1/span 2;align-self:stretch;background:var(--cadmio);border-right:var(--line)}
.wp-site-blocks>header>.identity{position:sticky;top:0;height:100dvh}
.wp-site-blocks>main,.wp-site-blocks>footer{grid-column:2;min-width:0;margin:0}
.wp-site-blocks main{padding:calc(var(--unit)*3) var(--gutter)}
.wp-site-blocks main.is-flush{padding:0}

/* Lateral */
.identity{height:100%;padding:calc(var(--unit)*2) var(--gutter);display:flex;flex-direction:column}
.identity>*{margin:0}.identity a{text-decoration:none}
.identity-name{font-size:clamp(40px,5vw,72px);font-weight:700;line-height:.95;letter-spacing:-.05em;text-transform:uppercase}
.identity-tagline{margin-top:var(--unit)!important;font-size:20px;line-height:1.35}
.identity nav{margin-top:calc(var(--unit)*2)!important;font-family:var(--mono);font-size:13px}
.identity nav .wp-block-navigation__container{gap:12px}.identity nav a:hover{text-decoration:underline}
.identity-social{margin-top:auto!important;gap:16px}

/* Portada */
.home-content>*{margin-block-start:0}
.home-hero{margin:0;border-bottom:var(--line)}.home-hero img{display:block;width:100%;height:auto}
.home-section{padding:calc(var(--unit)*3) var(--gutter)}
.home-section+.home-section{border-top:var(--line)}
.home-section h1,.home-section h2{font-size:32px;line-height:1.1;letter-spacing:-.03em;margin:0 0 var(--unit)}
.home-about p{max-width:34em;font-size:22px;line-height:1.55;margin:0}.home-about p+p{margin-top:var(--unit)}
/* Lista de entradas compartida (portada y archivos): imagen 1/3, texto 2/3 */
.post-list .wp-block-post-template{margin:0;padding:0;list-style:none}
.post-list .wp-block-post{border-top:var(--hair);padding:var(--unit) 0;margin:0}
.post-list .wp-block-post:last-child{border-bottom:var(--hair)}
.post-row{grid-template-columns:1fr 2fr;gap:var(--unit);align-items:start}
.post-row .wp-block-post-featured-image{margin:0}
.post-row-copy>*{margin:0}
.post-row-copy .wp-block-post-title{margin-top:0;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.post-row-copy .wp-block-post-title a{text-decoration:none}.post-row-copy .wp-block-post-title a:hover{text-decoration:underline}
.post-row-copy .wp-block-post-excerpt{margin-top:8px;font-size:16px;line-height:1.5}
.post-row-copy .wp-block-post-excerpt__excerpt{margin:0}
.post-list .wp-block-query-pagination{margin:var(--unit) 0 0;font-family:var(--mono);font-size:13px;gap:16px}
.post-list .wp-block-query-pagination .current{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.archive-title{font-size:32px;line-height:1.1;letter-spacing:-.03em;margin:0 0 var(--unit)}
.archive-description{max-width:34em;margin:0 0 var(--unit)}.archive-description p{margin:0}
.home-blog-more{margin:var(--unit) 0 0;font-family:var(--mono);font-size:13px}

/* Elementos comunes */
.wp-block-post-featured-image img{display:block;width:100%;border:var(--line)}
.wp-block-post-date,.eyebrow{font-family:var(--mono);font-size:12px;line-height:1.5}
.site-footer{border-top:var(--line);padding:var(--unit) var(--gutter);font-family:var(--mono);font-size:12px}.site-footer p{margin:0}
.is-style-selective-photo img,.is-style-lithograph img{display:block;width:100%;height:auto;border:var(--line)}
.wp-block-image figcaption{font-family:var(--mono);font-size:12px;text-align:left;margin:8px 0 0}

/* Artículo: fecha, título, imagen a ancho de columna, texto a medida de lectura */
.eyebrow{margin:0 0 var(--unit);text-transform:uppercase}
.single-article>*{margin:0}
.single-article .wp-block-post-title{margin-top:0;max-width:18em;font-size:clamp(32px,3.6vw,44px);line-height:1.08;letter-spacing:-.035em}
.single-article .wp-block-post-featured-image{margin-top:calc(var(--unit)*1.5)}
.article-body{margin-top:calc(var(--unit)*1.5)!important;max-width:36em;font-size:18px;line-height:1.65}
.article-body>*{margin:0}.article-body>*+*{margin-top:var(--unit)}
.article-body h2,.article-body h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin-top:calc(var(--unit)*2)}
.article-body img{max-width:100%;height:auto;border:var(--line)}
.article-body blockquote{margin-left:0;padding-left:var(--unit);border-left:var(--line)}
.post-nav{margin-top:calc(var(--unit)*3)!important;padding-top:var(--unit);border-top:var(--hair);grid-template-columns:1fr 1fr;gap:var(--unit)}
.post-nav>div{font-family:var(--mono);font-size:12px}
.post-nav a{display:block;margin-top:6px;font-family:var(--wp--preset--font-family--space-grotesk);font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-decoration:none}
.post-nav a:hover{text-decoration:underline}.post-nav-next{text-align:right;grid-column:2}

/* Móvil: el lateral pasa a cabecera */
@media(max-width:760px){
.wp-site-blocks{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}
.wp-site-blocks>header{grid-column:1;grid-row:auto;position:relative;height:auto;border-right:0;border-bottom:var(--line)}
.wp-site-blocks>main,.wp-site-blocks>footer{grid-column:1}
.wp-site-blocks>header>.identity{position:relative;height:auto}.identity{padding:var(--unit) var(--gutter)}.identity-name{font-size:40px}.identity-tagline{font-size:18px;margin-top:8px!important}
.identity nav{margin-top:var(--unit)!important}.identity nav .wp-block-navigation__container{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
.identity-social{margin-top:var(--unit)!important}
.home-section{padding:calc(var(--unit)*2) var(--gutter)}.home-section h1,.home-section h2{font-size:28px}
.home-about p{font-size:19px}.archive-title{font-size:28px}.post-row-copy .wp-block-post-title{font-size:19px}.post-row-copy .wp-block-post-excerpt{display:none}.article-body{font-size:17px}.post-nav a{font-size:16px}
.wp-site-blocks main:not(.is-flush){padding:calc(var(--unit)*2) var(--gutter)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
