/* ==========================================================================
   Compatibilidad con las páginas de Elementor aún no rediseñadas.

   Reproduce la base que esas páginas tienen hoy con Hello Elementor, solo
   dentro de <main class="fr-main--legacy">. Se usa :where() para no subir la
   especificidad: los estilos propios de Elementor siguen mandando igual que
   en la web actual. Se retirará cuando todas las páginas estén rediseñadas.
   ========================================================================== */

.fr-main--legacy {
	color: #333;
	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

:where(.fr-main--legacy) :is(h1, h2, h3, h4, h5, h6) {
	margin-block: 0.5rem 1rem;
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
}

:where(.fr-main--legacy) h1 { font-size: 2.5rem; }
:where(.fr-main--legacy) h2 { font-size: 2rem; }
:where(.fr-main--legacy) h3 { font-size: 1.75rem; }
:where(.fr-main--legacy) h4 { font-size: 1.5rem; }
:where(.fr-main--legacy) h5 { font-size: 1.25rem; }
:where(.fr-main--legacy) h6 { font-size: 1rem; }

:where(.fr-main--legacy) p {
	margin-block: 0 0.9rem;
}

:where(.fr-main--legacy) a {
	background-color: transparent;
	color: #c36;
	text-decoration: none;
}

:where(.fr-main--legacy) a:is(:active, :hover) {
	color: #336;
}

:where(.fr-main--legacy) :is(b, strong) {
	font-weight: bolder;
}

:where(.fr-main--legacy) small {
	font-size: 80%;
}

:where(.fr-main--legacy) img {
	max-width: 100%;
	height: auto;
	border-style: none;
}

:where(.fr-main--legacy) figcaption {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.4;
}

:where(.fr-main--legacy) :is(dd, dl, dt, li, ol, ul) {
	margin-block: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
}

:where(.fr-main--legacy) :is(button, input, optgroup, select, textarea) {
	margin: 0;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
}

:where(.fr-main--legacy) :is([type="button"], [type="submit"], button) {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid #c36;
	border-radius: 3px;
	background-color: transparent;
	color: #c36;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	transition: all 0.3s;
}

:where(.fr-main--legacy) :is([type="button"], [type="submit"], button):is(:focus, :hover) {
	background-color: #c36;
	color: #fff;
	text-decoration: none;
}

:where(.fr-main--legacy) table {
	width: 100%;
	margin-block-end: 15px;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	font-size: 0.9em;
}

:where(.fr-main--legacy) :is(td, th) {
	padding: 15px;
	border: 1px solid rgb(128 128 128 / 0.5);
	line-height: 1.5;
	vertical-align: top;
}