/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.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

*/


/*

1. HOME
2. PANEL
3. REGISTRO
4. LOGIN
5. RESTABLECER CONTRASENA
6. ACTUALIDAD Y TESTIMONIOS
7. MAPA FRUTERIAS
8. MI CUENTA
9. TESTIMONIOS Y ACTUALIDAD
*/




/*============ 1. HOME (+header +genericos)==============*/


/*Boton unirme al club*/
#menu-1-6841682 li.menu-item-158{font-family: Roboto!important;font-size: 16px!important;color: #FFF!important;background-color: #F5B335!important;border-radius: 50px;}
#menu-1-6841682 li.menu-item-158:hover{background-color: #E79727!important;}
.elementor-116 .elementor-element.elementor-element-6841682 .elementor-nav-menu--main .menu-item-158 .elementor-item{color: #FFF!important;}



span.fuente-courgette{font-family: "Courgette"!important}
span.fuente-blanca{color: #FFF!important;}


/*Ajustar espacio entre lineas seccion mapa fruterias*/
div.titular-directorio-fruterias p{line-height: 65px;}


div.telefono-cabecera div p{margin: 0;}
.enlace-amarillo a{color: #F5B335!important;}


/*Diseno enlaces menu logueado*/
.current_page_item{background-color: #FFF;border-radius: 5px;}
.current_page_item a:after{content:none!important;}
.menu-item{
    cursor: pointer;
}

.menu-item a:hover:after{
    content:none!important;
}

#listado-iconos-sociales i.icon-twitter-x{
    font-size: 13px!important;
}

/*Eliminar borde por defecto a botones*/
[type=button], [type=submit], button{border: none;}


.fuente-gris{
    color: #333;
}

#hero-home .fuente-courgette{
    font-size: 64px;    
}

#hero-home{
    line-height: 63px!important;
}



/*Menu movil*/
.menu-item-1984 a{    
    fill: #F5B335!important;
    color: #F5B335!important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 50px 50px 50px 50px;
    width: fit-content;
}

.menu-item-1984{
    margin: 10px!important;
    padding-bottom: 10px!important;
    border-bottom: 1px solid #DDE1E6!important;
}

.menu-item-1988, .menu-item-1991, .menu-item-3106{
    padding-bottom: 10px!important;
    border-bottom: 1px solid #DDE1E6!important;
}


.elementor-location-footer a{
    color: #FFF!important;
    cursor: pointer;
}

/*Botón unirme al club*/
#menu-1-6841682 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-158 > a{
    padding: 12px 16px!important;
}


#menu-1-6841682 a{line-height: 16px!important;}








/*============ 2. PANEL ==============*/


.te-faltan-puntos{font-family: "Roboto";font-size: 16px;color: #475569;}


/*Premios*/
.ventaja-block, .exposicion-block{display: flex;border: 1px solid #DDE1E6;padding: 18px 36px;margin-bottom: 15px; border-radius:15px;min-height: 208px;}
.ventaja-image img{width: 80%;}
div.ventaja-image{width: 20%;display: flex;flex-direction: column;justify-content: center;}
div.ventaja-titulo{width: 40%;padding-right: 30px;}
div.ventaja-puntos{width: 20%;display: flex;flex-direction: column;justify-content: center;}
div.ventaja-detalle{width: 20%;display: flex;flex-direction: column;align-items: end;justify-content: space-around;text-align: right;}
.bloque-disabled{background-color: #F2F3F3!important;}
.ventaja-titulo p.ventaja-titulo-titulo{font-family: "Bebas Neue";font-size:31px;color:#333333}
.ventaja-detalle button{border: none;font-weight: bold;}
.bloque-disabled .ventaja-detalle button{background-color: #DFDEDF;color: #666666;}
.modalPremio{overflow: scroll;}
.modalPremio .wpcf7-response-output{border: none!important;}
#wpcf7-f1468-p2142-o5 > form > p{margin-bottom: 0!important;}
.requieres-1{
    font-family: "Roboto";font-size: 16px;color: #333333;
}
.requieres-2{
    font-family: "Roboto";font-size: 20px;color: #F5B335;font-weight: 600;
}

.ventaja-titulo-excerpt, .ventaja-detalle{font-family: "Roboto";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ventaja-detalle{color: #475569;}

.premio-ya-canjeado{text-align: center;}
.premio-ya-canjeado button, .premio-ya-canjeado button:hover{cursor: not-allowed;background-color: #DFDEDF;color: #666666;font-weight: bold;}

/*Premios Movil*/
@media (max-width: 767px) {
    .ventaja-block, .exposicion-block{
        display: inherit!important;
    }
    .ventaja-block{
        padding: 15px!important;
    }    

    div.ventaja-image, div.ventaja-image img, div.ventaja-titulo, div.ventaja-puntos, div.ventaja-detalle, .columna-premio-uno, .modal-premio-image, .modal-premio-image img, .columna-premio-dos{
        width: 100%!important;
    }
    #nombre-fruteria-panel{
        word-wrap: break-word;
    }

    .bloque-modal-premio div{
        display: inherit!important;
    }
    .modalPremio .modal-content{
        padding: 0px 15px 30px 15px!important
    }

    .columna-premio-dos{
        margin-left: 0px!important;
        margin-top: 15px;
    }

    .modalPremio .modal-content{
        width: auto!important;
        margin: 15px!important;
    }
}




/*Modal premios*/
.modalPremio{display:none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.modalPremio .modal-content{background-color: #fff; margin: 7% auto; padding: 68px 39px; border: 1px solid #888; width: 80%; max-width: 680px;border-radius: 15px;}
.modalPremio hr{border: none;height: 1px;background-color: #21252938;margin: 25px 0px;}
.modal-premio-image img{border-radius: 15px;}
.columna-premio-uno{width: 40%;margin-right: 15px;}
.columna-premio-dos{width: 60%;margin-left: 15px;}
.modal-premio-image img{width: 100%;}
.modal-premio-titulo-titulo{font-family: "Bebas Neue";font-size:39px;color:#333333;line-height: 32px;}
.modal-premio-titulo-excerpt{font-family: "Roboto";font-size:20px;color:#333333;line-height: 32px;font-weight: bold;}
.modal-premio-puntos{font-family: "Roboto";font-size:16px;color:#333333}
.puntos-tarjeta-premio{font-family: "Roboto";font-size:20px;color:#E79727;font-weight: bold;}
.modal-premio-acceder{font-family: "Roboto";font-size:16px;color:#475569;}
.modal-premio-contenido{font-family: "Roboto";font-size:16px;color:#475569;margin-top:35px}
.bloque-modal-premio form{text-align: center;}
.bloque-modal-premio form input[type="submit"]{margin-left: 70px;}
.modal-premio-contenido pre{
    font-family: "Roboto";font-size: 16px;color: #475569!important;
}


/*Exposicion*/
/*
div.exposicion-imagen{width: 10%;}
div.exposicion-titulo{margin-left: 15px;width: 60%;}
div.exposicion-detalle{width: 20%;}
span.texto-exposicion-titulo{font-size: 22px;font-weight: 700;}
*/

/*Embajador*/
.contenedor-embajador a.elementor-post__read-more{color: #FFF;background-color: #f5b335;padding: 12px 16px;border-radius: 50px;}
.contenedor-embajador div.elementor-post__read-more-wrapper{text-align: right;}

/* Te mantenemos informado */
.tarjeta-entrada .elementor-post__read-more i{font-size: 10px;}


.campo-ventaja button, #wpcf7-f1468-p2137-o2 input[type="submit"]{
    line-height: 16px;
}

.elementor-post-date{
    font-family: "Roboto";font-size:13px;color: #666666;
}

.elementor-post-date::before {
    content: "\f073"; /* Código Unicode para fa-calendar-alt */
    font-family: "Font Awesome 5 Free"; /* Asegúrate de usar la familia correcta */
    font-weight: 900; /* Necesario para los iconos sólidos */
    color: #F5B335;
    margin-right: 5px; /* Espacio entre el icono y el texto */
}


.tarjeta-entrada .elementor-post__excerpt p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}












/*============ 3. REGISTRO ==============*/

/*Ajuste altura linea*/
div.titular-registro p{line-height: 65px;}
/*Fuente cabeceras*/
div.um-register div.um-row-heading{font-family: "Roboto";color: #333333;font-size: 25px;font-weight: bold;}
/*Linea divisora*/
div.um-register div._um_row_1{border-bottom: 1px #e7972733 solid!important;padding-bottom: 30px!important;}
/*Borde redondeados inputs*/
div.um-register input, div.um-register textarea, div.um-register select,div.um-register .um-field .select2.select2-container .select2-selection{border-radius: 6px!important;}


label[for="first_name-10"]::after,
label[for="last_name-10"]::after,
label[for="cumpleanos-10"]::after,
label[for="telefono-10"]::after,
label[for="user_email-10"]::after,
label[for="user_password-10"]::after,
label[for="confirm_user_password-10"]::after,
label[for="nombre_fruteria-10"]::after,
label[for="direccion_tipo_via-10"]::after,
label[for="direccion-10"]::after,
label[for="direccion_numero-10"]::after,
label[for="direccion_codigo_postal-10"]::after,
label[for="direccion_poblacion-10"]::after,
label[for="direccion_provincia-10"]::after,
label[for="tipo_fruteria-10"]::after,
label[for="cif-10"]::after{
    content: " *";
    color: red;
}



#um_field_10_telefono, #um_field_10_cumpleanos, #um_field_10_direccion_tipo_via, #um_field_10_direccion, #um_field_10_direccion_numero, #um_field_10_direccion_codigo_postal, #um_field_10_direccion_poblacion, #um_field_10_direccion_provincia, #um_field_10_tipo_fruteria, #um_field_10_cif{
    width: 100%!important;
}

.um-form p.um_request_name{
    display: none;
}

/*============ 4. LOGIN ==============*/
.um-login input#um-submit-btn, #um-submit-btn{font-family: Roboto!important;font-size: 16px!important;color: #FFF!important;background-color: #F5B335!important;border-radius: 50px!important;width: 100%!important;padding-top: 12px!important;padding-bottom: 12px!important;}



.um-login #um-submit-btn:hover{background-color: #E79727!important;}
div.um-login input{border-radius: 6px!important;}



/*============ 5. RESTABLECER CONTRASENA ==============*/
.um-password #um-submit-btn{font-family: Roboto!important;font-size: 16px!important;color: #FFF!important;background-color: #F5B335!important;border-radius: 50px!important;}
.um-password #um-submit-btn:hover{background-color: #E79727!important;}
div.um-password input{border-radius: 6px!important;}




/*============ 6. ACTUALIDAD Y TESTIMONIOS ==============*/
#caja-etiquetas li span.elementor-post-info__terms-list-item{
    background-color: #F8F9FA;
    padding: 3px 5px;
    border: 1px solid #CED4DA;
    border-radius: 5px;
}

.page-numbers{
    border: 1px solid #DEE2E6;
    padding: 6px 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 20px!important;
}
.page-numbers:hover{
    font-size: 20px!important;
}

.page-numbers.current{
    color: #FFF!important;
    background-color: #E79727!important;
}


#caja-etiquetas > div > ul > li > span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-terms > span{
    color: #FFF;
}

#caja-etiquetas > div > ul > li > span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-terms > span > span{
    color:#666666;
}

.elementor-post-categories {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.elementor-post-categories a {
    color: #0073aa;
    text-decoration: none;
}
.elementor-post-categories a:hover {
    text-decoration: underline;
}





/*============ 7. MAPA FRUTERIAS ==============*/
.marker-info{text-align: center;margin: 0 10px 25px 10px;}
.marker-nombre{font-family: "Roboto";font-size: 20px;font-weight:bold;color: #333;}
.marker-direccion, .marker-email{font-family: "Roboto";font-size: 16px;color: #666;}








/*============ 8. MI CUENTA ==============*/
.picker__select--year{display: inline;}
.um-12 form .um-cover{display: none;}
.um-12 form{margin-top: 150px;}


.edicion-foto-account{
    width: 100%!important;
    height: 150px!important;
    text-align: center!important;
    margin-left: 0px!important;
}

.nombre-page-account{
    word-wrap: break-word;
}

.edicion-foto-account a{
    width: 100%!important;
}

.edicion-foto-account img{
    width: 120px!important;
}

.edicion-foto-account .um-dropdown{
    top: 134px!important;
}

.edicion-foto-account .um-dropdown li:last-child a{
    padding: 5px !important;
}

.um-account .um-account-side, .um-account .um-account-tab-general{border: 1px solid #CED4DA;border-radius: 15px;padding: 6px 15px;padding: 30px 30px 60px 30px;}
.um-account .um-account-main{padding: 0 0 0 15px;}
.um-account-main div.um-account-heading{
    display: none!important;
}

.texto-micuenta-1, .texto-micuenta-2{
    width: 100%;
}

.texto-micuenta-1{
    color: #F1B01D;
    font-family: "Roboto";
    font-size: 31px;
    font-weight:bold
}

.texto-micuenta-2{
    color: #333333;
    font-family: "Roboto";
    font-size: 25px;
    font-weight:bold
}

.um-account .um-account-side ul.opciones-mi-cuenta li{
    background: #FFF;
    border: 1px solid #666666;
    border-radius: 20px;
    margin-bottom: 10px!important;
    color: #666666;
}

.um-account .um-account-side ul.opciones-mi-cuenta li span i{
    color: #666666!important;
}

.um-account .um-account-side ul.opciones-mi-cuenta li a:hover{
    background: none!important;
}

.um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon{
    border-right: none!important;
}

.nombre-page-account{
    font-family: "Roboto";font-size: 25px;font-weight:bold;color: #333;
}

div.um-profile-photo.edicion-foto-account.um-trigger-menu-on-click > div.um-dropdown > div > ul > li > a:hover{
    color: #E79727!important;
}

.um-account .ver-panel-page-account{
    font-family: "Roboto";font-size: 16px;font-weight:bold;color: #F5B335!important;
}

#um_account_submit_general,#um_account_submit_password{font-size: 16px;color: #ffffff;border-radius: 50px 50px 50px 50px!important;padding: 10px 30px 10px 30px!important;font-family: "Roboto";background-color: #F5B335;}

.um-modal-header, #um_upload_single .upload, .um-finish-upload{
    background-color: #F5B335!important;
}




/*Escritorio*/
@media (min-width: 767px) {
    /*=== CAMPOS ===*/
    .um-page-account .um-account-tab-general{display: flex;flex-wrap: wrap;}
    
    #um_field_0_user_login{width: 100%;}
    #um_field_0_first_name{width: 50%;}
    #um_field_0_last_name{width: 50%;}
    #um_field_0_user_email{width: 100%;}
    .um-field-cumpleanos{width: 50%;}
    .um-field-telefono{width: 50%;}
    .um-field-sexo{width: 100%;}
    .um-field-nombre_fruteria{width: 100%;}
    .um-field-direccion_tipo_via, .um-field-direccion, .um-field-direccion_numero, .um-field-direccion_poblacion, .um-field-direccion_provincia, .um-field-direccion_codigo_postal{width: 33.33%!important;}
    .um-field-cif, .um-field-tipo_fruteria{width: 50%!important;}
    
    .um-field-first_name, .um-field-cumpleanos, .um-field-direccion_tipo_via, .um-field-direccion, .um-field-direccion_poblacion, .um-field-direccion_codigo_postal, .um-field-cif{padding-right: 15px!important;}    
}


/*Movil*/
@media (max-width: 766px) {

    .um-account-side{width: 100%!important;float: none!important;}
    div.uimob500 div.um-profile-photo{position: initial!important;height: 130px !important;}

    .um-account-nav{display: none!important;}
    .um-account-side{margin-bottom: 15px;}
    .um-account-profile-link{margin-bottom: 10px;}
    .edicion-foto-account .um-dropdown{
        width: 52%!important;
        left: 23%!important;
    }

    .ventaja-titulo-titulo{
        line-height: 30px;
    }
}





.um-field-lugar_habitual_compra{width: 100%!important;}

.um-page-account .um-account-tab .um-form-field{border-radius: 15px!important;}

.um-field-sexo label{
    margin: -4px 15px 0 5px;
}

#um_field_0_user_login *{
    display: none;
}


/*============= 9. TESTIMONIOS Y ACTUALIDAD =============*/
.elementor-blockquote{
    padding: 15px!important;
}