/* 
Theme Name: Child
Author: Blema Development Team
Author URI: https://blemaestudio.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
	font-family: 'HostGrotesk';
	src: url("/wp-content/themes/child/fonts/HostGrotesk.woff2") format("woff2-variations");
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Moderustic';
	src: url("/wp-content/themes/child/fonts/Moderustic.woff2") format("woff2-variations");
	font-weight: 100 1000;
	font-stretch: 75% 125%;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'HachiMaruPop';
	src: url("/wp-content/themes/child/fonts/HachiMaruPop.woff2") format("woff2-variations");
	font-style: normal;
	font-display: swap;
}

/* tipografia */
body, input, textarea, select, button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
	font-family: 'Moderustic';
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'HostGrotesk', sans-serif;
}
h1, h2 {
	font-size: 55px;
	letter-spacing: 1px;
}
h3 {
	font-size: 36px;
}
@media (max-width: 768px) {
	h1, h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
}

/* general */
body {
	color: var(--e-global-color-text);
	font-size: 17px;
	overflow-x: clip;
}
a, a:hover, a:active {
	color: var(--e-global-color-text);
}
.enlace, .texto-enlace {
	border-bottom: 1px solid var(--e-global-color-text);
}
.texto-enlace, .texto-listado {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	font-family: 'HostGrotesk';
}
.subtitulo {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'Moderustic';
}
.titulos2, .titulos2 a {
	font-size: 24px!important;
	font-weight: 600!important;
	letter-spacing: 1px;
	font-family: 'Moderustic';
}
@media (max-width: 768px) {
	.subtitulo {
		font-size: 20px;
	}
	.titulos2, .titulos2 a {
		font-size: 20px!important;
	}
}

/* header */
header {
	width: 100%;
	top: 0;
	z-index: 9991;
	padding: 40px 0;
	background-color: var(--e-global-color-00ab3f8);
}
header:not(.page-id-5854 header) {
	border-bottom: 3px solid var(--e-global-color-text);
}
.page-id-3922 header:not(.hfe-sticky), .blog header:not(.hfe-sticky), .single-post header:not(.hfe-sticky) {
	position: absolute;
	background-color: transparent;
	border-bottom: 3px solid var(--e-global-color-secondary)!important;
	width: 100%;
	top: 0;
	z-index: 9991;
}
header.hfe-sticky {
	position: fixed;
	animation: slide-down 0.8s;
	background-color: var(--e-global-color-00ab3f8);
	padding: 10px 0;
	border-bottom: none!important;
}
.menu-principal {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'HostGrotesk';
}
.page-id-3922 header:not(.hfe-sticky) svg, .page-id-3922 header:not(.hfe-sticky) a,
.blog header:not(.hfe-sticky) svg, .blog header:not(.hfe-sticky) a,
.single-post header:not(.hfe-sticky) svg, .single-post header:not(.hfe-sticky) a {
	color: var(--e-global-color-secondary)!important;
}
.page-id-3922 header svg:hover, .page-id-3922 header a:hover, .page-id-3922 header a.elementor-item.elementor-item-active,
.blog header svg:hover, .blog header a:hover, .blog header a.elementor-item.elementor-item-active,
.single-post header svg:hover, .single-post header a:hover, .single-post header a.elementor-item.elementor-item-active {
	color: var(--e-global-color-accent)!important;
}
.page-id-3922 header:not(.hfe-sticky) svg.h-logo g,
.blog header:not(.hfe-sticky) svg.h-logo g,
.single-post header:not(.hfe-sticky) svg.h-logo g {
	fill: var(--e-global-color-secondary);
}
@media (max-width: 768px) {
	header, header.hfe-sticky {
		padding: 10px;
	}
	header.hfe-sticky .elementor-menu-toggle {
		color: var(--e-global-color-text)!important;
	}
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    } 
    100% {
        transform: translateY(0);
    }
}

/* offcanvas */
.menu-offcanvas {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'HostGrotesk';
	letter-spacing: 1px;
}
#elementor-popup-modal-6310 .dialog-close-button svg {
	fill: none!important;
}
.dialog-close-button.dialog-lightbox-close-button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='28' viewBox='0 0 27 28'%3E%3Cg fill='currentcolor' fill-rule='nonzero'%3E%3Cpath d='m6.917 24.573-1.952-.728c.669-1.797 1.73-3.35 2.756-4.85L20.7 0l1.72 1.176L9.442 20.17c-.955 1.397-1.944 2.843-2.524 4.402Z'/%3E%3Cpath d='M25.226 27.455A406.165 406.165 0 0 1 1.386 3.403L0 1.883l2.928-.31.051.485a403.902 403.902 0 0 0 23.664 23.87l-1.416 1.527h-.001Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* botones */
a.elementor-button {
	padding: 16px 60px!important;
	font-size: 16px;
	font-weight: 400;
	font-family: 'HostGrotesk';
	text-transform: uppercase;
	letter-spacing: 1.6px;	
}
.boton-coral a.elementor-button, .boton-coral a.elementor-button:hover {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-secondary);	
}
.boton-mar a.elementor-button, .boton-mar a.elementor-button:hover {
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-accent);	
}
.boton-oscuro a.elementor-button, .boton-oscuro a.elementor-button:hover {
	background-color: var(--e-global-color-text);
	color: var(--e-global-color-primary);	
}
.boton-naranja a.elementor-button, .boton-naranja a.elementor-button:hover {
	background-color: var(--e-global-color-a0f197e);
	color: var(--e-global-color-secondary);	
}
@media (max-width: 768px) {
	a.elementor-button {
		font-size: 14px;
	}
}

/* sombras */
.sombra-pistacho-abajo {
	box-shadow: 60px 60px 0px 0px var(--e-global-color-d480634);
}
.sombra-pistacho-arriba {
	box-shadow: -60px -60px 0px 0px var(--e-global-color-d480634);
}
.sombra-pistacho-izquierda {
	box-shadow: -60px 60px 0px 0px var(--e-global-color-d480634);
}
.sombra-naranja-abajo {
	box-shadow: 60px 60px 0px 0px var(--e-global-color-a0f197e);
}
.sombra-mar-izquierda {
	box-shadow: -60px 60px 0px 0px var(--e-global-color-primary);
}

/* texto subrayado */
.bg-pistacho {
	background-color: var(--e-global-color-d480634);
}
.bg-mar {
	background-color: var(--e-global-color-primary);
}
.bg-naranja {
	background-color: var(--e-global-color-a0f197e);
}
.bg-salmon {
	background-color: var(--e-global-color-4025911);
}

/* formulario */
.elementor-field-type-acceptance {
	margin: 24px 0 50px!important;
}

/* fixes */
@media (max-width: 1024px) {
	header .e-parent {
		padding-left: 15px;
		padding-right: 15px;
	}
	main .e-parent {
		padding-left: 25px;
		padding-right: 25px;
	}
}