/*
Theme Name: Mantra
Template: twentytwelve
Description: Tema hijo de Twenty Twelve con el diseño original de Mantra Music & Audio (restaurado en 2026).
Version: 1.0.1
Text Domain: mantra
*/

/* ---------- Tipografía ---------- */
html, body, div, span, p, a, h1, h2, h3, h4, h5, h6, li, ul, ol,
form, label, input, textarea, button, nav, header, footer, section, article {
	font-family: 'Poppins', sans-serif;
}

/* ---------- Formularios ---------- */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	padding: 10px;
	padding: 1.928571429rem;
	width: 80%;
	max-width: 450px;
	margin-top: 10px;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	padding: 0;
	width: auto;
}
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 25px;
	font-size: 21px;
	font-size: 1.285714286rem;
	line-height: 1.128571429;
	font-weight: normal;
	color: #000;
	background: #f57370;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	margin-top: 12px;
}

/* ---------- Menú ---------- */
.main-navigation {
	position: relative;
	z-index: 9999; /* queda por encima del video del encabezado */
}
.main-navigation li {
	margin-top: 21px;
	font-size: 18px !important;
}

/* ---------- Pie: sin "Proudly powered by WordPress" ---------- */
footer[role="contentinfo"] {
	border-top: 0;
}

/* ---------- Escritorio ---------- */
@media screen and (min-width: 600px) {
	.site {
		max-width: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-top: 0;
		border-bottom: 0;
		display: inline-block !important;
		text-align: right;
		width: 100%;
		padding-right: 10%;
		box-sizing: border-box;
	}
	.main-navigation li a {
		color: #fff;
		text-transform: none;
	}
	.main-navigation li a:hover,
	.main-navigation li a:active,
	.main-navigation li a:focus,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_item > a {
		color: #b7b7b7;
		border-bottom: 2px solid #f57370;
	}
	.main-navigation li {
		margin: 0 1.457142857rem 0 0;
	}
}

/* ---------- Celular ---------- */
@media screen and (max-width: 600px) {
	button,
	input,
	select,
	textarea {
		width: 100%;
	}
	/* En celular se usa el menú de WP Responsive Menu */
	.main-navigation {
		display: none;
	}
	.site {
		padding: 0;
	}
}

/* ---------- Título del sitio oculto (el logo está en el video) ---------- */
.site-header .site-title,
.site-header .site-description {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.site-header {
	padding: 0;
}

/* ---------- Sin márgenes ni sombra alrededor del contenido ---------- */
body,
body.custom-background-empty {
	background-color: #fff;
}
@media screen and (min-width: 960px) {
	body .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}
.site-content {
	margin: 0;
}
.site-content article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.entry-content,
.entry-header {
	margin: 0;
}