/* 
Theme Name: Alicante Futura
Theme URI: 
Description: Tema creado por Alain Figueroa
Author: Alain Figueroa 
Author URI: 
Template: hello-elementor
Version: 1.0.0
Text Domain: alicante-futura
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/*************************/
/*GENERAL*/
/*************************/

/*@font-face{
 	font-family: "UniNeueRegular";
 	src: url(./fonts/UniNeueRegular.ttf); 	
}
body {
    font-family: 'UniNeueRegular';
    font-size: 16px;
}
*/
/* Chrome/Opera/Safari */
/*#gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder {
  	color: pink;
}*/
/* Firefox 19+ */
/*#gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder { 
	color: pink;
}*/ 
/* IE 10+ */
/*#gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder {
  color: pink;
}*/
/* Firefox 18- */
/*#gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder {
  color: pink;
}*/

:root{
  --blue_light: #0097CE;
}
.hide {
    display: none !important;
}
.movil-no600, .movil-no767, .movil-no, .movil-no899  {
    display: flex;
}
.movil-si600, .movil-si767, .movil-si, .movil-si899  {
    display: none;
}


/*************************/
/*HEADER*/
/*************************/
.gtranslate_wrapper :not(.gt-current-lang){
    color: #fff !important;
}
.gtranslate_wrapper .glink{
    font-weight: 400 !important;
}
.gtranslate_wrapper .glink:nth-child(2):before{
    content: "|";
    margin-left: -4px;
    padding-inline: 6px;
    color: #fff;
    font-weight: 400;
}
.elementor-nav-menu--main .elementor-item:hover{
    color: var(--e-global-color-accent) !important;
}

/*************************/
/*FOOTER*/
/*************************/

/*************************/
/*HOME*/
/*************************/
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.flotar {
  animation: float 3s ease-in-out infinite;
}


/*Innovación*/
.elementor-42 .elementor-element.elementor-element-800affa .jet-radio-list__button{
    border: 1px solid var(--e-global-color-primary);
}
.jet-list-tree.jet-list-collapsible{
    display: flex;
}
/* Los elementos hijos deben estar colapsados por defecto */
.jet-list-tree__children {
    max-height: 0; /* Altura inicial cero para los hijos */
    overflow: hidden; /* Ocultamos el contenido extra */
    position: absolute; /* Posición absoluta para estar debajo */
    bottom: -65px; /* Ajustamos la distancia para que estén debajo del filtrado */
    z-index: 99; /* Aseguramos que se muestre por encima de otros elementos */
    background: #f7f7f7;
    width: 100%;
    min-height: 50px;
    padding: 20px 10px 25px;
    justify-content: center;
    margin: 0 !important;
    border-radius: 15px;
    transition: max-height 0.3s ease-out; /* Transición suave para expandir/colapsar */
}

/* Cuando el filtro está expandido, mostramos el hijo debajo del filtrado */
.jet-list-tree__parent.jet-list-toggle-expanded + .jet-list-tree__children {
    max-height: 5000px; /* Valor suficientemente alto para que se expanda */
    position: absolute;
    bottom: -65px; /* Se mantiene debajo del filtrado */
    z-index: 99;
    display: flex; /* Hacemos visible el hijo */
}
.jet-list-tree__children .jet-radio-list__row .jet-radio-list__button{
    border: none !important;
    border-radius: 0 !important;
    min-height: 50px;
}



@media only screen and (max-width: 600px) {
.movil-no600 {
    display: none;
}
.movil-si600 {
    display: flex;
}
}

@media only screen and (max-width: 767px) {
.movil-no767 {
	display: none;
}
.movil-si767 {
	display: flex;
}
/*Innovacion*/
.jet-list-tree.jet-list-collapsible {
    display: flex;
    flex-direction: column;
}
.jet-list-tree__parent.jet-list-toggle-expanded + .jet-list-tree__children, 
.jet-list-tree__parent + .jet-list-tree__children  {
    position: relative;
    bottom: unset;
    flex-direction: column;
    max-height: initial !important;
    padding: 15px !important;
    border-radius: 20px;
    gap: 7px;
}

@media only screen and (max-width: 768px) {
.movil-no {
	display: none;
}
.movil-si {
	display: flex;
}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
.movil-no899 {
    display: none;
}
.movil-si899 {
    display: flex;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}