/*
Theme Name: Johnny Base
Template: twentytwentyfive
Description: Tema de bloques propio para el modelo de sitio (proyecto-sitios-web). Diseño en theme.json; sin CSS salvo lo que los bloques no cubren.
Version: 0.1.0
Author: Johnny Ramone
Text Domain: johnny-base
*/

/* Lo que theme.json todavía no expresa bien. Poco y con motivo. */
.wp-block-details { border: 1px solid var(--wp--preset--color--linea); border-radius: 10px; padding: 0.9rem 1.1rem; margin-bottom: 0.75rem; background: var(--wp--preset--color--base); }
.wp-block-details summary { font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.wp-block-details summary::after { content: "+"; font-size: 1.4rem; color: var(--wp--preset--color--primario); line-height: 1; }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-table table { border-collapse: collapse; width: 100%; font-size: 0.97rem; }
.wp-block-table th { text-align: left; background: var(--wp--preset--color--suave); font-weight: 600; color: var(--wp--preset--color--primario); }
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid var(--wp--preset--color--linea); padding: 0.8rem 0.9rem; vertical-align: top; }
.wp-block-table thead th { border-bottom: 2px solid var(--wp--preset--color--linea); }
.wp-block-table figure, .wp-block-table { overflow-x: auto; }
.johnny-veredicto { border-left: 5px solid var(--wp--preset--color--acento); }
.johnny-lista-check li, .johnny-lista-cruz li { list-style: none; padding-left: 1.7rem; position: relative; margin-bottom: 0.45rem; }
.johnny-lista-check li::before { content: "✓"; position: absolute; left: 0; color: var(--wp--preset--color--positivo); font-weight: 700; }
.johnny-lista-cruz li::before { content: "✕"; position: absolute; left: 0; color: var(--wp--preset--color--negativo); font-weight: 700; }
.johnny-nota { font-size: 3.2rem; line-height: 1; font-family: var(--wp--preset--font-family--titulos); color: var(--wp--preset--color--primario); }
.johnny-meta { font-size: 0.9rem; color: var(--wp--preset--color--tenue); }
.wp-block-quote { border-left: 4px solid var(--wp--preset--color--acento); background: var(--wp--preset--color--suave); padding: 1rem 1.25rem; border-radius: 0 10px 10px 0; font-style: normal; margin: 0 0 1rem; }
.wp-block-quote p { font-size: 1.02rem; line-height: 1.55; margin: 0; }
.wp-block-quote cite { display: block; margin-top: 0.5rem; font-size: 0.85rem; color: var(--wp--preset--color--tenue); font-style: normal; }
.johnny-hero img { border-radius: 16px; }

/* Fraunces es variable con eje óptico: a tamaño de título el navegador elige el corte de mucho contraste (se ve "vieja").
   Se fija el corte chico, más suave y redondeado, que es el que muestra Kadence. */
h1, h2, h3, h4, .johnny-nota, .wp-block-site-title { font-optical-sizing: none; font-variation-settings: "opsz" 12; }

/* Cabecera y pie a todo el ancho, sin esquinas redondeadas (el radio es para las cajas dentro del contenido). */
.wp-block-group.alignfull { border-radius: 0; }