/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 00:45:10 */
/* Agregar ID "forma-contacto" en el componente gris de Divi */

/* Reducir el espacio entre campos */
#forma-contacto p.et_pb_contact_field {
	margin-bottom: 1%;
}

/* Color de texto y campos de formulario de contacto */
#forma-contacto .et_pb_contact input,
#forma-contacto .et_pb_contact select,
#forma-contacto .et_pb_contact textarea {
    background: #ffffff;
    color: #666666 !important;
    border: 1px solid #666666;
    border-radius: 5px;
}

/* Fix arrow del select */
#forma-contacto .et_pb_contact_field[data-type="select"]::after {
    margin-top: 18px;
}

/* Estilo Checkbox y Radio */
#forma-contacto p input[type="checkbox"],
#forma-contacto p input[type="radio"] {
    display: revert; /* Divi lo tiene oculto por default */
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    border: 2px solid #8f8f9d !important;
    -webkit-appearance: checkbox; /* Invierte a Radiobutton */
}

/* Hover Selection */
#forma-contacto .wpcf7-form .wpcf7-text:hover,
#forma-contacto .wpcf7-form .wpcf7-textarea:hover,
#forma-contacto .wpcf7-form .wpcf7-select:hover,
#forma-contacto .wpcf7-form .wpcf7-text:focus,
#forma-contacto .wpcf7-form .wpcf7-textarea:focus,
#forma-contacto .wpcf7-form .wpcf7-select:focus,
#forma-contacto .wpcf7-form .wpcf7-date:focus {
    /* Afecta el fondo del Dropmenu */
	background: rgba(238, 238, 238, 0.7);
}

/* Cambia el color del placeholder en todos los campos de Contact Form 7 en Divi */
.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form input:-moz-placeholder,
.wpcf7-form input::-moz-placeholder,
.wpcf7-form input:-ms-input-placeholder {
    color: #f00; /* Cambia el color por el que desees */
}

/* Esconde texto al seleccionar */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color:transparent;}

/* Forza desplazamiento vertical en Área del Mensaje */
#forma-contacto .wpcf7-form textarea {
    resize:vertical;
}

/* Centra Aceptar Aviso de Privacidad */
#forma-contacto .av-acceptance {
	text-align: center;
	margin-top: 30px;
}

/* Settings Boton Enviar */
#forma-contacto .et_contact_bottom_container {
    margin: 30px 0 0 0;
    padding: 0;
    float: none;
    text-align: center;
    display: block;
}

/* Quitar Flechita del Boton */
#forma-contacto .et_pb_button::after {
	display: none;
}

/* Quita espacio del spinning */
#forma-contacto .et_pb_contact_submit {
    margin: 0;
}

/* Esconde el espacio para el arrow del boton */
#forma-contacto .et_pb_button:hover {
    padding: .3em 1em;
}

/* Centrar o Esconder Ajax Loader - Spinner */
#forma-contacto .wpcf7-spinner  {
    display: inline !important;
	position: absolute !important;
	margin: 10px 20px !important;
    /* display: none !important; */
}

/* esconde el honeypot - parte de una funcion anti bot */
#honeypot { display: none; }

/* Textos Legales */
#forma-contacto .av-google-recaptcha {
	text-align: center;
}

#forma-contacto .av-google-recaptcha a:hover,
#forma-contacto .av-acceptance a:hover {
    text-decoration: underline;
}

/* Notificaciones Forma de Contacto */
#forma-contacto .wpcf7 form .wpcf7-response-output {
	margin-top: 35px;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output,
#forma-contacto .wpcf7 form.failed .wpcf7-response-output {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    border-radius: 5px;
    padding: 10px;
}

#forma-contacto .wpcf7 form.sent .wpcf7-response-output {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    border-radius: 5px;
    padding: 10px;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.failed .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.sent .wpcf7-response-output:before {
    font: 26px/30px FontAwesome;
    margin-right: 16px;
    vertical-align: middle;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.failed .wpcf7-response-output:before {
	font-family: "FontAwesome";
    content:'\f057';
}

#forma-contacto .wpcf7 form.sent .wpcf7-response-output:before {
	font-family: "FontAwesome";
    content:'\f00c';
}

/* Estilos Forma CV */
.av-cv-info {
    margin-bottom: 30px;
}

.av-cv-titulo {
	font-size: 1.3em;
	font-weight: bold;
	color: #009ddc;
	padding: 10px 0;
}

.av-cv-subtitulo {
	color: #009ddc;
	padding-left: 36px;
}

@media only screen and (max-width: 600px) {
    .av-cv-titulo {
	    font-size: 1em;
		padding-top: 20px;
		text-align: center;
    }
	
	.av-cv-subtitulo {
	    padding-left: 0;
		padding-top: 15px;
	    text-align: center;
    }
}