/*
Theme Name: MP Theme Starter
Theme URI: https://mpthemestudio.com/
Author: MP Theme Studio
Author URI: https://mpthemestudio.com/
Description: Plantilla universal experimental para iniciar themes MP Theme Studio.
Version: 0.5.36
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mp-theme-starter
Domain Path: /languages
Tags: block-styles, full-site-editing, accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, wide-blocks
*/

:root {
	color-scheme: dark;
	--wp--preset--color--emerald: #14b87a !important;
	--mpts-color-bg: #10151c;
	--mpts-color-surface: #19212b;
	--mpts-color-text: #f3f6f8;
	--mpts-color-muted: #b7c2cc;
	--mpts-color-accent-base: #14b87a;
	--mpts-color-accent: var(--mpts-color-accent-base);
	--mpts-color-button-text: #000;
	--mpts-color-border: #34414d;
	--mpts-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--mpts-content-width: 72rem;
	--mpts-focus: #f7c948;
	font-family: var(--mpts-font-body);
	background: var(--mpts-color-bg);
	color: var(--mpts-color-text);
}

:root[data-mpts-mode="light"] {
	color-scheme: light;
	--wp--preset--color--emerald: #08734e !important;
	--mpts-color-bg: #f7f9fa;
	--mpts-color-surface: #fff;
	--mpts-color-text: #17212b;
	--mpts-color-muted: #4c5b67;
	--mpts-color-accent-base: #08734e;
	--mpts-color-accent: var(--mpts-color-accent-base);
	--mpts-color-button-text: #fff;
	--mpts-color-border: #cbd5dd;
	--mpts-focus: #5a3b00;
}

@media (prefers-color-scheme: light) {
	:root[data-mpts-mode="auto"] {
		color-scheme: light;
		--wp--preset--color--emerald: #08734e !important;
		--mpts-color-bg: #f7f9fa;
		--mpts-color-surface: #fff;
		--mpts-color-text: #17212b;
		--mpts-color-muted: #4c5b67;
		--mpts-color-accent-base: #08734e;
		--mpts-color-accent: var(--mpts-color-accent-base);
		--mpts-color-button-text: #fff;
		--mpts-color-border: #cbd5dd;
		--mpts-focus: #5a3b00;
	}
}

body {
	margin: 0;
	background: var(--mpts-color-bg);
	color: var(--mpts-color-text);
	font-family: var(--mpts-font-body);
}

a { color: var(--mpts-color-accent); }
a:hover { text-decoration-thickness: .12em; }
.wp-block-button__link { background: var(--mpts-color-accent); color: var(--mpts-color-button-text); }
:focus-visible { outline: 3px solid var(--mpts-focus); outline-offset: 3px; }

.wp-site-blocks { min-height: 100vh; }
.mpts-shell { width: min(calc(100% - 2rem), var(--mpts-content-width)); margin-inline: auto; }
.mpts-site-header, .mpts-site-footer { background: var(--mpts-color-surface); }
.mpts-site-header { border-bottom: 1px solid var(--mpts-color-border); }
.mpts-site-footer { border-top: 1px solid var(--mpts-color-border); }
.mpts-card, .is-style-mpts-card { box-sizing: border-box; border: 1px solid var(--mpts-color-border); border-radius: .75rem; padding: clamp(1rem, 2vw, 1.5rem); background: var(--mpts-color-surface); }
.wp-block-quote.mpts-card { margin-inline: 0; }
.mpts-faq-item { padding-block: 1.25rem; border-bottom: 1px solid var(--mpts-color-border); }
.mpts-faq-item:last-child { border-bottom: 0; }
.mpts-meta { color: var(--mpts-color-muted); }
.mpts-cta { padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--mpts-color-border); border-radius: 1rem; background: var(--mpts-color-surface); }
.mpts-hero { padding-block: clamp(3.5rem, 10vw, 8rem); }
.mpts-hero p { max-width: 46rem; color: var(--mpts-color-muted); font-size: clamp(1.05rem, 2vw, 1.25rem); }
.mpts-mode-toggle { display: none; position: fixed; inset-inline-end: 1rem; inset-block-end: 1rem; z-index: 999; border: 1px solid var(--mpts-color-border); border-radius: 999px; padding: .65rem 1rem; background: var(--mpts-color-surface); color: var(--mpts-color-text); font: inherit; cursor: pointer; }
:root.mpts-js .mpts-mode-toggle { display: inline-flex; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


@media (forced-colors: active) {
	a { color: LinkText; }
	.wp-block-button__link {
		border: 1px solid ButtonText;
		background: ButtonFace;
		color: ButtonText;
	}
	.mpts-card,
	.is-style-mpts-card,
	.mpts-cta {
		border-color: CanvasText;
		background: Canvas;
		color: CanvasText;
	}
	.mpts-mode-toggle {
		border-color: ButtonText;
		background: ButtonFace;
		color: ButtonText;
	}
	:focus-visible {
		outline-color: Highlight;
	}
}