/* =========================================================================
   SOLICITUD DE PRUEBA GRATUITA
   Tenia anchos fijos (350px, 215px, 150px, 130px) que desbordaban en movil,
   justo en el formulario que capta los contactos. Ahora es una tarjeta
   centrada con rejilla flexible, del mismo sistema que el login.
   ========================================================================= */

.registro {
    display: flex; align-items: flex-start; justify-content: center;
    min-height: calc(100vh - var(--cabecera));
    padding: 48px 20px 64px;
    background:
        radial-gradient(900px 420px at 50% 0%, rgba(234,88,12,.14), transparent 62%),
        linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

.registro .content {
    width: 100%; max-width: 660px;
    padding: 40px 38px 34px;
    background: var(--blanco);
    border-radius: var(--r-bloque);
    box-shadow: var(--sombra-xl);
}

.registro h1 { margin: 0 0 10px; font-size: 1.7rem; font-weight: 800; text-align: center; }
.registro .content > p { text-align: center; color: var(--texto-flojo); margin-bottom: 26px; }

/* Rejilla que se adapta sola: dos columnas si caben, una si no */
.registro .tableformlogin { display: grid; gap: 18px; max-width: none; }
.registro .rowformlogin {
    display: grid; gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.registro .cellformlogin { min-width: 0; }        /* deja encoger a los hijos */
.registro .cellformlogin span {
    display: block; margin-bottom: 7px;
    font-size: .74rem; font-weight: 700; letter-spacing: .05em;
    text-transform: uppercase; color: var(--texto-flojo);
}
.registro input, .registro select, .registro textarea { width: 100%; }
.registro textarea { resize: vertical; min-height: 96px; }

.registro .checkbox { max-width: none; margin-top: 24px; font-size: .92rem; }
.registro .checkbox div { display: grid; gap: 10px; }
.registro .checkbox input { width: auto; margin-right: 8px; }
.registro .buttonsubmit { width: 100%; margin-top: 8px; }

/* El boton real del captcha esta oculto: lo dispara validateFormRegistro() */
.registro #buttonrecaptcha { display: none; }

@media (max-width: 560px) {
    .registro { padding: 26px 14px 44px; }
    .registro .content { padding: 30px 22px 26px; border-radius: var(--r-tarjeta); }
    .registro h1 { font-size: 1.45rem; }
}