/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child Theme para Hello Elementor
Author: Tu Nombre
Author URI: https://tuweb.com/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/

/*** FONTS ***/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap');
.phasefont, .phasefont h1, .phasefont h2, .phasefont h3, .phasefont h4, .phasefont h5, .phasefont h6, .phasefont p, .phasefont a, .phasefont .elementor-widget-text-editor, .phasefont .elementor-heading-title{font-family:"Plus Jakarta Sans", sans-serif!important;}
.ibmfont, .ibmfont h1, .ibmfont h2, .ibmfont h3, .ibmfont h4, .ibmfont h5, .ibmfont h6, .ibmfont p, .ibmfont a, .ibmfont .elementor-widget-text-editor, .ibmfont .elementor-heading-title{font-family:"IBM Plex Mono", sans-serif!important;}

/*** COLORES ***/
.negro{color:#0a0a0a!important;}
.amarillo{color:#e3ff2e!important;}

/*** ENLACES ***/
.enlace-footer{color:#FFFFFF73!important; text-decoration:none!important;}
.enlace-footer:hover{color:#e3ff2e!important;}
.enlace-negro{color:#0a0a0a!important; text-decoration:none!important;}
.enlace-negro:hover{color:#e3ff2e!important;}

/*** GENERAL ***/
html, body{overflow-x:hidden;}
html{scroll-padding-top:120px!important;}
.enfasis-blanco{color:#ffffff!important; font-weight:700!important;}
.phase-ancho-contenido{width:max-content; flex-grow:0;}
.grecaptcha-badge{display:none!important;}

/*** CABECERA ***/
.she-header{padding-top:10px!important; padding-bottom:10px!important; backdrop-filter:blur(10px);}
.fondo-titulo{background:#e3ff2e!important; font-size:1rem!important; padding:1px 6px;}
.phase-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu{flex-wrap:nowrap!important; white-space:nowrap!important;}
.phase-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu .hfe-nav-menu-icon{padding-right:0!important;}

/*** HOME ***/
.phase-slider-txt{max-width:560px!important;}
.phase-slider-borde{border:1px solid rgba(255,255,255,0.16)!important; border-radius:100px; padding:5px 15px;}
.phase-pases{display:flex; flex-wrap:wrap; gap:20px; width:100%;} 
.phase-pase-card{width: calc(25% - 15px); padding:25px 20px 30px 20px; border:1px solid rgba(255,255,255,0.16)!important; box-sizing:border-box; text-decoration:none!important;}
a.phase-pase-card:hover{border-color:rgba(255,255,255,0.45)!important;}
.phase-pase-card.phase-pase-completo{border-color:#e3ff2e!important; background:rgba(227, 255, 46, 0.1)!important;}
.phase-pase-card *, .phase-pase-card *:hover, .phase-pase-card *:focus, .phase-pase-card *:active, .phase-pase-card *:visited{text-decoration:none!important;}
.phase-pase-card .phase-pase-num{display:block; font-family:"IBM Plex Mono", sans-serif!important; font-size:0.875rem!important; line-height:1.125rem!important; font-weight:400!important; color:rgba(255,255,255,0.45)!important; margin-bottom:20px!important;}
.phase-pase-card.phase-pase-completo .phase-pase-num{color:#e3ff2e!important;}
.phase-pase-card .phase-pase-day{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:1.375rem!important; line-height:1.625rem!important; font-weight:600!important; color:rgba(255,255,255,0.7)!important; margin-bottom:5px!important;}
.phase-pase-card .phase-pase-time{display:block; font-family:"IBM Plex Mono", sans-serif!important; font-size:0.938rem!important; line-height:1.188rem!important; font-weight:400!important; color:rgba(255,255,255,0.7)!important; margin-bottom:15px!important;}
.phase-pase-card .phase-pase-spots{display:block; font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.875rem!important; line-height:1.125rem!important; font-weight:400!important; color:rgba(255,255,255,0.45)!important;}
.phase-presenta-borde span{display:inline-block!important; width:fit-content!important; height:fit-content!important; align-self:center!important; justify-self:end; border:1px solid rgba(10,10,10,0.14)!important; border-radius:100px; padding:5px 15px; margin-bottom:5px; margin-right:5px;}
.phase-presenta-grid{grid-template-columns:52px 1fr 220px 180px!important;}
.phase-quien-txt{max-width:325px!important;}
.phase-porque{display:inline-flex!important; align-items:center!important; gap:10px!important;}
.phase-porque::before{content:''; width:10px; height:10px; background:#e3ff2e!important; flex-shrink:0;}
.phase-porque-txt{max-width:450px!important;}
.phase-faq .e-n-accordion, .phase-faq .e-n-accordion .e-n-accordion-item, .phase-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{border:none!important;}
.phase-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{padding:22px 0!important;}
.phase-faq .e-n-accordion .e-n-accordion-item[open], .phase-faq .e-n-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title{border-bottom:1px solid rgba(10,10,10,0.14)!important;}
.phase-faq .e-n-accordion .e-n-accordion-item .phase-accor{padding-top:0!important; padding-bottom:20px!important;}
.phase-faq .e-n-accordion .e-n-accordion-item .phase-accor p{margin-bottom:0!important;}

/*** FORMULARIO ***/
#phase-formreserva p{margin-bottom:0!important;}
#phase-formreserva p:has(.wpcf7-submit){margin-top:20px!important;}
#phase-formreserva label{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.813rem!important; line-height:1.063rem!important; font-weight:400!important; color:rgba(10,10,10,0.68)!important; margin-bottom:5px!important;}
#phase-formreserva input, #phase-formreserva select{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.875rem!important; line-height:1.1.125rem!important; font-weight:400!important; color:#0a0a0a!important; border-color:rgba(10,10,10,0.14)!important;}
#phase-formreserva input:focus, #phase-formreserva select:focus{outline:none!important; border:none!important; border:1px solid #0a0a0a!important; box-shadow:0 0 0 3px rgba(227,255,46,0.5);}
#phase-formreserva input::placeholder{color:rgba(10,10,10,0.68)!important;}
#phase-formreserva .field:not(:first-child){margin-top:10px!important;}
#phase-formreserva .wpcf7-submit{width:100%!important; font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.875rem!important; line-height:1.125rem!important; font-weight:700!important; color:#0a0a0a!important; background:#e3ff2e!important; border:2px solid #0a0a0a!important;}
#phase-formreserva .wpcf7-submit:hover{color:#e3ff2e!important; background:#0a0a0a!important; border-color:#e3ff2e!important;}
#phase-formreserva .wpcf7-spinner{display:none!important;}
#phase-formreserva .legal{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.75rem!important; line-height:1rem!important; font-weight:400!important; color:rgba(10,10,10,0.7)!important;}
#phase-formreserva .wpcf7-not-valid-tip{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.75rem!important; line-height:1rem!important; font-weight:400!important;}
.wpcf7 form .wpcf7-response-output{font-family:"Plus Jakarta Sans", sans-serif!important; font-size:0.875rem!important; line-height:1.1.125rem!important; font-weight:400!important; color:#0a0a0a!important;}

/**** RESPONSIVE ***/
@media only screen and (max-width: 1024px) {
	.phase-menu nav.hfe-nav-menu__layout-horizontal .hfe-nav-menu{flex-wrap:wrap!important; white-space:wrap!important;}
	.phase-pase-card{width:calc(50% - 10px);}
	.phase-pase-card .phase-pase-num, .phase-pase-card .phase-pase-spots{font-size:0.813rem!important; line-height:1.063rem!important;}
	.phase-pase-card .phase-pase-day{font-size:1.313rem!important; line-height:1.563rem!important;}
	.phase-pase-card .phase-pase-time{font-size:0.875rem!important; line-height:1.125rem!important;}
}
@media only screen and (max-width: 767px) {
	.enlace-negro{overflow-wrap:anywhere; word-break:break-word;}
	.fondo-titulo{font-size:0.75rem!important;}
	.phase-slider-txt, .phase-quien-txt, .phase-porque-txt{max-width:100%!important;}
	.phase-pase-card{width:100%;}
	.phase-pase-card .phase-pase-num, .phase-pase-card .phase-pase-spots{font-size:0.75rem!important; line-height:1rem!important;}
	.phase-pase-card .phase-pase-day{font-size:1.25rem!important; line-height:1.5rem!important;}
	.phase-pase-card .phase-pase-time{font-size:0.813rem!important; line-height:1.063rem!important;}
	.phase-presenta-grid{grid-template-columns:32px 1fr!important; row-gap:8px!important;}
	.phase-presenta-grid > :nth-child(3), .phase-presenta-grid > :nth-child(4){grid-column:2;}
	.phase-presenta-borde{justify-self:start!important; width:fit-content!important; margin-left:0!important; margin-right:0!important;}
	.phase-presenta-grid > *{text-align:left!important;}
	#phase-formreserva .wpcf7-submit{font-size:0.75rem!important; line-height:1rem!important;}
}