/* ==========================================================================
   Página Contacto (adrakmcero.com) — formulario Contact Form 7 con el
   sistema de diseño del sitio: inputs con borde celeste + botón primario
   celeste con flecha (mismo lenguaje que la home y el newsletter del pie).
   Variables --akc definidas en footer.css (cargado en todo el sitio).
   ========================================================================== */

body.akc-contacto-page .akc-contacto-form .wpcf7 {
	margin: 24px 0 0;
	max-width: 560px;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form p {
	margin: 0;
}

/* Cada campo: etiqueta encima + control debajo */
body.akc-contacto-page .akc-contacto-form .wpcf7-form label {
	display: block;
	margin: 0 0 22px;
	font-family: var(--akc-font, 'Plus Jakarta Sans', sans-serif);
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: var(--akc-titular, #0e3262);
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form-control-wrap {
	display: block;
	margin-top: 10px;
}

/* Inputs de texto/email y textarea */
body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="text"],
body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="email"],
body.akc-contacto-page .akc-contacto-form .wpcf7-form textarea {
	width: 100% !important;
	border: 2px solid var(--akc-celeste, #d2efff) !important;
	border-radius: 15px !important;
	background: #fff !important;
	padding: 16px 22px !important;
	font-family: var(--akc-font, 'Plus Jakarta Sans', sans-serif) !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	color: var(--akc-texto, #000) !important;
	outline: none !important;
	box-shadow: none !important;
	transition: border-color .2s ease;
	-webkit-appearance: none;
	appearance: none;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="text"] {
	height: 60px;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form textarea {
	min-height: 170px;
	resize: vertical;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form input::placeholder,
body.akc-contacto-page .akc-contacto-form .wpcf7-form textarea::placeholder {
	color: var(--akc-texto-alt, #394a58);
	opacity: .7;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form input:focus,
body.akc-contacto-page .akc-contacto-form .wpcf7-form textarea:focus {
	border-color: var(--akc-borde, #41c0f0) !important;
}

/* Botón "Enviar" — estilo primario del sitio (Figma / akc-btn-home) */
body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="submit"] {
	display: inline-block;
	margin-top: 6px;
	min-height: 60px;
	padding: 0 62px 0 30px !important;
	border: 0 !important;
	border-radius: 15px !important;
	background-color: var(--akc-boton, #8ed9f8) !important;
	background-image: url(/wp-content/uploads/2026/07/icon-flecha.svg) !important;
	background-repeat: no-repeat !important;
	background-position: right 24px center !important;
	background-size: 24px 13px !important;
	font-family: var(--akc-font, 'Plus Jakarta Sans', sans-serif) !important;
	font-size: 18px !important;
	line-height: 60px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--akc-titular, #0e3262) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .25s ease, transform .25s ease;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="submit"]:hover {
	background-color: #74cef4 !important;
	transform: translateY(-2px);
}

/* Spinner de envío */
body.akc-contacto-page .akc-contacto-form .wpcf7-spinner {
	margin: 24px 0 0 12px;
}

/* Mensajes de respuesta y validación */
body.akc-contacto-page .akc-contacto-form .wpcf7-response-output {
	margin: 22px 0 0 !important;
	padding: 12px 18px !important;
	border-radius: 12px;
	font-family: var(--akc-font, 'Plus Jakarta Sans', sans-serif);
	font-size: 15px;
	line-height: 21px;
	font-weight: 600;
	color: var(--akc-texto, #000);
}

body.akc-contacto-page .akc-contacto-form .wpcf7-not-valid-tip {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: #d33;
}

body.akc-contacto-page .akc-contacto-form .wpcf7-form input.wpcf7-not-valid,
body.akc-contacto-page .akc-contacto-form .wpcf7-form textarea.wpcf7-not-valid {
	border-color: #e88 !important;
}

/* Móvil */
@media (max-width: 767px) {
	body.akc-contacto-page .akc-contacto-form .wpcf7 {
		max-width: 100%;
	}
	body.akc-contacto-page .akc-contacto-form .wpcf7-form input[type="submit"] {
		width: 100%;
		text-align: left;
	}
}