/* Dos formularios publicos comparten esta hoja: /pidecita/ (nuevo cliente) y la pagina de contacto.
   Los selectores van en pareja gc-pidecita-* / gc-contacto-* para no duplicar reglas: si cambias
   una, cambian los dos formularios. */
html, body { margin: 0; padding: 0; }
body { background: #fff !important; }
.gc-pidecita-content, .gc-contacto-content { max-width: 800px; margin: 0 auto; padding: 20px; box-sizing: border-box; text-align: center; }
.gc-pidecita-titulo, .gc-contacto-titulo { font-size: 2rem; font-weight: 700; color: #1c2858; margin: 30px 0 20px 0; line-height: 1.2; }
.gc-pidecita-subtitulo1, .gc-contacto-subtitulo1 { font-size: 1.5rem; color: #1c2858; margin: 0 0 20px 0; line-height: 1.3; font-weight: 600; }
.gc-pidecita-subtitulo2, .gc-contacto-subtitulo2 { font-size: 1.05rem; color: #555; margin: 0 0 25px 0; line-height: 1.4; }
.gc-pidecita-contacto, .gc-contacto-contacto { font-size: 1rem; color: #555; line-height: 1.6; margin: 0 0 30px 0; text-align: left; display: inline-block; }
.gc-pidecita-contacto strong, .gc-contacto-contacto strong { color: #1c2858; }
#gc-pidecita-form, #gc-contacto-form { padding: 1%; max-width: 500px; margin: 0 auto; }
#gc-pidecita-form input[type="text"], #gc-pidecita-form input[type="email"], #gc-contacto-form input[type="text"], #gc-contacto-form input[type="email"] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; box-sizing: border-box; margin-bottom: 10px; }
#gc-pidecita-form input[type="text"]:disabled, #gc-pidecita-form input[type="email"]:disabled, #gc-contacto-form input[type="text"]:disabled, #gc-contacto-form input[type="email"]:disabled { background-color: #ccc; }
.gc-pidecita-honeypot, .gc-contacto-honeypot { position: absolute; left: -9999px; top: -9999px; height: 0; width: 0; overflow: hidden; }
#gc-pidecita-aviso, #gc-contacto-aviso { color: #a94442; padding: 2%; font-weight: 600; display: none; }
/* Etiquetas solo para lectores de pantalla (accesibilidad: label real sin cambiar el diseño) */
.gc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* En contacto el div de estado se llama -mensaje-estado: -mensaje es el TEXTAREA,
   y este display:none lo dejaba invisible (existía en el DOM y ocupaba cero). */
#gc-pidecita-mensaje, #gc-contacto-mensaje-estado { display: none; margin-top: 20px; padding: 15px; border-radius: 5px; background-color: #dddddd; color: #888; text-align: center; font-size: 120%; font-weight: 600; }
#gc-pidecita-enviar, #gc-pidecita-cerrar, #gc-contacto-enviar, #gc-contacto-cerrar { margin-top: 20px; width: 100%; padding: 15px; background-color: #bdbdbd; color: #fff; font-weight: 800; font-size: 120%; border: none; border-radius: 10px; cursor: pointer; max-width: 500px; }
#gc-pidecita-enviar:hover, #gc-pidecita-cerrar:hover, #gc-contacto-enviar:hover, #gc-contacto-cerrar:hover { background-color: #d60489; }
#gc-pidecita-cerrar, #gc-contacto-cerrar { display: none; }
.gc-pidecita-pie, .gc-contacto-pie { font-size: 1.4rem; color: #1c2858; margin: 30px auto; line-height: 1.3; max-width: 700px; font-weight: 600; }
.gc-pidecita-mapa, .gc-contacto-mapa { margin: 30px 0; }
.gc-pidecita-mapa iframe, .gc-contacto-mapa iframe { max-width: 100%; border: 0; border-radius: 8px; }
.gc-pidecita-direccion, .gc-contacto-direccion { font-size: 0.95rem; color: #555; margin: 10px 0 30px 0; text-align: center; }