/* pmartin: base minima + tokens del Kit de Elementor (post-3775). */
:root {
	--pm-media-radius: 12px; /* puntas de los videos (home); el foro usa el mismo valor en su custom LESS */
	/* colores globales del Kit */
	--pm-color-primary: #6EC1E4;
	--pm-color-secondary: #54595F;
	--pm-color-text: #7A7A7A;
	--pm-color-accent: #61CE70;
	--pm-color-blue: #4054B2;
	--pm-color-green: #23A455;
	--pm-color-black: #000;
	--pm-color-white: #FFF;
	/* colores propios de header y footer */
	--pm-gold: #CE9C00;
	--pm-line: #1D1D1D;
	--pm-shape: #141414;
	/*
	 * Fuente visible de header y footer. Elementor pide "Roboto", pero su roboto.css apunta a
	 * savethehuman5.com sin cabecera CORS: el navegador rechaza la fuente y cae a Sans-serif.
	 * Para verse igual que hoy se usa Sans-serif. Para pasar a Roboto (autoalojada en
	 * assets/fonts) basta con cambiar este token a var(--pm-font-primary).
	 */
	--pm-font-ui: Sans-serif;
	/* tipografias globales del Kit */
	--pm-font-primary: "Roboto", Sans-serif;
	--pm-font-secondary: "Roboto Slab", Sans-serif;
	--pm-font-text: "Roboto", Sans-serif;
	--pm-font-accent: "Roboto", Sans-serif;
	/* ancho de contenedor del Kit y breakpoints (tablet <=1024, mobile <=767) */
	--pm-container: 1240px;
}

/* Contexto tipografico heredado de Twenty Twenty (rem = 10px, cuerpo 18px, tracking -0.015em). */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

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

body {
	margin: 0;
	background: #000;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	letter-spacing: -0.015em;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
svg {
	max-width: 100%;
	height: auto;
}

main {
	display: block;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/*
 * Marco de las paginas aun en Elementor (page.php): replica el de la plantilla por defecto
 * de Twenty Twenty (.singular .entry-header vacio + .entry-content).
 */
.pm-main {
	display: block;
	overflow: hidden;
}

.pm-page__header {
	padding: 4rem 0;
}

.pm-page__content {
	font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
	line-height: 1.5;
	letter-spacing: normal;
}

.pm-page__content > * {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.25em;
	max-width: 58rem;
	width: calc(100% - 4rem);
}

.pm-page__content > *:first-child {
	margin-top: 0;
}

.pm-page__content > *:last-child {
	margin-bottom: 0;
}

@media (min-width: 700px) {
	.pm-page__header {
		padding: 8rem 0;
	}

	.pm-page__content {
		font-size: 2.1rem;
	}
}

/* Customizer "about-entry-header": sin cabecera de entrada en About y perfil */
body.page-id-9589 .pm-page__header,
body.page-id-16940 .pm-page__header {
	display: none !important;
}