/* Estilos de formularios del nuevo diseño — SCImago EPI Core
   Se aplican solo dentro de un elemento con la clase "epi-contacto"
   (añadirla en Elementor: sección > Avanzado > Clases CSS).
   Compatible con WPForms y Contact Form 7. */

.epi-contacto input[type="text"],
.epi-contacto input[type="email"],
.epi-contacto input[type="tel"],
.epi-contacto input[type="url"],
.epi-contacto input[type="number"],
.epi-contacto select,
.epi-contacto textarea,
.epi-contacto div.wpforms-container-full .wpforms-form input[type="text"],
.epi-contacto div.wpforms-container-full .wpforms-form input[type="email"],
.epi-contacto div.wpforms-container-full .wpforms-form input[type="tel"],
.epi-contacto div.wpforms-container-full .wpforms-form select,
.epi-contacto div.wpforms-container-full .wpforms-form textarea {
	/* Figma 2026: campos píldora, sin borde, separados */
	width: 100% !important;
	background-color: #F0EFEC !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	padding: 18px 24px !important;
	font-size: 15px !important;
	color: #141414 !important;
	box-shadow: none !important;
	outline: none;
	margin-bottom: 14px !important;
	transition: border-color .2s ease;
}

.epi-contacto input:focus,
.epi-contacto select:focus,
.epi-contacto textarea:focus,
.epi-contacto div.wpforms-container-full .wpforms-form input:focus,
.epi-contacto div.wpforms-container-full .wpforms-form textarea:focus {
	border-color: #141414 !important;
}

.epi-contacto ::placeholder {
	color: #8a8a8a;
	opacity: 1;
}

.epi-contacto textarea,
.epi-contacto div.wpforms-container-full .wpforms-form textarea {
	min-height: 160px;
	resize: vertical;
	border-radius: 28px !important;
}

.epi-contacto label,
.epi-contacto .wpforms-field-label,
.epi-contacto .wpcf7 label {
	color: #141414;
	font-size: 14px;
	font-weight: 600;
}

.epi-contacto .wpforms-field {
	padding: 8px 0;
}

.epi-contacto input[type="submit"],
.epi-contacto button[type="submit"],
.epi-contacto .wpcf7-submit,
.epi-contacto div.wpforms-container-full .wpforms-form button[type="submit"],
.epi-contacto div.wpforms-container-full .wpforms-form input[type="submit"] {
	/* Figma 2026: botón "Send" píldora naranja con texto oscuro */
	background-color: #F5A81C !important;
	color: #141414 !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 12px 32px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: none !important;   /* "Enviar", no "ENVIAR" */
	width: auto !important;
	cursor: pointer;
	transition: background-color .2s ease;
}

.epi-contacto input[type="submit"]:hover,
.epi-contacto button[type="submit"]:hover,
.epi-contacto .wpcf7-submit:hover,
.epi-contacto div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.epi-contacto div.wpforms-container-full .wpforms-form input[type="submit"]:hover {
	background-color: #DD9509 !important;
	color: #141414 !important;
}

.epi-contacto .wpcf7-not-valid-tip {
	color: #7a1f1f;
	font-size: 13px;
}

.epi-contacto .wpforms-error,
.epi-contacto label.wpforms-error {
	color: #7a1f1f;
	font-size: 13px;
	font-weight: 400;
}