/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 29 2024 | 16:58:32 */
/* 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 */ 


#wpforms-form-63{    width: 700px; margin: auto;}
#wpforms-form-63  .wpforms-layout-column input {border: 1px solid #4F504E;  border-radius: 50px; background: #4F504E; color: #fff; text-align: center; font-size:0.9rem;}
#wpforms-form-63 .wpforms-layout-column input::placeholder{ color:#fff; text-transform: uppercase;}
#wpforms-form-63 .wpforms-layout-column select{ border:1px solid #4F504E; border-radius: 50px; background: #4F504E; color: #fff; text-align: center; }



#wpforms-form-63 .choices .choices__inner{border: 1px solid #F7CA0A;  border-radius: 50px; background: #fff0; color: #fff; text-align: center; font-size:0.9rem; text-transform:uppercase;}
#wpforms-63-field_4-container {text-align:center;}
#wpforms-63-field_4 {text-align:center;}
#wpforms-63-field_4 .choices__list .choices__list--dropdown> div{background:#4F504E; width:100%; text-align:center}
#wpforms-63-field_4 .choices__list--dropdown{background:#4F504E; border-radius:25px; border:none; color:#4F504E; text-transform:uppercase;}
#wpforms-form-63 .choices__list--dropdown.is-active {background:#fff; color:#000; border-radius:15px; text-transform:uppercase;}
#wpforms-form-63 .choices[data-type*="select-one"]:after{color:#99FF33; }
#wpforms-form-63 .choices__list--dropdown .choices__item--selectable.is-highlighted{background:#F7CA0A; color:#fff; } 
#wpforms-form-63 .choices__list--dropdown .choices__item--selectable.is-highlighted:after{display:none;}
#wpforms-form-63 .choices__placeholder{opacity:1;}
#wpforms-63-field_11 {background: #fff0;  border: 1px solid #F7CA0A;  border-radius: 25px;color:#fff;}
#wpforms-63-field_11::placeholder{color:#fff;} 

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

#wpforms-63-field_9 {background:#4F504E; border-radius:15px; color:#fff;}

#wpforms-63-field_10-container label {color:#fff; text-align:center;}
#wpforms-63-field_10 {text-align:center;}
#wpforms-63-field_10  li label{color:#99FF33; font-weight:600;}
#wpforms-63-field_10  li input{color:#99FF33;  border:2px solid #99FF33;}

#wpforms-63-field_5-container ul li input{border-radius:50px}
#wpforms-63-field_5-container ul li label{color:#fff; font-size:0.8rem;}
#wpforms-63-field_5-container .wpforms-field-description {color:#fff; font-size:0.7rem;}
#wpforms-form-63  .wpforms-submit-container{text-align:center; padding:0px;}
#wpforms-form-63  .wpforms-submit-container button{padding:5px 35px; background:#99FF33; color:#fff; transform: skewx(340deg); border:none; font-weight:700px; transition:.6s;}
#wpforms-form-63  .wpforms-submit-container button:hover{background:#000; color:#fff; padding:5px 40px;}

@media only screen and (max-width: 767px) {
	
	#wpforms-form-63{text-align:center;  width: 100%; padding: 0 15px;}
	#wpforms-63-field_11 {text-align:center;} 
	#wpforms-form-63 .wpforms-submit-container{text-align:center;}
	#wpforms-63{margin-top:0px;}
	#wpforms-63-field_10 li {width:50%;}
	#wpforms-63-field_4 {text-align:center !important;} 
	#wpforms-63-field_4 option{text-align:center;}
	#wpforms-form-63 .wpforms-layout-column select{text-align:center;}
	#wpforms-form-63 .wpforms-layout-column{text-align:center !important;}
	#wpforms-63-field_9{text-align:center; color:#fff;}
	
}



/* Botones de anterior y siguiente */
#wpforms-5756 .wpforms-page-button,
#wpforms-5756 .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-5756 .wpforms-page-button:hover,
#wpforms-5756 .wpforms-page-button-previous:hover {
    background-color: #005bb5; /* Azul más oscuro */
}

#wpforms-5756 input[type="checkbox"] {
    appearance: none; /* Eliminamos el diseño predeterminado */
    width: 20px;
    height: 20px;
    border: 2px solid #0073e6; /* Borde azul */
    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-5756 input[type="checkbox"]:checked {
    background-color: #0073e6; /* Fondo azul al seleccionar */
    border-color: #00aaff; /* Borde más claro */
    box-shadow: 0 0 8px rgba(0, 115, 230, 0.6); /* Efecto de brillo */
}

#wpforms-5756 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 */
}