/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Efecto reveal suave en cascada de 3 elementos al entrar en pantalla - perujo.es */
/* Estado inicial */
.reveal-up {
	opacity: 0;
	transform: translateY(18px); /* un poco menos para que sea más sutil */
	transition:
		opacity .7s ease,
		transform .7s ease;
	will-change: opacity, transform;
}

/* Estado visible */
.reveal-up.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Retrasos escalonados */
.reveal-delay-1 {
	transition-delay: 0s;
}

.reveal-delay-2 {
	transition-delay: 0.33s;
}

.reveal-delay-3 {
	transition-delay: 0.66s;
}

/* Accesibilidad: reduce movimiento si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce) {
	.reveal-up,
	.reveal-up.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Contact Form 7 - perujo.es *
/* === Diseño de dos columnas para las filas .col2 de CF7 === */
.wpcf7 form .col2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem; /* separación entre columnas */
  margin-bottom: 1rem; /* separación vertical entre filas */
}

/* Las etiquetas dentro de cada columna se apilan correctamente */
.wpcf7 form .col2 label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
}

/* Campos al 100% del ancho disponible */
.wpcf7 form .col2 input,
.wpcf7 form .col2 select,
.wpcf7 form .col2 textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* En móviles, una sola columna */
@media (max-width: 640px) {
  .wpcf7 form .col2 {
    grid-template-columns: 1fr;
  }
}
/* FIN - Solución: efecto reveal suave en cascada de 3 elementos al entrar en pantalla - perujo.es */


/* Formulario de contacto (CF7) — perujo.es */
.mg-form .mg-row{ display:flex; gap:16px; }
.mg-form .mg-row .mg-field{ flex:1; }
.mg-form .mg-field{ margin:0 0 20px; }

.mg-form .mg-field label{
  display:block; margin-bottom:9px;
  font-family:var(--gp-font--jost), sans-serif; font-weight:500;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--taupe-400);
}

/* Inputs: heredan fondo/borde del Personalizador; solo afinamos forma */
.mg-form input.wpcf7-form-control,
.mg-form select.wpcf7-form-control,
.mg-form textarea.wpcf7-form-control{
  width:100%; box-sizing:border-box;
  padding:14px 16px; border-radius:2px;
  font-family:var(--gp-font--jost), sans-serif; font-weight:300; font-size:16px;
}
.mg-form textarea.wpcf7-form-control{ min-height:120px; resize:vertical; }
.mg-form select.wpcf7-form-control{ appearance:none; -webkit-appearance:none; cursor:pointer; }

/* Consentimiento */
.mg-form .mg-consent{ font-size:13px; color:var(--taupe-400); line-height:1.6; }
.mg-form .mg-consent a{ color:var(--gold); }

/* Botón enviar (hereda el dorado de GP; solo ancho y aire) */
.mg-form .mg-submit input.wpcf7-submit{
  width:100%; padding:15px 32px; cursor:pointer; border:none;
  margin-top:4px;
}

/* Mensajes de respuesta CF7 */
.wpcf7 .wpcf7-response-output{
  margin:18px 0 0 !important; padding:13px 16px !important;
  border-radius:2px; border:1px solid var(--border) !important;
  background:var(--graphite-800); color:var(--ivory);
  font-family:var(--gp-font--jost), sans-serif; font-size:14px;
}
.wpcf7 form.sent .wpcf7-response-output{ border-color:var(--gold) !important; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{ border-color:var(--ruby) !important; }
.wpcf7-not-valid-tip{ color:#d98a98 !important; font-size:12px !important; }

/* Una columna en móvil */
@media (max-width:600px){ .mg-form .mg-row{ flex-direction:column; gap:0; } }


/* FIN - Formulario de contacto (CF7) — perujo.es */