/* ==================================================
   FORMULARIO GRUPO APERTCAR — VERSIÓN ESTABLE FINAL
   ================================================== */


/* ==================================================
   1️⃣ CONTENEDOR PRINCIPAL (EL BLOQUE REAL DEL FORM)
   👉 AQUÍ CONTROLAS:
      - Ancho total
      - Fondo cristalino
      - Nivel de blur
      - Borde exterior del formulario
   ================================================== */

.wpcf7 form {

  max-width: 760px;           /* 🔧 ancho total del formulario */
  margin: 30px auto;          /* 🔧 separación exterior */
  padding: 20px 24px;         /* 🔧 espacio interior */

  border-radius: 14px;

  /* 🔥 FONDO CRISTAL */
  background: rgba(10, 22, 45, 0.55);   /* 🔧 baja a 0.45 = más transparente */
  backdrop-filter: blur(10px);          /* 🔧 baja valor = menos borroso */
  -webkit-backdrop-filter: blur(10px);

  /* 🔥 BORDE EXTERIOR DEL FORMULARIO */
  border: 2px solid #000;     /* 🔧 grosor línea exterior */

  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}


/* ==================================================
   2️⃣ CABECERA
   👉 AQUÍ REDUCES ESPACIO SUPERIOR
   ================================================== */

.ga-form-head {
  margin-bottom: 8px;   /* 🔧 baja a 8px si lo quieres más compacto */
}

.ga-badge {
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 0px;
  color: rgba(255,255,255,0.75);
}

.ga-form-head h3 {
  font-size: 24px;       /* 🔧 tamaño título */
  margin: 0 0 6px 0;
  color: #ffffff;
}

.ga-form-head p {
  font-size: 14px;
  margin: 0;
  color: rgba(255,255,255,0.75);
}


/* ==================================================
   3️⃣ GRID 2 COLUMNAS REAL
   👉 AQUÍ CONTROLAS:
      - Separación vertical
      - Separación horizontal
   ================================================== */

.ga-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 12px;
}

.ga-full {
  grid-column: 1 / -1;
}

.ga-field {
  margin: 0 !important;
  padding: 0 !important;
}


}


/* ==================================================
   4️⃣ ELIMINAMOS LABELS (USAMOS PLACEHOLDERS)
   ================================================== */

.ga-field label {
  display: none;
}

.ga-field,
.ga-actions {
  margin: 0;
}


/* ==================================================
   5️⃣ INPUTS — MÁS GRUESOS PERO MÁS JUNTOS
   👉 AQUÍ CONTROLAS:
      - Altura
      - Grosor
      - Relieve
      - Línea negra
   ================================================== */

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {

  width: 100% !important;

  padding: 10px 14px;     /* 🔧 aumenta primer valor = más alto */
  font-size: 14px;        /* 🔧 tamaño texto */

  color: rgba(255,255,255,0.95);

  background: rgba(255,255,255,0.07);

  /* 🔥 BORDE NEGRO INPUTS */
  border: 1.5px solid #000;

  /* 🔥 RELIEVE + SOMBRA TRASERA */
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,0.7),
    0 6px 14px rgba(0,0,0,0.25);

  transition: all 0.2s ease;
}


/* ==================================================
   6️⃣ PLACEHOLDER LEGIBLE
   ================================================== */

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: rgba(255,255,255,0.65);
}


/* ==================================================
   7️⃣ FOCUS CON ILUMINACIÓN TÉCNICA
   ================================================== */

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {

  outline: none;

  background: rgba(255,255,255,0.12);

  border-color: #00c8ff;

  box-shadow:
    inset 0 1px 3px rgba(0,0,0,0.7),
    0 0 12px rgba(0,200,255,0.45);
}


/* ==================================================
   8️⃣ TEXTAREA MÁS COMPACTO
   ================================================== */

.wpcf7 textarea {
  min-height: 20px;   /* 🔧 baja a 60 si quieres más compacto */
  resize: vertical;
}


/* ==================================================
   9️⃣ BOTÓN ESTILO AUTOMOCIÓN
   ================================================== */

.wpcf7 input[type="submit"] {

  padding: 11px 14px;
  font-size: 14px;

  border-radius: 6px;

  background: linear-gradient(90deg, #004cff 0%, #00c8ff 100%);
  color: #ffffff;

  border: 1.5px solid #000;

  box-shadow: 0 10px 24px rgba(0,140,255,0.35);

  cursor: pointer;
  transition: all 0.2s ease;
}

.wpcf7 input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,140,255,0.45);
}


/* ==================================================
   🔟 RESPONSIVE (MÓVIL)
   ================================================== */

@media (max-width: 768px) {
  .ga-form-grid {
    grid-template-columns: 1fr;
  }
}

/* 💣 FORZAR ELIMINACIÓN DE ESPACIO VERTICAL REAL */

.wpcf7 p {
  margin: -10 !important;
}

.ga-form-grid {
  row-gap: -10px !important;   /* controla separación vertical real */
  column-gap: 14px;
}

.ga-field {
  margin: -10 !important;
  padding: -10 !important;
  line-height: 1 !important;
}

/* COLOR DE LOS TÍTULOS DE LOS CAMPOS (LABELS) */

.ga-field label {
  display: block;                 /* por si estaban ocultos */
  font-size: 13px;
  margin-bottom: -10px;
  color: rgba(200, 200, 200, 0.75) !important;  /* gris claro elegante */
}


/* FORZAR ALTURA REAL DEL TEXTAREA */

.wpcf7 textarea {
  height: 70px !important;      /* 🔧 aquí decides el tamaño real */
  min-height: 40px !important;
  padding: 6px 10px !important;
}

/* SELECT CERRADO (campo visible) */

.wpcf7 select {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;  /* texto visible cuando está cerrado */
}

/* OPCIONES INTERNAS DEL DESPLEGABLE */

.wpcf7 select option {
  background: #ffffff !important;   /* fondo blanco */
  color: #000000 !important;        /* texto negro */
}

/* ==================================================
   CHECK LEGAL — CORRECCIÓN DEFINITIVA
   ================================================== */

/* ==================================================
   CHECK LEGAL — AJUSTE FINO DEFINITIVO
   ================================================== */

.ga-accept {
  margin-top: 12px !important;
}

.ga-accept .wpcf7-list-item {
  margin: 0 !important;
}

.ga-accept label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: rgba(255,255,255,0.85);
  cursor: pointer;
}

.ga-accept input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;

  appearance: auto !important;
  -webkit-appearance: checkbox !important;

  border: 1px solid #000 !important;
  background: #fff !important;

  box-shadow: none !important;
  margin: 0 !important;
}

.ga-accept a {
  color: #00c8ff;
  text-decoration: none;
}

.ga-accept a:hover {
  text-decoration: underline;
}


.ga-accept input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;

  appearance: auto !important;
  -webkit-appearance: checkbox !important;

  border: 1px solid #000 !important;
  background: #fff !important;

  box-shadow: none !important;
}

.ga-accept a {
  color: #00c8ff;
  text-decoration: none;
}

.ga-accept a:hover {
  text-decoration: underline;
}

/* Espacio superior para el bloque legal */
.ga-accept {
  margin-top: 12px !important;
}

.wpcf7 input[type="submit"]:active {
  transform: translateY(1px);
  box-shadow: 0 6px 14px rgba(0,140,255,0.35);
}

/* ==================================================
   BLOQUE FINAL DE CONFIANZA (OBRA DE ARTE, SIN RIESGO)
   ================================================== */

.ga-trust {
  grid-column: 1 / -1;              /* ocupa todo el ancho del grid */
  margin-top: 16px !important;      /* separa del botón */
  padding: 14px 16px;               /* bloque “institucional” */
  border-radius: 12px;

  /* integración glass pro: sutil, no compite con el botón */
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.10);

  text-align: center;
}

.ga-trust-line {
  font-weight: 700;                 /* ambas frases en negrita */
  line-height: 1.35;
  letter-spacing: 0.2px;
  margin: 0;
}

.ga-trust-strong {
  color: #ff7a00;                   /* naranja fuerte */
  font-size: 16px;                  /* más grande, legible */
  text-shadow: 0 0 10px rgba(255, 122, 0, 0.22);
}

.ga-trust-soft {
  color: rgba(255, 255, 255, 0.72); /* tono más apagado */
  font-size: 14px;
  margin-top: 6px;
}

/* Ajuste móvil: que siga viéndose premium sin ocupar demasiado */
@media (max-width: 480px) {
  .ga-trust {
    padding: 12px 12px;
    margin-top: 14px !important;
  }

  .ga-trust-strong {
    font-size: 15px;
  }

  .ga-trust-soft {
    font-size: 13px;
  }
}

/* ==================================================
   SLOGAN SUPERIOR FORMULARIO
   ================================================== */

.ga-form-head {
  text-align: center;  /* centrado total */
  margin-bottom: 14px;
}

.ga-form-head h3,
.ga-form-head p {
  margin: 0;
  padding: 0;
}

/* Primera línea (más fuerte) */
.ga-form-head h3 {
  color: #ff7a00;              /* naranja fuerte */
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.4px;
  text-shadow: 0 0 12px rgba(255,122,0,0.25);
}

/* Segunda línea (también naranja pero ligeramente más suave) */
.ga-form-head p {
  color: #ff7a00;
  font-weight: 600;
  font-size: 15px;
  margin-top: 6px;
  opacity: 0.85;               /* un poco más apagado */
}

.wpcf7-response-output {
  color: #ffffff !important;
}

/* FORZAR TEXTO BLANCO EN TODOS LOS INPUTS */

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  color: #ffffff !important;
}

/* Evitar que el navegador ponga texto rojo en inválidos */
.wpcf7 input:invalid,
.wpcf7 textarea:invalid,
.wpcf7 select:invalid {
  color: #ffffff !important;
  box-shadow: none !important;
}

/* cambiar color del texto de cabecera */
.ga-form-head p:first-child {
    font-size: 17px;
}

.ga-form-head p:last-child {
    font-size: 15px;
    opacity: 0.9;
}

.ga-form-head p {
    color: #ff7300 !important;
}


/* cambiar color del texto de pie */
.ga-trust-strong p {
    color: #ff7300 !important;
    font-weight: 600;
}

.ga-trust-soft p {
    color: #ff7300 !important;
    opacity: 0.85;
}

/* REDUCCIÓN PROPORCIONAL FORMULARIO */
.wpcf7 form {
    transform: scale(0.75);
    transform-origin: top center;
}