/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1772001149
Updated: 2026-02-25 07:32:29

*/

.reserva-container { font-family: 'Inter', sans-serif; display: flex; flex-direction: column; gap: 15px; max-width: 400px; margin: 20px auto; }
    
    /* Botones */
    .btn-reserva { width: 100%; padding: 16px; border-radius: 50px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; border: none; font-size: 14px; letter-spacing: 1px; }
    .btn-stripe { background: #6366f1; color: white; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3); }
    .btn-stripe:hover { background: #4f46e5; transform: translateY(-2px); }
    .btn-transfer { background: transparent; color: #6366f1; border: 2px solid #6366f1; }
    .btn-transfer:hover { background: #6366f1; color: white; }
    .btn-info { background: #f1f5f9; color: #475569; border-radius: 12px; }

    /* Modales */
    .modal-reserva { display: none; position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.8); backdrop-filter: blur(8px); align-items: center; justify-content: center; padding: 20px; }
    .modal-reserva.active { display: flex; animation: fadeIn 0.3s ease; }
    .modal-content { background: white; padding: 35px; border-radius: 24px; max-width: 500px; width: 100%; position: relative; color: #1e293b; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); }
    .modal-content h3 { color: #6366f1; margin-top: 0; font-size: 22px; }
    .modal-content p { font-size: 15px; line-height: 1.6; color: #475569; }
    .modal-close { position: absolute; top: 15px; right: 20px; font-size: 30px; cursor: pointer; color: #94a3b8; }
    
    .btn-confirmar { display: inline-block; width: 100%; background: #6366f1; color: white; text-align: center; padding: 15px; border-radius: 12px; text-decoration: none; font-weight: 700; margin-top: 20px; }

    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }