/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 13 2025 | 16:09:59 */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 

#new_img_movi_uc > div > div > div > img{padding: 30px 30px 30px 60px; background:#fff; border-radius: 60px 0px 0px 60px;}
#novouc .elementor-container h2 span{color:#EDAF00;}


#wpforms-form-50 .wpforms-field-container div input::placeholder{color:#fff;}
#wpforms-form-50 .wpforms-field-container div input{border: 0px; background: #fff0; text-align: left; border-bottom: 1px solid #EDAF00; color: #fff;}
#wpforms-form-50 .wpforms-field-container .choices__inner::placeholder{color:#fff; opacity:1;}
#wpforms-form-50 .wpforms-field-container  .choices__inner select option{color:#EDAF00;}
#wpforms-form-50 .wpforms-field-container .choices__inner{border: 0px; background: #fff0; text-align: left; border-bottom: 1px solid #EDAF00; color: #fff;}

#wpforms-50-field_5-container {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap-reverse; text-align:right; color:#fff; align-items: center;}
#wpforms-50-field_5 {width: 30%;  text-align: center; display: flex; justify-content: space-evenly;}
#wpforms-50-field_5 li label{color:#E5C700; font-weight:700;} 
#wpforms-50-field_6-container {text-align: right; width: 100%; display: inline-block; color: #fff;}
#wpforms-50-field_5-container label span{display:none;}
#wpforms-50-field_6::placeholder{color:#fff;}
#wpforms-50-field_6 {background: #fff0; text-align: center; border: 1px solid #EDAF00; color: #fff; border-radius:35px; font-family:"Montserrat", Sans-serif; resize:none;}

#wpforms-50-field_4-container .choices__list .choices__list--dropdown> div{background:#fff; }
#wpforms-50-field_4-container .choices__list--dropdown{background:#2f349b; border-radius:25px; border:none; color:#fff;}
#wpforms-form-50 .choices[data-type*="select-one"]:after{color:#E5C700;}
#wpforms-form-50 .choices__list--dropdown .choices__item--selectable.is-highlighted{background:#13185C; color:#fff;}
#wpforms-form-50 .choices__list--dropdown .choices__item--selectable.is-highlighted:after{display:none;}
#wpforms-form-50 .choices__placeholder{opacity:1;}

#wpforms-form-50 .choices__list--dropdown .choices__item--selectable{padding:10px 1px;}
#wpforms-form-50 .elementor-button-icon{margin-left:15px;}

#wpforms-form-50 label .wpforms-required-label{display:none;}
#wpforms-form-50 label {text-align:center;}


#wpforms-form-50 .wpforms-submit-container {text-align:center;}
#wpforms-form-50 .wpforms-submit-container button{ background:#EDAF00; color:#fff; border:none; border-radius:50px; transition:.6s; width: 100%;    max-width: 300px;}
#wpforms-form-50 .wpforms-submit-container button:hover{background:#DB001A; color:#fff;}


#wpforms-50-field_7{text-align: left; color: #fff;}


#thank_you_uc .elementor-widget-container strong{color:#EDAF00;}

@media only screen and (max-width: 767px){
	
	#new_img_movi_uc .elementor-element-3b21710{background:#fff; border-radius: 0px 0px 60px 60px;}
	
	
	#wpforms-form-50 .wpforms-field-container div {width:100%; margin:auto; text-align:center;}
	#wpforms-form-50 .wpforms-field-container div input{text-align:center;}
	#wpforms-50-field_5-container{justify-content: center; text-align:center}
	#wpforms-50-field_5-container {text-align:center;}
	#wpforms-50-field_5-container{text-align:center;flex-direction:column;}
	#wpforms-50-field_5{width:100%; ; justify-content: space-evenly;}
	#wpforms-50-field_6{text-align:center;}
	#wpforms-50-field_7{text-align: center; font-size:0.7rem;}
	#wpforms-form-50 .wpforms-submit-container{text-align:center;}
	
}


/* Botones de anterior y siguiente */
#wpforms-1927 .wpforms-page-button,
#wpforms-1927 .wpforms-page-button-previous {
    background-color:#0073e6; /* Fondo azul */
    color: #fff; /* Texto blanco */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover en botones de anterior y siguiente */
#wpforms-1927 .wpforms-page-button:hover,
#wpforms-1927 .wpforms-page-button-previous:hover {
    background-color: #005bb5; /* Azul más oscuro */
}

#wpforms-1927 input[type="checkbox"] {
    appearance: none; /* Eliminamos el diseño predeterminado */
    width: 20px;
    height: 20px;
    border: 2px solid #0073e6; /* Borde amarillo */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro transparente */
    cursor: pointer; /* Cambia el cursor a puntero */
    transition: all 0.3s ease; /* Animación suave */
    position: relative;
}

#wpforms-1927 input[type="checkbox"]:checked {
    background-color: #0073e6; /* Fondo amarillo al seleccionar */
    border-color: #0073e6; /* Borde más claro */
    box-shadow: 0 0 8px rgba(0, 115, 230, 0.6); /* Efecto de brillo */
}

#wpforms-1927 input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: all 0.3s ease; /* Animación suave para el check */
}

#wpforms-903 .wpforms-error {
    color: red;
    font-size: 15px; /* Tamaño pequeño */
    position: relative;
    margin-top: 2px; /* Espaciado entre el input y el mensaje */
    transition: all 0.3s ease;
}


/* IMAGEN BANNER 1 HOVER*/
.img-hover img {
    transition: opacity 0.5s ease-in-out;
}

.img-hover img:hover {
    content: url('https://novoplus.co/wp-content/uploads/2025/02/DISTRIBUIDOR22.webp') !important; /* Cambia la imagen */
	transition: opacity 0.5s ease-in-out;
}

/*IMAGEN BANNER 2 HOVER*/
.img-hover2 img {
    transition: opacity 0.5s ease-in-out;
}

.img-hover2 img:hover {
    content: url('https://novoplus.co/wp-content/uploads/2025/02/ASESOR22.webp') !important; /* Cambia la imagen */
	transition: opacity 0.5s ease-in-out;
}


/*VIDEO 1 AUTO-REPLAY*/
.hover-video {
    transition: opacity 0.3s ease-in-out !important;
}
/*VIDEO 2 AUTO-REPLAY*/
.hover-video2 {
    transition: opacity 0.3s ease-in-out !important;
}
/*VIDEO 3 AUTO-REPLAY*/
.hover-video3 {
    transition: opacity 0.3s ease-in-out !important;
}