:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-96a67f9 *//* Estilos para el contenedor del formulario */
.form-container-wp {
    width: 100%;
    max-width: 960px;
    margin: 20px auto;
    padding: 2rem;
    box-sizing: border-box;
}
.form-container-wp h2 { font-size: 24px; font-weight: 600; margin-top: 0; margin-bottom: 10px; color: #1a202c; }
.form-container-wp p { font-size: 16px; margin-top: 0; margin-bottom: 30px; color: #4a5568; }

/* Grid layout para los campos */
.form-grid-layout { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 25px; }
@media (min-width: 768px) {
    .form-grid-layout { grid-template-columns: repeat(12, 1fr); }
    .col-span-6 { grid-column: span 6; }
    .col-span-12 { grid-column: span 12; }
}

/* Estilo de campos y etiquetas */
.form-group label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 8px; color: #454545; }
.form-group .required { color: #e53e3e; }
.form-container-wp input[type="text"], .form-container-wp input[type="email"],
.form-container-wp input[type="tel"], .form-container-wp select {
    width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; box-sizing: border-box; font-size: 15px;
}
.form-container-wp input:focus, .form-container-wp select:focus { border-color: #3b82f6; outline: 0; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25); }
.form-container-wp input[readonly] { background-color: #f3f4f6; cursor: not-allowed; }

/* Botón de envío */
.form-actions { text-align: center; margin-top: 30px; }
.submit-btn {
    background-color: #3b82f6; color: white; border: none; padding: 12px 28px;
    font-size: 16px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: background-color 0.2s;
}
.submit-btn:hover { background-color: #2563eb; }
.submit-btn:disabled { background-color: #9ca3af; cursor: wait; }

/* Estilos de validación y feedback */
.form-group .input-error { border-color: #dc3545 !important; }
.form-group .error-message { color: #c53030; font-size: 13px; margin-top: 6px; min-height: 15px; }

#form-feedback-shipping { padding: 14px 20px; border-radius: 8px; font-weight: 500; text-align: center; border-width: 1px; border-style: solid; }
#form-feedback-shipping.success { background-color: #dcfce7; color: #166534; border-color: #86efac; }
#form-feedback-shipping.error { background-color: #fee2e2; color: #991b1b; border-color: #fca5a5; }

.feedback-content { display: flex; align-items: center; justify-content: center; gap: 8px; }
.feedback-icon {
    width: 20px;  /* Tamaño corregido */
    height: 20px; /* Tamaño corregido */
    flex-shrink: 0;
}/* End custom CSS */