/*
 * Base CSS · no crítico (carga diferida).
 * Tipografía extendida, utilidades de layout y chrome del theme.
 */

/* Tipografía */
.mv-display { font-size: var(--mv-fs-900); font-weight: 600; }
.mv-h1 { font-size: var(--mv-fs-700); }
.mv-lead { font-size: var(--mv-fs-400); color: var(--mv-color-muted); }
p + p { margin-top: var(--mv-space-s); }

/* Ritmo vertical */
.mv-section { padding-block: var(--mv-space-3xl); }
.mv-stack > * + * { margin-top: var(--mv-space-m); }

/* Header / footer del theme (cuando no se usa Elementor location) */
.site-header {
	position: sticky; top: 0; z-index: 100;
	display: flex; align-items: center; justify-content: space-between;
	padding: var(--mv-space-s) var(--mv-gutter);
	backdrop-filter: saturate(180%) blur(12px);
	background: color-mix(in srgb, var(--mv-color-bg) 80%, transparent);
}
.site-header__nav ul { display: flex; gap: var(--mv-space-m); list-style: none; padding: 0; }

.site-footer { padding: var(--mv-space-2xl) var(--mv-gutter); border-top: 1px solid var(--mv-color-border); }

/* Botón base */
.mv-btn {
	display: inline-flex; align-items: center; gap: var(--mv-space-2xs);
	padding: var(--mv-space-xs) var(--mv-space-m);
	border-radius: 999px; background: var(--mv-color-text); color: var(--mv-color-bg);
	transition: transform var(--mv-dur-fast) var(--mv-ease-out);
}
.mv-btn:hover { transform: translateY(-2px); }

/* Elementor "Ocultar título" — red de seguridad por si el selector difiere */
body.elementor-page-title-hide .entry-title { display: none !important; }

/* Toggle dark mode */
.mv-theme-toggle {
	display: inline-flex; align-items: center; gap: var(--mv-space-2xs);
	background: none; border: 1px solid var(--mv-color-border); border-radius: 999px;
	padding: var(--mv-space-2xs) var(--mv-space-s); cursor: pointer; line-height: 1;
}
.mv-theme-toggle__icon { font-size: 1.1em; }

/* Muestra el icono/texto correcto según el tema activo (light por defecto). */
.mv-theme-toggle__icon--dark,
.mv-theme-toggle__text--dark { display: none; }

:root[data-theme="dark"] .mv-theme-toggle__icon--light,
:root[data-theme="dark"] .mv-theme-toggle__text--light { display: none; }
:root[data-theme="dark"] .mv-theme-toggle__icon--dark,
:root[data-theme="dark"] .mv-theme-toggle__text--dark { display: inline; }

/* Auto dark (sin elección manual) sigue la preferencia del sistema. */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .mv-theme-toggle__icon--light,
	:root:not([data-theme="light"]) .mv-theme-toggle__text--light { display: none; }
	:root:not([data-theme="light"]) .mv-theme-toggle__icon--dark,
	:root:not([data-theme="light"]) .mv-theme-toggle__text--dark { display: inline; }
}