/*
Theme Name: Cuaderno
Description: Tema de bloques para blog con estética editorial: titular enorme, líneas finas, texto con serifa y listados de entradas en forma de tabla, sobre una cuadrícula de 12 columnas.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Author: Max
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cuaderno
Tags: blog, block-patterns, full-site-editing, one-column, editor-style, style-variations, translation-ready
*/

/* ------------------------------------------------------------------
   Escala: 1 unidad (--u) = 1,44 % del alto de la pantalla, sin pasar
   de 2,24 % del ancho. En móvil todo es un 30 % más grande.
   El contenido ocupa el 66 % del ancho con 2 unidades de margen.
------------------------------------------------------------------ */
:root {
	--cuaderno-base: min(1.44vh, 2.24vw);
	--u: var(--cuaderno-base);
	--cuaderno-fs-interface: calc(1.6 * var(--u));
	--cuaderno-fs-display: calc(11.2 * var(--u));
	--cuaderno-content: calc(66vw - 4 * var(--u));
	--cuaderno-gutter: calc(2 * var(--u));
	--cuaderno-blank: calc(1.8 * 1.2 * var(--u)); /* una línea de texto en blanco */
}
@media (max-width: 781px) {
	:root {
		--u: calc(1.3 * var(--cuaderno-base));
		--cuaderno-fs-interface: calc(1.3 * var(--u));
		--cuaderno-fs-display: calc(5.2 * var(--u));
		--cuaderno-content: 100%;
		--cuaderno-gutter: var(--u);
	}
}

/* ------------------------------------------------------------------
   Cuadrícula de 12 columnas (como el original)
------------------------------------------------------------------ */
.cuaderno-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: var(--u);
	align-items: start;
}
.cuaderno-grid > * {
	margin: 0 !important;
	min-width: 0;
}
.cuaderno-span-1 { grid-column: span 1; }
.cuaderno-span-3 { grid-column: span 3; }
.cuaderno-span-5 { grid-column: span 5; }
.cuaderno-span-6 { grid-column: span 6; }
.cuaderno-span-12 { grid-column: span 12; }
.cuaderno-align-right { text-align: right; justify-self: end; }

/* ------------------------------------------------------------------
   Líneas finas: 1px, margen 0,3u arriba y 0,4u abajo
------------------------------------------------------------------ */
.wp-block-separator.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	height: 0;
	opacity: 1;
	margin-top: calc(0.3 * var(--u)) !important;
	margin-bottom: calc(0.4 * var(--u)) !important;
}

/* ------------------------------------------------------------------
   Cabecera y pie
------------------------------------------------------------------ */
.wp-site-blocks > * {
	margin-block-start: 0 !important;
}
.cuaderno-header a,
.cuaderno-footer a,
.cuaderno-row a,
.cuaderno-meta a,
.cuaderno-sticky a,
.wp-block-post-terms a,
.wp-block-post-title a {
	text-decoration: none;
}
.cuaderno-header a:hover,
.cuaderno-footer a:hover,
.cuaderno-row a:hover {
	color: var(--wp--preset--color--muted);
}
.cuaderno-header .wp-block-site-tagline,
.cuaderno-header p {
	margin: 0;
}
.cuaderno-header .wp-block-navigation {
	--navigation-layout-justification-setting: flex-start;
	gap: 0 0.5em;
}
.cuaderno-header .wp-block-navigation .wp-block-navigation-item__content {
	padding: 0;
}
.cuaderno-footer > .wp-block-separator:first-child {
	margin-top: 0 !important;
}
.cuaderno-header .wp-block-site-title {
	margin-top: 0 !important;
	margin-bottom: calc(0.52 * var(--u)) !important;
}

/* Titular gigante */
.cuaderno-display a {
	text-decoration: none;
	color: inherit;
}

/* Mientras no haya fuente de titular con licencia se usa Archivo, que también tiene
   eje de anchura: con "wdth" 80 queda condensada como Gravity. Solo se ajusta el peso. */
.cuaderno-fallback-display .wp-block-site-title,
.cuaderno-fallback-display .is-style-cuaderno-display,
.cuaderno-fallback-display h1:not(.wp-block-post-title) {
	font-weight: 800;
	letter-spacing: -0.03em;
}

/* Texto de pie (caption) */
.is-style-cuaderno-caption,
.cuaderno-caption {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--wp--preset--color--caption);
}

/* Texto de interfaz */
.is-style-cuaderno-interface {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.004em;
}

/* Texto secundario (gris) */
.cuaderno-muted,
.cuaderno-muted a {
	color: var(--wp--preset--color--muted) !important;
}

/* ------------------------------------------------------------------
   Filas tipo tabla (listado de entradas)
------------------------------------------------------------------ */
.cuaderno-rows {
	margin-top: calc(0.3 * var(--u)) !important;
}
.cuaderno-rows > li {
	margin: 0 !important;
}
.cuaderno-row {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.15;
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: calc(0.4 * var(--u));
	padding-bottom: calc(0.3 * var(--u));
}
.cuaderno-row > * {
	margin: 0 !important;
}
.cuaderno-row .wp-block-read-more {
	display: inline;
}
.cuaderno-rows-closed > li:last-child .cuaderno-row {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

/* ------------------------------------------------------------------
   Entrada destacada y extractos
------------------------------------------------------------------ */
.cuaderno-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.3em;
	align-items: baseline;
}
.cuaderno-meta > * {
	margin: 0 !important;
}
.wp-block-post-excerpt__excerpt {
	margin: 0;
}
.wp-block-post-excerpt__more-text {
	margin: 1.2em 0 0;
}
.wp-block-post-featured-image {
	margin: 0;
}
.wp-block-post-featured-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* ------------------------------------------------------------------
   Columnas: 1 unidad de separación, sin hueco vertical al apilar
------------------------------------------------------------------ */
.wp-block-columns {
	margin-bottom: 0;
}
.cuaderno-sticky {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--u));
	align-self: flex-start;
}
@media (max-width: 781px) {
	.cuaderno-sticky {
		position: static;
	}
}

/* ------------------------------------------------------------------
   Contenido de las entradas
------------------------------------------------------------------ */
.wp-block-post-content > :first-child {
	margin-top: 0;
}
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	color: var(--wp--preset--color--text);
}
.wp-block-post-content figcaption,
.wp-block-image figcaption {
	margin-top: calc(0.4 * var(--u));
	text-align: left;
}

/* Listas numeradas con estilo de interfaz (como "1. Marcel Proust —") */
.is-style-cuaderno-index {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.004em;
	padding-left: 1.8em;
	margin: 0;
}
.is-style-cuaderno-index li::marker {
	font-variant-numeric: tabular-nums;
}

/* Tablas con líneas finas */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}
.wp-block-table th,
.wp-block-table td {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	padding: calc(0.4 * var(--u)) var(--u) calc(0.3 * var(--u)) 0;
	text-align: left;
	vertical-align: top;
}
.wp-block-table tr:last-child td {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.wp-block-table thead {
	border: 0;
}
.wp-block-table td:last-child,
.wp-block-table th:last-child {
	text-align: right;
	padding-right: 0;
}
.wp-block-table figcaption {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--caption);
}

/* Paginación */
.wp-block-query-pagination {
	margin-top: var(--cuaderno-blank) !important;
}
.wp-block-query-pagination a {
	text-decoration: none;
}

/* Navegación entre entradas */
.cuaderno-post-nav a {
	text-decoration: none;
}

/* Comentarios */
.wp-block-comment-template {
	padding-left: 0;
	list-style: none;
}
.wp-block-comment-template li {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: calc(0.4 * var(--u));
}
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	font: inherit;
}

/* Buscador */
.wp-block-search__input {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
}