/* Centra el contenedor completo del formulario en la página */
#wpforms-form-120 {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px; /* Mantiene el ancho máximo para una buena lectura en escritorio y se adapta a móviles */
}

/* Centra el texto de las etiquetas de los campos */
#wpforms-form-120 label.wpforms-field-label {
    text-align: center;
    width: 100%;
}

/* Ajustes para la descripción de caracteres del campo (ej. "0 de 10 caracteres máximos") */
#wpforms-form-120 .wpforms-field-sublabel,
#wpforms-form-120 .wpforms-field-description { /* Incluimos ambas clases para asegurar */
    text-align: center; /* Centra el texto */
    width: 100%; /* Asegura que ocupe todo el ancho para centrar */
    white-space: nowrap; /* Intenta forzar que el texto esté en una sola línea */
    overflow: hidden; /* Oculta cualquier parte del texto que se desborde */
    text-overflow: ellipsis; /* Añade puntos suspensivos si el texto es muy largo y se corta */
    margin-top: 5px; /* Pequeño margen superior para separarlo del campo */
    margin-bottom: 15px; /* Margen inferior para separarlo del siguiente elemento */
    font-size: 13px; /* Ajusta el tamaño de fuente si es necesario */
    color: #777; /* Color de texto más tenue */
}


/* Centra los campos de entrada de texto, correo, teléfono y textareas */
#wpforms-form-120 input[type="text"],
#wpforms-form-120 input[type="email"],
#wpforms-form-120 input[type="tel"],
#wpforms-form-120 textarea,
#wpforms-form-120 select {
    display: block; /* Hace que el campo se comporte como un bloque para poder centrarlo */
    margin-left: auto; /* Centra el campo horizontalmente */
    margin-right: auto; /* Centra el campo horizontalmente */
    width: 100%; /* Ocupa el 100% del ancho disponible de su contenedor */
    max-width: 400px; /* Limita el ancho real del campo para que se vea centrado y no se estire demasiado */
    box-sizing: border-box; /* Incluye padding y bordes en el ancho total */
}

/* Centra la casilla de verificación (checkbox) y su texto en una sola línea */
#wpforms-form-120 .wpforms-field-checkbox {
    text-align: center; /* Centra el checkbox y su texto */
    margin-top: 20px; /* Espacio superior para separarlo del campo anterior */
    margin-bottom: 20px; /* Espacio inferior para separarlo del botón */
}
#wpforms-form-120 .wpforms-field-checkbox ul {
    list-style: none; /* Elimina cualquier viñeta si aparece */
    margin: 0;
    padding: 0;
    display: inline-block; /* Permite que la lista completa se centre */
}
#wpforms-form-120 .wpforms-field-checkbox li {
    display: inline-block; /* Asegura que el checkbox y su label estén en línea */
    margin: 0; /* Elimina márgenes extra */
    padding: 0; /* Elimina padding extra */
}
#wpforms-form-120 .wpforms-field-checkbox label {
    display: inline-block; /* Crucial para que white-space: nowrap funcione correctamente */
    white-space: nowrap; /* Fuerza el texto a una sola línea */
    /* text-align: left; Ya no es tan crítico si el ul es inline-block */
    vertical-align: middle; /* Alinea el texto con el checkbox si el checkbox es pequeño */
}


/* Centra el botón de envío */
#wpforms-form-120 .wpforms-submit-container {
    text-align: center;
}

/* Asegura que el botón se centre correctamente */
#wpforms-form-120 button[type="submit"] {
    display: inline-block;
}