/*
 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
*/


/*-----------
  00 MENU
  01 BOTONES
  02 HOME
  03 CONTACTO
  04 CATEGOR�A

---------*/


/*----------- 00 MENU ---------*/

.site-header {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
}

.enlace-top-bar {
    transition: all 0.4s ease;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.enlace-top-bar:hover {
    transition: all 0.4s ease;
    color: #ff9100 !important;
}


/*----------- 01 BOTONES ---------*/

.button_slide a,
.btn-enviar input {
    color: #ff9100;
    border: 2px solid #ff9100;
    background-color: #fff;
    border-radius: 0px;
    padding: 18px 36px;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #ff9100;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
    font-weight: 500;
}

.slide_right a:hover,
.btn-enviar:hover input {
    box-shadow: inset 400px 0 0 0 #ff9100;
    color: #fff;
}


/*----------- 02 HOME ---------*/

.bloq-categoria {
    padding: 50px 10%;
}

.bloq-categoria-interior,
.menu-cat {
    padding: 30px 15%;
}

.subtit h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1400px) {
    .bloq-categoria {
        padding: 50px 5%;
    }
    .bloq-categoria-interior,
    .menu-cat {
        padding: 20px 5%;
    }
}

@media (max-width: 1200px) {
    .bloq-categoria {
        padding: 50px 2%;
    }
    .bloq-categoria-interior {
        padding: 20px 2%;
    }
}

@media (max-width: 900px) {
    .bloq-categoria,
    .bloq-categoria-interior,
    .menu-cat {
        padding: 30px;
    }
    .subtit h2 {
        font-size: 30px;
    }
}

.@media (max-width: 425px) {
    .subtit h2 {
        font-size: 25px;
    }
}


/*----------- 03 CONTACTO ---------*/

body:not(.elementor-editor-active) .form-pro,
body:not(.elementor-editor-active) .form-cli {
    display: none;
}

.btn-form-sel {
    background: #ff9100;
    border: 1px solid #ff9100;
    transition: all ease-out 0.4s;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.btn-form-sel:hover {
    background: #fff;
    border: 1px solid #ff9100;
    transition: all ease-out 0.4s;
    box-shadow: none;
    cursor: pointer;
}

.btn-form-sel:hover .elementor-icon {
    transition: all ease-out 0.4s;
}

.btn-form-sel:hover .elementor-icon {
    transition: all ease-out 0.4s;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.tit-form {
    color: #ff9100;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.btn-form-sel p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 00px;
    text-transform: uppercase;
    transition: all ease-out 0.4s;
}

.enlace-form {
    color: #000;
    transition: all ease-out 0.4s;
}

.enlace-form:hover {
    color: #fff;
    transition: all ease-out 0.4s;
}

.btn-form-sel:hover p {
    color: #000;
    transition: all ease-out 0.4s;
}

.btn-form-sel .elementor-icon-box-icon .cls-1 {
    stroke: #fff;
    transition: all ease-out 0.4s;
}

.btn-form-sel:HOVER .elementor-icon-box-icon .cls-1 {
    stroke: #ff9100;
    transition: all ease-out 0.4s;
}

.bloq-campos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.campo-contacto {
    flex: 0 0 32%;
}

.campo-contacto.mensaje {
    flex: 0 0 100%;
}

.bloq-campos .campo-contacto input,
.bloq-campos .campo-contacto textarea {
    background-color: #fafafa !important;
    border: none !important;
    color: #666666 !important;
    border-bottom: 1px solid #DADADA !important;
    width: 100%;
    margin-bottom: 20px;
}

.bloq-campos .campo-contacto ::placeholder {
    color: #666666 !important;
}

.pol-form {
    color: #54595F !important;
    transition: all 0.4s ease;
}

.pol-form:hover {
    color: #ff9100 !important;
    transition: all 0.4s ease;
}

.let-peq {
    font-size: 12px;
    color: #54595F;
}

.btn-enviar input {
    margin-bottom: 20px;
}

.span.wpcf7-list-item {
    margin-left: 0px !important;
}

.campo-contacto.mensaje .wpcf7-form-control.wpcf7-textarea {
    height: 150px;
}

.enlace-contacto {
    color: #54595F !important;
    transition: all 0.4s ease;
}

.enlace-footer a {
    transition: all 0.4s ease;
}

.enlace-contacto:hover,
.enlace-footer:hover a {
    color: #ff9100 !important;
    transition: all 0.4s ease;
}

@media (max-width: 900px) {
    .campo-contacto {
        flex: 0 0 100%;
    }
    .bloq-campos .campo-contacto input,
    .bloq-campos .campo-contacto textarea {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .bloq-campos .campo-contacto input,
    .bloq-campos .campo-contacto textarea {
        margin-bottom: 10px;
    }
}


/*----------- 04 CATEGORIA ---------*/

.cab-cat {
    min-height: 300px;
    display: flex;
    align-items: center;
}

.tit-cab h1 {
    color: #54595F;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
}

.menu-interior .elementor-icon-box-wrapper .elementor-icon-box-icon .cls-1 {
    stroke: #40464d !important;
    transition: all ease-out 0.4s;
}

.menu-interior .elementor-icon-box-wrapper .elementor-icon-box-icon:hover .cls-1 {
    stroke: #ff9100 !important;
    transition: all ease-out 0.4s;
}

.prod p.elementor-image-box-title {
    font-size: 17px !important;
    margin-bottom: 5px !important;
}

@media (max-width: 1300px) {
    .cab-cat {
        min-height: 250px;
    }
    .tit-cab h1 {
        font-size: 40px;
    }
    .txt-cab p {
        font-size: 15px;
    }
}

@media (max-width: 800px) {
    .overflow {
        overflow: hidden;
    }

    .prod.elementor-absolute {
        position: relative !important;
        top: unset;
        bottom: unset;
    }
}

@media (max-width: 425px) {
    .menu-cat {
        padding: 15px;
    }
    .bloq-categoria {
        padding: 30px 15px;
    }
    .btn-cat-mv .elementor-tab-title {
        display: block;
        text-align: center;
    }
    .btn-cat-mv .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
        float: none;
        text-align: center;
    }
    .cab-cat {
        min-height: 200px;
    }
}


/* ---------- ESTILOS DEL BANNER DE COOKIES ---------- */

#moove_gdpr_cookie_info_bar {
    /* Fondo opaco */
    background: rgba(0, 0, 0, 0.50)!important;
    /* Permita ocupar toda la pantalla */
    max-height: 100vh!important;
}

.moove-gdpr-info-bar-container {
    /* Contenedor con el aviso de las cookies */
    /* Centrar el contenedor */
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    /* Tamaño del contenedor completo */
    height: 100vh!important;
}

.moove-gdpr-info-bar-content {
    /* Párrafo y botones del aviso de las cookies */
    /* Tamaño del contenido */
    max-width: 50%;
    /* Hace que el botón se coloque debajo del texto */
    flex-direction: column!important;
    background: white;
    padding: 2%!important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    /* Eliminar el borde superior que aparece por defecto */
    border: none!important;
    /* Añadir sombra al contenedor */
    box-shadow: 5px 5px 15px #E2E2E2
}

#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
    /* Hacer que desaparezca correctamente el banner */
    bottom: -2100px!important;
}


/* Estilo para el BOTÓN */

.moove-gdpr-button-holder {
    /* Añadir margen superior respecto al texto en el banner principal */
    margin-top: 20px!important;
    /* Eliminar paddings innecesarios por defecto en el banner principal */
    padding-left: 0px !important;
}


/* Mantener el padding en el contenedor de los botones interiores */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
    padding-left: 60px!important;
    padding-right: 60px!important;
}

button.mgbutton {
    /* Cambiar tamaño del botón y el tamaño de fuente en el banner principal */
    padding: 12px 50px !important;
    font-size: 16px !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    /* Cambiar el estilo del texto */
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 100 !important;
}

button.moove-gdpr-infobar-allow-all {
    /* Estilos del botón de activar todas */
    padding: 12px 50px !important;
    background-color: #ff9100 !important;
}

button.moove-gdpr-modal-allow-all {
    /* Estilos del botón de activar todas */
    background-color: #008f39 !important;
    border-color: #008f39 !important;
}

button.moove-gdpr-modal-allow-all:hover {
    /* Estilos del botón de activar todas en el estado hover*/
    background-color: #ffffff !important;
    border-color: #008f39 !important;
    color: #008f39!important;
}


/* Añadir botón GUARDAR en el panel de COOKIES */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
    display: block !important;
}

@media screen and (max-width:1024px) {
    /* Reducir padding del contenedor de botones interiores en las tablet para que no se descuadren */
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

@media screen and (max-width:768px) {
    .moove-gdpr-info-bar-content {
        /* Añadir relleno en el contenedor y que se separe de la ventana*/
        padding: 4%!important;
        max-width: 90%;
    }
    .moove-gdpr-button-holder {
        /* Centrar el botón de aceptar en los dispositivos móviles */
        justify-content: center !important;
        padding: 10px !important;
    }
    button.mgbutton {
        /* Cambiar tamaño del botón y el tamaño de fuente */
        padding: 5px 10px !important;
        font-size: 16px !important;
    }
    /* Hacer más grande sólo el botón principal en el móvil sin afectar a los botones interiores */
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
        font-size: 15px!important;
        padding: 15px 35px!important;
    }
}

.grecaptcha-badge {
    display: none;
}