/* =========================================================
   FORMULARIO DE CONTACTO (dentro de .bgo-form)
   Campos con línea inferior, 2 columnas; mensaje, casillas,
   textos legales y botón a todo el ancho.
   ========================================================= */

/* Anula el ancho máximo y el margen que trae Mautic */
.bgo-form .mauticform_wrapper{max-width:none;margin:0}

/* Rejilla: 2 columnas */
.bgo-form .mauticform-page-wrapper{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:30px;row-gap:20px;
}
.bgo-form .mauticform-row{margin:0}

/* A todo el ancho: el mensaje (área de texto), casillas, textos y botón */
.bgo-form .mauticform-row:has(textarea[name*="mensaje"]),
.bgo-form .mauticform-checkboxgrp,
.bgo-form .mauticform-freehtml,
.bgo-form .mauticform-button-wrapper{grid-column:1 / -1}

/* Fila que solo contiene el <style> de Mautic: fuera de la rejilla (el estilo sigue aplicándose) */
.bgo-form .mauticform-row[id$="_css"]{display:none}

@media (max-width:767px){
  .bgo-form .mauticform-page-wrapper{grid-template-columns:1fr;row-gap:18px}
}

/* Etiquetas (si se activan en Mautic): pequeñas, encima del campo */
.bgo-form .mauticform-label{
  display:block;margin:0 0 6px;font-size:13px;font-weight:400;
  color:rgba(255,255,255,.7);transition:color .3s;
}
.bgo-form .mauticform-required .mauticform-label:after{color:var(--ast-global-color-2)}
/* Al escribir en un campo, su etiqueta pasa al color de acento */
.bgo-form .mauticform-row:focus-within .mauticform-label{color:var(--ast-global-color-2)}

/* Campos: sin caja, solo línea inferior
   (!important para anular la regla antigua de style.css que quita los bordes a los inputs) */
.bgo-form .mauticform-input,
.bgo-form .mauticform-textarea{
  display:block;width:100%;padding:6px 0;margin:0;
  font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;color:var(--ast-global-color-5);
  background:transparent!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.5)!important;
  border-radius:0!important;box-shadow:none!important;outline:none;
  transition:border-color .3s,box-shadow .3s;
}
/* Solo el mensaje es alto; cualquier otra área de texto (p. ej. Empresa) se ve como un campo de una línea */
.bgo-form .mauticform-textarea{height:34px;min-height:0;resize:none;overflow:hidden}
.bgo-form textarea[name*="mensaje"].mauticform-textarea{height:auto;min-height:90px;resize:vertical;overflow:auto}
.bgo-form .mauticform-input::placeholder,
.bgo-form .mauticform-textarea::placeholder{color:rgba(255,255,255,.65);font-weight:400;opacity:1}

/* Foco: línea en color de acento y más gruesa (sin mover el contenido) */
.bgo-form .mauticform-input:focus,
.bgo-form .mauticform-textarea:focus{
  border-bottom-color:var(--ast-global-color-2)!important;
  box-shadow:0 1px 0 0 var(--ast-global-color-2)!important;
}

/* Autorrelleno del navegador: evita el fondo blanco/amarillo */
.bgo-form .mauticform-input:-webkit-autofill{
  -webkit-text-fill-color:var(--ast-global-color-5);
  transition:background-color 9999s ease-out;
}

/* Casillas (aviso legal y comunicaciones) */
.bgo-form .mauticform-checkboxgrp{display:flex;flex-direction:column;gap:8px}
.bgo-form .mauticform-checkboxgrp-row{display:flex;align-items:flex-start;gap:10px}
.bgo-form .mauticform-checkboxgrp-checkbox{
  flex:none;width:16px;height:16px;margin:2px 0 0;
  accent-color:var(--ast-global-color-2);cursor:pointer;
}
.bgo-form .mauticform-checkboxgrp-label{
  margin:0;color:rgba(255,255,255,.85);cursor:pointer;
}

/* Textos legales: un punto más legibles que los 11px que trae Mautic */
.bgo-form .mauticform-freehtml p{
  margin:0 0 6px;color:rgba(255,255,255,.7);
}

.bgo-form .mauticform-checkboxgrp-label, .bgo-form .mauticform-freehtml p{font-size:11px!important;line-height:1.5!important;}

/* Enlaces dentro del formulario */
.bgo-form .mauticform_wrapper a{color:var(--ast-global-color-2);text-decoration:underline}

/* Errores y mensajes */
.bgo-form .mauticform-errormsg{display:block;margin-top:6px;font-size:13px;color:#ff8a80}
.bgo-form .mauticform-has-error .mauticform-input,
.bgo-form .mauticform-has-error .mauticform-textarea{border-bottom-color:#ff8a80!important}
.bgo-form .mauticform-error{color:#ff8a80}
.bgo-form .mauticform-message{color:var(--ast-global-color-5)}

/* Botón: mismo estilo que los botones de la web (contorno) */
.bgo-form .mauticform-button-wrapper{margin-top:5px}
.bgo-form .mauticform-button-wrapper button.mauticform-button{
  display:inline-block;width:auto;padding:12px 28px;margin:0;
  font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.05em;line-height:1.2;
  color:var(--ast-global-color-5);background:transparent;
  border:1px solid var(--ast-global-color-5);border-radius:8px;
  cursor:pointer;transition:background-color .3s,color .3s;
}
.bgo-form .mauticform-button-wrapper button.mauticform-button:hover,
.bgo-form .mauticform-button-wrapper button.mauticform-button:focus-visible{
  background:var(--ast-global-color-5);color:var(--ast-global-color-0);
}
.bgo-form .mauticform-button-wrapper button.mauticform-button:focus-visible{
  outline:2px solid var(--ast-global-color-2);outline-offset:3px;
}