/*
Theme Name: Galerna Hello
Theme URI: https://galernaestudio.com
Description: Tema hijo de Hello Elementor para el WordPress maestro de Galerna Estudio. Higiene de WordPress, pila de fuentes del sistema y CSS propio versionado. Especificación: ADR-010.
Author: Galerna Estudio
Author URI: https://galernaestudio.com
Template: hello-elementor
Version: 1.0.3
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: galerna-hello
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ------------------------------------------------------------------
   1 · Pila de fuentes del sistema (ADR-010 §5)
   El kit de Elementor deja la familia vacía a propósito: Elementor
   entrecomilla la pila entera si se escribe en el kit (auditoría 3.12).
   Esta regla carga después de reset.css de Hello y manda sobre la suya.
   ------------------------------------------------------------------ */
body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ------------------------------------------------------------------
   2 · Lo imprescindible de theme.css de Hello, que el maestro apaga
   (ADR-010 §6). Solo lo que afecta a accesibilidad y a las páginas
   que no son de Elementor (legales con el editor clásico).
   ------------------------------------------------------------------ */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #fff;
	clip: auto !important;
	clip-path: none;
	color: #18181b;
	display: block;
	font-size: 1rem;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 12px 24px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.page-header .entry-title,
body:not([class*="elementor-page-"]) .site-main {
	margin-inline: auto;
	max-width: 1200px;
	padding-inline: 16px;
	width: 100%;
}

.page-content a,
.comments-area a {
	text-decoration: underline;
}

/* Los enlaces dentro de un bloque de texto de Elementor, subrayados: Elementor los anula con
   `.elementor a{text-decoration:none}` (0,1,1), que carga después, y el color del enlace frente
   al texto no llega a 3:1 (WCAG 1.4.1). Medido con Lighthouse el 18-09-2026. */
.elementor-widget-text-editor a:not(.elementor-button) {
	text-decoration: underline;
}

.alignleft {
	float: left;
	margin-inline-end: 1rem;
}

.alignright {
	float: right;
	margin-inline-start: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-inline: auto;
}

.wp-caption {
	margin-block-end: 1.25rem;
	max-width: 100%;
}

.wp-caption img {
	display: block;
	margin-inline: auto;
}

/* ------------------------------------------------------------------
   3 · Contraste en secciones oscuras: clase .on-inverse
   Sale del CSS propio del kit (ADR-010 §5) para quedar versionada.
   Pares medidos sobre surfinv #18181B: surfbas 17,72:1 · bordera
   5,53:1 · prisoft 13,96:1. El h6 usaba accent (2,29:1, no llega
   a AA con el kit neutro) y pasa a prisoft.

   Especificidad, decidida el 18-09-2026: la clase gana al valor por
   defecto del widget (0,2,0) y al Theme Style del kit (0,1,1), que
   cargan después; pero un color elegido en el widget, que Elementor
   emite con (0,4,0), sigue mandando, porque es una decisión explícita.
   ------------------------------------------------------------------ */
.on-inverse,
.on-inverse .elementor-widget-text-editor {
	color: var(--e-global-color-bordera);
}

body .on-inverse h1,
body .on-inverse h2,
body .on-inverse h3,
body .on-inverse h4,
body .on-inverse h5,
.on-inverse .elementor-widget-heading .elementor-heading-title {
	color: var(--e-global-color-surfbas);
}

body .on-inverse h6,
.on-inverse .overline,
.on-inverse .overline .elementor-heading-title,
.on-inverse .elementor-widget-heading h6.elementor-heading-title {
	color: var(--e-global-color-prisoft);
}