.elementor-1513 .elementor-element.elementor-element-4fd9d66{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d3e9d55 */.guru-logo__image,
.elementor-widget-theme-site-logo img,
.elementor-widget-image img.guru-logo__image,
header .elementor-widget-image img {
    height: 34px !important;
    width: auto !important;
    max-width: 130px !important;
    object-fit: contain !important;
}

/* Forzar layout vertical en el formulario */
.guru-form__fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

/* Reestablecer el ancho de los campos al 100% */
.guru-form__group {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: span 1 !important;
}

/* Ocultar campos temporalmente para reordenarlos mediante CSS */
.guru-form__group {
    display: none;
}

/* Mostrar campos en el orden especificado */
.guru-form__group:has(#name) {
    display: block !important;
    order: 1;
}

.guru-form__group:has(#email) {
    display: block !important;
    order: 2;
}

.guru-form__group:has(#phone-input), 
.guru-form__group:has([id*="phone"]) {
    display: block !important;
    order: 3;
}

.guru-form__group:has(#restaurant) {
    display: block !important;
    order: 4;
}

.guru-form__group:has(#message) {
    display: block !important;
    order: 5;
}

/* Asegurar que el checkbox de privacidad aparezca al final */
.guru-form__group--check {
    display: flex !important;
    order: 6;
}

/* Mejorar el espaciado para móviles */
@media (max-width: 768px) {
    .guru-form__fields {
        gap: 12px !important;
    }
    
    .guru-form {
        padding: 20px !important;
    }
    
    .guru-form__input,
    .guru-form__textarea {
        padding: 12px !important;
        font-size: 16px !important;
    }
}

/* Corregir el .elementor-1513 .elementor-element.elementor-element-d3e9d55 de prefijo telefónico */
#phone-prefix-container {
    width: 100% !important;
}

/* Aumentar z-index del modal de éxito para asegurar que aparezca por encima */
.guru-modal, 
.guru-modal__overlay,
.guru-modal.is-open {
    z-index: 9999 !important;
    position: fixed !important;
}

/* Asegurar que el modal sea visible por encima de todo */
.guru-modal__container {
    position: relative;
    z-index: 10000 !important;
    background: #ffffff !important;
    max-width: 500px !important;
    width: 90% !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/* Oscurecer correctamente el fondo cuando aparece el modal */
.guru-modal__overlay {
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ajustar la animación para que sea más visible */
@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Aplicar la animación al contenedor */
.guru-modal__container {
    animation: modalSlideIn 0.3s ease-out forwards !important;
}

/* Asegurar que el botón de cierre sea visible y funcione correctamente */
.guru-modal__close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 24px !important;
    z-index: 10001 !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
}

/* Evitar que otros elementos del formulario interfieran con el modal */
.guru-form,
.guru-form__fields,
.guru-form__group {
    position: relative;
    z-index: 1;
}/* End custom CSS */