/* Campos de formulario de la web (20-oct-2026).
 *
 * Wix los dejaba feos: en «Let's Chat» y en el pie el texto era del mismo gris que el fondo y, para que se leyera,
 * el campo se volvía casi negro al pasar el ratón o al escribir; en el «subscribe» de la cabecera se volvía verde
 * oscuro con el texto también oscuro (ilegible); y el borde pasaba de 1 a 2 px, así que el campo «saltaba».
 * Aquí: texto oscuro siempre, fondo claro casi transparente, borde fijo de 1 px y un anillo dorado suave al escribir.
 */
form input:not([type=hidden]):not([type=submit]):not([type=checkbox]):not([type=radio]),
form textarea {
  color: #353c3a !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #74847f !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
form input:not([type=hidden]):not([type=submit]):hover,
form textarea:hover {
  background-color: rgba(255, 255, 255, 0.35) !important;
  border-color: #455b55 !important;
}
form input:not([type=hidden]):not([type=submit]):focus,
form textarea:focus {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-color: #455b55 !important;
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.45) !important;
  outline: none !important;
}
form input::placeholder,
form textarea::placeholder {
  color: #74847f !important;
  opacity: 1;
}

/* ── Cinta de nombres de la cabecera (20-oct-2026) ─────────────────────────────────────────────────────────────
 * Dos recuadros del color del fondo (447 px, a los lados de la columna central) tapan la cinta para que sólo se vea
 * en el centro. En pantallas de más de ~1900 px no llegan al borde y la cinta asomaba por los extremos.
 * Se alargan hasta el borde de la pantalla. */
#comp-m7g4ebut::before,
#comp-m7g4f5qn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  background: #d1d5d2;
  pointer-events: none;
}
#comp-m7g4ebut::before { right: 100%; }
#comp-m7g4f5qn::after { left: 100%; }
