/*
Theme Name:  Hello Elementor Child
Description: Tema hijo para hacer personalizaciones de código
Author:      Royal Comunicacion
Author URL:  https://royalcomunicacion.com
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/



/* Estilos añadidos para los formularios de CF7 */ 
.aceptar-privacidad{
    color: white;
}
.aceptar-privacidad a{
    color: white;
    font-weight: 700;
}
.aceptar-privacidad a:hover{
    color: white;
}
.elementor-widget-shortcode{
    text-align: center;
}
.form-flex label{
    width: 100%;
}
.form-flex input{
    border-radius: 10px !important;
    font-family: nunito;
    font-style: italic;
    color: #202a51;
    font-size: 20px;
}
.wpcf7-submit{
    background: red !important;
    color: white !important;
    font-family: nunito !important;
    border-radius: 10px !important;
    margin-top: 20px !important;
    width: 100% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.wpcf7-response-output{
    color: white;
    font-family: nunito;
    border-color: white;
}
/* Form Luz y Gas */
.form-luz-y-gas label{
    width: 100%;
}
.form-luz-y-gas label input{
    border-radius: 10px !important;
    font-family: nunito;
    font-style: italic;
    color: #202a51;
    font-size: 20px;
}
@media screen and (max-width: 768px){
    .posicion-btn a{
        width: 100vw !important;
    }
}
@media screen and (min-width: 940px){
    .form-flex{
        display: flex !important;
        flex-direction: row !important;
    }
    .form-flex label{
        width: 390px;
    }
    .mar-der{
        margin-right: 10px;
    }
    .mar-izq{
        margin-left: 10px;
    }
    .aceptar-privacidad{
        text-align: left;
    }
    .wpcf7-submit{
        font-size: 20px !important;
    }
}



#wpcf7-f1331-o2 a{
    color: #000;
    text-decoration: underline;
}

.wpcf7-response-output{
    color: #000;
}

#wpcf7-f1331-o2 > form > p > span:nth-child(1) > input{
    margin-bottom: 5px;
}


#elementor-popup-modal-1395 > div > a{
    top: 10px!important;
    right: 9px!important;
}

/* Ocultar spiner del formulario de llamada */
span.wpcf7-spinner{
    display: none !important;
}
/* Fin ocultar spiner del formulario de llamada */


/* Estilo formulario boton CF7 PopUp */

.wpb-pcf-btn{
    border-radius: 30px 0px 0px 30px;
    /* padding: 20px 30px 20px 30px !important; */
    font-size: 12px !important;
}
.btn-CF7-fijo{
    border-radius: 0px !important;
}

.wpcf7-list-item-label{
    display: inline !important;
}

.init{
    margin-top: 40px;
}
.titulo-cf7-llamada{
    text-align: center;
    color: var(--e-global-color-accent);
    font-family: "Nunito Sans", Sans-serif;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (min-width: 768px){
    .wpb-pcf-btn{
        font-size: 14px !important;
    }
}
@media screen and (min-width: 1024px){
    .wpb-pcf-btn{
        font-size: 19px !important;
    }
}
@media screen and (min-width: 14000px){
    .wpb-pcf-btn{
        font-size: 28px !important;
    }
}

/* Fin estilo formulario boton CF7 PopUp */



/* Estilos formulario landing de toda la vida */
.form-para-toda-la-vida .first{
    display: block;
}
#form-mg-top form{
    margin-top: 0 !important;
}
.form-para-toda-la-vida p{
    text-align: left;
}
.form-para-toda-la-vida .wpcf7-list-item{
    margin: 0;
}
.form-para-toda-la-vida .wpcf7-list-item input{
    margin-right: 6px;
    width: auto;
    height: auto;
}
.form-para-toda-la-vida label{
    color: #FFF;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 483px;
}
.form-para-toda-la-vida label input{
    width: 483px;
    height: 45px;
    border-radius: 10px;
    background-color: #F5F5F5; 
}

.form-para-toda-la-vida .wpcf7-submit{
    font-family: Nunito;
    width: 140px !important;
    height: 62px !important;
    font-size: 18px;
}
.form-para-toda-la-vida .wpcf7-list-item-label a:hover{
    color: red;
}

@media screen and (max-width: 658px){
    .form-para-toda-la-vida label{
        width: 100%;
    }
        .form-para-toda-la-vida label input{
        width: 100%;
        height: 45px;
    }
}

.wpcf7-response-output{
    border: 0px;
    color: #fff;
    font-weight: 900;
}