/*
Theme Name: Verdea
Theme URI: https://verdea.com.mx/
Description: Tema base ultraligero para sitios construidos con Elementor. Aporta unicamente estructura, compatibilidad y rendimiento: sin CSS decorativo, sin JavaScript propio en frontend, sin fuentes ni dependencias externas.
Author: Verdea
Author URI: https://verdea.com.mx/
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: verdea
Tags: translation-ready, custom-logo, threaded-comments
*/

/* -----------------------------------------------------------------------------
 * Verdea - hoja de estilo unica del tema.
 *
 * Reglas de oro:
 * 1. Aqui solo entra CSS estructural, de accesibilidad o exigido por WordPress.
 * 2. Nada de colores, tipografias, tamanos, espaciados ni estilos de componentes:
 *    eso lo controla Elementor (Global Fonts / Global Colors / Site Settings).
 * 3. Sin !important salvo justificacion tecnica explicita (hoy: ninguna).
 *
 * Para desactivar por completo esta hoja:
 *   add_filter( 'verdea_load_theme_style', '__return_false' );
 * -------------------------------------------------------------------------- */

/* 1. Reset estructural minimo -------------------------------------------- */

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
}

html,
body {
	width: 100%;
	max-width: 100%;
}

/* Evita desbordes horizontales causados por medios sin restriccion. */
img,
video,
canvas,
svg,
iframe,
embed,
object {
	max-width: 100%;
}

img,
video {
	height: auto;
}

/* 2. Estructura del tema -------------------------------------------------- */

/*
 * El contenedor principal no impone ancho, padding, margen ni fondo: es
 * requisito para que los layouts Full Width y Canvas de Elementor ocupen el
 * 100% del viewport sin correcciones posteriores.
 */
.site-main {
	display: block;
}

/* 3. Accesibilidad -------------------------------------------------------- */

/* Clase estandar de WordPress para texto solo accesible a lectores de pantalla. */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/*
 * El skip link debe ser visible al recibir foco de teclado. Se usan colores del
 * sistema (Canvas / CanvasText) para no imponer una paleta propia y respetar
 * automaticamente los modos de alto contraste.
 */
.screen-reader-text:focus,
.skip-link:focus {
	background-color: Canvas;
	color: CanvasText;
	clip-path: none;
	display: block;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 0.75rem 1rem;
	text-decoration: underline;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/* Indicador de foco visible sin fijar color propio. */
:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Respeta la preferencia del sistema de reducir movimiento. */
@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

/* 4. Requisitos de WordPress core ---------------------------------------- */

/* Clases generadas por el editor y por wp_get_attachment_image(). */
.alignleft {
	float: left;
	margin-right: 1em;
}

.alignright {
	float: right;
	margin-left: 1em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	display: block;
}

/* Necesario para que el sticky posts / clearfix del loop no rompa el layout. */
.entry-content::after {
	clear: both;
	content: "";
	display: table;
}