/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*---INDICE---
0-Variables generales
1-Titulos
2-Textos
3-Botones
4-Header
5-Footer
6-Distancias
7-Secciones
8-Responsive
*/

/* 0-VARIABLES GENERALES*/

/* Manrope - ExtraLight (weight 200) */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('fonts/Manrope-ExtraLight.woff2') format('woff2'),
         url('fonts/Manrope-ExtraLight.woff') format('woff'),
         url('fonts/Manrope-ExtraLight.ttf') format('truetype');
  }
  
  /* Manrope - Light (weight 300) */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/Manrope-Light.woff2') format('woff2'),
         url('fonts/Manrope-Light.woff') format('woff'),
         url('fonts/Manrope-Light.ttf') format('truetype');
  }
  
  /* Manrope - Regular (weight 400) */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Manrope-Regular.woff2') format('woff2'),
         url('fonts/Manrope-Regular.woff') format('woff'),
         url('fonts/Manrope-Regular.ttf') format('truetype');
  }
  
  /* Manrope - Medium (weight 500) */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/Manrope-Medium.woff2') format('woff2'),
         url('fonts/Manrope-Medium.woff') format('woff'),
         url('fonts/Manrope-Medium.ttf') format('truetype');
  }
  
  /* Manrope - Bold (weight 700) */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Manrope-Bold.woff2') format('woff2'),
         url('fonts/Manrope-Bold.woff') format('woff'),
         url('fonts/Manrope-Bold.ttf') format('truetype');
  }
  
  /* Manrope - ExtraBold (weight 800) */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/Manrope-ExtraBold.woff2') format('woff2'),
         url('fonts/Manrope-ExtraBold.woff') format('woff'),
         url('fonts/Manrope-ExtraBold.ttf') format('truetype');
  }  

:root {
    --color-amarillo-antiguo: #FCC062!important;
    --color-amarillo: #FFAF32!important;
    --color-naranja: #FD8661 !important;
    --color-negro: #000000 !important;
    --color-blanco: #FFFFFF !important; 
    --color-amarillo-suave: #FDF8EE!important;
    --fuente: 'Manrope', sans-serif !important;
}
body,div,select,span{
    font-family: var(--fuente) !important;
}


/*1-TITULOS*/

.abp-h1 h1{
    color: var(--color-amarillo) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.abp-h1-naranja h1{
    color: var(--color-naranja) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.abp-h2 h2{
    color: var(--color-amarillo) !important;
    font-size: 60px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-h2-naranja h2{
    color: var(--color-naranja) !important;
    font-size: 60px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-h2-pequeño h2{
    color: var(--color-amarillo) !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-h2-pequeño-naranja h2{
    color: var(--color-naranja) !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-h3 h3{
    color: var(--color-amarillo) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.abp-h3-naranja h3{
    color: var(--color-naranja) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

/*2-TEXTOS*/
.abp-texto{
    color: var(--color-negro) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
}
.abp-texto-loop{
    color: var(--color-negro) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip:not(.valid){
    color: #cccccc !important;
}
/*3-BOTONES*/


/*4-HEADER*/
.abp-menu .elementor-nav-menu a {
    color: var(--color-negro) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}
.abp-menu .elementor-icon {
    padding: 12px 13px !important;
}
.abp-menu-naranja .elementor-nav-menu a {
    color: var(--color-negro) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}
.abp-menu-naranja .elementor-icon {
    padding: 12px 13px !important;
}
/*Hacer que el header cambie de color*/

.elementor-sticky--effects .abp-menu {
    background: var(--color-amarillo-antiguo)!important; /* change the background color here*/
    border-radius: 10px;
    transition: 0.5s
}
.elementor-sticky--effects .abp-menu-naranja {
    background: var(--color-naranja)!important; /* change the background color here*/
    border-radius: 10px;
    transition: 0.5s
}
.elementor-sticky--effects .abp-menu .elementor-nav-menu a {
    color: #fff !important;
}
.elementor-sticky--effects .abp-menu-naranja .elementor-nav-menu a {
    color: #fff !important;
}
.elementor-sticky--effects .sticky-menu-items ul li a /* change the menu text color here*/ {
    color: #fff!important;
}
.elementor-sticky--effects .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    background-color: #fff;
}

/*3-BOTONES*/
.elementor-button-icon svg {
    width: 12px !important;
    height: auto !important;
}
/*BOTON SERVICIOS*/
.elementor-16 .elementor-element.elementor-element-3dbba25 > .elementor-widget-container:hover {
    background-color: var(--color-naranja) !important;
    color: var(--color-blanco) !important;
}
.elementor-16 .elementor-element.elementor-element-3dbba25 .elementor-heading-title:hover {
    color: var(--color-blanco) !important;
}
/*BOTON ORDENAR POR*/
.elementor-16 .elementor-element.elementor-element-eb4fff1 .jet-sorting-select:hover {
    color: var(--color-blanco) !important;
    background-color: var(--color-naranja) !important;
}

/*4-FOOTER*/
.abp-titulo-footer h3{
    color: var(--color-amarillo) !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.abp-titulo-footer-naranja h3{
    color: var(--color-naranja) !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.abp-subtitulo-footer h4{
    color: var(--color-amarillo) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-subtitulo-footer-naranja h4{
    color: var(--color-naranja) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-texto-footer{
    color: var(--color-amarillo) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.abp-texto-footer-naranja{
    color: var(--color-naranja) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}

.abp-menu-footer .elementor-nav-menu a {
    color: var(--color-amarillo) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.abp-menu-footer-naranja .elementor-nav-menu a {
    color: var(--color-naranja) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

/*6-DISTANCIAS*/
.abp-padding-lateral{
    padding: 0 25px !important;
}

.abp-espacio{
    padding: 16% 0!important;
}
.abp-seccion-pequeña{
    padding-left: 18% !important;
    padding-right: 18% !important;
}

.abp-padding-footer{
    padding: 50px 25px 130px 25px !important;
}
.abp-padding-footer-2{
    padding: 0px 25px 25px 25px !important;
}
/*7-SECCIONES*/
    /*Listado carcaterísticas*/
    .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
        align-items: baseline!important;
    }
    .elementor-price-list-price{
        text-align: end !important;
    }
	.elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {
		border-radius: 12px 12px 0px 0px !important;
	}
    /*Listado servicios*/
    .servicios .jet-listing {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; /* Dos columnas */
        column-gap: 20px; /* Espaciado entre columnas */
        row-gap: 10px; /* Espaciado entre filas */
    }
    
    .servicios .jet-listing-dynamic-terms__link {
        display: block; /* Cada elemento ocupa toda la anchura disponible en la columna */
    }

    .jet-listing-dynamic-terms__link::before {
        content: "+ "; /* Añade el símbolo + antes del texto */
        color: inherit; /* Hereda el color del texto si deseas que coincida */
    }
    
    
    /*Formularios*/
    .abp-formulario-basico .elementor-field-group .elementor-field {
        font-size: 16px !important;
        font-family: var(--fuente) !important;
        font-weight: 500 !important;
        color: var(--color-amarillo);
    }
    .abp-formulario-basico .elementor-button[type="submit"] {
        background-color: var(--color-blanco) !important;
        color: var(--color-amarillo) !important;
        font-size: 18px !important;
        font-family: var(--fuente) !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
    }
    .abp-formulario-basico input::placeholder, textarea::placeholder {
        color: #FFAF32 !important;
        opacity: 1 !important;
    }
    /*Pop up servicios alquiler vacacional*/
    .servicios .jet-checkboxes-list-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    /*LOOP Propiedad*/
    .abp-precio-loop{
        color: var(--color-negro) !important;
        font-size: 20px !important;
        font-weight: 500 !important;
    }
    .abp-titulo-loop{
        color: var(--color-negro) !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }
    .abp-texto-loop p{
        color: var(--color-negro) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    .abp-servicio-loop{
        color: var(--color-negro) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    table {
        border-width: 0px !important;

    }
    /*Pagina Propiedad*/
    .abp-h1-propiedad h1{
        color: var(--color-amarillo) !important;
        font-size: 60px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }

    .abp-h1-propiedad-naranja h1{
        color: var(--color-naranja) !important;
        font-size: 60px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }

    .abp-direccion h2{
        color: var(--color-amarillo) !important;
        font-size: 32px !important;
        font-weight: 400 !important;
    }

    .abp-direccion-naranja h2{
        color: var(--color-naranja) !important;
        font-size: 32px !important;
        font-weight: 400 !important;
    }

    .abp-titulos h3{
        color: var(--color-amarillo) !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }

    .abp-titulos-naranja h3{
        color: var(--color-naranja) !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }

    /*Página Destino*/
    .abp-h1-destino h1{
        color: var(--color-amarillo) !important;
        font-size: 60px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
    }

    /*Menu icono*/
    .elementor-106 .elementor-element.elementor-element-404999f.elementor-view-framed .elementor-icon, .elementor-106 .elementor-element.elementor-element-404999f.elementor-view-default .elementor-icon {
        border-color: var(--color-amarillo-antiguo)!important;
    }
    .elementor-1856 .elementor-element.elementor-element-11f722c2.elementor-view-framed .elementor-icon, .elementor-1856 .elementor-element.elementor-element-11f722c2.elementor-view-default .elementor-icon {
        border-color: var(--color-naranja)!important;
    }
    .elementor-495 .elementor-element.elementor-element-ece7154.elementor-view-framed .elementor-icon:hover {

        border-color: var(--color-amarillo-antiguo) !important;
    }


/*8-RESPONSIVE*/

    /*Móvil*/
    @media only screen and (max-width: 600px) {

        /*Distancias*/
        .abp-espacio{
            padding: 25% 0 !important;
        }
        .abp-padding-lateral{
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .abp-seccion-pequeña{
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .abp-padding-footer{
            padding: 50px 15px 15px 15px !important;
        }
        .abp-padding-footer-2{
            padding: 0px 15px 15px 15px !important;
        }
        
        /*Titulos*/
        .abp-h1 h1{
            color: var(--color-amarillo) !important;
            font-size: 14px !important;
            font-weight: 600 !important;
        }

        .abp-h1-naranja h1{
            color: var(--color-naranja) !important;
            font-size: 14px !important;
            font-weight: 600 !important;
        }
        
        .abp-h2 h2{
            color: var(--color-amarillo) !important;
            font-size: 42px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-h2-naranja h2{
            color: var(--color-naranja) !important;
            font-size: 42px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-h2-pequeño h2{
            color: var(--color-amarillo) !important;
            font-size: 32px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
            line-height: 1.1em !important;
        }
        
        .abp-h2-pequeño-naranja h2{
            color: var(--color-naranja) !important;
            font-size: 32px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-h3 h3{
            color: var(--color-amarillo) !important;
            font-size: 20px !important;
            font-weight: 500 !important;
            line-height: normal !important;
        }
        
        .abp-h3-naranja h3{
            color: var(--color-naranja) !important;
            font-size: 20px !important;
            font-weight: 500 !important;
            line-height: normal !important;
        }
        /*Pagina Propiedad*/
        .abp-h1-propiedad h1{
            color: var(--color-amarillo) !important;
            font-size: 32px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }

        .abp-h1-propiedad-naranja h1{
            color: var(--color-naranja) !important;
            font-size: 32px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }

        .abp-direccion h2{
            color: var(--color-amarillo) !important;
            font-size: 22px !important;
            font-weight: 400 !important;
        }

        .abp-direccion-naranja h2{
            color: var(--color-naranja) !important;
            font-size: 22px !important;
            font-weight: 400 !important;
        }

        .abp-titulos h3{
            color: var(--color-amarillo) !important;
            font-size: 22px !important;
            font-weight: 400 !important;
            text-transform: uppercase !important;
        }

        .abp-titulos-naranja h3{
            color: var(--color-naranja) !important;
            font-size: 22px !important;
            font-weight: 400 !important;
            text-transform: uppercase !important;
        }
        
        /*Página Destino*/
        .abp-h1-destino h1{
            color: var(--color-amarillo) !important;
            font-size: 42px !important;
            font-weight: 400 !important;
            text-transform: uppercase !important;
        }
        .servicios .jet-checkboxes-list-wrapper {
            display: grid;
            grid-template-columns: 1fr !important;
        }
        .abp-subtitulo-footer h4{
            color: var(--color-amarillo) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-subtitulo-footer-naranja h4{
            color: var(--color-naranja) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-texto-footer{
            color: var(--color-amarillo) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
        }
        
        .abp-texto-footer-naranja{
            color: var(--color-naranja) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
        }
        
        .abp-menu-footer .elementor-nav-menu a {
            color: var(--color-amarillo) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        
        .abp-menu-footer-naranja .elementor-nav-menu a {
            color: var(--color-naranja) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            text-transform: uppercase !important;
        }
        .servicios .jet-listing {
            display: grid;
            grid-template-columns: 1fr !important; /* Dos columnas */
            column-gap: 15px !important; /* Espaciado entre columnas */
            row-gap: 10px; /* Espaciado entre filas */
        }
        .abp-texto{
            color: var(--color-negro) !important;
            font-size: 18px !important;
            font-weight: 400 !important;
        }
        
    }
    /*Pantalla grande*/
     @media only screen and (min-width: 1441px) {
        .abp-imagen-destacada img{
            height: 350px !important;
        }
     }