/**
 * Theme Name: Radiojaputa
 * Theme URI: https://radiojaputa.com
 * Description: Tema hijo de Hello Elementor. La capa visual vive en Elementor V4 (Variables y Clases globales del Kit); aquí solo va lo que obliga a tocar PHP o CSS del propio tema.
 * Author: Radiojaputa
 * Author URI: https://radiojaputa.com
 * Author Email: web@radiojaputa.com
 * Template: hello-elementor
 * Version: 0.2.0
 * Requires at least: 7.0
 * Requires PHP: 8.3
 * Text Domain: radiojaputa
 * License: GNU General Public License v3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 */

/*
 * Colores, tipografías, espaciados y clases reutilizables NO se escriben aquí:
 * son Variables y Clases globales de Elementor V4 y viven en el Kit.
 *
 * Esta hoja es solo para CSS que no tenga sitio en Elementor (reset, estilos de
 * plantillas PHP propias, print, etc.).
 */

/* ============================================================
   RESET DEL SITIO
   Sustituye a reset.css de Hello Elementor 3.5.1 (anulado en Hello → Ajustes).
   Parte de su contenido completo y le aplica los cambios del mockup.
   Todo va dentro de :where() → especificidad 0: cualquier Clase o estilo de
   base de Elementor gana siempre, sin depender del orden de carga.
   Fondo, color y tipografía del cuerpo NO van aquí: los pone el Kit.
   ============================================================ */

:where(html) {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	overflow-x: clip; /* mockup */
}

:where(*, *::before, *::after) {
	box-sizing: border-box;
}

:where(body) {
	margin: 0;
	overflow-wrap: break-word; /* mockup */
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Títulos y párrafos sin margen (mockup): las separaciones las marca el PDF de THE TIAS
   y se ponen en la Clase de cada elemento. Tamaños por defecto de Hello para títulos sin Clase. */
:where(h1, h2, h3, h4, h5, h6) {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
}
:where(h1) { font-size: 2.5rem; }
:where(h2) { font-size: 2rem; }
:where(h3) { font-size: 1.75rem; }
:where(h4) { font-size: 1.5rem; }
:where(h5) { font-size: 1.25rem; }
:where(h6) { font-size: 1rem; }
:where(p) { margin: 0; }

:where(hr) { box-sizing: content-box; height: 0; overflow: visible; }
:where(pre) { font-family: monospace; font-size: 1em; white-space: pre-wrap; }

:where(a) {
	background-color: transparent;
	color: inherit; /* mockup (Hello: #c36) */
	text-decoration: none;
}

:where(abbr[title]) { border-block-end: none; text-decoration: underline dotted; }
:where(b, strong) { font-weight: bolder; }
:where(code, kbd, samp) { font-family: monospace; font-size: 1em; }
:where(small) { font-size: 80%; }
:where(sub, sup) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
:where(sub) { bottom: -0.25em; }
:where(sup) { top: -0.5em; }

:where(img) {
	border-style: none;
	height: auto;
	max-width: 100%;
	/* Sin display:block: el átomo Imagen de Elementor ya lo trae, y así no se limitan
	   las imágenes dentro de un texto. */
}

:where(details) { display: block; }
:where(summary) { display: list-item; }
:where([hidden], template) { display: none; }

:where(label) {
	display: inline-block;
	vertical-align: middle; /* sin line-height:1 de Hello */
}

:where(button, input, optgroup, select, textarea) {
	font: inherit; /* mockup */
	color: inherit; /* mockup */
	margin: 0;
}

:where(input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], select, textarea) {
	border: 1px solid currentColor;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	width: 100%;
}

:where(button, input) { overflow: visible; }
:where(button, select) { text-transform: none; }

:where([type="button"], [type="reset"], [type="submit"], button) {
	-webkit-appearance: button;
	width: auto;
}

:where([type="button"], [type="submit"], button) {
	background-color: transparent;
	border: 1px solid currentColor;
	border-radius: 3px;
	display: inline-block;
	padding: 0.5rem 1rem;
	text-align: center;
	user-select: none;
	white-space: nowrap;
}
:where([type="button"], [type="submit"], button):not(:disabled) { cursor: pointer; }

:where(fieldset) { padding: 0.35em 0.75em 0.625em; }
:where(legend) { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
:where(progress) { vertical-align: baseline; }
:where(textarea) { overflow: auto; resize: vertical; }
:where([type="checkbox"], [type="radio"]) { box-sizing: border-box; padding: 0; }
:where([type="number"])::-webkit-inner-spin-button,
:where([type="number"])::-webkit-outer-spin-button { height: auto; }
:where([type="search"]) { -webkit-appearance: textfield; }
:where([type="search"])::-webkit-search-decoration { -webkit-appearance: none; }
/* mockup: ningún buscador lleva la X del navegador */
:where([type="search"])::-webkit-search-cancel-button { display: none; -webkit-appearance: none; appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
:where(select) { display: block; }

:where(table) {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.9em;
	margin-block-end: 15px;
	width: 100%;
}
:where(table td, table th) { border: 1px solid hsla(0, 0%, 50%, 0.502); line-height: 1.5; padding: 15px; vertical-align: top; }
:where(table th) { font-weight: 700; }
:where(table tfoot th, table thead th) { font-size: 1em; }
:where(table caption + thead tr:first-child td, table caption + thead tr:first-child th, table colgroup + thead tr:first-child td, table colgroup + thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th) { border-block-start: 1px solid hsla(0, 0%, 50%, 0.502); }
:where(table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th) { background-color: hsla(0, 0%, 50%, 0.071); }
:where(table tbody tr:hover > td, table tbody tr:hover > th) { background-color: hsla(0, 0%, 50%, 0.102); }
:where(table tbody + tbody) { border-block-start: 2px solid hsla(0, 0%, 50%, 0.502); }
@media (max-width: 767px) {
	:where(table table) { font-size: 0.8em; }
	:where(table table td, table table th) { line-height: 1.3; padding: 7px; }
	:where(table table th) { font-weight: 400; }
}

:where(dd, dl, dt, li, ol, ul) {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin-block: 0;
	vertical-align: baseline; /* sin outline:0 de Hello */
}

@media print {
	*, *::after, *::before { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]::after { content: " (" attr(href) ")"; }
	abbr[title]::after { content: " (" attr(title) ")"; }
	a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
	pre { white-space: pre-wrap !important; }
	blockquote, pre { border: 1px solid #ccc; break-inside: avoid; }
	thead { display: table-header-group; }
	img, tr { break-inside: avoid; }
	h2, h3, p { orphans: 3; widows: 3; }
	h2, h3 { break-after: avoid; }
}