Spring Reception Hall | Luxury Event Venue<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --gold-light: #F9E596;\r\n --gold-base: #C5A059;\r\n --gold-dark: #8C6F36;\r\n --black-base: #050505;\r\n --black-surface: #111111;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: var(--black-base);\r\n color: #E0E0E0;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6, .font-cinzel {\r\n font-family: 'Cinzel', serif;\r\n }\r\n\r\n .font-script {\r\n font-family: 'Pinyon Script', cursive;\r\n }\r\n\r\n \/* ------------------------------------------- *\/\r\n \/* SISTEMA DE TRADUCCI\u00d3N ROBUSTO (ANTI-WORDPRESS) *\/\r\n \/* ------------------------------------------- *\/\r\n #srh-wrapper.srh-lang-en .es { display: none !important; }\r\n #srh-wrapper.srh-lang-es .en { display: none !important; }\r\n\r\n \/* Efecto de Metal Dorado Reflejante *\/\r\n .text-gold-metallic {\r\n background: linear-gradient(\r\n to bottom, \r\n #FFF2B2 0%, \r\n #D4AF37 25%, \r\n #8A661C 50%, \r\n #D4AF37 75%, \r\n #FFF2B2 100%\r\n );\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0px 2px 15px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Bot\u00f3n de Lujo Principal *\/\r\n .btn-luxury {\r\n display: inline-block;\r\n background-color: transparent;\r\n color: var(--gold-base);\r\n border: 1px solid var(--gold-base);\r\n padding: 16px 40px;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n z-index: 1;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-luxury::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-light), var(--gold-base));\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n .btn-luxury:hover {\r\n color: var(--black-base);\r\n border-color: transparent;\r\n box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n }\r\n\r\n .btn-luxury:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Bot\u00f3n Dorado S\u00f3lido *\/\r\n .btn-gold-solid {\r\n display: inline-block;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-base), var(--gold-light));\r\n color: var(--black-base);\r\n font-family: 'Cinzel', serif;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n padding: 16px 36px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n box-shadow: 0 5px 15px rgba(197, 160, 89, 0.25);\r\n }\r\n .btn-gold-solid:hover {\r\n filter: brightness(1.1);\r\n box-shadow: 0 8px 25px rgba(197, 160, 89, 0.4);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* Bot\u00f3n de Opci\u00f3n de Selecci\u00f3n *\/\r\n .choice-pill {\r\n border: 1px solid rgba(197, 160, 89, 0.35);\r\n background: rgba(0, 0, 0, 0.6);\r\n color: #ccc;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.15em;\r\n padding: 12px 22px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n .choice-pill:hover {\r\n border-color: var(--gold-base);\r\n color: white;\r\n }\r\n .choice-pill.active {\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-base));\r\n color: #050505;\r\n border-color: var(--gold-light);\r\n font-weight: 700;\r\n box-shadow: 0 0 15px rgba(197, 160, 89, 0.3);\r\n }\r\n\r\n \/* Formulario Elegante y Calendario Oscuro *\/\r\n .input-luxury {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n color: white;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.85rem;\r\n padding: 12px 0;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n color-scheme: dark;\r\n }\r\n\r\n .input-luxury:focus {\r\n outline: none;\r\n border-bottom-color: var(--gold-base);\r\n box-shadow: 0 1px 0 0 var(--gold-base);\r\n }\r\n\r\n .input-luxury::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n font-family: 'Cinzel', serif;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n filter: invert(72%) sepia(35%) saturate(548%) hue-rotate(3deg) brightness(92%) contrast(88%);\r\n cursor: pointer;\r\n opacity: 0.85;\r\n }\r\n input[type=\"date\"]::-webkit-calendar-picker-indicator:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Tarjetas de \u00cdtems del Cotizador *\/\r\n .quote-item-card {\r\n background: rgba(17, 17, 17, 0.9);\r\n border: 1px solid rgba(197, 160, 89, 0.25);\r\n transition: all 0.3s ease;\r\n }\r\n .quote-item-card:hover {\r\n border-color: rgba(197, 160, 89, 0.6);\r\n }\r\n .quote-item-card.selected {\r\n background: linear-gradient(135deg, rgba(197, 160, 89, 0.15) 0%, rgba(17, 17, 17, 0.95) 100%);\r\n border-color: var(--gold-base);\r\n box-shadow: 0 0 20px rgba(197, 160, 89, 0.12);\r\n }\r\n\r\n \/* Bot\u00f3n de signo de interrogaci\u00f3n (?) *\/\r\n .info-q-btn {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 9999px;\r\n border: 1px solid rgba(197, 160, 89, 0.6);\r\n color: var(--gold-base);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n background: rgba(0, 0, 0, 0.7);\r\n transition: all 0.25s ease;\r\n flex-shrink: 0;\r\n cursor: pointer;\r\n }\r\n .info-q-btn:hover {\r\n background: var(--gold-base);\r\n color: #000;\r\n transform: scale(1.12);\r\n box-shadow: 0 0 10px rgba(197, 160, 89, 0.5);\r\n }\r\n\r\n \/* Bot\u00f3n Play Pulso Dorado para Galer\u00eda de Video *\/\r\n .video-play-btn {\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 9999px;\r\n background: rgba(5, 5, 5, 0.75);\r\n border: 1.5px solid var(--gold-base);\r\n color: var(--gold-base);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 0 25px rgba(197, 160, 89, 0.3);\r\n }\r\n .group:hover .video-play-btn {\r\n background: var(--gold-base);\r\n color: #050505;\r\n transform: scale(1.12);\r\n box-shadow: 0 0 35px rgba(197, 160, 89, 0.65);\r\n }\r\n\r\n \/* Scrollbar fino *\/\r\n .custom-scrollbar::-webkit-scrollbar {\r\n width: 4px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.02);\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb {\r\n background: rgba(197, 160, 89, 0.4);\r\n }\r\n\r\n \/* Mapa Filtro Oscuro *\/\r\n .map-luxury {\r\n filter: grayscale(100%) invert(92%) contrast(83%) hue-rotate(180deg);\r\n opacity: 0.8;\r\n transition: opacity 0.3s ease;\r\n }\r\n .map-luxury:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Carrusel Infinito *\/\r\n .marquee-container {\r\n display: flex;\r\n overflow: hidden;\r\n width: 100%;\r\n position: relative;\r\n }\r\n .marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: scroll 200s linear infinite; \r\n }\r\n .marquee-track:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); } \r\n }\r\n .marquee-item {\r\n width: 400px;\r\n height: 400px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid rgba(197, 160, 89, 0.1);\r\n }\r\n\r\n \/* Modales *\/\r\n .modal-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.35s ease;\r\n }\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .modal-content {\r\n transform: scale(0.95) translateY(20px);\r\n opacity: 0;\r\n transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n .modal-overlay.active .modal-content {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n \/* Animaci\u00f3n Fade In *\/\r\n .fade-in-up {\r\n animation: fadeInUp 1s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased selection:bg-[#C5A059] selection:text-black\">\r\n\r\n\r\n<div id=\"srh-wrapper\" class=\"srh-lang-en w-full\">\r\n\r\n <header class=\"fixed w-full top-0 z-50 transition-all duration-300\" id=\"header-wrapper\">\r\n \r\n \r\n <div id=\"top-bar\" class=\"hidden lg:block w-full bg-[#050505] border-b border-[#C5A059]\/20 transition-all duration-500 overflow-hidden opacity-100 max-h-12\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex justify-between items-center py-2.5\">\r\n <div class=\"flex items-center gap-6 text-[0.65rem] font-cinzel tracking-[0.2em] text-gray-400 uppercase\">\r\n <a href=\"tel:8328863192\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059]\"><\/i> 832-886-3192\r\n <\/a>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059]\"><\/i> info@springreceptionhalltx.com\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-[0.65rem] font-cinzel tracking-[0.2em] text-[#C5A059] uppercase\">\r\n <i class=\"fa-regular fa-clock\"><\/i> \r\n <span class=\"en\">Mon-Fri: 12:30 PM - 7:30 PM | Sat: 2:00 PM - 4:00 PM<\/span>\r\n <span class=\"es\">Lun-Vie: 12:30 PM - 7:30 PM | S\u00e1b: 2:00 PM - 4:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"main-navbar\" class=\"bg-black\/80 backdrop-blur-md border-b border-[#C5A059]\/20 transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div id=\"nav-container\" class=\"flex justify-between items-center h-24 transition-all duration-300 relative\">\r\n \r\n <a href=\"#\" class=\"inline-block group py-2\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall\" \r\n style=\"max-height: 75px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex gap-6 xl:gap-8 items-center\">\r\n <a href=\"#inicio\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] font-semibold hover:text-white uppercase transition-colors flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-calculator text-[10px]\"><\/i>\r\n <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n <a href=\"#videos\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-film text-[#C5A059] text-[10px]\"><\/i>\r\n <span class=\"en\">Videos<\/span><span class=\"es\">Videos<\/span>\r\n <\/a>\r\n \r\n \r\n <div class=\"flex items-center gap-3 ml-1 border-l border-white\/20 pl-5\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-en\" class=\"font-cinzel text-xs font-bold tracking-widest text-[#C5A059] hover:text-[#C5A059] transition-colors\">EN<\/button>\r\n <span class=\"text-white\/20 text-xs\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-es\" class=\"font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors\">ES<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"#reserva\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] border border-[#C5A059]\/50 px-5 py-3 hover:bg-[#C5A059] hover:text-black transition-all duration-300 ml-2\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/nav>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-[#C5A059] text-2xl focus:outline-none z-50 relative\">\r\n <i class=\"fas fa-bars font-light\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-[100%] left-0 w-full bg-black\/95 backdrop-blur-xl border-b border-[#C5A059]\/30 flex-col items-center py-8 gap-6 z-40 transition-all duration-300 shadow-2xl\">\r\n \r\n <div class=\"flex items-center gap-4 mb-2 border border-[#C5A059]\/30 rounded-full px-6 py-2\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-mob-en\" class=\"font-cinzel text-sm font-bold tracking-widest text-[#C5A059]\">EN<\/button>\r\n <span class=\"text-white\/20 text-sm\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-mob-es\" class=\"font-cinzel text-sm tracking-widest text-gray-500\">ES<\/button>\r\n <\/div>\r\n\r\n <a href=\"#inicio\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"text-sm font-cinzel tracking-widest text-[#C5A059] font-semibold uppercase transition-colors\">\r\n <i class=\"fa-solid fa-calculator mr-1\"><\/i> <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Photo Gallery<\/span><span class=\"es\">Galer\u00eda de Fotos<\/span>\r\n <\/a>\r\n <a href=\"#videos\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <i class=\"fa-solid fa-film text-[#C5A059] mr-1\"><\/i> <span class=\"en\">Video Gallery<\/span><span class=\"es\">Galer\u00eda de Videos<\/span>\r\n <\/a>\r\n <a href=\"#reserva\" class=\"text-sm font-cinzel tracking-widest text-black bg-[#C5A059] px-8 py-3 hover:bg-white transition-all duration-300 mt-2\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"inicio\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transform scale-105\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/90 via-black\/50 to-black\/90 z-10\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-20 text-center mt-24\">\r\n <div class=\"flex items-center justify-center gap-4 mb-6 fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <i class=\"fa-brands fa-envira text-[#C5A059] text-lg\"><\/i>\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <\/div>\r\n \r\n <h2 class=\"font-cinzel text-sm md:text-base tracking-[0.4em] text-gray-300 uppercase mb-4 fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n <span class=\"en\">You are invited to our<\/span>\r\n <span class=\"es\">Te invitamos a nuestro<\/span>\r\n <\/h2>\r\n \r\n <h1 class=\"text-6xl md:text-8xl lg:text-[8rem] mb-8 fade-in-up leading-none\" style=\"animation-delay: 0.6s;\">\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block\">VENUE<\/span>\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block mt-[-10px]\">TOUR<\/span>\r\n <\/h1>\r\n \r\n <p class=\"font-light text-gray-300 max-w-2xl mx-auto mb-12 text-base md:text-lg leading-relaxed fade-in-up\" style=\"animation-delay: 0.8s;\">\r\n <span class=\"en\">Explore every space, discover our services, and visualize your dream event.<\/span>\r\n <span class=\"es\">Conoce de cerca cada espacio, descubre nuestros servicios y visualiza el evento de tus sue\u00f1os.<\/span>\r\n <\/p>\r\n\r\n <div class=\"fade-in-up flex flex-col sm:flex-row gap-4 justify-center items-center\" style=\"animation-delay: 1s;\">\r\n <a href=\"#reserva\" class=\"btn-luxury\">\r\n <span class=\"en\">Schedule Tour<\/span>\r\n <span class=\"es\">Agendar Recorrido<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"btn-gold-solid\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles mr-2\"><\/i>\r\n <span class=\"en\">Quote Your Event<\/span>\r\n <span class=\"es\">Cotizar Mi Evento<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tours-info\" class=\"py-24 bg-[var(--black-surface)] relative border-b border-[#C5A059]\/10\">\r\n <div class=\"container mx-auto px-6 lg:px-12 2xl:px-24 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-4\">\r\n <span class=\"en\">Personalized Venue Tours<\/span><span class=\"es\">Recorridos Personalizados<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Monday to<\/span><span class=\"es\">De Lunes a<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase ml-2\">\r\n <span class=\"en\">Friday<\/span><span class=\"es\">Viernes<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm leading-relaxed\">\r\n <span class=\"en\">Visit us Monday through Friday from 12:30 PM to 7:30 PM (and Saturdays from 2:00 PM to 4:00 PM by appointment). Discover why Spring Reception Hall is where your dreams come to life.<\/span>\r\n <span class=\"es\">Vis\u00edtanos de Lunes a Viernes de 12:30 PM a 7:30 PM (y S\u00e1bados de 2:00 PM a 4:00 PM con cita previa). Descubre por qu\u00e9 Spring Reception Hall es el lugar donde tus sue\u00f1os cobran vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-8\">\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-landmark-dome text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our elegant halls and versatile spaces designed for royalty.<\/span>\r\n <span class=\"es\">Nuestros elegantes salones y espacios vers\u00e1tiles dise\u00f1ados para la realeza.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-bell-concierge text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Discover<\/span><span class=\"es\">Descubre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our personalized attention and premium packages tailored to you.<\/span>\r\n <span class=\"es\">Nuestra atenci\u00f3n personalizada y paquetes premium creados a tu medida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-couch text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Visualize<\/span><span class=\"es\">Visualiza<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Setups, decorations, and exclusive options that make your event unique.<\/span>\r\n <span class=\"es\">Montajes, decoraciones y opciones exclusivas que har\u00e1n \u00fanico tu evento.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-regular fa-calendar-check text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Experience<\/span><span class=\"es\">Conoce<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Every detail and hospitality service to ensure an unforgettable event.<\/span>\r\n <span class=\"es\">Cada detalle y servicio de hospitalidad para que tu evento sea inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n <div class=\"order-2 lg:order-1\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">Our Essence<\/span><span class=\"es\">Nuestra Esencia<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-8 leading-tight\">\r\n <span class=\"en\">More than a venue,<\/span><span class=\"es\">M\u00e1s que un sal\u00f3n,<\/span><br>\r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">an experience<\/span><span class=\"es\">una experiencia<\/span>\r\n <\/span>\r\n <\/h2>\r\n \r\n <div class=\"w-12 h-[2px] bg-[#C5A059] mb-8\"><\/div>\r\n \r\n <div class=\"space-y-6 text-gray-400 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n <span class=\"en\">At Spring Reception Hall, we understand that every celebration is a once-in-a-lifetime moment. We have designed a space that fuses majestic architecture with top-tier hospitality services, creating the perfect setting for weddings, spectacular quincea\u00f1eras, and prestigious corporate events.<\/span>\r\n <span class=\"es\">En Spring Reception Hall, entendemos que cada celebraci\u00f3n es un momento \u00fanico en la vida. Hemos dise\u00f1ado un espacio que fusiona la arquitectura majestuosa con servicios de hospitalidad de primer nivel, creando el escenario perfecto para bodas, quincea\u00f1eras espectaculares y eventos corporativos de alto prestigio.<\/span>\r\n <\/p>\r\n <p>\r\n <span class=\"en\">Our dedication to excellence ensures that every detail, from lighting to setup, reflects your personal vision with unmatched elegance.<\/span>\r\n <span class=\"es\">Nuestra dedicaci\u00f3n a la excelencia asegura que cada detalle, desde la iluminaci\u00f3n hasta el montaje, refleje su visi\u00f3n personal con una elegancia inigualable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"order-1 lg:order-2 relative px-4 md:px-8\">\r\n <div class=\"absolute inset-0 border border-[#C5A059]\/60 translate-x-4 translate-y-4 md:translate-x-8 md:translate-y-8 z-0\"><\/div>\r\n <div class=\"relative z-10 shadow-2xl aspect-[3\/4] w-full\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg');\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"relative py-24 md:py-32 xl:py-40 overflow-hidden border-y border-[#C5A059]\/20\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center filter blur-[4px] scale-105\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/95 via-black\/80 to-black\/95 z-10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-20 max-w-6xl\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-gem text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Mission<\/span><span class=\"es\">Misi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To provide a space of ultimate elegance and comprehensive excellence. We exceed our clients' expectations to turn every celebration into an unforgettable masterpiece, caring for every detail with passion and professionalism.<\/span>\r\n <span class=\"es\">Brindar un espacio de m\u00e1xima elegancia y un servicio integral de excelencia. Superamos las expectativas de nuestros clientes para convertir cada celebraci\u00f3n en una obra maestra inolvidable, cuidando cada detalle con pasi\u00f3n y profesionalismo.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-eye text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Vision<\/span><span class=\"es\">Visi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To be the leading and most exclusive luxury event venue in Spring, TX. Recognized for our hospitality innovation, stunning architectural designs, and unwavering commitment to making your dreams come to life.<\/span>\r\n <span class=\"es\">Ser el sal\u00f3n de eventos de lujo l\u00edder y m\u00e1s exclusivo en Spring, TX. Reconocidos por nuestra innovaci\u00f3n en hospitalidad, dise\u00f1os arquitect\u00f3nicos deslumbrantes y el compromiso inquebrantable de hacer que sus sue\u00f1os cobren vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-24 bg-[var(--black-base)] relative border-b border-[#C5A059]\/20\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">What we offer<\/span><span class=\"es\">Lo que ofrecemos<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-6\">\r\n <span class=\"en\">Prestigious<\/span><span class=\"es\">Eventos de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Events<\/span><span class=\"es\">Prestigio<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Weddings<\/span><span class=\"es\">Bodas<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Majestic ceremonies and receptions that mark the beginning of your 'Happily ever after'.<\/span>\r\n <span class=\"es\">Ceremonias y recepciones majestuosas que marcan el inicio de su 'Felices para siempre'.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">Quincea\u00f1eras<\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">The dream celebration for a princess, with the glamour and magic she deserves.<\/span>\r\n <span class=\"es\">La celebraci\u00f3n so\u00f1ada para una princesa, con el glamour y la magia que merece.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jennifer-2-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Special Events<\/span><span class=\"es\">Especiales<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Anniversaries, galas, and private celebrations with a touch of absolute distinction.<\/span>\r\n <span class=\"es\">Aniversarios, galas y celebraciones privadas con un toque de distinci\u00f3n absoluto.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-GRADUACION.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Graduations<\/span><span class=\"es\">Graduaciones<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Commemorate your academic achievements in a sophisticated and unforgettable atmosphere.<\/span>\r\n <span class=\"es\">Conmemore sus logros acad\u00e9micos en un ambiente sofisticado e inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"cotizador\" class=\"py-24 md:py-32 bg-[#080808] relative border-b border-[#C5A059]\/30 overflow-hidden\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[800px] h-[400px] bg-[#C5A059]\/5 blur-[150px] pointer-events-none rounded-full\"><\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10 max-w-7xl\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-3\">\r\n <span class=\"en\">Tailored Luxury<\/span><span class=\"es\">Lujo a tu Medida<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Exclusive Packages &<\/span><span class=\"es\">Paquetes Exclusivos y<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase block md:inline ml-2\">\r\n <span class=\"en\">Custom Quote<\/span><span class=\"es\">Cotizador<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-20 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm md:text-base\">\r\n <span class=\"en\">Discover our 2026 promotional all-inclusive packages or build a personalized quote step-by-step according to your vision and guest count.<\/span>\r\n <span class=\"es\">Descubre nuestros paquetes promocionales todo incluido 2026 o arma tu cotizaci\u00f3n personalizada paso a paso seg\u00fan tu visi\u00f3n y n\u00famero de invitados.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"quote-step-gate\" class=\"max-w-3xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/40 p-8 md:p-14 shadow-[0_0_50px_rgba(0,0,0,0.85)] relative\">\r\n <div class=\"absolute top-0 left-0 w-10 h-10 border-t-2 border-l-2 border-[#C5A059] m-4 opacity-60 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-10 h-10 border-b-2 border-r-2 border-[#C5A059] m-4 opacity-60 pointer-events-none\"><\/div>\r\n\r\n <div class=\"text-center mb-8\">\r\n <div class=\"w-14 h-14 rounded-full border border-[#C5A059]\/50 flex items-center justify-center mx-auto mb-4 bg-black\/50\">\r\n <i class=\"fa-solid fa-key text-[#C5A059] text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-xl md:text-2xl text-white tracking-widest uppercase mb-2\">\r\n <span class=\"en\">Step 1: Unlock Instant Pricing<\/span>\r\n <span class=\"es\">Paso 1: Desbloquear Precios y Cotizador<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-400 text-xs md:text-sm font-light\">\r\n <span class=\"en\">Please enter your contact details to unlock our promotional packages and interactive event builder. Fields marked with (*) are required.<\/span>\r\n <span class=\"es\">Por favor ingresa tus datos para ver nuestros paquetes promocionales y usar el cotizador interactivo. Los campos con (*) son obligatorios.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <form id=\"gate-form\" onsubmit=\"unlockQuoteBuilder(event)\" class=\"space-y-6 relative z-10\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <span class=\"en\">Full Name *<\/span><span class=\"es\">Nombre Completo *<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"lead-name\" data-ph-en=\"ENTER YOUR FULL NAME\" data-ph-es=\"INGRESA TU NOMBRE COMPLETO\" placeholder=\"ENTER YOUR FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <span class=\"en\">Phone Number *<\/span><span class=\"es\">N\u00famero Telef\u00f3nico *<\/span>\r\n <\/label>\r\n <input type=\"tel\" id=\"lead-phone\" data-ph-en=\"E.G. 832-000-0000\" data-ph-es=\"EJ. 832-000-0000\" placeholder=\"E.G. 832-000-0000\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Email Address (Optional)<\/span><span class=\"es\">Correo Electr\u00f3nico (Opcional)<\/span>\r\n <\/label>\r\n <input type=\"email\" id=\"lead-email\" data-ph-en=\"YOUR EMAIL ADDRESS\" data-ph-es=\"TU CORREO ELECTR\u00d3NICO\" placeholder=\"YOUR EMAIL ADDRESS\" class=\"input-luxury i18n-ph\">\r\n <\/div>\r\n <div class=\"relative\">\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Event Type (Optional)<\/span><span class=\"es\">Tipo de Evento (Opcional)<\/span>\r\n <\/label>\r\n <select id=\"lead-event-type\" class=\"input-luxury appearance-none cursor-pointer text-gray-300 focus:text-white\">\r\n <option value=\"Not Specified\" class=\"bg-black text-gray-400 i18n-opt\" data-text-en=\"SELECT EVENT TYPE\" data-text-es=\"SELECCIONAR TIPO DE EVENTO\">SELECT EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quincea\u00f1era\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate Event\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Special Event \/ Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other Special Event\" data-text-es=\"Otro Evento Especial\">Other Special Event<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 bottom-3.5 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Guest Count (Min 100)<\/span><span class=\"es\">Cantidad de Invitados (M\u00edn 100)<\/span>\r\n <\/label>\r\n <input type=\"number\" id=\"lead-guests\" min=\"100\" max=\"500\" step=\"50\" value=\"100\" data-ph-en=\"100\" data-ph-es=\"100\" placeholder=\"100\" class=\"input-luxury i18n-ph\">\r\n <\/div>\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Event Date (Optional)<\/span><span class=\"es\">Fecha Estimada del Evento (Opcional)<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"lead-date\" onclick=\"try{this.showPicker()}catch(e){}\" class=\"input-luxury text-gray-300 focus:text-white cursor-pointer\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-4\">\r\n <button type=\"submit\" id=\"btn-unlock-quote\" class=\"btn-gold-solid w-full flex justify-center items-center gap-3 py-4\">\r\n <i class=\"fa-solid fa-lock-open\"><\/i>\r\n <span class=\"en\">Unlock Packages & Custom Calculator<\/span>\r\n <span class=\"es\">Ver Paquetes y Abrir Cotizador<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"quote-step-content\" class=\"hidden space-y-24\">\r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-[#C5A059]\/20 border border-[#C5A059] flex items-center justify-center text-[#C5A059]\">\r\n <i class=\"fa-solid fa-user-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-cinzel tracking-widest text-[#C5A059] uppercase\">\r\n <span class=\"en\">Prepared Exclusively For:<\/span><span class=\"es\">Cotizaci\u00f3n Preparada Para:<\/span>\r\n <\/p>\r\n <h4 id=\"display-client-info\" class=\"text-white font-cinzel text-lg\"><\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#custom-builder-anchor\" class=\"btn-luxury !py-3 !px-6 text-xs\">\r\n <i class=\"fa-solid fa-sliders mr-2\"><\/i>\r\n <span class=\"en\">Go to Custom Package Builder<\/span>\r\n <span class=\"es\">Ir al Armador de Paquete Personalizado<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div>\r\n <div class=\"text-center mb-12\">\r\n <span class=\"inline-block bg-[#C5A059]\/20 border border-[#C5A059] text-[#C5A059] font-cinzel text-[11px] tracking-[0.25em] uppercase px-4 py-1.5 mb-3\">\r\n <span class=\"en\">Last Available Dates! Reserve Now at 2026 Pricing!<\/span>\r\n <span class=\"es\">\u00a1\u00daltimas Fechas Disponibles! \u00a1Reserva Hoy a Precio 2026!<\/span>\r\n <\/span>\r\n <h3 class=\"font-cinzel text-2xl md:text-4xl text-white uppercase tracking-wider\">\r\n <span class=\"en\">All-Inclusive Promotional<\/span><span class=\"es\">Paquetes Todo Incluido<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-1\">\r\n <span class=\"en\">Packages<\/span><span class=\"es\">Promocionales<\/span>\r\n <\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"bg-gradient-to-b from-[#0e1525] via-[#0a0c10] to-[#050505] border border-[#C5A059]\/40 hover:border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-2xl group\">\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/20 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-blue-300 uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Premium Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">100 Guests Capacity<\/span><span class=\"es\">Para 100 Invitados<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-gray-400 uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$10,899<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tables and Chairs for 100 Guests<\/span><span class=\"es\">Mesas y sillas para 100 invitados<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths (Choice of standard color linens)<\/span><span class=\"es\">Manteler\u00eda (elecci\u00f3n de colores est\u00e1ndar)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Elegant Dinnerware (sache, napkin, charger and cup)<\/span><span class=\"es\">Vajilla elegante (plato, servilleta, plato base y vaso)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Regular Centerpieces<\/span><span class=\"es\">Centros de mesa regulares<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Throne Table and Chair<\/span><span class=\"es\">Mesa y silla tipo trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes for 100 Guests<\/span><span class=\"es\">Comida para 100 invitados<\/span><\/strong> <span class=\"en\">(Exclusive Professional Chef, tastings of 3 available)<\/span><span class=\"es\">(Chef profesional exclusivo, degustaci\u00f3n de 3 opciones)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cake-candles text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Cake for 100 Guests<\/span><span class=\"es\">Pastel para 100 invitados<\/span><\/strong> <span class=\"en\">(Choose design and flavor)<\/span><span class=\"es\">(Elija dise\u00f1o y sabor)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">LED Lighting & Sparkles<\/span><span class=\"es\">Iluminaci\u00f3n LED y Chispas (Sparkles)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera-rotate text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\">Photobooth 360<\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room (Quincea\u00f1era or Newlyweds)<\/span><span class=\"es\">Sala VIP (Quincea\u00f1era o Reci\u00e9n casados)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Access to TVs for slideshow\/video via USB<\/span><span class=\"es\">Uso de pantallas para fotos o videos v\u00eda USB<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Soda Fountain (Coca-Cola, Sprite, water, ice)<\/span><span class=\"es\">Estaci\u00f3n de bebidas (Coca-Cola, Sprite, agua, hielo)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Professional Event Planner at Your Service<\/span><span class=\"es\">Planificador(a) profesional de eventos a su servicio<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Exclusive studio access for surprise dance rehearsals<\/span><span class=\"es\">Acceso exclusivo al estudio para ensayos de baile sorpresa<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-music text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Professional DJ Service<\/span><span class=\"es\">DJ Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">5 Waiters & 1 Certified Bartender<\/span><span class=\"es\">5 Meseros y 1 Bartender Certificado<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/20\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/20 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Premium Package', 10899)\" class=\"btn-luxury w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Premium Package<\/span><span class=\"es\">Elegir Paquete Premium<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#1a150b] via-[#0d0b08] to-[#050505] border-2 border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-[0_0_40px_rgba(197,160,89,0.2)] transform lg:-translate-y-3\">\r\n <div class=\"absolute top-0 right-0 bg-[#C5A059] text-black font-cinzel text-[10px] font-bold tracking-widest px-3 py-1 uppercase\">\r\n <span class=\"en\">200 Guests<\/span><span class=\"es\">200 Invitados<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/30 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Deluxe Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-300 uppercase\">\r\n <span class=\"en\">Up to 200 Guests Capacity<\/span><span class=\"es\">Capacidad para 200 Invitados<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-[#C5A059] uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$14,749<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-users text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Tables and Chairs for 200 Guests<\/span><span class=\"es\">Mesas y sillas para 200 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths & Elegant Dinnerware<\/span><span class=\"es\">Manteler\u00eda y Vajilla Elegante completa<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Regular Centerpieces & Throne Table\/Chair<\/span><span class=\"es\">Centros de mesa regulares y Mesa\/Silla Trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes for 150 Guests<\/span><span class=\"es\">Comida para 150 invitados<\/span><\/strong> <span class=\"en\">(Exclusive Professional Chef, tastings of 3)<\/span><span class=\"es\">(Chef exclusivo, degustaci\u00f3n de 3 platillos)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-pizza-slice text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">10 Boxes of Pizza<\/span><span class=\"es\">10 Cajas de Pizza<\/span><\/strong> <span class=\"en\">(Courtesy of Spring Reception Hall)<\/span><span class=\"es\">(Cortes\u00eda de Spring Reception Hall)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cake-candles text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Cake for 200 Guests<\/span><span class=\"es\">Pastel para 200 invitados<\/span><\/strong> <span class=\"en\">(Choose design and flavor)<\/span><span class=\"es\">(Elija dise\u00f1o y sabor)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cloud text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dancing on the Clouds (Fog) & Sparkles<\/span><span class=\"es\">Pista en las Nubes (Niebla) y Chispas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera-rotate text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\">Photobooth 360 & LED Lighting<\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-child-reaching text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Kids Room with Certified Staff (2 Babysitters)<\/span><span class=\"es\">\u00c1rea Infantil con Personal (Incluye 2 Ni\u00f1eras)<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room, TVs via USB & Soda Fountain<\/span><span class=\"es\">Sala VIP, Pantallas USB y Estaci\u00f3n de Bebidas<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Professional Event Planner & Studio Rehearsal<\/span><span class=\"es\">Planificador(a) de Eventos y Ensayo en Estudio<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-music text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Professional DJ Service<\/span><span class=\"es\">Servicio de DJ Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">7 Waiters & 2 Certified Bartenders<\/span><span class=\"es\">7 Meseros y 2 Bartenders Certificados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/30\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/30 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Deluxe Package', 14749)\" class=\"btn-gold-solid w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Deluxe Package<\/span><span class=\"es\">Elegir Paquete Deluxe<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#241216] via-[#120a0c] to-[#050505] border border-[#C5A059]\/40 hover:border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-2xl group\">\r\n <div class=\"absolute top-0 right-0 bg-red-900\/80 border-l border-b border-[#C5A059]\/50 text-[#F9E596] font-cinzel text-[10px] font-bold tracking-widest px-3 py-1 uppercase\">\r\n <span class=\"en\">All-Inclusive VIP<\/span><span class=\"es\">Todo Incluido VIP<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/20 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-rose-300 uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Platinum Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">100 Guests Full Luxury<\/span><span class=\"es\">100 Invitados Lujo Total<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-gray-400 uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$16,949<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours (100 Guests)<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas (100 Invitados)<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-crown text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Premium Centerpieces<\/span><span class=\"es\">Centros de Mesa Premium<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Professional Photographer & Video<\/span><span class=\"es\">Fotograf\u00eda y Video Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-robot text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">LED Robot Entertainment<\/span><span class=\"es\">Entretenimiento con Robot LED<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-apple-whole text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Fruit Table for 100 Guests<\/span><span class=\"es\">Mesa de frutas para 100 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-couch text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Family Head Table & Lounge Furniture Setup<\/span><span class=\"es\">Mesa Principal Familiar y Salas Tipo Lounge<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes & Cake for 100 Guests<\/span><span class=\"es\">Comida y Pastel para 100 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cloud text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Dancing on the Clouds, Sparkles & Photobooth 360<\/span><span class=\"es\">Pista en las Nubes, Chispas y Photobooth 360<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-child-reaching text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Kids Room with Certified Staff (2 Babysitters)<\/span><span class=\"es\">\u00c1rea Infantil con Personal (Incluye 2 Ni\u00f1eras)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths, Elegant Dinnerware & Throne Chair<\/span><span class=\"es\">Manteler\u00eda, Vajilla Elegante y Silla Trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room, TVs via USB & Soda Fountain<\/span><span class=\"es\">Sala VIP, Pantallas USB y Estaci\u00f3n de Bebidas<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Event Planner, Studio Rehearsal & Professional DJ<\/span><span class=\"es\">Planificador(a), Ensayo en Estudio y DJ Profesional<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">5 Waiters & 2 Certified Bartenders<\/span><span class=\"es\">5 Meseros y 2 Bartenders Certificados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/20\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/20 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Platinum Package', 16949)\" class=\"btn-luxury w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Platinum Package<\/span><span class=\"es\">Elegir Paquete Platinum<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"custom-builder-anchor\" class=\"pt-12 border-t border-[#C5A059]\/20\">\r\n <div class=\"text-center mb-12\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Interactive Calculator<\/span><span class=\"es\">Calculadora Interactiva<\/span>\r\n <\/h4>\r\n <h3 class=\"font-cinzel text-2xl md:text-4xl text-white\">\r\n <span class=\"en\">Build Your<\/span><span class=\"es\">Arma Tu Paquete<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Custom Package<\/span><span class=\"es\">Personalizado<\/span>\r\n <\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-start\">\r\n \r\n \r\n <div class=\"lg:col-span-8 space-y-8\">\r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/50 p-6 md:p-8 flex flex-col md:flex-row justify-between items-center gap-6\">\r\n <div>\r\n <h4 class=\"font-cinzel text-white text-sm md:text-base tracking-widest uppercase mb-1\">\r\n <i class=\"fa-solid fa-users text-[#C5A059] mr-2\"><\/i>\r\n <span class=\"en\">Number of Guests (Minimum 100)<\/span>\r\n <span class=\"es\">Cantidad de Invitados (M\u00ednimo 100)<\/span>\r\n <\/h4>\r\n <p class=\"text-xs text-gray-400 font-light\">\r\n <span class=\"en\">Minimum 100 guests. Every additional 50 guests automatically adds 1 extra table\/chair setup and +1 waiter (+1 bartender per 100 extra guests).<\/span>\r\n <span class=\"es\">M\u00ednimo 100 invitados. Por cada 50 invitados extra se suma autom\u00e1ticamente 1 Setup extra y +1 mesero (+1 bartender por cada 100 invitados extra).<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 shrink-0\">\r\n <button type=\"button\" onclick=\"adjustGuests(-50)\" class=\"w-10 h-10 border border-[#C5A059]\/50 text-[#C5A059] hover:bg-[#C5A059] hover:text-black transition font-bold\">-50<\/button>\r\n <input type=\"number\" id=\"calc-guests\" value=\"100\" min=\"100\" max=\"500\" step=\"50\" onchange=\"recalculateQuote()\" class=\"w-24 text-center bg-black border border-[#C5A059] text-white font-cinzel text-lg py-1.5 focus:outline-none\">\r\n <button type=\"button\" onclick=\"adjustGuests(50)\" class=\"w-10 h-10 border border-[#C5A059]\/50 text-[#C5A059] hover:bg-[#C5A059] hover:text-black transition font-bold\">+50<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"quote-item-card selected p-6 md:p-8 relative\">\r\n <div class=\"flex flex-col md:flex-row justify-between md:items-center border-b border-[#C5A059]\/30 pb-4 mb-5 gap-2\">\r\n <div>\r\n <span class=\"inline-block bg-[#C5A059] text-black font-cinzel text-[9px] font-bold tracking-widest px-2.5 py-0.5 uppercase mb-2\">\r\n <span class=\"en\">1. Fixed Base Package (Included)<\/span><span class=\"es\">1. Base Fija Obligatoria (Incluida)<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg md:text-xl text-white uppercase tracking-wider\">\r\n <span class=\"en\">Venue Rental & Essential Package<\/span>\r\n <span class=\"es\">Renta del Sal\u00f3n y Paquete Base<\/span>\r\n <\/h4>\r\n <\/div>\r\n <div class=\"font-cinzel text-xs tracking-widest text-[#C5A059] uppercase font-semibold shrink-0 flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-check-circle\"><\/i>\r\n <span class=\"en\">Base Included<\/span><span class=\"es\">Base Incluida<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-2.5 text-xs text-gray-300 font-light\">\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Tables and Chairs for 100 Guests<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Tablecloths (Choice of standard color linens)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Elegant Dinnerware (sache, napkin, charger, cup)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Regular centerpieces<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Throne Table and Chair<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>LED Lighting<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>VIP Room (Quincea\u00f1era or Newlyweds)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Access to TVs via USB during the event<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Soda Fountain (Coca-Cola, Sprite, water, ice)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Professional Event Planner at Your Service<\/span><\/div>\r\n <div class=\"flex items-start gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px] mt-1\"><\/i> <span>Exclusive studio access for surprise dance rehearsals<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Security Staff & <strong>2 Cleaning Staff<\/strong><\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"setup50-banner\" class=\"hidden mt-6 pt-4 border-t border-[#C5A059]\/30 flex justify-between items-center text-xs text-[#F9E596]\">\r\n <span id=\"setup50-banner-text\"><\/span>\r\n <span class=\"font-cinzel uppercase text-[10px] tracking-widest\"><span class=\"en\">Active<\/span><span class=\"es\">Activo<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 md:p-8 space-y-6\">\r\n <div class=\"border-b border-[#C5A059]\/20 pb-3\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 2<\/span><span class=\"es\">Paso 2<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">2. Catering, Cake & Table Decor<\/span>\r\n <span class=\"es\">2. Comidas, Pasteles y Mesas<\/span>\r\n <\/h4>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-black\/60 border border-[#C5A059]\/30 p-5 space-y-4\">\r\n <div class=\"flex justify-between items-start gap-3\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm md:text-base uppercase tracking-wider\">\r\n <span class=\"en\">Food & Catering Preference (Select an option)<\/span>\r\n <span class=\"es\">Preferencia de Comida para tu Evento (Selecciona una opci\u00f3n)<\/span>\r\n <\/h5>\r\n <p class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Choose whether you want our Venue Gourmet Catering or if you will bring your own food. Nothing is added until you select.<\/span>\r\n <span class=\"es\">Elige si deseas la comida del sal\u00f3n o si traer\u00e1s tu propia comida. No se suma nada hasta que t\u00fa elijas.<\/span>\r\n <\/p>\r\n <\/div>\r\n <button type=\"button\" onclick=\"openServiceInfo('catering')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap gap-3 pt-1\">\r\n <button type=\"button\" id=\"btn-ownfood-no\" onclick=\"setBringsOwnFood(false)\" class=\"choice-pill\">\r\n <i class=\"fa-solid fa-utensils mr-1.5\"><\/i>\r\n <span class=\"en\">I want Venue Gourmet Catering<\/span>\r\n <span class=\"es\">Quiero comida del sal\u00f3n<\/span>\r\n <\/button>\r\n <button type=\"button\" id=\"btn-ownfood-yes\" onclick=\"setBringsOwnFood(true)\" class=\"choice-pill\">\r\n <i class=\"fa-solid fa-box-open mr-1.5\"><\/i>\r\n <span class=\"en\">I will bring my own food<\/span>\r\n <span class=\"es\">Traer\u00e9 mi propia comida<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"venuefood-selected-notice\" class=\"hidden mt-4 p-4 bg-[#0d1810] border border-[#C5A059]\/60 text-xs text-gray-200 space-y-1\">\r\n <div class=\"flex items-center gap-2 font-cinzel text-[#F9E596] uppercase tracking-wider text-xs font-semibold\">\r\n <i class=\"fa-solid fa-circle-check text-[#C5A059]\"><\/i>\r\n <span class=\"en\">Venue Gourmet Catering Selected<\/span>\r\n <span class=\"es\">Comida del Sal\u00f3n Seleccionada<\/span>\r\n <\/div>\r\n <p class=\"font-light leading-relaxed text-gray-300\">\r\n <span class=\"en\">Includes our in-house chef menu and automatically assigns <strong>5 Waiters for 100 guests (+1 waiter per 50 extra guests)<\/strong> and <strong>1 Certified Bartender (+1 per 100 extra guests)<\/strong>.<\/span>\r\n <span class=\"es\">Se ha agregado el servicio de comida junto con <strong>5 meseros para 100 invitados (+1 mesero por cada 50 extra)<\/strong> y <strong>1 Bartender certificado (+1 por cada 100 extra)<\/strong>.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"ownfood-mandatory-notice\" class=\"hidden mt-4 p-4 bg-[#181206] border border-[#C5A059] text-xs text-gray-200 space-y-1.5\">\r\n <div class=\"flex items-center gap-2 font-cinzel text-[#F9E596] uppercase tracking-wider text-xs font-semibold\">\r\n <i class=\"fa-solid fa-user-check text-[#C5A059]\"><\/i>\r\n <span class=\"en\">Important Service Quality Requirement<\/span>\r\n <span class=\"es\">Nota Importante de Calidad de Servicio<\/span>\r\n <\/div>\r\n <p class=\"font-light leading-relaxed text-gray-300\">\r\n <span class=\"en\">If you decide to bring your own food, for service quality standards it is <strong>mandatory to have at least 4 Waiters if your event is for 100 guests, plus 1 extra Waiter for every 50 additional guests<\/strong>. These have now been added to your quote.<\/span>\r\n <span class=\"es\">Si decides traer tu propia comida, por calidad de servicio debe tener <strong>al menos 4 meseros si su evento es de 100 invitados, y 1 mesero extra por cada 50 invitados adicionales<\/strong>. Se han agregado autom\u00e1ticamente a tu cotizaci\u00f3n.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-cake\">\r\n <label class=\"flex items-center gap-3 cursor-pointer flex-1\">\r\n <input type=\"checkbox\" id=\"chk-cake\" onchange=\"recalculateQuote()\" class=\"w-4 h-4 accent-[#C5A059]\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Cake Serving<\/span><span class=\"es\">Pastel (Cake Serving)<\/span>\r\n <\/h5>\r\n <p class=\"text-[11px] text-gray-400\">\r\n <span class=\"en\">Adjusted automatically to your guest count<\/span>\r\n <span class=\"es\">Ajustado seg\u00fan tu n\u00famero de invitados<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/label>\r\n <button type=\"button\" onclick=\"openServiceInfo('cake')\" class=\"info-q-btn ml-2\" title=\"Info\">?<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-centerpieces\">\r\n <div class=\"pr-2\">\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Premium Centerpieces<\/span>\r\n <span class=\"es\">Centros de Mesa Premium<\/span>\r\n <\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('centerpieces')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-400 mt-0.5\">\r\n <span class=\"en\">Quantity of tables to upgrade<\/span>\r\n <span class=\"es\">Cantidad de centros a incluir<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5 shrink-0\">\r\n <button type=\"button\" onclick=\"changeCenterpieces(-1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <input type=\"number\" id=\"qty-centerpieces\" value=\"0\" min=\"0\" max=\"50\" onchange=\"recalculateQuote()\" class=\"w-10 text-center bg-black border border-[#C5A059]\/50 text-white font-cinzel text-xs py-1\">\r\n <button type=\"button\" onclick=\"changeCenterpieces(1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#141008] border border-[#C5A059]\/40 p-6 md:p-8 space-y-6\">\r\n <div class=\"flex flex-col sm:flex-row sm:items-center justify-between border-b border-[#C5A059]\/20 pb-3 gap-2\">\r\n <div>\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 3<\/span><span class=\"es\">Paso 3<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">3. Service Staff & Bartender<\/span>\r\n <span class=\"es\">3. Personal de Servicio y Bartender<\/span>\r\n <\/h4>\r\n <\/div>\r\n <span id=\"staff-rule-badge\" class=\"text-[10px] font-cinzel bg-[#C5A059]\/20 text-[#F9E596] px-3 py-1 border border-[#C5A059]\/40 self-start sm:self-auto\">\r\n Select Food Option First\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div id=\"bartender-question-box\" class=\"bg-black\/60 border border-[#C5A059]\/30 p-5 space-y-3\">\r\n <div class=\"flex justify-between items-start gap-3\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm uppercase tracking-wider\">\r\n <span class=\"en\">Will you need a Bartender (Beverage \/ Alcohol Service)?<\/span>\r\n <span class=\"es\">\u00bfNecesitar\u00e1s Bartender (Habr\u00e1 servicio de bebidas\/alcohol)?<\/span>\r\n <\/h5>\r\n <p id=\"bartender-policy-note\" class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Bartender is optional (1 per 100 guests). It is mandatory if you have beverage\/alcohol service or select Venue Catering.<\/span>\r\n <span class=\"es\">El Bartender es opcional (1 por cada 100 invitados). Es obligatorio si habr\u00e1 servicio de bebidas o si eliges Comida del Sal\u00f3n.<\/span>\r\n <\/p>\r\n <\/div>\r\n <button type=\"button\" onclick=\"openServiceInfo('bartender')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-3\">\r\n <button type=\"button\" id=\"btn-bartender-yes\" onclick=\"setNeedsBartender(true)\" class=\"choice-pill\">\r\n <span class=\"en\">Include Bartender<\/span><span class=\"es\">Incluir Bartender<\/span>\r\n <\/button>\r\n <button type=\"button\" id=\"btn-bartender-no\" onclick=\"setNeedsBartender(false)\" class=\"choice-pill\">\r\n <span class=\"en\">No Bartender needed<\/span><span class=\"es\">No necesito Bartender<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-waitstaff\">\r\n <div>\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Waitstaff (Waiters)<\/span><span class=\"es\">Meseros (Waitstaff)<\/span>\r\n <\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('waitstaff')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <span id=\"waitstaff-min-note\" class=\"text-[11px] text-[#C5A059] block mt-1\">Select food option above<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <button type=\"button\" onclick=\"changeStaff('waitstaff', -1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <span id=\"qty-waitstaff\" class=\"w-8 text-center font-cinzel text-sm text-white\">0<\/span>\r\n <button type=\"button\" onclick=\"changeStaff('waitstaff', 1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-bartender\">\r\n <div>\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">Bartender<\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('bartender')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <span id=\"bartender-min-note\" class=\"text-[11px] text-[#C5A059] block mt-1\">Optional (0)<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <button type=\"button\" onclick=\"changeStaff('bartender', -1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <span id=\"qty-bartender\" class=\"w-8 text-center font-cinzel text-sm text-white\">0<\/span>\r\n <button type=\"button\" onclick=\"changeStaff('bartender', 1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"waitstaff-warning-msg\" class=\"hidden p-3.5 bg-amber-950\/60 border border-[#C5A059] text-[#F9E596] text-xs font-light\"><\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 md:p-8\">\r\n <div class=\"border-b border-[#C5A059]\/20 pb-3 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 4<\/span><span class=\"es\">Paso 4<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">4. Additional Luxury Options & Entertainment<\/span>\r\n <span class=\"es\">4. Opciones Adicionales y Entretenimiento<\/span>\r\n <\/h4>\r\n <p class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Click the <strong>(?)<\/strong> icon on any service to view its description and photo.<\/span>\r\n <span class=\"es\">Toca el signo de interrogaci\u00f3n <strong>(?)<\/strong> en cualquier adicional para ver su descripci\u00f3n y fotograf\u00eda.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"fixed-addons-grid\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-4 lg:sticky lg:top-28 bg-[var(--black-surface)] border-2 border-[#C5A059] p-6 md:p-8 shadow-[0_0_50px_rgba(0,0,0,0.9)]\">\r\n <div class=\"text-center border-b border-[#C5A059]\/30 pb-4 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-cinzel text-xl text-white uppercase tracking-widest\">\r\n <span class=\"en\">Your Custom Selection<\/span><span class=\"es\">Tu Selecci\u00f3n<\/span>\r\n <\/h4>\r\n <\/div>\r\n\r\n \r\n <div id=\"quote-summary-list\" class=\"space-y-3 text-xs max-h-[340px] overflow-y-auto pr-2 custom-scrollbar mb-6\">\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"border-t border-[#C5A059]\/40 pt-4 mb-6\">\r\n <div class=\"flex justify-between items-baseline mb-1\">\r\n <span class=\"font-cinzel text-xs tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">Estimated Total<\/span><span class=\"es\">Total Estimado<\/span>\r\n <\/span>\r\n <span id=\"quote-total-display\" class=\"font-cinzel text-3xl md:text-4xl font-bold text-gold-metallic\">$5,499<\/span>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-500 font-light\">\r\n <span class=\"en\">* Reserve your date with $1,000.<\/span>\r\n <span class=\"es\">* Reserva tu fecha con $1,000.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"quote-submit-feedback\" class=\"hidden mb-4 p-4 border border-green-500\/60 bg-green-950\/40 text-green-300 text-xs text-center font-light\"><\/div>\r\n\r\n <button type=\"button\" id=\"btn-send-custom-quote\" onclick=\"validateBeforeSubmitQuote()\" class=\"btn-gold-solid w-full flex justify-center items-center gap-2 py-4 text-xs\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <span class=\"en\">Send My Custom Quote<\/span>\r\n <span class=\"es\">Enviar Mi Cotizaci\u00f3n al Sal\u00f3n<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"galeria\" class=\"py-24 bg-[var(--black-surface)] border-b border-[#C5A059]\/20 overflow-hidden relative\">\r\n <div class=\"absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none\">\r\n <i class=\"fa-brands fa-envira text-[40rem] text-[#C5A059]\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 mb-12 relative z-10 flex flex-col md:flex-row justify-between items-end\">\r\n <div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Inspiration<\/span><span class=\"es\">Inspiraci\u00f3n<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-4xl text-white\">\r\n <span class=\"en\">Photo<\/span><span class=\"es\">Galer\u00eda de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Fotos<\/span>\r\n <\/span>\r\n <\/h2>\r\n <\/div>\r\n <button onclick=\"openModal()\" class=\"font-cinzel text-xs tracking-[0.2em] text-gray-400 hover:text-[#C5A059] uppercase transition mt-6 md:mt-0 flex items-center gap-2 group\">\r\n <span class=\"en\">View Full Photo Gallery<\/span><span class=\"es\">Ver Todas las Fotos (40)<\/span>\r\n <i class=\"fa-solid fa-arrow-right-long group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"marquee-container relative z-10 mb-24\">\r\n <div class=\"marquee-track\" id=\"main-marquee-track\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"videos\" class=\"container mx-auto px-6 lg:px-12 relative z-10 pt-16 border-t border-[#C5A059]\/20\">\r\n <div class=\"text-center mb-14\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.35em] uppercase mb-2\">\r\n <i class=\"fa-solid fa-film mr-1.5\"><\/i>\r\n <span class=\"en\">Cinematic Highlights<\/span><span class=\"es\">Momentos en Movimiento<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white\">\r\n <span class=\"en\">Video<\/span><span class=\"es\">Galer\u00eda de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-6xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Videos<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mt-4 mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-xl mx-auto text-xs md:text-sm\">\r\n <span class=\"en\">Experience the ambiance, lighting, and unforgettable celebrations at Spring Reception Hall.<\/span>\r\n <span class=\"es\">Vive la atm\u00f3sfera, iluminaci\u00f3n y celebraciones inolvidables en Spring Reception Hall.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"video-gallery-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"reserva\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 max-w-[1400px]\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 border border-[#C5A059]\/30 rounded-sm overflow-hidden shadow-[0_0_40px_rgba(0,0,0,0.8)]\">\r\n \r\n \r\n <div class=\"bg-[var(--black-surface)] p-10 md:p-16 lg:p-20 xl:p-24 relative flex flex-col justify-center min-h-[650px]\">\r\n <div class=\"absolute top-0 left-0 w-16 h-16 border-t-2 border-l-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-16 h-16 border-b-2 border-r-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"font-cinzel text-3xl md:text-4xl text-white mb-2\">\r\n <span class=\"en\">Schedule a<\/span><span class=\"es\">Agende un<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorrido<\/span>\r\n <\/span>\r\n <\/h3>\r\n <p class=\"font-light text-gray-400 text-sm mb-10 leading-relaxed\">\r\n <span class=\"en\">Leave us your details and select your preferred visit date and time. Available Monday\u2013Friday (12:30 PM \u2013 7:30 PM) and Saturdays (2:00 PM \u2013 4:00 PM). Closed on Sundays.<\/span>\r\n <span class=\"es\">D\u00e9jenos sus datos y seleccione la fecha y hora de su visita. Disponible de Lunes a Viernes (12:30 PM \u2013 7:30 PM) y S\u00e1bados (2:00 PM \u2013 4:00 PM). Domingos cerrado.<\/span>\r\n <\/p>\r\n \r\n <form id=\"tour-form\" action=\"https:\/\/formsubmit.co\/info@springreceptionhalltx.com\" method=\"POST\" class=\"space-y-7 relative z-10\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"\u00a1Nueva Cita de Recorrido (Venue Tour)!\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"text\" name=\"Nombre\" data-ph-en=\"FULL NAME\" data-ph-es=\"NOMBRE COMPLETO\" placeholder=\"FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <input type=\"tel\" name=\"Telefono\" data-ph-en=\"PHONE\" data-ph-es=\"TEL\u00c9FONO\" placeholder=\"PHONE\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"email\" name=\"Correo\" data-ph-en=\"EMAIL\" data-ph-es=\"CORREO ELECTR\u00d3NICO\" placeholder=\"EMAIL\" class=\"input-luxury i18n-ph\" required>\r\n \r\n <div class=\"relative\">\r\n <select name=\"Tipo_de_Evento\" class=\"input-luxury appearance-none cursor-pointer text-gray-300 focus:text-white\" required onchange=\"this.style.color='white'\">\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-500 i18n-opt\" data-text-en=\"EVENT TYPE\" data-text-es=\"TIPO DE EVENTO\">EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quinceanera\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other\" data-text-es=\"Otro\">Other<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 top-1\/2 -translate-y-1\/2 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <i class=\"fa-regular fa-calendar mr-1\"><\/i>\r\n <span class=\"en\">Venue Visit Date (Mon\u2013Sat) *<\/span>\r\n <span class=\"es\">Fecha de Visita al Sal\u00f3n (Lun\u2013S\u00e1b) *<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"tour-visit-date\" name=\"Fecha_de_Visita\" onclick=\"try{this.showPicker()}catch(e){}\" onchange=\"updateTourVisitTimes()\" oninput=\"updateTourVisitTimes()\" class=\"input-luxury text-white cursor-pointer\" required>\r\n <p id=\"sunday-warning\" class=\"hidden text-red-400 text-[11px] mt-1.5 font-light\">\r\n <i class=\"fa-solid fa-circle-exclamation mr-1\"><\/i>\r\n <span class=\"en\">We are closed on Sundays. Please select a day between Monday and Saturday.<\/span>\r\n <span class=\"es\">Los domingos permanecemos cerrados. Por favor elige un d\u00eda de Lunes a S\u00e1bado.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative\">\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <i class=\"fa-regular fa-clock mr-1\"><\/i>\r\n <span class=\"en\">Visit Time *<\/span>\r\n <span class=\"es\">Hora de Visita *<\/span>\r\n <\/label>\r\n <select id=\"tour-visit-time\" name=\"Hora_de_Visita\" class=\"input-luxury appearance-none cursor-pointer text-white\" required>\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-400\">SELECT VISIT DATE FIRST<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 bottom-3.5 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Event Date *<\/span>\r\n <span class=\"es\">Fecha Estimada del Evento *<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"tour-event-date\" name=\"Fecha_Estimada_del_Evento\" onclick=\"try{this.showPicker()}catch(e){}\" class=\"input-luxury text-white cursor-pointer\" required>\r\n <\/div>\r\n \r\n <textarea name=\"Mensaje\" data-ph-en=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" data-ph-es=\"OBSERVACIONES EXTRAS PARA SU CONSULTA\" placeholder=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" class=\"input-luxury i18n-ph resize-none h-24\"><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit\" class=\"btn-luxury w-full mt-4 flex justify-center items-center gap-3 py-5\">\r\n <span class=\"text-sm\">\r\n <span class=\"en\">Confirm Tour Appointment<\/span><span class=\"es\">Confirmar Cita de Recorrido<\/span>\r\n <\/span>\r\n <i class=\"fa-solid fa-paper-plane text-[0.8rem]\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"h-[400px] lg:h-auto min-h-[500px] lg:min-h-[650px] bg-gray-900 relative\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3452.8824194098!2d-95.439366!3d30.068832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864734a7428f5b89%3A0xc66579fc2c53a6!2s100%20Cypresswood%20Dr%20%231300%2C%20Spring%2C%20TX%2077388!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \r\n class=\"w-full h-full border-0 map-luxury absolute inset-0\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n \r\n <div class=\"absolute bottom-8 left-8 bg-black\/80 backdrop-blur-md border border-[#C5A059]\/50 p-6 max-w-[280px] shadow-2xl z-10\">\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] text-xl\"><\/i>\r\n <p class=\"font-cinzel text-[#C5A059] text-sm tracking-widest uppercase\">\r\n <span class=\"en\">Location<\/span><span class=\"es\">Ubicaci\u00f3n<\/span>\r\n <\/p>\r\n <\/div>\r\n <p class=\"text-white text-sm font-light leading-relaxed\">100 Cypresswood Dr.<br>Suite #1300<br>Spring, TX 77388<\/p>\r\n <div class=\"w-full h-[1px] bg-[#C5A059]\/30 my-4\"><\/div>\r\n <a href=\"tel:8328863192\" class=\"text-gray-300 hover:text-[#C5A059] transition flex items-center gap-2 text-sm font-light\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] text-xs\"><\/i> 832-886-3192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"contacto\" class=\"bg-[var(--black-surface)] relative border-t border-[#C5A059]\/30 pt-20 pb-10\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-white\/10 pb-16\">\r\n \r\n \r\n <div>\r\n <a href=\"#\" class=\"inline-block group mb-6\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall Logo\" \r\n style=\"max-height: 80px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n <p class=\"text-gray-400 font-light text-sm mb-6 leading-relaxed\">\r\n <span class=\"en\">The place where your dreams come to life. We raise the standard of hospitality and elegance for your most important events.<\/span>\r\n <span class=\"es\">El lugar donde tus sue\u00f1os cobran vida. Elevamos el est\u00e1ndar de la hospitalidad y la elegancia para tus eventos m\u00e1s importantes.<\/span>\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"https:\/\/www.facebook.com\/SpringRHtx\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-black hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\">\r\n <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/springreception\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-black hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Explore<\/span><span class=\"es\">Explorar<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#inicio\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span><\/a><\/li>\r\n <li><a href=\"#nosotros\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">About Us<\/span><span class=\"es\">Sobre Nosotros<\/span><\/a><\/li>\r\n <li><a href=\"#servicios\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span><\/a><\/li>\r\n <li><a href=\"#cotizador\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span><\/a><\/li>\r\n <li><a href=\"#galeria\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Photo Gallery<\/span><span class=\"es\">Galer\u00eda de Fotos<\/span><\/a><\/li>\r\n <li><a href=\"#videos\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Video Gallery<\/span><span class=\"es\">Galer\u00eda de Videos<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Contact<\/span><span class=\"es\">Contacto<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] mt-1\"><\/i>\r\n <span class=\"text-gray-400 text-sm font-light\">100 Cypresswood Dr. Suite #1300<br>Spring, TX 77388<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"tel:8328863192\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">832-886-3192<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">info@springreceptionhalltx.com<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 pt-4 mt-2 border-t border-[#C5A059]\/20\">\r\n <i class=\"fa-regular fa-clock text-[#C5A059] mt-1 text-lg\"><\/i>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-white text-[0.7rem] font-cinzel tracking-widest uppercase mb-1\">\r\n <span class=\"en\">Tour Hours<\/span><span class=\"es\">Horario de Visitas<\/span>\r\n <\/span>\r\n <span class=\"text-gray-400 text-xs font-light\">\r\n <span class=\"en\">Mon-Fri: 12:30 PM - 7:30 PM<br>Sat: 2:00 PM - 4:00 PM<\/span>\r\n <span class=\"es\">Lun-Vie: 12:30 PM - 7:30 PM<br>S\u00e1b: 2:00 PM - 4:00 PM<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-[var(--black-base)] border border-[#C5A059]\/30 p-6 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-[#C5A059]\/10 rounded-bl-full -mr-8 -mt-8 transition-transform group-hover:scale-150\"><\/div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-sm mb-3 tracking-widest uppercase\">Venue Tours<\/h4>\r\n <p class=\"text-white font-cinzel text-lg mb-2 uppercase\">\r\n <span class=\"en\">Monday to Friday<\/span><span class=\"es\">Lunes a Viernes<\/span>\r\n <\/p>\r\n <p class=\"text-gray-400 text-xs font-light mb-4 leading-relaxed\">\r\n <span class=\"en\">12:30 PM to 7:30 PM<br>Saturdays: 2:00 PM to 4:00 PM<\/span>\r\n <span class=\"es\">12:30 PM a 7:30 PM<br>S\u00e1bados: 2:00 PM a 4:00 PM<\/span>\r\n <\/p>\r\n <a href=\"#reserva\" class=\"inline-block border border-[#C5A059] text-[#C5A059] px-4 py-2 text-xs font-cinzel tracking-widest uppercase hover:bg-[#C5A059] hover:text-black transition duration-300\">\r\n <span class=\"en\">Book Appointment<\/span><span class=\"es\">Agendar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"font-light text-[0.65rem] tracking-widest text-gray-500 uppercase\">\r\n © 2026 Spring Reception Hall. \r\n <span class=\"en\">All rights reserved.<\/span><span class=\"es\">Todos los derechos reservados.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n \r\n \r\n <div id=\"videoLightboxModal\" class=\"modal-overlay fixed inset-0 z-[195] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4\">\r\n <button onclick=\"closeVideoModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[200] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"modal-content relative w-full max-w-5xl bg-[#080808] border-2 border-[#C5A059] p-3 md:p-6 shadow-[0_0_60px_rgba(197,160,89,0.2)]\">\r\n <div id=\"video-modal-player-container\" class=\"relative w-full aspect-video bg-black overflow-hidden border border-[#C5A059]\/30\">\r\n <\/div>\r\n <div class=\"pt-4 flex flex-col sm:flex-row justify-between items-center gap-2\">\r\n <h4 id=\"video-modal-title\" class=\"font-cinzel text-white text-sm md:text-base tracking-widest uppercase\"><\/h4>\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase\">Spring Reception Hall<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"serviceInfoModal\" class=\"modal-overlay fixed inset-0 z-[180] bg-black\/90 backdrop-blur-md flex items-center justify-center p-4\">\r\n <div class=\"modal-content relative w-full max-w-lg bg-[var(--black-surface)] border-2 border-[#C5A059] shadow-[0_0_50px_rgba(197,160,89,0.25)] overflow-hidden\">\r\n <button onclick=\"closeServiceInfo()\" class=\"absolute top-3 right-3 z-20 w-9 h-9 rounded-full bg-black\/80 border border-[#C5A059]\/60 text-white hover:text-[#C5A059] flex items-center justify-center\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div id=\"service-info-img\" class=\"w-full h-64 bg-cover bg-center border-b border-[#C5A059]\/30\" style=\"background-image: url('');\"><\/div>\r\n <div class=\"p-6 md:p-8\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 id=\"service-info-title\" class=\"font-cinzel text-xl text-white uppercase tracking-wider mb-3\"><\/h4>\r\n <p id=\"service-info-desc\" class=\"text-gray-300 text-xs md:text-sm font-light leading-relaxed mb-6\"><\/p>\r\n <button onclick=\"closeServiceInfo()\" class=\"btn-luxury w-full !py-3 text-xs\">\r\n <span class=\"en\">Close Preview<\/span><span class=\"es\">Cerrar Vista Previa<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"confirmQuoteModal\" class=\"modal-overlay fixed inset-0 z-[190] bg-black\/90 backdrop-blur-md flex items-center justify-center p-4\">\r\n <div class=\"modal-content relative w-full max-w-lg bg-[var(--black-surface)] border-2 border-[#C5A059] p-6 md:p-8 shadow-[0_0_50px_rgba(197,160,89,0.25)]\">\r\n <div class=\"w-12 h-12 rounded-full bg-[#C5A059]\/20 border border-[#C5A059] flex items-center justify-center text-[#C5A059] mx-auto mb-4\">\r\n <i class=\"fa-solid fa-triangle-exclamation text-xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-cinzel text-lg md:text-xl text-white text-center uppercase tracking-wider mb-3\">\r\n <span class=\"en\">Please Confirm Your Selection<\/span>\r\n <span class=\"es\">Por Favor Confirma Tu Elecci\u00f3n<\/span>\r\n <\/h4>\r\n <div id=\"confirm-quote-warnings\" class=\"text-gray-300 text-xs md:text-sm font-light space-y-2 mb-6 bg-black\/60 border border-[#C5A059]\/30 p-4\"><\/div>\r\n <p class=\"text-center text-xs text-[#F9E596] font-cinzel tracking-widest uppercase mb-6\">\r\n <span class=\"en\">Is this correct and do you wish to send your quote?<\/span>\r\n <span class=\"es\">\u00bfEs correcto y deseas enviar tu cotizaci\u00f3n as\u00ed?<\/span>\r\n <\/p>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\r\n <button type=\"button\" onclick=\"closeConfirmQuoteModal()\" class=\"btn-luxury !py-3 !px-4 text-xs w-full\">\r\n <span class=\"en\">Go Back & Edit<\/span><span class=\"es\">Volver y Editar<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"executeSendCustomQuote()\" class=\"btn-gold-solid !py-3 !px-4 text-xs w-full\">\r\n <span class=\"en\">Yes, Send Quote<\/span><span class=\"es\">S\u00ed, Enviar Cotizaci\u00f3n<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"galleryModal\" class=\"modal-overlay fixed inset-0 z-[100] bg-black\/95 backdrop-blur-md flex items-center justify-center p-4 overflow-y-auto\">\r\n <button onclick=\"closeModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[150] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"modal-content relative w-full max-w-7xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/30 p-6 md:p-10 my-8 mt-20\">\r\n <div class=\"text-center mb-10 mt-4\">\r\n <h2 class=\"font-cinzel text-3xl text-white\">\r\n <span class=\"en\">Exclusive<\/span><span class=\"es\">Colecci\u00f3n<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Collection<\/span><span class=\"es\">Exclusiva<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059]\/50 mx-auto mt-4 mb-6\"><\/div>\r\n <div id=\"gallery-counter\" class=\"font-cinzel text-xs tracking-[0.2em] text-[#C5A059] uppercase\"><\/div>\r\n <\/div>\r\n <div id=\"dynamic-gallery-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"lightboxModal\" class=\"modal-overlay fixed inset-0 z-[160] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4 hidden\">\r\n <button onclick=\"closeLightbox()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[170] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n \r\n <button onclick=\"changeLightboxImage(-1)\" class=\"fixed left-2 md:left-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n <button onclick=\"changeLightboxImage(1)\" class=\"fixed right-2 md:right-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"modal-content relative w-full h-full max-w-6xl mx-auto flex items-center justify-center p-4 select-none\">\r\n <div class=\"relative bg-[#0a0a0a] p-3 md:p-6 border border-[#C5A059]\/40 shadow-[0_0_60px_rgba(197,160,89,0.15)] flex-shrink-0\">\r\n <div class=\"border border-[#C5A059]\/30 p-2 md:p-4 relative\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-[#C5A059] -translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-[#C5A059] translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-[#C5A059] -translate-x-1 translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-[#C5A059] translate-x-1 translate-y-1\"><\/div>\r\n \r\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"Gallery Image\" class=\"max-w-full max-h-[70vh] md:max-h-[80vh] object-contain shadow-2xl relative z-10 transition-opacity duration-300\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute bottom-10 left-0 w-full text-center text-gray-400 font-light text-xs tracking-widest md:hidden animate-pulse\">\r\n <i class=\"fa-solid fa-left-right mr-2\"><\/i> <span class=\"en\">Swipe to navigate<\/span><span class=\"es\">Desliza para navegar<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div> \r\n\r\n <script>\r\n \/\/ ----------------------------------------------------\r\n \/\/ SISTEMA DE IDIOMA ROBUSTO (ENGLISH DEFAULT)\r\n \/\/ ----------------------------------------------------\r\n let currentLang = 'en';\r\n\r\n function setLanguage(lang) {\r\n currentLang = lang;\r\n \r\n const wrapper = document.getElementById('srh-wrapper');\r\n if (wrapper) {\r\n wrapper.classList.remove('srh-lang-en', 'srh-lang-es');\r\n wrapper.classList.add('srh-lang-' + lang);\r\n }\r\n \r\n document.getElementById('btn-lang-en').className = lang === 'en' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n document.getElementById('btn-lang-es').className = lang === 'es' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n \r\n document.getElementById('btn-lang-mob-en').className = lang === 'en' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n document.getElementById('btn-lang-mob-es').className = lang === 'es' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n\r\n document.querySelectorAll('.i18n-ph').forEach(el => {\r\n el.placeholder = el.getAttribute(`data-ph-${lang}`);\r\n });\r\n\r\n document.querySelectorAll('.i18n-opt').forEach(el => {\r\n el.textContent = el.getAttribute(`data-text-${lang}`);\r\n });\r\n \r\n if(galleryLoaded) updateGalleryCounter();\r\n renderFixedAddons();\r\n renderVideoGallery();\r\n recalculateQuote();\r\n updateTourVisitTimes();\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ \ud83c\udfac [EDITAR AQU\u00cd]: LISTA DE VIDEOS DE LA GALER\u00cdA\r\n \/\/ =========================================================================\r\n const galleryVideos = [\r\n {\r\n titleEn: \"Grand Venue Tour & Lighting\",\r\n titleEs: \"Recorrido del Sal\u00f3n e Iluminaci\u00f3n\",\r\n subtitleEn: \"Luxury Atmosphere\",\r\n subtitleEs: \"Atm\u00f3sfera de Lujo\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-tour.mp4\"\r\n },\r\n {\r\n titleEn: \"Dream Weddings & First Dance\",\r\n titleEs: \"Bodas de Ensue\u00f1o y Primer Baile\",\r\n subtitleEn: \"Dancing on the Clouds & Sparkles\",\r\n subtitleEs: \"Baile en las Nubes y Chispas\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-wedding.mp4\"\r\n },\r\n {\r\n titleEn: \"Spectacular Quincea\u00f1eras & Show\",\r\n titleEs: \"Quincea\u00f1eras Espectaculares y Show\",\r\n subtitleEn: \"LED Robot & Entertainment\",\r\n subtitleEs: \"Robot LED y Entretenimiento\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-quince.mp4\"\r\n }\r\n ];\r\n\r\n function renderVideoGallery() {\r\n const grid = document.getElementById('video-gallery-grid');\r\n if (!grid) return;\r\n grid.innerHTML = '';\r\n\r\n galleryVideos.forEach((vid, idx) => {\r\n const title = currentLang === 'en' ? vid.titleEn : vid.titleEs;\r\n const sub = currentLang === 'en' ? vid.subtitleEn : vid.subtitleEs;\r\n\r\n const card = document.createElement('div');\r\n card.className = 'group relative h-80 overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-all duration-500 shadow-2xl cursor-pointer bg-black';\r\n card.onclick = () => openVideoModal(idx);\r\n card.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('${vid.poster}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-black\/20 group-hover:via-black\/30 transition-all duration-500\"><\/div>\r\n \r\n <div class=\"absolute inset-0 flex items-center justify-center z-10\">\r\n <div class=\"video-play-btn\">\r\n <i class=\"fa-solid fa-play text-xl ml-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 z-10\">\r\n <span class=\"block font-cinzel text-[10px] tracking-[0.25em] text-[#C5A059] uppercase mb-1\">${sub}<\/span>\r\n <h3 class=\"font-cinzel text-lg text-white tracking-wider uppercase\">${title}<\/h3>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n }\r\n\r\n function openVideoModal(index) {\r\n const vid = galleryVideos[index];\r\n if (!vid) return;\r\n\r\n const modal = document.getElementById('videoLightboxModal');\r\n const container = document.getElementById('video-modal-player-container');\r\n const titleEl = document.getElementById('video-modal-title');\r\n\r\n titleEl.textContent = currentLang === 'en' ? vid.titleEn : vid.titleEs;\r\n\r\n if (vid.videoUrl.includes('youtube.com') || vid.videoUrl.includes('youtu.be') || vid.videoUrl.includes('vimeo.com')) {\r\n let embedUrl = vid.videoUrl;\r\n if (embedUrl.includes('watch?v=')) {\r\n embedUrl = embedUrl.replace('watch?v=', 'embed\/');\r\n } else if (embedUrl.includes('youtu.be\/')) {\r\n const id = embedUrl.split('youtu.be\/')[1].split('?')[0];\r\n embedUrl = `https:\/\/www.youtube.com\/embed\/${id}`;\r\n }\r\n const sep = embedUrl.includes('?') ? '&' : '?';\r\n container.innerHTML = `<iframe src=\"${embedUrl}${sep}autoplay=1\" class=\"w-full h-full border-0\" allow=\"autoplay; encrypted-media; picture-in-picture\" allowfullscreen><\/iframe>`;\r\n } else {\r\n container.innerHTML = `\r\n <video src=\"${vid.videoUrl}\" poster=\"${vid.poster}\" controls autoplay playsinline class=\"w-full h-full object-contain bg-black\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n `;\r\n }\r\n\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeVideoModal() {\r\n const modal = document.getElementById('videoLightboxModal');\r\n const container = document.getElementById('video-modal-player-container');\r\n modal.classList.remove('active');\r\n if (container) container.innerHTML = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n\r\n document.getElementById('videoLightboxModal')?.addEventListener('click', (e) => {\r\n if (e.target.id === 'videoLightboxModal') closeVideoModal();\r\n });\r\n\r\n \/\/ ----------------------------------------------------\r\n \/\/ L\u00d3GICA DEL CALENDARIO DE VISITA Y HORARIOS (SCHEDULE A TOUR)\r\n \/\/ ----------------------------------------------------\r\n function updateTourVisitTimes() {\r\n const dateInput = document.getElementById('tour-visit-date');\r\n const timeSelect = document.getElementById('tour-visit-time');\r\n const sundayWarning = document.getElementById('sunday-warning');\r\n if (!dateInput || !timeSelect) return;\r\n\r\n const val = dateInput.value;\r\n if (!val) {\r\n timeSelect.innerHTML = `<option value=\"\" disabled selected class=\"bg-black text-gray-400\">${currentLang === 'en' ? 'SELECT VISIT DATE FIRST' : 'ELIGE FECHA DE VISITA PRIMERO'}<\/option>`;\r\n sundayWarning?.classList.add('hidden');\r\n return;\r\n }\r\n\r\n const parts = val.split('-');\r\n const selectedDate = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));\r\n const dayOfWeek = selectedDate.getDay();\r\n\r\n if (dayOfWeek === 0) {\r\n sundayWarning?.classList.remove('hidden');\r\n dateInput.value = '';\r\n timeSelect.innerHTML = `<option value=\"\" disabled selected class=\"bg-black text-red-400\">${currentLang === 'en' ? 'CLOSED ON SUNDAYS - PICK MON-SAT' : 'CERRADO LOS DOMINGOS - ELIGE LUN-S\u00c1B'}<\/option>`;\r\n return;\r\n }\r\n\r\n sundayWarning?.classList.add('hidden');\r\n\r\n const weekdaySlots = [\r\n '12:30 PM', '1:00 PM', '1:30 PM', '2:00 PM', '2:30 PM',\r\n '3:00 PM', '3:30 PM', '4:00 PM', '4:30 PM', '5:00 PM',\r\n '5:30 PM', '6:00 PM', '6:30 PM', '7:00 PM', '7:30 PM'\r\n ];\r\n const saturdaySlots = [\r\n '2:00 PM', '2:30 PM', '3:00 PM', '3:30 PM', '4:00 PM'\r\n ];\r\n\r\n const slots = dayOfWeek === 6 ? saturdaySlots : weekdaySlots;\r\n const defaultLabel = currentLang === 'en' ? 'SELECT AVAILABLE TIME' : 'SELECCIONA UNA HORA';\r\n\r\n let optionsHTML = `<option value=\"\" disabled selected class=\"bg-black text-[#C5A059]\">${defaultLabel}<\/option>`;\r\n slots.forEach(slot => {\r\n optionsHTML += `<option value=\"${slot}\" class=\"bg-[#111] text-white\">${slot}<\/option>`;\r\n });\r\n\r\n timeSelect.innerHTML = optionsHTML;\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ \u270f\ufe0f [EDITAR AQU\u00cd]: CAT\u00c1LOGO DE FOTOS Y DESCRIPCIONES DE CADA SERVICIO (?)\r\n \/\/ =========================================================================\r\n const serviceCatalogInfo = {\r\n catering: {\r\n titleEn: \"Gourmet Catering Service\",\r\n titleEs: \"Servicio de Comida Gourmet\",\r\n descEn: \"Exquisite multi-course meal prepared by our exclusive in-house chef. Includes tasting of 3 menu options. Automatically assigns 5 waiters (for 100 guests, +1 per 50 extra) and 1 certified bartender (+1 per 100 extra).\",\r\n descEs: \"Exquisito banquete preparado por nuestro chef exclusivo del sal\u00f3n. Incluye degustaci\u00f3n de 3 opciones de men\u00fa. Al elegirlo se asignan autom\u00e1ticamente 5 meseros (para 100 invitados, +1 por cada 50 extra) y 1 bartender certificado (+1 por cada 100 extra).\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\"\r\n },\r\n cake: {\r\n titleEn: \"Custom Luxury Cake\",\r\n titleEs: \"Pastel de Lujo Personalizado\",\r\n descEn: \"Exclusive custom-designed event cake tailored to your theme, flavor preferences, and guest count.\",\r\n descEs: \"Pastel exclusivo de nuestro sal\u00f3n dise\u00f1ado a la medida de tu tem\u00e1tica, sabor preferido y cantidad de invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\"\r\n },\r\n centerpieces: {\r\n titleEn: \"Premium Centerpieces\",\r\n titleEs: \"Centros de Mesa Premium\",\r\n descEn: \"Upgrade your guest tables with tall, lush floral and crystal arrangements that elevate the sophistication of your reception.\",\r\n descEs: \"Realza las mesas de tus invitados con arreglos florales altos y detalles en cristal que elevan la majestuosidad del sal\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\"\r\n },\r\n waitstaff: {\r\n titleEn: \"Professional Waitstaff\",\r\n titleEs: \"Personal de Meseros (Waitstaff)\",\r\n descEn: \"Attentive, uniformed waitstaff dedicated to table service, clearing, and guest hospitality. Required: 5 per 100 guests with venue catering, or 4 per 100 guests with external food (+1 waiter per 50 extra guests).\",\r\n descEs: \"Meseros profesionales uniformados para atenci\u00f3n en mesa y hospitalidad. Requerido: 5 para 100 invitados con comida del sal\u00f3n, o 4 para 100 invitados si traes tu comida (+1 mesero por cada 50 invitados extra).\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\"\r\n },\r\n bartender: {\r\n titleEn: \"Certified Bartender\",\r\n titleEs: \"Bartender Certificado\",\r\n descEn: \"TABC-certified bartender for cocktail and beverage preparation (1 bartender per 100 guests). Optional if no alcohol\/bar is served, mandatory if serving drinks or selecting venue catering.\",\r\n descEs: \"Bartender certificado para preparaci\u00f3n y servicio de bebidas (1 bartender por cada 100 invitados). Opcional si no habr\u00e1 barra de bebidas, obligatorio si hay servicio de bebidas o catering del sal\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\"\r\n },\r\n fruit: {\r\n titleEn: \"Fruit Table\",\r\n titleEs: \"Mesa de Frutas (Fruit Table)\",\r\n descEn: \"Artisanal display of fresh seasonal fruits, beautifully arranged for your guests to enjoy throughout the celebration.\",\r\n descEs: \"Presentaci\u00f3n art\u00edstica de frutas frescas de temporada para deleitar a tus invitados durante el evento.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\"\r\n },\r\n coffee: {\r\n titleEn: \"Coffee Station\",\r\n titleEs: \"Estaci\u00f3n de Caf\u00e9 (Coffee Station)\",\r\n descEn: \"Elegant self-serve coffee bar with gourmet blends, creamers, and accompaniments perfect for pairing with dessert.\",\r\n descEs: \"Elegante estaci\u00f3n de caf\u00e9 gourmet con complementos, ideal para acompa\u00f1ar el pastel y la sobremesa.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\"\r\n },\r\n dj: {\r\n titleEn: \"Professional DJ Service\",\r\n titleEs: \"Servicio de DJ Profesional\",\r\n descEn: \"Exclusive venue DJ with high-end sound system, custom playlists, MC announcements, and dynamic party mixing.\",\r\n descEs: \"DJ profesional exclusivo del sal\u00f3n con audio de alta fidelidad, animaci\u00f3n y mezcla musical personalizada.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\"\r\n },\r\n sparkles: {\r\n titleEn: \"Sparkles (Indoor Cold Fireworks)\",\r\n titleEs: \"Chispas (Sparkles)\",\r\n descEn: \"Safe indoor cold sparkler fountains to frame your grand entrance, first dance, or waltz with magical photography moments.\",\r\n descEs: \"Fuentes de chispas fr\u00edas seguras para interiores, ideales para enmarcar tu entrada triunfal, vals o primer baile.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\"\r\n },\r\n clouds: {\r\n titleEn: \"Dancing on the Clouds (Fog Effect)\",\r\n titleEs: \"Baile en las Nubes (Efecto Niebla)\",\r\n descEn: \"Low-lying dense cloud effect across the dance floor that creates a fairy-tale atmosphere for your main dance.\",\r\n descEs: \"Efecto de niebla densa a ras de piso en la pista de baile para crear una atm\u00f3sfera de cuento de hadas.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\"\r\n },\r\n letters: {\r\n titleEn: \"Illuminated Marquee Letters (Mr & Mrs or XV)\",\r\n titleEs: \"Letras Iluminadas (Mr & Mrs o XV)\",\r\n descEn: \"Giant illuminated marquee letters (Mr & Mrs or XV) that add a glamorous focal point to your stage or dance floor.\",\r\n descEs: \"Letras gigantes iluminadas (Mr & Mrs o XV) que destacan la decoraci\u00f3n principal y tus fotograf\u00edas.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\"\r\n },\r\n robot: {\r\n titleEn: \"LED Robot Entertainment\",\r\n titleEs: \"Entretenimiento Robot LED\",\r\n descEn: \"High-energy giant LED Robot show on the dance floor with CO2\/laser effects to ignite the party.\",\r\n descEs: \"Show interactivo de gran energ\u00eda con Robot LED gigante en la pista de baile para encender la fiesta.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\"\r\n },\r\n monja: {\r\n titleEn: \"La Monja Character Entertainment\",\r\n titleEs: \"Show de Entretenimiento La Monja\",\r\n descEn: \"Viral, fun character dance show that gets every guest on their feet during the party hour.\",\r\n descEs: \"Divertido show de animaci\u00f3n en vivo con el famoso personaje de La Monja para poner a bailar a todos los invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\"\r\n },\r\n kids: {\r\n titleEn: \"Kids Room with Certified Staff\",\r\n titleEs: \"\u00c1rea Infantil (Kids Room)\",\r\n descEn: \"Dedicated, safe children's play area supervised by 2 certified babysitters so parents can enjoy the reception worry-free.\",\r\n descEs: \"\u00c1rea infantil privada y segura supervisada por 2 ni\u00f1eras certificadas para la comodidad de tus invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\"\r\n },\r\n photo360: {\r\n titleEn: \"Photobooth 360\",\r\n titleEs: \"Cabina de Video Photobooth 360\",\r\n descEn: \"Interactive 360-degree slow-motion video platform with props and instant digital sharing for your guests.\",\r\n descEs: \"Plataforma interactiva de video 360\u00b0 en c\u00e1mara lenta con accesorios y descarga digital instant\u00e1nea.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\"\r\n },\r\n photovideo: {\r\n titleEn: \"Professional Photo & Video Package\",\r\n titleEs: \"Fotograf\u00eda y Video Profesional\",\r\n descEn: \"Full event coverage by our cinema and photography team, capturing every emotion in high resolution.\",\r\n descEs: \"Cobertura completa de fotograf\u00eda y video cinematogr\u00e1fico para inmortalizar cada instante de tu celebraci\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\"\r\n },\r\n headtable: {\r\n titleEn: \"Luxury Family Head Table\",\r\n titleEs: \"Mesa Principal Familiar (Head Table)\",\r\n descEn: \"Regal presidential table setup for the bridal party or family of honor with elevated decor.\",\r\n descEs: \"Montaje imperial de mesa principal para la familia o corte de honor con decoraci\u00f3n de lujo.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\"\r\n },\r\n lounge: {\r\n titleEn: \"Lounge Furniture Setup\",\r\n titleEs: \"Salas Tipo Lounge (Lounge Furniture)\",\r\n descEn: \"Chic VIP lounge seating areas around the venue for guests to relax and socialize in style.\",\r\n descEs: \"Elegantes salas tipo lounge distribuidas en el sal\u00f3n para el descanso y convivencia VIP de tus invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\"\r\n }\r\n };\r\n\r\n function openServiceInfo(key) {\r\n const info = serviceCatalogInfo[key];\r\n if (!info) return;\r\n document.getElementById('service-info-img').style.backgroundImage = `url('${info.img}')`;\r\n document.getElementById('service-info-title').textContent = currentLang === 'en' ? info.titleEn : info.titleEs;\r\n document.getElementById('service-info-desc').textContent = currentLang === 'en' ? info.descEn : info.descEs;\r\n document.getElementById('serviceInfoModal').classList.add('active');\r\n }\r\n\r\n function closeServiceInfo() {\r\n document.getElementById('serviceInfoModal').classList.remove('active');\r\n }\r\n\r\n document.getElementById('serviceInfoModal')?.addEventListener('click', (e) => {\r\n if (e.target.id === 'serviceInfoModal') closeServiceInfo();\r\n });\r\n\r\n \/\/ ----------------------------------------------------\r\n \/\/ L\u00d3GICA DEL COTIZADOR (M\u00cdNIMO 100 INVITADOS)\r\n \/\/ ----------------------------------------------------\r\n let clientLeadData = {\r\n name: '',\r\n phone: '',\r\n email: '',\r\n eventType: '',\r\n guests: 100,\r\n date: ''\r\n };\r\n\r\n const BASE_PACKAGE_PRICE = 5499;\r\n const SETUP_50_PRICE = 489;\r\n const CATERING_PP_PRICE = 33;\r\n const CAKE_PP_PRICE = 7;\r\n const CENTERPIECE_PRICE = 35;\r\n const BARTENDER_PRICE = 350;\r\n const WAITSTAFF_PRICE = 250;\r\n\r\n let quoteState = {\r\n bringsOwnFood: null,\r\n needsBartender: null,\r\n extraWaiters: 0,\r\n extraBartenders: 0\r\n };\r\n\r\n const fixedAddons = [\r\n { id: 'fruit', nameEn: 'Fruit Table', nameEs: 'Mesa de Frutas (Fruit Table)', price: 150, selected: false },\r\n { id: 'coffee', nameEn: 'Coffee Station', nameEs: 'Estaci\u00f3n de Caf\u00e9 (Coffee Station)', price: 150, selected: false },\r\n { id: 'dj', nameEn: 'Professional DJ', nameEs: 'DJ Profesional', price: 850, selected: false },\r\n { id: 'sparkles', nameEn: 'Sparkles (Cold Fireworks)', nameEs: 'Chispas (Sparkles)', price: 200, selected: false },\r\n { id: 'clouds', nameEn: 'Dancing on the Clouds (Fog effect)', nameEs: 'Baile en las Nubes (Efecto Niebla)', price: 200, selected: false },\r\n { id: 'letters', nameEn: 'Illuminated Letters (Mr Mrs or XV)', nameEs: 'Letras Iluminadas (Mr Mrs o XV)', price: 100, selected: false },\r\n { id: 'robot', nameEn: 'LED Robot Entertainment', nameEs: 'Entretenimiento Robot LED', price: 700, selected: false },\r\n { id: 'monja', nameEn: 'Monja Entertainment', nameEs: 'Entretenimiento La Monja', price: 350, selected: false },\r\n { id: 'kids', nameEn: 'Kids Room', nameEs: '\u00c1rea Infantil (Kids Room)', price: 800, selected: false },\r\n { id: 'photo360', nameEn: 'Photobooth 360', nameEs: 'Photobooth 360', price: 300, selected: false },\r\n { id: 'photovideo', nameEn: 'Photo & Video', nameEs: 'Fotograf\u00eda y Video Profesional', price: 2100, selected: false },\r\n { id: 'headtable', nameEn: 'Family Head Table', nameEs: 'Mesa Principal Familiar (Head Table)', price: 650, selected: false },\r\n { id: 'lounge', nameEn: 'Lounge Furniture Setup', nameEs: 'Salas Tipo Lounge (Lounge Furniture)', price: 800, selected: false }\r\n ];\r\n\r\n function renderFixedAddons() {\r\n const container = document.getElementById('fixed-addons-grid');\r\n if (!container) return;\r\n container.innerHTML = '';\r\n\r\n fixedAddons.forEach((item, idx) => {\r\n const card = document.createElement('div');\r\n card.className = `quote-item-card p-4 flex justify-between items-center ${item.selected ? 'selected' : ''}`;\r\n card.innerHTML = `\r\n <label class=\"flex items-center gap-3 pr-2 cursor-pointer flex-1\">\r\n <input type=\"checkbox\" onchange=\"toggleFixedAddon(${idx})\" ${item.selected ? 'checked' : ''} class=\"w-4 h-4 accent-[#C5A059]\">\r\n <span class=\"font-cinzel text-white text-xs md:text-sm\">\r\n <span class=\"en\">${item.nameEn}<\/span>\r\n <span class=\"es\">${item.nameEs}<\/span>\r\n <\/span>\r\n <\/label>\r\n <button type=\"button\" onclick=\"openServiceInfo('${item.id}')\" class=\"info-q-btn ml-2\" title=\"Info\">?<\/button>\r\n `;\r\n container.appendChild(card);\r\n });\r\n }\r\n\r\n function toggleFixedAddon(index) {\r\n fixedAddons[index].selected = !fixedAddons[index].selected;\r\n renderFixedAddons();\r\n recalculateQuote();\r\n }\r\n\r\n function setBringsOwnFood(bringsOwn) {\r\n quoteState.bringsOwnFood = bringsOwn;\r\n quoteState.extraWaiters = 0;\r\n hideWaitstaffWarning();\r\n\r\n document.getElementById('btn-ownfood-no').classList.toggle('active', bringsOwn === false);\r\n document.getElementById('btn-ownfood-yes').classList.toggle('active', bringsOwn === true);\r\n\r\n document.getElementById('venuefood-selected-notice').classList.toggle('hidden', bringsOwn !== false);\r\n document.getElementById('ownfood-mandatory-notice').classList.toggle('hidden', bringsOwn !== true);\r\n\r\n if (bringsOwn === false) {\r\n quoteState.needsBartender = true;\r\n updateBartenderButtonsUI();\r\n }\r\n recalculateQuote();\r\n }\r\n\r\n function setNeedsBartender(needs) {\r\n if (quoteState.bringsOwnFood === false && !needs) {\r\n quoteState.needsBartender = true;\r\n } else {\r\n quoteState.needsBartender = needs;\r\n }\r\n quoteState.extraBartenders = 0;\r\n updateBartenderButtonsUI();\r\n recalculateQuote();\r\n }\r\n\r\n function updateBartenderButtonsUI() {\r\n document.getElementById('btn-bartender-yes')?.classList.toggle('active', quoteState.needsBartender === true);\r\n document.getElementById('btn-bartender-no')?.classList.toggle('active', quoteState.needsBartender === false);\r\n }\r\n\r\n function adjustGuests(delta) {\r\n const input = document.getElementById('calc-guests');\r\n let val = parseInt(input.value) || 100;\r\n val = Math.max(100, Math.min(500, val + delta));\r\n input.value = val;\r\n quoteState.extraWaiters = 0;\r\n quoteState.extraBartenders = 0;\r\n hideWaitstaffWarning();\r\n recalculateQuote();\r\n }\r\n\r\n function changeCenterpieces(delta) {\r\n const input = document.getElementById('qty-centerpieces');\r\n let val = parseInt(input.value) || 0;\r\n val = Math.max(0, Math.min(60, val + delta));\r\n input.value = val;\r\n recalculateQuote();\r\n }\r\n\r\n function showWaitstaffWarning(minRequired, guests) {\r\n const msg = document.getElementById('waitstaff-warning-msg');\r\n if (!msg) return;\r\n msg.classList.remove('hidden');\r\n msg.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-circle-info mr-1.5\"><\/i> For service quality standards with <strong>${guests} guests<\/strong>, a minimum of <strong>${minRequired} waiters<\/strong> is mandatory.`\r\n : `<i class=\"fa-solid fa-circle-info mr-1.5\"><\/i> Por calidad de servicio para <strong>${guests} invitados<\/strong>, son obligatorios m\u00ednimo <strong>${minRequired} meseros<\/strong> (no se puede bajar de este m\u00ednimo).`;\r\n }\r\n\r\n function hideWaitstaffWarning() {\r\n document.getElementById('waitstaff-warning-msg')?.classList.add('hidden');\r\n }\r\n\r\n function changeStaff(role, delta) {\r\n const { minWaiters, guests } = getRequiredStaffCounts();\r\n\r\n if (role === 'waitstaff') {\r\n if (quoteState.bringsOwnFood === null) {\r\n if (delta > 0) setBringsOwnFood(true);\r\n return;\r\n }\r\n if (delta < 0 && quoteState.extraWaiters === 0) {\r\n showWaitstaffWarning(minWaiters, guests);\r\n return;\r\n }\r\n hideWaitstaffWarning();\r\n quoteState.extraWaiters = Math.max(0, quoteState.extraWaiters + delta);\r\n } else if (role === 'bartender') {\r\n if (delta < 0 && quoteState.extraBartenders === 0) {\r\n if (quoteState.bringsOwnFood !== false && quoteState.needsBartender === true) {\r\n setNeedsBartender(false);\r\n }\r\n return;\r\n }\r\n if (quoteState.needsBartender !== true && delta > 0) {\r\n setNeedsBartender(true);\r\n return;\r\n }\r\n quoteState.extraBartenders = Math.max(0, quoteState.extraBartenders + delta);\r\n }\r\n recalculateQuote();\r\n }\r\n\r\n function getRequiredStaffCounts() {\r\n const guestsInput = document.getElementById('calc-guests');\r\n let guests = parseInt(guestsInput ? guestsInput.value : 100) || 100;\r\n if (guests < 100) {\r\n guests = 100;\r\n if (guestsInput) guestsInput.value = 100;\r\n }\r\n\r\n const extraBlocksOf50 = guests > 100 ? Math.ceil((guests - 100) \/ 50) : 0;\r\n const extraWaitersByCapacity = extraBlocksOf50 * 1;\r\n\r\n let minWaiters = 0;\r\n if (quoteState.bringsOwnFood === false) {\r\n minWaiters = 5 + extraWaitersByCapacity;\r\n } else if (quoteState.bringsOwnFood === true) {\r\n minWaiters = 4 + extraWaitersByCapacity;\r\n } else {\r\n minWaiters = 0;\r\n }\r\n\r\n const bartendersBy100 = Math.ceil(guests \/ 100);\r\n\r\n let minBartenders = 0;\r\n if (quoteState.bringsOwnFood === false || quoteState.needsBartender === true) {\r\n minBartenders = bartendersBy100;\r\n } else {\r\n minBartenders = 0;\r\n }\r\n\r\n return { guests, minWaiters, minBartenders, extraBlocksOf50 };\r\n }\r\n\r\n function recalculateQuote() {\r\n const { guests, minWaiters, minBartenders, extraBlocksOf50 } = getRequiredStaffCounts();\r\n clientLeadData.guests = guests;\r\n\r\n const totalWaiters = minWaiters + quoteState.extraWaiters;\r\n const totalBartenders = minBartenders + quoteState.extraBartenders;\r\n\r\n const setupBanner = document.getElementById('setup50-banner');\r\n const setupBannerText = document.getElementById('setup50-banner-text');\r\n if (setupBanner && setupBannerText) {\r\n if (extraBlocksOf50 > 0) {\r\n setupBanner.classList.remove('hidden');\r\n setupBannerText.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-circle-check mr-2\"><\/i>Extra Setup for Additional Guests (x${extraBlocksOf50} blocks of 50 guests)`\r\n : `<i class=\"fa-solid fa-circle-check mr-2\"><\/i>Setup Extra por cada 50 personas adicionales (x${extraBlocksOf50})`;\r\n } else {\r\n setupBanner.classList.add('hidden');\r\n }\r\n }\r\n\r\n const badge = document.getElementById('staff-rule-badge');\r\n if (badge) {\r\n if (quoteState.bringsOwnFood === null) {\r\n badge.textContent = currentLang === 'en' ? 'Select Food Option in Step 2' : 'Elige Opci\u00f3n de Comida en Paso 2';\r\n } else {\r\n badge.textContent = currentLang === 'en'\r\n ? `${guests} Guests \u2022 Mandatory Min: ${minWaiters} Waiters`\r\n : `${guests} Invitados \u2022 M\u00edn Obligatorio: ${minWaiters} Meseros`;\r\n }\r\n }\r\n\r\n const wMinNote = document.getElementById('waitstaff-min-note');\r\n const bMinNote = document.getElementById('bartender-min-note');\r\n if (wMinNote) {\r\n if (quoteState.bringsOwnFood === null) {\r\n wMinNote.textContent = currentLang === 'en' ? 'Select food option in Step 2' : 'Selecciona opci\u00f3n de comida arriba';\r\n } else {\r\n wMinNote.textContent = (currentLang === 'en' ? 'Mandatory Min: ' : 'M\u00ednimo Obligatorio: ') + minWaiters;\r\n }\r\n }\r\n if (bMinNote) {\r\n bMinNote.textContent = (quoteState.needsBartender === true || quoteState.bringsOwnFood === false)\r\n ? (currentLang === 'en' ? 'Required Min: ' : 'M\u00ednimo: ') + minBartenders\r\n : (currentLang === 'en' ? 'Optional (0)' : 'Opcional (0)');\r\n }\r\n\r\n const qtyW = document.getElementById('qty-waitstaff');\r\n const qtyB = document.getElementById('qty-bartender');\r\n if (qtyW) qtyW.textContent = totalWaiters;\r\n if (qtyB) qtyB.textContent = totalBartenders;\r\n\r\n document.getElementById('card-waitstaff')?.classList.toggle('selected', totalWaiters > 0);\r\n document.getElementById('card-bartender')?.classList.toggle('selected', totalBartenders > 0);\r\n\r\n let total = BASE_PACKAGE_PRICE;\r\n let summaryItems = [];\r\n\r\n summaryItems.push({\r\n label: currentLang === 'en' ? 'Base Venue Rental & Essential Package (Includes 2 Cleaning Staff)' : 'Renta del Sal\u00f3n y Paquete Base (Incluye 2 de Limpieza)',\r\n cost: BASE_PACKAGE_PRICE\r\n });\r\n\r\n if (extraBlocksOf50 > 0) {\r\n const setupCost = extraBlocksOf50 * SETUP_50_PRICE;\r\n total += setupCost;\r\n summaryItems.push({\r\n label: currentLang === 'en'\r\n ? `Extra Setup for +50 Guests (x${extraBlocksOf50})`\r\n : `Setup Extra por cada 50 Invitados (x${extraBlocksOf50})`,\r\n cost: setupCost\r\n });\r\n }\r\n\r\n if (quoteState.bringsOwnFood === false) {\r\n const catCost = guests * CATERING_PP_PRICE;\r\n total += catCost;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? `Gourmet Catering (${guests} Guests)` : `Comida Gourmet del Sal\u00f3n (${guests} Invitados)`,\r\n cost: catCost\r\n });\r\n }\r\n\r\n const chkCake = document.getElementById('chk-cake');\r\n document.getElementById('card-cake')?.classList.toggle('selected', chkCake && chkCake.checked);\r\n if (chkCake && chkCake.checked) {\r\n const cakeCost = guests * CAKE_PP_PRICE;\r\n total += cakeCost;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? `Cake Serving (${guests} Guests)` : `Pastel para ${guests} Invitados`,\r\n cost: cakeCost\r\n });\r\n }\r\n\r\n const qtyCp = parseInt(document.getElementById('qty-centerpieces')?.value) || 0;\r\n document.getElementById('card-centerpieces')?.classList.toggle('selected', qtyCp > 0);\r\n if (qtyCp > 0) {\r\n const cpCost = qtyCp * CENTERPIECE_PRICE;\r\n total += cpCost;\r\n summaryItems.push({\r\n label: (currentLang === 'en' ? 'Premium Centerpieces' : 'Centros de Mesa Premium') + ` (x${qtyCp})`,\r\n cost: cpCost\r\n });\r\n }\r\n\r\n if (totalWaiters > 0) {\r\n const wCost = totalWaiters * WAITSTAFF_PRICE;\r\n total += wCost;\r\n summaryItems.push({\r\n label: (currentLang === 'en' ? 'Waitstaff \/ Waiters' : 'Personal de Meseros') + ` (x${totalWaiters})`,\r\n cost: wCost\r\n });\r\n }\r\n\r\n if (totalBartenders > 0) {\r\n const bCost = totalBartenders * BARTENDER_PRICE;\r\n total += bCost;\r\n summaryItems.push({\r\n label: `Bartender (x${totalBartenders})`,\r\n cost: bCost\r\n });\r\n }\r\n\r\n fixedAddons.forEach(item => {\r\n if (item.selected) {\r\n total += item.price;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? item.nameEn : item.nameEs,\r\n cost: item.price\r\n });\r\n }\r\n });\r\n\r\n const listEl = document.getElementById('quote-summary-list');\r\n if (listEl) {\r\n listEl.innerHTML = summaryItems.map(i => `\r\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-2\">\r\n <span class=\"text-gray-300 pr-2\">${i.label}<\/span>\r\n <span class=\"text-[#C5A059] text-[10px] font-cinzel tracking-widest uppercase shrink-0 flex items-center gap-1\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <span>${currentLang === 'en' ? 'Included' : 'Incluido'}<\/span>\r\n <\/span>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n const totalEl = document.getElementById('quote-total-display');\r\n if (totalEl) {\r\n totalEl.textContent = '$' + total.toLocaleString('en-US');\r\n }\r\n\r\n return { total, summaryItems, totalWaiters, totalBartenders };\r\n }\r\n\r\n function unlockQuoteBuilder(e) {\r\n e.preventDefault();\r\n const name = document.getElementById('lead-name').value.trim();\r\n const phone = document.getElementById('lead-phone').value.trim();\r\n const email = document.getElementById('lead-email').value.trim() || 'No proporcionado';\r\n const eventType = document.getElementById('lead-event-type').value;\r\n const guests = Math.max(100, parseInt(document.getElementById('lead-guests').value) || 100);\r\n const date = document.getElementById('lead-date').value || 'No especificada';\r\n\r\n if (!name || !phone) return;\r\n\r\n clientLeadData = { name, phone, email, eventType, guests, date };\r\n\r\n const calcGuestsInput = document.getElementById('calc-guests');\r\n if (calcGuestsInput) calcGuestsInput.value = guests;\r\n\r\n document.getElementById('display-client-info').textContent = `${name} \u2022 ${phone} (${guests} Guests)`;\r\n\r\n document.getElementById('quote-step-gate').classList.add('hidden');\r\n document.getElementById('quote-step-content').classList.remove('hidden');\r\n\r\n renderFixedAddons();\r\n recalculateQuote();\r\n\r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `Nuevo Prospecto en Cotizador Web: ${name}`,\r\n _template: 'table',\r\n Paso: 'Registro Inicial (Desbloqueo de Cotizador)',\r\n Nombre_Completo: name,\r\n Telefono: phone,\r\n Correo_Electronico: email,\r\n Tipo_de_Evento: eventType,\r\n Cantidad_Invitados: guests,\r\n Fecha_Estimada: date\r\n })\r\n }).catch(() => {});\r\n }\r\n\r\n function sendPrebuiltPackage(pkgName, pkgPrice) {\r\n const feedback = document.getElementById('quote-submit-feedback');\r\n \r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `\u00a1Cotizaci\u00f3n de Paquete ${pkgName} - ${clientLeadData.name}!`,\r\n _template: 'table',\r\n Modalidad: 'Paquete Promocional Todo Incluido',\r\n Paquete_Elegido: pkgName,\r\n Precio_Paquete: `$${pkgPrice.toLocaleString('en-US')}`,\r\n Nombre_Cliente: clientLeadData.name,\r\n Telefono: clientLeadData.phone,\r\n Correo: clientLeadData.email,\r\n Tipo_de_Evento: clientLeadData.eventType,\r\n Invitados_Estimados: clientLeadData.guests,\r\n Fecha_Evento: clientLeadData.date\r\n })\r\n }).then(() => {\r\n if (feedback) {\r\n feedback.classList.remove('hidden');\r\n feedback.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-check-circle mr-1\"><\/i> We have received your selection for the <strong>${pkgName} ($${pkgPrice.toLocaleString('en-US')})<\/strong>! Our specialist will contact you at ${clientLeadData.phone}.`\r\n : `<i class=\"fa-solid fa-check-circle mr-1\"><\/i> \u00a1Hemos recibido tu inter\u00e9s en el <strong>${pkgName} ($${pkgPrice.toLocaleString('en-US')})<\/strong>! Nuestro especialista te contactar\u00e1 al ${clientLeadData.phone}.`;\r\n feedback.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n });\r\n }\r\n\r\n function validateBeforeSubmitQuote() {\r\n if (quoteState.bringsOwnFood === null) {\r\n const foodSection = document.getElementById('btn-ownfood-no');\r\n foodSection?.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n alert(currentLang === 'en'\r\n ? 'Please select in Step 2 whether you want Venue Gourmet Catering or if you will bring your own food.'\r\n : 'Por favor selecciona en el Paso 2 si deseas Comida del Sal\u00f3n o si traer\u00e1s tu propia comida.');\r\n return;\r\n }\r\n\r\n const chkCake = document.getElementById('chk-cake');\r\n const hasCake = chkCake && chkCake.checked;\r\n const { totalWaiters } = recalculateQuote();\r\n\r\n let warnings = [];\r\n\r\n if (quoteState.bringsOwnFood === true) {\r\n warnings.push(\r\n currentLang === 'en'\r\n ? `\u2022 <strong>No Venue Catering:<\/strong> Your package does NOT include food from our venue (you indicated you will bring your own food, with <strong>${totalWaiters} mandatory waiters<\/strong> included for service quality).`\r\n : `\u2022 <strong>Sin Comida del Sal\u00f3n:<\/strong> Tu paquete NO lleva comida del sal\u00f3n (indicaste que traer\u00e1s tu propia comida, incluyendo los <strong>${totalWaiters} meseros obligatorios<\/strong> por calidad de servicio).`\r\n );\r\n }\r\n\r\n if (!hasCake) {\r\n warnings.push(\r\n currentLang === 'en'\r\n ? `\u2022 <strong>No Cake Included:<\/strong> Your custom package does NOT include Cake Serving.`\r\n : `\u2022 <strong>Sin Pastel:<\/strong> Tu paquete personalizado NO lleva pastel (Cake Serving).`\r\n );\r\n }\r\n\r\n if (warnings.length > 0) {\r\n const warnContainer = document.getElementById('confirm-quote-warnings');\r\n warnContainer.innerHTML = warnings.map(w => `<p>${w}<\/p>`).join('');\r\n document.getElementById('confirmQuoteModal').classList.add('active');\r\n } else {\r\n executeSendCustomQuote();\r\n }\r\n }\r\n\r\n function closeConfirmQuoteModal() {\r\n document.getElementById('confirmQuoteModal').classList.remove('active');\r\n }\r\n\r\n function executeSendCustomQuote() {\r\n closeConfirmQuoteModal();\r\n const btn = document.getElementById('btn-send-custom-quote');\r\n const feedback = document.getElementById('quote-submit-feedback');\r\n const { total, summaryItems, totalWaiters, totalBartenders } = recalculateQuote();\r\n const chkCake = document.getElementById('chk-cake');\r\n\r\n const originalHTML = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> ' + (currentLang === 'en' ? 'Sending Quote...' : 'Enviando Cotizaci\u00f3n...');\r\n btn.style.pointerEvents = 'none';\r\n\r\n const breakdownText = summaryItems.map(i => `\u2022 ${i.label}: $${i.cost.toLocaleString('en-US')}`).join('\\n');\r\n\r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `\u00a1Nueva Cotizaci\u00f3n Personalizada ($${total.toLocaleString('en-US')}) - ${clientLeadData.name}!`,\r\n _template: 'table',\r\n Modalidad: 'Paquete Personalizado en Web',\r\n Nombre_Cliente: clientLeadData.name,\r\n Telefono: clientLeadData.phone,\r\n Correo_Electronico: clientLeadData.email,\r\n Tipo_de_Evento: clientLeadData.eventType,\r\n Cantidad_Invitados: clientLeadData.guests,\r\n Fecha_Estimada: clientLeadData.date,\r\n Comida_del_Salon: quoteState.bringsOwnFood ? 'NO (Cliente traer\u00e1 su comida)' : 'S\u00cd (Quiero comida del sal\u00f3n)',\r\n Incluye_Pastel: (chkCake && chkCake.checked) ? 'S\u00cd' : 'NO',\r\n Total_Meseros: totalWaiters,\r\n Total_Bartenders: totalBartenders,\r\n Desglose_de_Items: breakdownText,\r\n COSTO_TOTAL_ESTIMADO: `$${total.toLocaleString('en-US')}`\r\n })\r\n }).then(() => {\r\n btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i> ' + (currentLang === 'en' ? 'Quote Sent Successfully!' : '\u00a1Cotizaci\u00f3n Enviada!');\r\n if (feedback) {\r\n feedback.classList.remove('hidden');\r\n feedback.innerHTML = currentLang === 'en'\r\n ? `<strong>Thank you, ${clientLeadData.name}!<\/strong> Your custom package quote for <strong>$${total.toLocaleString('en-US')}<\/strong> has been sent to our team. We will contact you shortly.`\r\n : `<strong>\u00a1Gracias, ${clientLeadData.name}!<\/strong> Tu cotizaci\u00f3n personalizada por <strong>$${total.toLocaleString('en-US')}<\/strong> ha sido enviada con \u00e9xito. Nos pondremos en contacto contigo muy pronto.`;\r\n }\r\n setTimeout(() => {\r\n btn.innerHTML = originalHTML;\r\n btn.style.pointerEvents = 'auto';\r\n }, 4000);\r\n }).catch(() => {\r\n btn.innerHTML = originalHTML;\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n }\r\n\r\n \/\/ L\u00f3gica del Men\u00fa M\u00f3vil\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileIcon = mobileBtn ? mobileBtn.querySelector('i') : null;\r\n\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n if(mobileMenu.classList.contains('flex')) {\r\n mobileIcon.classList.remove('fa-bars');\r\n mobileIcon.classList.add('fa-xmark');\r\n } else {\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.classList.remove('flex');\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Navbar Scroll\r\n window.addEventListener('scroll', () => {\r\n const topBar = document.getElementById('top-bar');\r\n const mainNavbar = document.getElementById('main-navbar');\r\n const navContainer = document.getElementById('nav-container');\r\n\r\n if (window.scrollY > 50) {\r\n if(topBar) {\r\n topBar.classList.remove('max-h-12', 'opacity-100');\r\n topBar.classList.add('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/95');\r\n mainNavbar.classList.remove('bg-black\/80');\r\n navContainer.classList.add('h-20');\r\n navContainer.classList.remove('h-24');\r\n } else {\r\n if(topBar) {\r\n topBar.classList.add('max-h-12', 'opacity-100');\r\n topBar.classList.remove('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/80');\r\n mainNavbar.classList.remove('bg-black\/95');\r\n navContainer.classList.add('h-24');\r\n navContainer.classList.remove('h-20');\r\n }\r\n });\r\n\r\n const galleryImages = [\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-15-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-18-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-152-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-40-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-303-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-2-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-47-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-410-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-211-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-249-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-195-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-217-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-96-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-102-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-113-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-819-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-203-1-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-384-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-237-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-250-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-261-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-140-scaled.jpg\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n }\r\n\r\n const modal = document.getElementById('galleryModal');\r\n const lightboxModal = document.getElementById('lightboxModal');\r\n const lightboxImage = document.getElementById('lightboxImage');\r\n let currentLightboxIndex = 0; \r\n \r\n function openModal() {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \r\n loadGallery(); \r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function openLightbox(url) {\r\n currentLightboxIndex = galleryImages.indexOf(url);\r\n if (currentLightboxIndex === -1) currentLightboxIndex = 0;\r\n\r\n lightboxImage.src = url;\r\n lightboxImage.style.opacity = '1';\r\n lightboxModal.classList.remove('hidden');\r\n setTimeout(() => { lightboxModal.classList.add('active'); }, 10);\r\n }\r\n\r\n function closeLightbox() {\r\n lightboxModal.classList.remove('active');\r\n setTimeout(() => { \r\n lightboxModal.classList.add('hidden');\r\n lightboxImage.src = ''; \r\n }, 400); \r\n }\r\n\r\n function changeLightboxImage(direction) {\r\n currentLightboxIndex += direction;\r\n if (currentLightboxIndex < 0) currentLightboxIndex = galleryImages.length - 1;\r\n else if (currentLightboxIndex >= galleryImages.length) currentLightboxIndex = 0;\r\n\r\n lightboxImage.style.opacity = '0.3';\r\n setTimeout(() => {\r\n lightboxImage.src = galleryImages[currentLightboxIndex];\r\n lightboxImage.style.opacity = '1';\r\n }, 200);\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (lightboxModal.classList.contains('active')) {\r\n if (e.key === 'ArrowLeft') changeLightboxImage(-1);\r\n if (e.key === 'ArrowRight') changeLightboxImage(1);\r\n if (e.key === 'Escape') closeLightbox();\r\n }\r\n if (document.getElementById('videoLightboxModal')?.classList.contains('active') && e.key === 'Escape') {\r\n closeVideoModal();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n lightboxModal.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\r\n lightboxModal.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const threshold = 50; \r\n if (touchEndX < touchStartX - threshold) changeLightboxImage(1); \r\n if (touchEndX > touchStartX + threshold) changeLightboxImage(-1); \r\n }, { passive: true });\r\n\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n lightboxModal.addEventListener('click', (e) => {\r\n if (e.target === lightboxModal || e.target.closest('.modal-content') === lightboxModal) {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n function initMarquee() {\r\n const track = document.getElementById('main-marquee-track');\r\n if (!track) return;\r\n track.innerHTML = '';\r\n let itemsHTML = '';\r\n const carouselPhotos = [...galleryImages];\r\n shuffleArray(carouselPhotos);\r\n \r\n carouselPhotos.forEach(url => {\r\n itemsHTML += `\r\n <div class=\"marquee-item group cursor-pointer\" onclick=\"openLightbox('${url}')\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110\" \r\n style=\"background-image: url('${url}');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-black\/50 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-3xl transform scale-50 group-hover:scale-100 transition-all duration-300\"><\/i>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n track.innerHTML = itemsHTML + itemsHTML; \r\n track.style.animationDuration = `${carouselPhotos.length * 5}s`; \r\n }\r\n\r\n let galleryLoaded = false;\r\n function updateGalleryCounter() {\r\n const counter = document.getElementById('gallery-counter');\r\n if(counter) {\r\n if (currentLang === 'en') {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Exclusive Photographs`;\r\n } else {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Fotograf\u00edas Exclusivas`;\r\n }\r\n }\r\n }\r\n\r\n function loadGallery() {\r\n if (galleryLoaded) return;\r\n const grid = document.getElementById('dynamic-gallery-grid');\r\n const gridPhotos = [...galleryImages];\r\n shuffleArray(gridPhotos);\r\n grid.innerHTML = ''; \r\n \r\n gridPhotos.forEach((url, index) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative group overflow-hidden border border-white\/10 shadow-lg cursor-pointer aspect-square w-full fade-in-up';\r\n if(index < 10) div.style.animationDelay = `${index * 0.05}s`;\r\n div.onclick = () => openLightbox(url);\r\n div.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center group-hover:scale-110 transition duration-700\" style=\"background-image: url('${url}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent opacity-0 group-hover:opacity-100 transition duration-300 flex flex-col items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-4xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 mb-2\"><\/i>\r\n <span class=\"font-cinzel text-white text-xs tracking-widest uppercase transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 delay-100\">\r\n <span class=\"en\">Enlarge<\/span><span class=\"es\">Ampliar<\/span>\r\n <\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n updateGalleryCounter();\r\n galleryLoaded = true; \r\n }\r\n\r\n function initAllGalleries() {\r\n initMarquee();\r\n renderVideoGallery();\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initAllGalleries);\r\n } else {\r\n setTimeout(initAllGalleries, 100);\r\n }\r\n\r\n const tourForm = document.getElementById('tour-form');\r\n if (tourForm) {\r\n tourForm.addEventListener('submit', function() {\r\n const btn = document.getElementById('btn-submit');\r\n if (currentLang === 'en') {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Processing...';\r\n } else {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Procesando...';\r\n }\r\n btn.style.pointerEvents = 'none';\r\n btn.classList.add('opacity-80');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5273cfd e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5273cfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5858c32 elementor-widget elementor-widget-html\" data-id=\"5858c32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Spring Reception Hall | Luxury Event Venue<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --gold-light: #F9E596;\r\n --gold-base: #C5A059;\r\n --gold-dark: #8C6F36;\r\n --black-base: #050505;\r\n --black-surface: #111111;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: var(--black-base);\r\n color: #E0E0E0;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6, .font-cinzel {\r\n font-family: 'Cinzel', serif;\r\n }\r\n\r\n .font-script {\r\n font-family: 'Pinyon Script', cursive;\r\n }\r\n\r\n \/* ------------------------------------------- *\/\r\n \/* SISTEMA DE TRADUCCI\u00d3N ROBUSTO (ANTI-WORDPRESS) *\/\r\n \/* ------------------------------------------- *\/\r\n #srh-wrapper.srh-lang-en .es { display: none !important; }\r\n #srh-wrapper.srh-lang-es .en { display: none !important; }\r\n\r\n \/* Efecto de Metal Dorado Reflejante *\/\r\n .text-gold-metallic {\r\n background: linear-gradient(\r\n to bottom, \r\n #FFF2B2 0%, \r\n #D4AF37 25%, \r\n #8A661C 50%, \r\n #D4AF37 75%, \r\n #FFF2B2 100%\r\n );\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0px 2px 15px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Bot\u00f3n de Lujo Principal *\/\r\n .btn-luxury {\r\n display: inline-block;\r\n background-color: transparent;\r\n color: var(--gold-base);\r\n border: 1px solid var(--gold-base);\r\n padding: 16px 40px;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n z-index: 1;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-luxury::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-light), var(--gold-base));\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n .btn-luxury:hover {\r\n color: var(--black-base);\r\n border-color: transparent;\r\n box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n }\r\n\r\n .btn-luxury:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Formulario Elegante *\/\r\n .input-luxury {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n color: white;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.85rem;\r\n padding: 12px 0;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .input-luxury:focus {\r\n outline: none;\r\n border-bottom-color: var(--gold-base);\r\n box-shadow: 0 1px 0 0 var(--gold-base);\r\n }\r\n\r\n .input-luxury::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n font-family: 'Cinzel', serif;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n \/* Mapa Filtro Oscuro *\/\r\n .map-luxury {\r\n filter: grayscale(100%) invert(92%) contrast(83%) hue-rotate(180deg);\r\n opacity: 0.8;\r\n transition: opacity 0.3s ease;\r\n }\r\n .map-luxury:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Carrusel Infinito *\/\r\n .marquee-container {\r\n display: flex;\r\n overflow: hidden;\r\n width: 100%;\r\n position: relative;\r\n }\r\n .marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: scroll 200s linear infinite; \r\n }\r\n .marquee-track:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); } \r\n }\r\n .marquee-item {\r\n width: 400px;\r\n height: 400px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid rgba(197, 160, 89, 0.1);\r\n }\r\n\r\n \/* Modales *\/\r\n .modal-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .modal-content {\r\n transform: scale(0.95) translateY(20px);\r\n opacity: 0;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n .modal-overlay.active .modal-content {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n \/* Animaci\u00f3n Fade In *\/\r\n .fade-in-up {\r\n animation: fadeInUp 1s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased selection:bg-[#C5A059] selection:text-black\">\r\n\r\n\r\n<div id=\"srh-wrapper\" class=\"srh-lang-en w-full\">\r\n\r\n <header class=\"fixed w-full top-0 z-50 transition-all duration-300\" id=\"header-wrapper\">\r\n \r\n \r\n <div id=\"top-bar\" class=\"hidden lg:block w-full bg-[#050505] border-b border-[#C5A059]\/20 transition-all duration-500 overflow-hidden opacity-100 max-h-12\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex justify-between items-center py-2.5\">\r\n <div class=\"flex items-center gap-6 text-[0.65rem] font-cinzel tracking-[0.2em] text-gray-400 uppercase\">\r\n <a href=\"tel:8328863192\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059]\"><\/i> 832-886-3192\r\n <\/a>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059]\"><\/i> info@springreceptionhalltx.com\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-[0.65rem] font-cinzel tracking-[0.2em] text-[#C5A059] uppercase\">\r\n <i class=\"fa-regular fa-clock\"><\/i> \r\n <span class=\"en\">Attention: 12:00 PM - 8:00 PM<\/span>\r\n <span class=\"es\">Atenci\u00f3n: 12:00 PM - 8:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"main-navbar\" class=\"bg-black\/80 backdrop-blur-md border-b border-[#C5A059]\/20 transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div id=\"nav-container\" class=\"flex justify-between items-center h-24 transition-all duration-300 relative\">\r\n \r\n <a href=\"#\" class=\"inline-block group py-2\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall\" \r\n style=\"max-height: 75px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex gap-8 xl:gap-10 items-center\">\r\n <a href=\"#inicio\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n \r\n \r\n <div class=\"flex items-center gap-3 ml-2 border-l border-white\/20 pl-6\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-en\" class=\"font-cinzel text-xs font-bold tracking-widest text-[#C5A059] hover:text-[#C5A059] transition-colors\">EN<\/button>\r\n <span class=\"text-white\/20 text-xs\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-es\" class=\"font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors\">ES<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"#reserva\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] border border-[#C5A059]\/50 px-6 py-3 hover:bg-[#C5A059] hover:text-black transition-all duration-300 ml-4\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/nav>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-[#C5A059] text-2xl focus:outline-none z-50 relative\">\r\n <i class=\"fas fa-bars font-light\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-[100%] left-0 w-full bg-black\/95 backdrop-blur-xl border-b border-[#C5A059]\/30 flex-col items-center py-8 gap-6 z-40 transition-all duration-300 shadow-2xl\">\r\n \r\n <div class=\"flex items-center gap-4 mb-2 border border-[#C5A059]\/30 rounded-full px-6 py-2\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-mob-en\" class=\"font-cinzel text-sm font-bold tracking-widest text-[#C5A059]\">EN<\/button>\r\n <span class=\"text-white\/20 text-sm\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-mob-es\" class=\"font-cinzel text-sm tracking-widest text-gray-500\">ES<\/button>\r\n <\/div>\r\n\r\n <a href=\"#inicio\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n <a href=\"#reserva\" class=\"text-sm font-cinzel tracking-widest text-black bg-[#C5A059] px-8 py-3 hover:bg-white transition-all duration-300 mt-4\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"inicio\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transform scale-105\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/90 via-black\/50 to-black\/90 z-10\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-20 text-center mt-24\">\r\n <div class=\"flex items-center justify-center gap-4 mb-6 fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <i class=\"fa-brands fa-envira text-[#C5A059] text-lg\"><\/i>\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <\/div>\r\n \r\n <h2 class=\"font-cinzel text-sm md:text-base tracking-[0.4em] text-gray-300 uppercase mb-4 fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n <span class=\"en\">You are invited to our<\/span>\r\n <span class=\"es\">Te invitamos a nuestro<\/span>\r\n <\/h2>\r\n \r\n <h1 class=\"text-6xl md:text-8xl lg:text-[8rem] mb-8 fade-in-up leading-none\" style=\"animation-delay: 0.6s;\">\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block\">VENUE<\/span>\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block mt-[-10px]\">TOUR<\/span>\r\n <\/h1>\r\n \r\n <p class=\"font-light text-gray-300 max-w-2xl mx-auto mb-12 text-base md:text-lg leading-relaxed fade-in-up\" style=\"animation-delay: 0.8s;\">\r\n <span class=\"en\">Explore every space, discover our services, and visualize your dream event.<\/span>\r\n <span class=\"es\">Conoce de cerca cada espacio, descubre nuestros servicios y visualiza el evento de tus sue\u00f1os.<\/span>\r\n <\/p>\r\n\r\n <div class=\"fade-in-up\" style=\"animation-delay: 1s;\">\r\n <a href=\"#reserva\" class=\"btn-luxury\">\r\n <span class=\"en\">Schedule Tour<\/span>\r\n <span class=\"es\">Agendar Recorrido<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"miercoles-tour\" class=\"py-24 bg-[var(--black-surface)] relative border-b border-[#C5A059]\/10\">\r\n <div class=\"container mx-auto px-6 lg:px-12 2xl:px-24 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-4\">\r\n <span class=\"en\">Free Admission<\/span><span class=\"es\">Entrada Gratuita<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Next<\/span><span class=\"es\">Pr\u00f3ximo<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Wednesday<\/span><span class=\"es\">Mi\u00e9rcoles<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm\">\r\n <span class=\"en\">Visit us from 4:00 PM to 9:00 PM. No appointment needed. Discover why Spring Reception Hall is where dreams come to life.<\/span>\r\n <span class=\"es\">Vis\u00edtanos de 4:00 PM a 9:00 PM. No necesitas cita previa. Descubre por qu\u00e9 Spring Reception Hall es el lugar donde tus sue\u00f1os cobran vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-8\">\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-landmark-dome text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our elegant halls and versatile spaces designed for royalty.<\/span>\r\n <span class=\"es\">Nuestros elegantes salones y espacios vers\u00e1tiles dise\u00f1ados para la realeza.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-bell-concierge text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Discover<\/span><span class=\"es\">Descubre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our personalized attention and premium packages tailored to you.<\/span>\r\n <span class=\"es\">Nuestra atenci\u00f3n personalizada y paquetes premium creados a tu medida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-couch text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Visualize<\/span><span class=\"es\">Visualiza<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Setups, decorations, and exclusive options that make your event unique.<\/span>\r\n <span class=\"es\">Montajes, decoraciones y opciones exclusivas que har\u00e1n \u00fanico tu evento.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-regular fa-calendar-check text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Experience<\/span><span class=\"es\">Conoce<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Every detail and hospitality service to ensure an unforgettable event.<\/span>\r\n <span class=\"es\">Cada detalle y servicio de hospitalidad para que tu evento sea inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n <div class=\"order-2 lg:order-1\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">Our Essence<\/span><span class=\"es\">Nuestra Esencia<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-8 leading-tight\">\r\n <span class=\"en\">More than a venue,<\/span><span class=\"es\">M\u00e1s que un sal\u00f3n,<\/span><br>\r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">an experience<\/span><span class=\"es\">una experiencia<\/span>\r\n <\/span>\r\n <\/h2>\r\n \r\n <div class=\"w-12 h-[2px] bg-[#C5A059] mb-8\"><\/div>\r\n \r\n <div class=\"space-y-6 text-gray-400 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n <span class=\"en\">At Spring Reception Hall, we understand that every celebration is a once-in-a-lifetime moment. We have designed a space that fuses majestic architecture with top-tier hospitality services, creating the perfect setting for weddings, spectacular quincea\u00f1eras, and prestigious corporate events.<\/span>\r\n <span class=\"es\">En Spring Reception Hall, entendemos que cada celebraci\u00f3n es un momento \u00fanico en la vida. Hemos dise\u00f1ado un espacio que fusiona la arquitectura majestuosa con servicios de hospitalidad de primer nivel, creando el escenario perfecto para bodas, quincea\u00f1eras espectaculares y eventos corporativos de alto prestigio.<\/span>\r\n <\/p>\r\n <p>\r\n <span class=\"en\">Our dedication to excellence ensures that every detail, from lighting to setup, reflects your personal vision with unmatched elegance.<\/span>\r\n <span class=\"es\">Nuestra dedicaci\u00f3n a la excelencia asegura que cada detalle, desde la iluminaci\u00f3n hasta el montaje, refleje su visi\u00f3n personal con una elegancia inigualable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"order-1 lg:order-2 relative px-4 md:px-8\">\r\n <div class=\"absolute inset-0 border border-[#C5A059]\/60 translate-x-4 translate-y-4 md:translate-x-8 md:translate-y-8 z-0\"><\/div>\r\n <div class=\"relative z-10 shadow-2xl aspect-[3\/4] w-full\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg');\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"relative py-24 md:py-32 xl:py-40 overflow-hidden border-y border-[#C5A059]\/20\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center filter blur-[4px] scale-105\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/95 via-black\/80 to-black\/95 z-10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-20 max-w-6xl\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-gem text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Mission<\/span><span class=\"es\">Misi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To provide a space of ultimate elegance and comprehensive excellence. We exceed our clients' expectations to turn every celebration into an unforgettable masterpiece, caring for every detail with passion and professionalism.<\/span>\r\n <span class=\"es\">Brindar un espacio de m\u00e1xima elegancia y un servicio integral de excelencia. Superamos las expectativas de nuestros clientes para convertir cada celebraci\u00f3n en una obra maestra inolvidable, cuidando cada detalle con pasi\u00f3n y profesionalismo.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-eye text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Vision<\/span><span class=\"es\">Visi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To be the leading and most exclusive luxury event venue in Spring, TX. Recognized for our hospitality innovation, stunning architectural designs, and unwavering commitment to making your dreams come to life.<\/span>\r\n <span class=\"es\">Ser el sal\u00f3n de eventos de lujo l\u00edder y m\u00e1s exclusivo en Spring, TX. Reconocidos por nuestra innovaci\u00f3n en hospitalidad, dise\u00f1os arquitect\u00f3nicos deslumbrantes y el compromiso inquebrantable de hacer que sus sue\u00f1os cobren vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-24 bg-[var(--black-base)] relative border-b border-[#C5A059]\/20\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">What we offer<\/span><span class=\"es\">Lo que ofrecemos<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-6\">\r\n <span class=\"en\">Prestigious<\/span><span class=\"es\">Eventos de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Events<\/span><span class=\"es\">Prestigio<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Weddings<\/span><span class=\"es\">Bodas<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Majestic ceremonies and receptions that mark the beginning of your 'Happily ever after'.<\/span>\r\n <span class=\"es\">Ceremonias y recepciones majestuosas que marcan el inicio de su 'Felices para siempre'.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">Quincea\u00f1eras<\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">The dream celebration for a princess, with the glamour and magic she deserves.<\/span>\r\n <span class=\"es\">La celebraci\u00f3n so\u00f1ada para una princesa, con el glamour y la magia que merece.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jennifer-2-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Special Events<\/span><span class=\"es\">Especiales<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Anniversaries, galas, and private celebrations with a touch of absolute distinction.<\/span>\r\n <span class=\"es\">Aniversarios, galas y celebraciones privadas con un toque de distinci\u00f3n absoluto.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-GRADUACION.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Graduations<\/span><span class=\"es\">Graduaciones<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Commemorate your academic achievements in a sophisticated and unforgettable atmosphere.<\/span>\r\n <span class=\"es\">Conmemore sus logros acad\u00e9micos en un ambiente sofisticado e inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"galeria\" class=\"py-24 bg-[var(--black-surface)] border-b border-[#C5A059]\/20 overflow-hidden relative\">\r\n <div class=\"absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none\">\r\n <i class=\"fa-brands fa-envira text-[40rem] text-[#C5A059]\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 mb-12 relative z-10 flex flex-col md:flex-row justify-between items-end\">\r\n <div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Inspiration<\/span><span class=\"es\">Inspiraci\u00f3n<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-4xl text-white\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/span>\r\n <\/h2>\r\n <\/div>\r\n <button onclick=\"openModal()\" class=\"font-cinzel text-xs tracking-[0.2em] text-gray-400 hover:text-[#C5A059] uppercase transition mt-6 md:mt-0 flex items-center gap-2 group\">\r\n <span class=\"en\">View Full Gallery<\/span><span class=\"es\">Ver Galer\u00eda Completa<\/span>\r\n <i class=\"fa-solid fa-arrow-right-long group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"marquee-container relative z-10\">\r\n <div class=\"marquee-track\" id=\"main-marquee-track\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"reserva\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 max-w-[1400px]\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 border border-[#C5A059]\/30 rounded-sm overflow-hidden shadow-[0_0_40px_rgba(0,0,0,0.8)]\">\r\n \r\n \r\n <div class=\"bg-[var(--black-surface)] p-10 md:p-16 lg:p-20 xl:p-24 relative flex flex-col justify-center min-h-[650px]\">\r\n <div class=\"absolute top-0 left-0 w-16 h-16 border-t-2 border-l-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-16 h-16 border-b-2 border-r-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"font-cinzel text-3xl md:text-4xl text-white mb-2\">\r\n <span class=\"en\">Schedule a<\/span><span class=\"es\">Agende un<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorrido<\/span>\r\n <\/span>\r\n <\/h3>\r\n <p class=\"font-light text-gray-400 text-sm mb-12\">\r\n <span class=\"en\">Leave us your details and an event specialist will contact you shortly to confirm your appointment.<\/span>\r\n <span class=\"es\">D\u00e9jenos sus datos y un especialista en eventos se pondr\u00e1 en contacto con usted a la brevedad para confirmar su cita.<\/span>\r\n <\/p>\r\n \r\n <form action=\"https:\/\/formsubmit.co\/info@springreceptionhalltx.com\" method=\"POST\" class=\"space-y-8 relative z-10\">\r\n \r\n \r\n <input type=\"hidden\" name=\"_subject\" value=\"\u00a1Nueva Solicitud Web! \/ New Web Tour Request!\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"text\" name=\"Nombre\" data-ph-en=\"FULL NAME\" data-ph-es=\"NOMBRE COMPLETO\" placeholder=\"FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <input type=\"tel\" name=\"Telefono\" data-ph-en=\"PHONE\" data-ph-es=\"TEL\u00c9FONO\" placeholder=\"PHONE\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"email\" name=\"Correo\" data-ph-en=\"EMAIL\" data-ph-es=\"CORREO ELECTR\u00d3NICO\" placeholder=\"EMAIL\" class=\"input-luxury i18n-ph\" required>\r\n \r\n \r\n <div class=\"relative\">\r\n <select name=\"Tipo_de_Evento\" class=\"input-luxury appearance-none cursor-pointer text-gray-400 focus:text-white\" required onchange=\"this.style.color='white'\">\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-500 i18n-opt\" data-text-en=\"EVENT TYPE\" data-text-es=\"TIPO DE EVENTO\">EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quinceanera\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other\" data-text-es=\"Otro\">Other<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 top-1\/2 -translate-y-1\/2 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n <input type=\"text\" name=\"Fecha_Estimada\" onfocus=\"(this.type='date')\" onblur=\"(this.type='text')\" data-ph-en=\"ESTIMATED EVENT DATE\" data-ph-es=\"FECHA ESTIMADA DEL EVENTO\" placeholder=\"ESTIMATED EVENT DATE\" class=\"input-luxury i18n-ph w-full text-gray-400 focus:text-white\" required>\r\n <\/div>\r\n \r\n <textarea name=\"Mensaje\" data-ph-en=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" data-ph-es=\"OBSERVACIONES EXTRAS PARA SU CONSULTA\" placeholder=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" class=\"input-luxury i18n-ph resize-none h-32\" required><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit\" class=\"btn-luxury w-full mt-6 flex justify-center items-center gap-3 py-5\">\r\n <span class=\"text-sm\">\r\n <span class=\"en\">Request Availability<\/span><span class=\"es\">Solicitar Disponibilidad<\/span>\r\n <\/span>\r\n <i class=\"fa-solid fa-paper-plane text-[0.8rem]\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"h-[400px] lg:h-auto min-h-[500px] lg:min-h-[650px] bg-gray-900 relative\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3452.8824194098!2d-95.439366!3d30.068832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864734a7428f5b89%3A0xc66579fc2c53a6!2s100%20Cypresswood%20Dr%20%231300%2C%20Spring%2C%20TX%2077388!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \r\n class=\"w-full h-full border-0 map-luxury absolute inset-0\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n \r\n <div class=\"absolute bottom-8 left-8 bg-black\/80 backdrop-blur-md border border-[#C5A059]\/50 p-6 max-w-[280px] shadow-2xl z-10\">\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] text-xl\"><\/i>\r\n <p class=\"font-cinzel text-[#C5A059] text-sm tracking-widest uppercase\">\r\n <span class=\"en\">Location<\/span><span class=\"es\">Ubicaci\u00f3n<\/span>\r\n <\/p>\r\n <\/div>\r\n <p class=\"text-white text-sm font-light leading-relaxed\">100 Cypresswood Dr.<br>Suite #1300<br>Spring, TX 77388<\/p>\r\n <div class=\"w-full h-[1px] bg-[#C5A059]\/30 my-4\"><\/div>\r\n <a href=\"tel:8328863192\" class=\"text-gray-300 hover:text-[#C5A059] transition flex items-center gap-2 text-sm font-light\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] text-xs\"><\/i> 832-886-3192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"contacto\" class=\"bg-[var(--black-surface)] relative border-t border-[#C5A059]\/30 pt-20 pb-10\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-white\/10 pb-16\">\r\n \r\n \r\n <div>\r\n <a href=\"#\" class=\"inline-block group mb-6\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall Logo\" \r\n style=\"max-height: 80px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n <p class=\"text-gray-400 font-light text-sm mb-6 leading-relaxed\">\r\n <span class=\"en\">The place where your dreams come to life. We raise the standard of hospitality and elegance for your most important events.<\/span>\r\n <span class=\"es\">El lugar donde tus sue\u00f1os cobran vida. Elevamos el est\u00e1ndar de la hospitalidad y la elegancia para tus eventos m\u00e1s importantes.<\/span>\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Explore<\/span><span class=\"es\">Explorar<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#inicio\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span><\/a><\/li>\r\n <li><a href=\"#nosotros\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">About Us<\/span><span class=\"es\">Sobre Nosotros<\/span><\/a><\/li>\r\n <li><a href=\"#servicios\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span><\/a><\/li>\r\n <li><a href=\"#galeria\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Contact<\/span><span class=\"es\">Contacto<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] mt-1\"><\/i>\r\n <span class=\"text-gray-400 text-sm font-light\">100 Cypresswood Dr. Suite #1300<br>Spring, TX 77388<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"tel:8328863192\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">832-886-3192<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">info@springreceptionhalltx.com<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 pt-4 mt-2 border-t border-[#C5A059]\/20\">\r\n <i class=\"fa-regular fa-clock text-[#C5A059] mt-1 text-lg\"><\/i>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-white text-[0.7rem] font-cinzel tracking-widest uppercase mb-1\">\r\n <span class=\"en\">Business Hours<\/span><span class=\"es\">Horario de Atenci\u00f3n<\/span>\r\n <\/span>\r\n <span class=\"text-gray-400 text-sm font-light\">12:00 PM - 8:00 PM<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-[var(--black-base)] border border-[#C5A059]\/30 p-6 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-[#C5A059]\/10 rounded-bl-full -mr-8 -mt-8 transition-transform group-hover:scale-150\"><\/div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-sm mb-4 tracking-widest uppercase\">Venue Tours<\/h4>\r\n <p class=\"text-white font-cinzel text-xl mb-2\">\r\n <span class=\"en\">Next Wednesday<\/span><span class=\"es\">Pr\u00f3ximo Mi\u00e9rcoles<\/span>\r\n <\/p>\r\n <p class=\"text-gray-400 text-sm font-light mb-4\">\r\n <span class=\"en\">4:00 PM to 9:00 PM<br>Free Admission<\/span>\r\n <span class=\"es\">De 4:00 PM a 9:00 PM<br>Entrada Gratuita<\/span>\r\n <\/p>\r\n <a href=\"#reserva\" class=\"inline-block border border-[#C5A059] text-[#C5A059] px-4 py-2 text-xs font-cinzel tracking-widest uppercase hover:bg-[#C5A059] hover:text-black transition duration-300\">\r\n <span class=\"en\">Book Appointment<\/span><span class=\"es\">Agendar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"font-light text-[0.65rem] tracking-widest text-gray-500 uppercase\">\r\n © 2026 Spring Reception Hall. \r\n <span class=\"en\">All rights reserved.<\/span><span class=\"es\">Todos los derechos reservados.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div id=\"galleryModal\" class=\"modal-overlay fixed inset-0 z-[100] bg-black\/95 backdrop-blur-md flex items-center justify-center p-4 overflow-y-auto\">\r\n <button onclick=\"closeModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[150] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"modal-content relative w-full max-w-7xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/30 p-6 md:p-10 my-8 mt-20\">\r\n <div class=\"text-center mb-10 mt-4\">\r\n <h2 class=\"font-cinzel text-3xl text-white\">\r\n <span class=\"en\">Exclusive<\/span><span class=\"es\">Colecci\u00f3n<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Collection<\/span><span class=\"es\">Exclusiva<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059]\/50 mx-auto mt-4 mb-6\"><\/div>\r\n <div id=\"gallery-counter\" class=\"font-cinzel text-xs tracking-[0.2em] text-[#C5A059] uppercase\"><\/div>\r\n <\/div>\r\n <div id=\"dynamic-gallery-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"lightboxModal\" class=\"modal-overlay fixed inset-0 z-[160] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4 hidden\">\r\n <button onclick=\"closeLightbox()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[170] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n \r\n <button onclick=\"changeLightboxImage(-1)\" class=\"fixed left-2 md:left-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n <button onclick=\"changeLightboxImage(1)\" class=\"fixed right-2 md:right-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"modal-content relative w-full h-full max-w-6xl mx-auto flex items-center justify-center p-4 select-none\">\r\n <div class=\"relative bg-[#0a0a0a] p-3 md:p-6 border border-[#C5A059]\/40 shadow-[0_0_60px_rgba(197,160,89,0.15)] flex-shrink-0\">\r\n <div class=\"border border-[#C5A059]\/30 p-2 md:p-4 relative\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-[#C5A059] -translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-[#C5A059] translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-[#C5A059] -translate-x-1 translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-[#C5A059] translate-x-1 translate-y-1\"><\/div>\r\n \r\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"Gallery Image\" class=\"max-w-full max-h-[70vh] md:max-h-[80vh] object-contain shadow-2xl relative z-10 transition-opacity duration-300\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute bottom-10 left-0 w-full text-center text-gray-400 font-light text-xs tracking-widest md:hidden animate-pulse\">\r\n <i class=\"fa-solid fa-left-right mr-2\"><\/i> <span class=\"en\">Swipe to navigate<\/span><span class=\"es\">Desliza para navegar<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div> \r\n\r\n <script>\r\n \/\/ ----------------------------------------------------\r\n \/\/ SISTEMA DE IDIOMA ROBUSTO (ENGLISH DEFAULT)\r\n \/\/ ----------------------------------------------------\r\n let currentLang = 'en';\r\n\r\n function setLanguage(lang) {\r\n currentLang = lang;\r\n \r\n \/\/ Actualizar el wrapper principal para ocultar\/mostrar elementos\r\n const wrapper = document.getElementById('srh-wrapper');\r\n if (wrapper) {\r\n wrapper.classList.remove('srh-lang-en', 'srh-lang-es');\r\n wrapper.classList.add('srh-lang-' + lang);\r\n }\r\n \r\n \/\/ Actualizar botones UI (Desktop)\r\n document.getElementById('btn-lang-en').className = lang === 'en' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n document.getElementById('btn-lang-es').className = lang === 'es' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n \r\n \/\/ Actualizar botones UI (Mobile)\r\n document.getElementById('btn-lang-mob-en').className = lang === 'en' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n document.getElementById('btn-lang-mob-es').className = lang === 'es' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n\r\n \/\/ Actualizar Placeholders\r\n document.querySelectorAll('.i18n-ph').forEach(el => {\r\n el.placeholder = el.getAttribute(`data-ph-${lang}`);\r\n });\r\n\r\n \/\/ Actualizar opciones del select\r\n document.querySelectorAll('.i18n-opt').forEach(el => {\r\n el.textContent = el.getAttribute(`data-text-${lang}`);\r\n });\r\n \r\n if(galleryLoaded) updateGalleryCounter();\r\n }\r\n\r\n \/\/ L\u00f3gica del Men\u00fa M\u00f3vil\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileIcon = mobileBtn ? mobileBtn.querySelector('i') : null;\r\n\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n if(mobileMenu.classList.contains('flex')) {\r\n mobileIcon.classList.remove('fa-bars');\r\n mobileIcon.classList.add('fa-xmark');\r\n } else {\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.classList.remove('flex');\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Navbar Scroll\r\n window.addEventListener('scroll', () => {\r\n const topBar = document.getElementById('top-bar');\r\n const mainNavbar = document.getElementById('main-navbar');\r\n const navContainer = document.getElementById('nav-container');\r\n\r\n if (window.scrollY > 50) {\r\n if(topBar) {\r\n topBar.classList.remove('max-h-12', 'opacity-100');\r\n topBar.classList.add('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/95');\r\n mainNavbar.classList.remove('bg-black\/80');\r\n navContainer.classList.add('h-20');\r\n navContainer.classList.remove('h-24');\r\n } else {\r\n if(topBar) {\r\n topBar.classList.add('max-h-12', 'opacity-100');\r\n topBar.classList.remove('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/80');\r\n mainNavbar.classList.remove('bg-black\/95');\r\n navContainer.classList.add('h-24');\r\n navContainer.classList.remove('h-20');\r\n }\r\n });\r\n\r\n const galleryImages = [\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-15-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-18-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-152-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-40-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-303-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-2-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-47-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-410-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-211-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-249-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-195-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-217-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-96-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-102-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-113-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-819-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-203-1-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-384-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-237-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-250-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-261-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-140-scaled.jpg\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n }\r\n\r\n const modal = document.getElementById('galleryModal');\r\n const lightboxModal = document.getElementById('lightboxModal');\r\n const lightboxImage = document.getElementById('lightboxImage');\r\n let currentLightboxIndex = 0; \r\n \r\n function openModal() {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \r\n loadGallery(); \r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function openLightbox(url) {\r\n currentLightboxIndex = galleryImages.indexOf(url);\r\n if (currentLightboxIndex === -1) currentLightboxIndex = 0;\r\n\r\n lightboxImage.src = url;\r\n lightboxImage.style.opacity = '1';\r\n lightboxModal.classList.remove('hidden');\r\n setTimeout(() => { lightboxModal.classList.add('active'); }, 10);\r\n }\r\n\r\n function closeLightbox() {\r\n lightboxModal.classList.remove('active');\r\n setTimeout(() => { \r\n lightboxModal.classList.add('hidden');\r\n lightboxImage.src = ''; \r\n }, 400); \r\n }\r\n\r\n function changeLightboxImage(direction) {\r\n currentLightboxIndex += direction;\r\n if (currentLightboxIndex < 0) currentLightboxIndex = galleryImages.length - 1;\r\n else if (currentLightboxIndex >= galleryImages.length) currentLightboxIndex = 0;\r\n\r\n lightboxImage.style.opacity = '0.3';\r\n setTimeout(() => {\r\n lightboxImage.src = galleryImages[currentLightboxIndex];\r\n lightboxImage.style.opacity = '1';\r\n }, 200);\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (lightboxModal.classList.contains('active')) {\r\n if (e.key === 'ArrowLeft') changeLightboxImage(-1);\r\n if (e.key === 'ArrowRight') changeLightboxImage(1);\r\n if (e.key === 'Escape') closeLightbox();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n lightboxModal.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\r\n lightboxModal.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const threshold = 50; \r\n if (touchEndX < touchStartX - threshold) changeLightboxImage(1); \r\n if (touchEndX > touchStartX + threshold) changeLightboxImage(-1); \r\n }, { passive: true });\r\n\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n lightboxModal.addEventListener('click', (e) => {\r\n if (e.target === lightboxModal || e.target.closest('.modal-content') === lightboxModal) {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n function initMarquee() {\r\n const track = document.getElementById('main-marquee-track');\r\n if (!track) return;\r\n track.innerHTML = '';\r\n let itemsHTML = '';\r\n const carouselPhotos = [...galleryImages];\r\n shuffleArray(carouselPhotos);\r\n \r\n carouselPhotos.forEach(url => {\r\n itemsHTML += `\r\n <div class=\"marquee-item group cursor-pointer\" onclick=\"openLightbox('${url}')\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110\" \r\n style=\"background-image: url('${url}');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-black\/50 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-3xl transform scale-50 group-hover:scale-100 transition-all duration-300\"><\/i>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n track.innerHTML = itemsHTML + itemsHTML; \r\n track.style.animationDuration = `${carouselPhotos.length * 5}s`; \r\n }\r\n\r\n let galleryLoaded = false;\r\n function updateGalleryCounter() {\r\n const counter = document.getElementById('gallery-counter');\r\n if(counter) {\r\n if (currentLang === 'en') {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Exclusive Photographs`;\r\n } else {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Fotograf\u00edas Exclusivas`;\r\n }\r\n }\r\n }\r\n\r\n function loadGallery() {\r\n if (galleryLoaded) return;\r\n const grid = document.getElementById('dynamic-gallery-grid');\r\n const gridPhotos = [...galleryImages];\r\n shuffleArray(gridPhotos);\r\n grid.innerHTML = ''; \r\n \r\n gridPhotos.forEach((url, index) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative group overflow-hidden border border-white\/10 shadow-lg cursor-pointer aspect-square w-full fade-in-up';\r\n if(index < 10) div.style.animationDelay = `${index * 0.05}s`;\r\n div.onclick = () => openLightbox(url);\r\n div.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center group-hover:scale-110 transition duration-700\" style=\"background-image: url('${url}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent opacity-0 group-hover:opacity-100 transition duration-300 flex flex-col items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-4xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 mb-2\"><\/i>\r\n <span class=\"font-cinzel text-white text-xs tracking-widest uppercase transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 delay-100\">\r\n <span class=\"en\">Enlarge<\/span><span class=\"es\">Ampliar<\/span>\r\n <\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n updateGalleryCounter();\r\n galleryLoaded = true; \r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initMarquee);\r\n } else {\r\n setTimeout(initMarquee, 100);\r\n }\r\n\r\n const form = document.querySelector('form');\r\n if (form) {\r\n form.addEventListener('submit', function() {\r\n const btn = document.getElementById('btn-submit');\r\n if (currentLang === 'en') {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Processing...';\r\n } else {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Procesando...';\r\n }\r\n btn.style.pointerEvents = 'none';\r\n btn.classList.add('opacity-80');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spring Reception Hall | Luxury Event Venue 832-886-3192 info@springreceptionhalltx.com Mon-Fri: 12:30 PM – 7:30 PM | Sat: 2:00 PM – 4:00 PM Lun-Vie: 12:30 PM – 7:30 PM | S\u00e1b: 2:00 PM – 4:00 PM HomeInicio About UsNosotros ServicesServicios Packages & QuotePaquetes y Cotizador GalleryGaler\u00eda VideosVideos EN | ES Book TourReservar Cita EN | ES […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":77,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Spring Reception Hall | Luxury Event Venue<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --gold-light: #F9E596;\r\n --gold-base: #C5A059;\r\n --gold-dark: #8C6F36;\r\n --black-base: #050505;\r\n --black-surface: #111111;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: var(--black-base);\r\n color: #E0E0E0;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6, .font-cinzel {\r\n font-family: 'Cinzel', serif;\r\n }\r\n\r\n .font-script {\r\n font-family: 'Pinyon Script', cursive;\r\n }\r\n\r\n \/* ------------------------------------------- *\/\r\n \/* SISTEMA DE TRADUCCI\u00d3N ROBUSTO (ANTI-WORDPRESS) *\/\r\n \/* ------------------------------------------- *\/\r\n #srh-wrapper.srh-lang-en .es { display: none !important; }\r\n #srh-wrapper.srh-lang-es .en { display: none !important; }\r\n\r\n \/* Efecto de Metal Dorado Reflejante *\/\r\n .text-gold-metallic {\r\n background: linear-gradient(\r\n to bottom, \r\n #FFF2B2 0%, \r\n #D4AF37 25%, \r\n #8A661C 50%, \r\n #D4AF37 75%, \r\n #FFF2B2 100%\r\n );\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0px 2px 15px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Bot\u00f3n de Lujo Principal *\/\r\n .btn-luxury {\r\n display: inline-block;\r\n background-color: transparent;\r\n color: var(--gold-base);\r\n border: 1px solid var(--gold-base);\r\n padding: 16px 40px;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n z-index: 1;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-luxury::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-light), var(--gold-base));\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n .btn-luxury:hover {\r\n color: var(--black-base);\r\n border-color: transparent;\r\n box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n }\r\n\r\n .btn-luxury:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Bot\u00f3n Dorado S\u00f3lido *\/\r\n .btn-gold-solid {\r\n display: inline-block;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-base), var(--gold-light));\r\n color: var(--black-base);\r\n font-family: 'Cinzel', serif;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n padding: 16px 36px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n box-shadow: 0 5px 15px rgba(197, 160, 89, 0.25);\r\n }\r\n .btn-gold-solid:hover {\r\n filter: brightness(1.1);\r\n box-shadow: 0 8px 25px rgba(197, 160, 89, 0.4);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* Bot\u00f3n de Opci\u00f3n de Selecci\u00f3n *\/\r\n .choice-pill {\r\n border: 1px solid rgba(197, 160, 89, 0.35);\r\n background: rgba(0, 0, 0, 0.6);\r\n color: #ccc;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.15em;\r\n padding: 12px 22px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n .choice-pill:hover {\r\n border-color: var(--gold-base);\r\n color: white;\r\n }\r\n .choice-pill.active {\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-base));\r\n color: #050505;\r\n border-color: var(--gold-light);\r\n font-weight: 700;\r\n box-shadow: 0 0 15px rgba(197, 160, 89, 0.3);\r\n }\r\n\r\n \/* Formulario Elegante y Calendario Oscuro *\/\r\n .input-luxury {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n color: white;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.85rem;\r\n padding: 12px 0;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n color-scheme: dark;\r\n }\r\n\r\n .input-luxury:focus {\r\n outline: none;\r\n border-bottom-color: var(--gold-base);\r\n box-shadow: 0 1px 0 0 var(--gold-base);\r\n }\r\n\r\n .input-luxury::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n font-family: 'Cinzel', serif;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n filter: invert(72%) sepia(35%) saturate(548%) hue-rotate(3deg) brightness(92%) contrast(88%);\r\n cursor: pointer;\r\n opacity: 0.85;\r\n }\r\n input[type=\"date\"]::-webkit-calendar-picker-indicator:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Tarjetas de \u00cdtems del Cotizador *\/\r\n .quote-item-card {\r\n background: rgba(17, 17, 17, 0.9);\r\n border: 1px solid rgba(197, 160, 89, 0.25);\r\n transition: all 0.3s ease;\r\n }\r\n .quote-item-card:hover {\r\n border-color: rgba(197, 160, 89, 0.6);\r\n }\r\n .quote-item-card.selected {\r\n background: linear-gradient(135deg, rgba(197, 160, 89, 0.15) 0%, rgba(17, 17, 17, 0.95) 100%);\r\n border-color: var(--gold-base);\r\n box-shadow: 0 0 20px rgba(197, 160, 89, 0.12);\r\n }\r\n\r\n \/* Bot\u00f3n de signo de interrogaci\u00f3n (?) *\/\r\n .info-q-btn {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 9999px;\r\n border: 1px solid rgba(197, 160, 89, 0.6);\r\n color: var(--gold-base);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n background: rgba(0, 0, 0, 0.7);\r\n transition: all 0.25s ease;\r\n flex-shrink: 0;\r\n cursor: pointer;\r\n }\r\n .info-q-btn:hover {\r\n background: var(--gold-base);\r\n color: #000;\r\n transform: scale(1.12);\r\n box-shadow: 0 0 10px rgba(197, 160, 89, 0.5);\r\n }\r\n\r\n \/* Bot\u00f3n Play Pulso Dorado para Galer\u00eda de Video *\/\r\n .video-play-btn {\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 9999px;\r\n background: rgba(5, 5, 5, 0.75);\r\n border: 1.5px solid var(--gold-base);\r\n color: var(--gold-base);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 0 25px rgba(197, 160, 89, 0.3);\r\n }\r\n .group:hover .video-play-btn {\r\n background: var(--gold-base);\r\n color: #050505;\r\n transform: scale(1.12);\r\n box-shadow: 0 0 35px rgba(197, 160, 89, 0.65);\r\n }\r\n\r\n \/* Scrollbar fino *\/\r\n .custom-scrollbar::-webkit-scrollbar {\r\n width: 4px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.02);\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb {\r\n background: rgba(197, 160, 89, 0.4);\r\n }\r\n\r\n \/* Mapa Filtro Oscuro *\/\r\n .map-luxury {\r\n filter: grayscale(100%) invert(92%) contrast(83%) hue-rotate(180deg);\r\n opacity: 0.8;\r\n transition: opacity 0.3s ease;\r\n }\r\n .map-luxury:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Carrusel Infinito *\/\r\n .marquee-container {\r\n display: flex;\r\n overflow: hidden;\r\n width: 100%;\r\n position: relative;\r\n }\r\n .marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: scroll 200s linear infinite; \r\n }\r\n .marquee-track:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); } \r\n }\r\n .marquee-item {\r\n width: 400px;\r\n height: 400px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid rgba(197, 160, 89, 0.1);\r\n }\r\n\r\n \/* Modales *\/\r\n .modal-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.35s ease;\r\n }\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .modal-content {\r\n transform: scale(0.95) translateY(20px);\r\n opacity: 0;\r\n transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n .modal-overlay.active .modal-content {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n \/* Animaci\u00f3n Fade In *\/\r\n .fade-in-up {\r\n animation: fadeInUp 1s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased selection:bg-[#C5A059] selection:text-black\">\r\n\r\n\r\n<div id=\"srh-wrapper\" class=\"srh-lang-en w-full\">\r\n\r\n <header class=\"fixed w-full top-0 z-50 transition-all duration-300\" id=\"header-wrapper\">\r\n \r\n \r\n <div id=\"top-bar\" class=\"hidden lg:block w-full bg-[#050505] border-b border-[#C5A059]\/20 transition-all duration-500 overflow-hidden opacity-100 max-h-12\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex justify-between items-center py-2.5\">\r\n <div class=\"flex items-center gap-6 text-[0.65rem] font-cinzel tracking-[0.2em] text-gray-400 uppercase\">\r\n <a href=\"tel:8328863192\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059]\"><\/i> 832-886-3192\r\n <\/a>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059]\"><\/i> info@springreceptionhalltx.com\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-[0.65rem] font-cinzel tracking-[0.2em] text-[#C5A059] uppercase\">\r\n <i class=\"fa-regular fa-clock\"><\/i> \r\n <span class=\"en\">Mon-Fri: 12:30 PM - 7:30 PM | Sat: 2:00 PM - 4:00 PM<\/span>\r\n <span class=\"es\">Lun-Vie: 12:30 PM - 7:30 PM | S\u00e1b: 2:00 PM - 4:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"main-navbar\" class=\"bg-black\/80 backdrop-blur-md border-b border-[#C5A059]\/20 transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div id=\"nav-container\" class=\"flex justify-between items-center h-24 transition-all duration-300 relative\">\r\n \r\n <a href=\"#\" class=\"inline-block group py-2\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall\" \r\n style=\"max-height: 75px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex gap-6 xl:gap-8 items-center\">\r\n <a href=\"#inicio\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] font-semibold hover:text-white uppercase transition-colors flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-calculator text-[10px]\"><\/i>\r\n <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n <a href=\"#videos\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-film text-[#C5A059] text-[10px]\"><\/i>\r\n <span class=\"en\">Videos<\/span><span class=\"es\">Videos<\/span>\r\n <\/a>\r\n \r\n \r\n <div class=\"flex items-center gap-3 ml-1 border-l border-white\/20 pl-5\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-en\" class=\"font-cinzel text-xs font-bold tracking-widest text-[#C5A059] hover:text-[#C5A059] transition-colors\">EN<\/button>\r\n <span class=\"text-white\/20 text-xs\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-es\" class=\"font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors\">ES<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"#reserva\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] border border-[#C5A059]\/50 px-5 py-3 hover:bg-[#C5A059] hover:text-black transition-all duration-300 ml-2\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/nav>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-[#C5A059] text-2xl focus:outline-none z-50 relative\">\r\n <i class=\"fas fa-bars font-light\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-[100%] left-0 w-full bg-black\/95 backdrop-blur-xl border-b border-[#C5A059]\/30 flex-col items-center py-8 gap-6 z-40 transition-all duration-300 shadow-2xl\">\r\n \r\n <div class=\"flex items-center gap-4 mb-2 border border-[#C5A059]\/30 rounded-full px-6 py-2\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-mob-en\" class=\"font-cinzel text-sm font-bold tracking-widest text-[#C5A059]\">EN<\/button>\r\n <span class=\"text-white\/20 text-sm\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-mob-es\" class=\"font-cinzel text-sm tracking-widest text-gray-500\">ES<\/button>\r\n <\/div>\r\n\r\n <a href=\"#inicio\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"text-sm font-cinzel tracking-widest text-[#C5A059] font-semibold uppercase transition-colors\">\r\n <i class=\"fa-solid fa-calculator mr-1\"><\/i> <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Photo Gallery<\/span><span class=\"es\">Galer\u00eda de Fotos<\/span>\r\n <\/a>\r\n <a href=\"#videos\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <i class=\"fa-solid fa-film text-[#C5A059] mr-1\"><\/i> <span class=\"en\">Video Gallery<\/span><span class=\"es\">Galer\u00eda de Videos<\/span>\r\n <\/a>\r\n <a href=\"#reserva\" class=\"text-sm font-cinzel tracking-widest text-black bg-[#C5A059] px-8 py-3 hover:bg-white transition-all duration-300 mt-2\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"inicio\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transform scale-105\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/90 via-black\/50 to-black\/90 z-10\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-20 text-center mt-24\">\r\n <div class=\"flex items-center justify-center gap-4 mb-6 fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <i class=\"fa-brands fa-envira text-[#C5A059] text-lg\"><\/i>\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <\/div>\r\n \r\n <h2 class=\"font-cinzel text-sm md:text-base tracking-[0.4em] text-gray-300 uppercase mb-4 fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n <span class=\"en\">You are invited to our<\/span>\r\n <span class=\"es\">Te invitamos a nuestro<\/span>\r\n <\/h2>\r\n \r\n <h1 class=\"text-6xl md:text-8xl lg:text-[8rem] mb-8 fade-in-up leading-none\" style=\"animation-delay: 0.6s;\">\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block\">VENUE<\/span>\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block mt-[-10px]\">TOUR<\/span>\r\n <\/h1>\r\n \r\n <p class=\"font-light text-gray-300 max-w-2xl mx-auto mb-12 text-base md:text-lg leading-relaxed fade-in-up\" style=\"animation-delay: 0.8s;\">\r\n <span class=\"en\">Explore every space, discover our services, and visualize your dream event.<\/span>\r\n <span class=\"es\">Conoce de cerca cada espacio, descubre nuestros servicios y visualiza el evento de tus sue\u00f1os.<\/span>\r\n <\/p>\r\n\r\n <div class=\"fade-in-up flex flex-col sm:flex-row gap-4 justify-center items-center\" style=\"animation-delay: 1s;\">\r\n <a href=\"#reserva\" class=\"btn-luxury\">\r\n <span class=\"en\">Schedule Tour<\/span>\r\n <span class=\"es\">Agendar Recorrido<\/span>\r\n <\/a>\r\n <a href=\"#cotizador\" class=\"btn-gold-solid\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles mr-2\"><\/i>\r\n <span class=\"en\">Quote Your Event<\/span>\r\n <span class=\"es\">Cotizar Mi Evento<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tours-info\" class=\"py-24 bg-[var(--black-surface)] relative border-b border-[#C5A059]\/10\">\r\n <div class=\"container mx-auto px-6 lg:px-12 2xl:px-24 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-4\">\r\n <span class=\"en\">Personalized Venue Tours<\/span><span class=\"es\">Recorridos Personalizados<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Monday to<\/span><span class=\"es\">De Lunes a<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase ml-2\">\r\n <span class=\"en\">Friday<\/span><span class=\"es\">Viernes<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm leading-relaxed\">\r\n <span class=\"en\">Visit us Monday through Friday from 12:30 PM to 7:30 PM (and Saturdays from 2:00 PM to 4:00 PM by appointment). Discover why Spring Reception Hall is where your dreams come to life.<\/span>\r\n <span class=\"es\">Vis\u00edtanos de Lunes a Viernes de 12:30 PM a 7:30 PM (y S\u00e1bados de 2:00 PM a 4:00 PM con cita previa). Descubre por qu\u00e9 Spring Reception Hall es el lugar donde tus sue\u00f1os cobran vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-8\">\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-landmark-dome text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our elegant halls and versatile spaces designed for royalty.<\/span>\r\n <span class=\"es\">Nuestros elegantes salones y espacios vers\u00e1tiles dise\u00f1ados para la realeza.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-bell-concierge text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Discover<\/span><span class=\"es\">Descubre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our personalized attention and premium packages tailored to you.<\/span>\r\n <span class=\"es\">Nuestra atenci\u00f3n personalizada y paquetes premium creados a tu medida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-couch text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Visualize<\/span><span class=\"es\">Visualiza<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Setups, decorations, and exclusive options that make your event unique.<\/span>\r\n <span class=\"es\">Montajes, decoraciones y opciones exclusivas que har\u00e1n \u00fanico tu evento.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-regular fa-calendar-check text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Experience<\/span><span class=\"es\">Conoce<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Every detail and hospitality service to ensure an unforgettable event.<\/span>\r\n <span class=\"es\">Cada detalle y servicio de hospitalidad para que tu evento sea inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n <div class=\"order-2 lg:order-1\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">Our Essence<\/span><span class=\"es\">Nuestra Esencia<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-8 leading-tight\">\r\n <span class=\"en\">More than a venue,<\/span><span class=\"es\">M\u00e1s que un sal\u00f3n,<\/span><br>\r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">an experience<\/span><span class=\"es\">una experiencia<\/span>\r\n <\/span>\r\n <\/h2>\r\n \r\n <div class=\"w-12 h-[2px] bg-[#C5A059] mb-8\"><\/div>\r\n \r\n <div class=\"space-y-6 text-gray-400 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n <span class=\"en\">At Spring Reception Hall, we understand that every celebration is a once-in-a-lifetime moment. We have designed a space that fuses majestic architecture with top-tier hospitality services, creating the perfect setting for weddings, spectacular quincea\u00f1eras, and prestigious corporate events.<\/span>\r\n <span class=\"es\">En Spring Reception Hall, entendemos que cada celebraci\u00f3n es un momento \u00fanico en la vida. Hemos dise\u00f1ado un espacio que fusiona la arquitectura majestuosa con servicios de hospitalidad de primer nivel, creando el escenario perfecto para bodas, quincea\u00f1eras espectaculares y eventos corporativos de alto prestigio.<\/span>\r\n <\/p>\r\n <p>\r\n <span class=\"en\">Our dedication to excellence ensures that every detail, from lighting to setup, reflects your personal vision with unmatched elegance.<\/span>\r\n <span class=\"es\">Nuestra dedicaci\u00f3n a la excelencia asegura que cada detalle, desde la iluminaci\u00f3n hasta el montaje, refleje su visi\u00f3n personal con una elegancia inigualable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"order-1 lg:order-2 relative px-4 md:px-8\">\r\n <div class=\"absolute inset-0 border border-[#C5A059]\/60 translate-x-4 translate-y-4 md:translate-x-8 md:translate-y-8 z-0\"><\/div>\r\n <div class=\"relative z-10 shadow-2xl aspect-[3\/4] w-full\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg');\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"relative py-24 md:py-32 xl:py-40 overflow-hidden border-y border-[#C5A059]\/20\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center filter blur-[4px] scale-105\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/95 via-black\/80 to-black\/95 z-10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-20 max-w-6xl\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-gem text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Mission<\/span><span class=\"es\">Misi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To provide a space of ultimate elegance and comprehensive excellence. We exceed our clients' expectations to turn every celebration into an unforgettable masterpiece, caring for every detail with passion and professionalism.<\/span>\r\n <span class=\"es\">Brindar un espacio de m\u00e1xima elegancia y un servicio integral de excelencia. Superamos las expectativas de nuestros clientes para convertir cada celebraci\u00f3n en una obra maestra inolvidable, cuidando cada detalle con pasi\u00f3n y profesionalismo.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-eye text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Vision<\/span><span class=\"es\">Visi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To be the leading and most exclusive luxury event venue in Spring, TX. Recognized for our hospitality innovation, stunning architectural designs, and unwavering commitment to making your dreams come to life.<\/span>\r\n <span class=\"es\">Ser el sal\u00f3n de eventos de lujo l\u00edder y m\u00e1s exclusivo en Spring, TX. Reconocidos por nuestra innovaci\u00f3n en hospitalidad, dise\u00f1os arquitect\u00f3nicos deslumbrantes y el compromiso inquebrantable de hacer que sus sue\u00f1os cobren vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-24 bg-[var(--black-base)] relative border-b border-[#C5A059]\/20\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">What we offer<\/span><span class=\"es\">Lo que ofrecemos<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-6\">\r\n <span class=\"en\">Prestigious<\/span><span class=\"es\">Eventos de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Events<\/span><span class=\"es\">Prestigio<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Weddings<\/span><span class=\"es\">Bodas<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Majestic ceremonies and receptions that mark the beginning of your 'Happily ever after'.<\/span>\r\n <span class=\"es\">Ceremonias y recepciones majestuosas que marcan el inicio de su 'Felices para siempre'.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">Quincea\u00f1eras<\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">The dream celebration for a princess, with the glamour and magic she deserves.<\/span>\r\n <span class=\"es\">La celebraci\u00f3n so\u00f1ada para una princesa, con el glamour y la magia que merece.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jennifer-2-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Special Events<\/span><span class=\"es\">Especiales<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Anniversaries, galas, and private celebrations with a touch of absolute distinction.<\/span>\r\n <span class=\"es\">Aniversarios, galas y celebraciones privadas con un toque de distinci\u00f3n absoluto.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-GRADUACION.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Graduations<\/span><span class=\"es\">Graduaciones<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Commemorate your academic achievements in a sophisticated and unforgettable atmosphere.<\/span>\r\n <span class=\"es\">Conmemore sus logros acad\u00e9micos en un ambiente sofisticado e inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"cotizador\" class=\"py-24 md:py-32 bg-[#080808] relative border-b border-[#C5A059]\/30 overflow-hidden\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[800px] h-[400px] bg-[#C5A059]\/5 blur-[150px] pointer-events-none rounded-full\"><\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10 max-w-7xl\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-3\">\r\n <span class=\"en\">Tailored Luxury<\/span><span class=\"es\">Lujo a tu Medida<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Exclusive Packages &<\/span><span class=\"es\">Paquetes Exclusivos y<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase block md:inline ml-2\">\r\n <span class=\"en\">Custom Quote<\/span><span class=\"es\">Cotizador<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-20 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm md:text-base\">\r\n <span class=\"en\">Discover our 2026 promotional all-inclusive packages or build a personalized quote step-by-step according to your vision and guest count.<\/span>\r\n <span class=\"es\">Descubre nuestros paquetes promocionales todo incluido 2026 o arma tu cotizaci\u00f3n personalizada paso a paso seg\u00fan tu visi\u00f3n y n\u00famero de invitados.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"quote-step-gate\" class=\"max-w-3xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/40 p-8 md:p-14 shadow-[0_0_50px_rgba(0,0,0,0.85)] relative\">\r\n <div class=\"absolute top-0 left-0 w-10 h-10 border-t-2 border-l-2 border-[#C5A059] m-4 opacity-60 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-10 h-10 border-b-2 border-r-2 border-[#C5A059] m-4 opacity-60 pointer-events-none\"><\/div>\r\n\r\n <div class=\"text-center mb-8\">\r\n <div class=\"w-14 h-14 rounded-full border border-[#C5A059]\/50 flex items-center justify-center mx-auto mb-4 bg-black\/50\">\r\n <i class=\"fa-solid fa-key text-[#C5A059] text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-xl md:text-2xl text-white tracking-widest uppercase mb-2\">\r\n <span class=\"en\">Step 1: Unlock Instant Pricing<\/span>\r\n <span class=\"es\">Paso 1: Desbloquear Precios y Cotizador<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-400 text-xs md:text-sm font-light\">\r\n <span class=\"en\">Please enter your contact details to unlock our promotional packages and interactive event builder. Fields marked with (*) are required.<\/span>\r\n <span class=\"es\">Por favor ingresa tus datos para ver nuestros paquetes promocionales y usar el cotizador interactivo. Los campos con (*) son obligatorios.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <form id=\"gate-form\" onsubmit=\"unlockQuoteBuilder(event)\" class=\"space-y-6 relative z-10\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <span class=\"en\">Full Name *<\/span><span class=\"es\">Nombre Completo *<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"lead-name\" data-ph-en=\"ENTER YOUR FULL NAME\" data-ph-es=\"INGRESA TU NOMBRE COMPLETO\" placeholder=\"ENTER YOUR FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <span class=\"en\">Phone Number *<\/span><span class=\"es\">N\u00famero Telef\u00f3nico *<\/span>\r\n <\/label>\r\n <input type=\"tel\" id=\"lead-phone\" data-ph-en=\"E.G. 832-000-0000\" data-ph-es=\"EJ. 832-000-0000\" placeholder=\"E.G. 832-000-0000\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Email Address (Optional)<\/span><span class=\"es\">Correo Electr\u00f3nico (Opcional)<\/span>\r\n <\/label>\r\n <input type=\"email\" id=\"lead-email\" data-ph-en=\"YOUR EMAIL ADDRESS\" data-ph-es=\"TU CORREO ELECTR\u00d3NICO\" placeholder=\"YOUR EMAIL ADDRESS\" class=\"input-luxury i18n-ph\">\r\n <\/div>\r\n <div class=\"relative\">\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Event Type (Optional)<\/span><span class=\"es\">Tipo de Evento (Opcional)<\/span>\r\n <\/label>\r\n <select id=\"lead-event-type\" class=\"input-luxury appearance-none cursor-pointer text-gray-300 focus:text-white\">\r\n <option value=\"Not Specified\" class=\"bg-black text-gray-400 i18n-opt\" data-text-en=\"SELECT EVENT TYPE\" data-text-es=\"SELECCIONAR TIPO DE EVENTO\">SELECT EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quincea\u00f1era\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate Event\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Special Event \/ Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other Special Event\" data-text-es=\"Otro Evento Especial\">Other Special Event<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 bottom-3.5 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Guest Count (Min 100)<\/span><span class=\"es\">Cantidad de Invitados (M\u00edn 100)<\/span>\r\n <\/label>\r\n <input type=\"number\" id=\"lead-guests\" min=\"100\" max=\"500\" step=\"50\" value=\"100\" data-ph-en=\"100\" data-ph-es=\"100\" placeholder=\"100\" class=\"input-luxury i18n-ph\">\r\n <\/div>\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Event Date (Optional)<\/span><span class=\"es\">Fecha Estimada del Evento (Opcional)<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"lead-date\" onclick=\"try{this.showPicker()}catch(e){}\" class=\"input-luxury text-gray-300 focus:text-white cursor-pointer\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-4\">\r\n <button type=\"submit\" id=\"btn-unlock-quote\" class=\"btn-gold-solid w-full flex justify-center items-center gap-3 py-4\">\r\n <i class=\"fa-solid fa-lock-open\"><\/i>\r\n <span class=\"en\">Unlock Packages & Custom Calculator<\/span>\r\n <span class=\"es\">Ver Paquetes y Abrir Cotizador<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"quote-step-content\" class=\"hidden space-y-24\">\r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-[#C5A059]\/20 border border-[#C5A059] flex items-center justify-center text-[#C5A059]\">\r\n <i class=\"fa-solid fa-user-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs font-cinzel tracking-widest text-[#C5A059] uppercase\">\r\n <span class=\"en\">Prepared Exclusively For:<\/span><span class=\"es\">Cotizaci\u00f3n Preparada Para:<\/span>\r\n <\/p>\r\n <h4 id=\"display-client-info\" class=\"text-white font-cinzel text-lg\"><\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#custom-builder-anchor\" class=\"btn-luxury !py-3 !px-6 text-xs\">\r\n <i class=\"fa-solid fa-sliders mr-2\"><\/i>\r\n <span class=\"en\">Go to Custom Package Builder<\/span>\r\n <span class=\"es\">Ir al Armador de Paquete Personalizado<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div>\r\n <div class=\"text-center mb-12\">\r\n <span class=\"inline-block bg-[#C5A059]\/20 border border-[#C5A059] text-[#C5A059] font-cinzel text-[11px] tracking-[0.25em] uppercase px-4 py-1.5 mb-3\">\r\n <span class=\"en\">Last Available Dates! Reserve Now at 2026 Pricing!<\/span>\r\n <span class=\"es\">\u00a1\u00daltimas Fechas Disponibles! \u00a1Reserva Hoy a Precio 2026!<\/span>\r\n <\/span>\r\n <h3 class=\"font-cinzel text-2xl md:text-4xl text-white uppercase tracking-wider\">\r\n <span class=\"en\">All-Inclusive Promotional<\/span><span class=\"es\">Paquetes Todo Incluido<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-1\">\r\n <span class=\"en\">Packages<\/span><span class=\"es\">Promocionales<\/span>\r\n <\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"bg-gradient-to-b from-[#0e1525] via-[#0a0c10] to-[#050505] border border-[#C5A059]\/40 hover:border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-2xl group\">\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/20 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-blue-300 uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Premium Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">100 Guests Capacity<\/span><span class=\"es\">Para 100 Invitados<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-gray-400 uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$10,899<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tables and Chairs for 100 Guests<\/span><span class=\"es\">Mesas y sillas para 100 invitados<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths (Choice of standard color linens)<\/span><span class=\"es\">Manteler\u00eda (elecci\u00f3n de colores est\u00e1ndar)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Elegant Dinnerware (sache, napkin, charger and cup)<\/span><span class=\"es\">Vajilla elegante (plato, servilleta, plato base y vaso)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Regular Centerpieces<\/span><span class=\"es\">Centros de mesa regulares<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Throne Table and Chair<\/span><span class=\"es\">Mesa y silla tipo trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes for 100 Guests<\/span><span class=\"es\">Comida para 100 invitados<\/span><\/strong> <span class=\"en\">(Exclusive Professional Chef, tastings of 3 available)<\/span><span class=\"es\">(Chef profesional exclusivo, degustaci\u00f3n de 3 opciones)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cake-candles text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Cake for 100 Guests<\/span><span class=\"es\">Pastel para 100 invitados<\/span><\/strong> <span class=\"en\">(Choose design and flavor)<\/span><span class=\"es\">(Elija dise\u00f1o y sabor)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">LED Lighting & Sparkles<\/span><span class=\"es\">Iluminaci\u00f3n LED y Chispas (Sparkles)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera-rotate text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\">Photobooth 360<\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room (Quincea\u00f1era or Newlyweds)<\/span><span class=\"es\">Sala VIP (Quincea\u00f1era o Reci\u00e9n casados)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Access to TVs for slideshow\/video via USB<\/span><span class=\"es\">Uso de pantallas para fotos o videos v\u00eda USB<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Soda Fountain (Coca-Cola, Sprite, water, ice)<\/span><span class=\"es\">Estaci\u00f3n de bebidas (Coca-Cola, Sprite, agua, hielo)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Professional Event Planner at Your Service<\/span><span class=\"es\">Planificador(a) profesional de eventos a su servicio<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Exclusive studio access for surprise dance rehearsals<\/span><span class=\"es\">Acceso exclusivo al estudio para ensayos de baile sorpresa<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-music text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Professional DJ Service<\/span><span class=\"es\">DJ Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">5 Waiters & 1 Certified Bartender<\/span><span class=\"es\">5 Meseros y 1 Bartender Certificado<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/20\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/20 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Premium Package', 10899)\" class=\"btn-luxury w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Premium Package<\/span><span class=\"es\">Elegir Paquete Premium<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#1a150b] via-[#0d0b08] to-[#050505] border-2 border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-[0_0_40px_rgba(197,160,89,0.2)] transform lg:-translate-y-3\">\r\n <div class=\"absolute top-0 right-0 bg-[#C5A059] text-black font-cinzel text-[10px] font-bold tracking-widest px-3 py-1 uppercase\">\r\n <span class=\"en\">200 Guests<\/span><span class=\"es\">200 Invitados<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/30 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Deluxe Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-300 uppercase\">\r\n <span class=\"en\">Up to 200 Guests Capacity<\/span><span class=\"es\">Capacidad para 200 Invitados<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-[#C5A059] uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$14,749<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-users text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Tables and Chairs for 200 Guests<\/span><span class=\"es\">Mesas y sillas para 200 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths & Elegant Dinnerware<\/span><span class=\"es\">Manteler\u00eda y Vajilla Elegante completa<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Regular Centerpieces & Throne Table\/Chair<\/span><span class=\"es\">Centros de mesa regulares y Mesa\/Silla Trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes for 150 Guests<\/span><span class=\"es\">Comida para 150 invitados<\/span><\/strong> <span class=\"en\">(Exclusive Professional Chef, tastings of 3)<\/span><span class=\"es\">(Chef exclusivo, degustaci\u00f3n de 3 platillos)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-pizza-slice text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">10 Boxes of Pizza<\/span><span class=\"es\">10 Cajas de Pizza<\/span><\/strong> <span class=\"en\">(Courtesy of Spring Reception Hall)<\/span><span class=\"es\">(Cortes\u00eda de Spring Reception Hall)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cake-candles text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Cake for 200 Guests<\/span><span class=\"es\">Pastel para 200 invitados<\/span><\/strong> <span class=\"en\">(Choose design and flavor)<\/span><span class=\"es\">(Elija dise\u00f1o y sabor)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cloud text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dancing on the Clouds (Fog) & Sparkles<\/span><span class=\"es\">Pista en las Nubes (Niebla) y Chispas<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera-rotate text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\">Photobooth 360 & LED Lighting<\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-child-reaching text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Kids Room with Certified Staff (2 Babysitters)<\/span><span class=\"es\">\u00c1rea Infantil con Personal (Incluye 2 Ni\u00f1eras)<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room, TVs via USB & Soda Fountain<\/span><span class=\"es\">Sala VIP, Pantallas USB y Estaci\u00f3n de Bebidas<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Professional Event Planner & Studio Rehearsal<\/span><span class=\"es\">Planificador(a) de Eventos y Ensayo en Estudio<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-music text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Professional DJ Service<\/span><span class=\"es\">Servicio de DJ Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">7 Waiters & 2 Certified Bartenders<\/span><span class=\"es\">7 Meseros y 2 Bartenders Certificados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/30\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/30 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Deluxe Package', 14749)\" class=\"btn-gold-solid w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Deluxe Package<\/span><span class=\"es\">Elegir Paquete Deluxe<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-b from-[#241216] via-[#120a0c] to-[#050505] border border-[#C5A059]\/40 hover:border-[#C5A059] transition-all duration-500 flex flex-col justify-between p-8 relative shadow-2xl group\">\r\n <div class=\"absolute top-0 right-0 bg-red-900\/80 border-l border-b border-[#C5A059]\/50 text-[#F9E596] font-cinzel text-[10px] font-bold tracking-widest px-3 py-1 uppercase\">\r\n <span class=\"en\">All-Inclusive VIP<\/span><span class=\"es\">Todo Incluido VIP<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"text-center border-b border-[#C5A059]\/20 pb-6 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-rose-300 uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-script text-5xl text-gold-metallic mb-2\">Platinum Package<\/h4>\r\n <p class=\"text-xs font-cinzel tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">100 Guests Full Luxury<\/span><span class=\"es\">100 Invitados Lujo Total<\/span>\r\n <\/p>\r\n <div class=\"mt-5\">\r\n <span class=\"text-xs font-cinzel text-gray-400 uppercase block\"><span class=\"en\">For Only<\/span><span class=\"es\">Por Solo<\/span><\/span>\r\n <span class=\"font-cinzel text-4xl md:text-5xl font-bold text-white tracking-wider\">$16,949<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-2.5 text-xs text-gray-300 font-light max-h-[420px] overflow-y-auto pr-2 custom-scrollbar\">\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Venue Rental \u2013 7 Hours (100 Guests)<\/span><span class=\"es\">Renta del sal\u00f3n \u2013 7 horas (100 Invitados)<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-crown text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Premium Centerpieces<\/span><span class=\"es\">Centros de Mesa Premium<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-camera text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Professional Photographer & Video<\/span><span class=\"es\">Fotograf\u00eda y Video Profesional<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-robot text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">LED Robot Entertainment<\/span><span class=\"es\">Entretenimiento con Robot LED<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-apple-whole text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Fruit Table for 100 Guests<\/span><span class=\"es\">Mesa de frutas para 100 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-couch text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-[#F9E596]\"><span class=\"en\">Family Head Table & Lounge Furniture Setup<\/span><span class=\"es\">Mesa Principal Familiar y Salas Tipo Lounge<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-utensils text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">Dishes & Cake for 100 Guests<\/span><span class=\"es\">Comida y Pastel para 100 invitados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-cloud text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Dancing on the Clouds, Sparkles & Photobooth 360<\/span><span class=\"es\">Pista en las Nubes, Chispas y Photobooth 360<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-child-reaching text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Kids Room with Certified Staff (2 Babysitters)<\/span><span class=\"es\">\u00c1rea Infantil con Personal (Incluye 2 Ni\u00f1eras)<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Tablecloths, Elegant Dinnerware & Throne Chair<\/span><span class=\"es\">Manteler\u00eda, Vajilla Elegante y Silla Trono<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">VIP Room, TVs via USB & Soda Fountain<\/span><span class=\"es\">Sala VIP, Pantallas USB y Estaci\u00f3n de Bebidas<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-check text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Event Planner, Studio Rehearsal & Professional DJ<\/span><span class=\"es\">Planificador(a), Ensayo en Estudio y DJ Profesional<\/span><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-user-tie text-[#C5A059] mt-1\"><\/i> <span><strong class=\"text-white\"><span class=\"en\">5 Waiters & 2 Certified Bartenders<\/span><span class=\"es\">5 Meseros y 2 Bartenders Certificados<\/span><\/strong><\/span><\/li>\r\n <li class=\"flex items-start gap-2.5\"><i class=\"fa-solid fa-shield-halved text-[#C5A059] mt-1\"><\/i> <span><span class=\"en\">Security & Cleaning Staff<\/span><span class=\"es\">Personal de Seguridad y Limpieza<\/span><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-[#C5A059]\/20\">\r\n <div class=\"bg-black\/60 p-3.5 border border-[#C5A059]\/20 mb-5 text-[11px] text-gray-300 space-y-1\">\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">Reserve your date with <strong>$1,000<\/strong>.<\/span><span class=\"es\">Reserva tu fecha con <strong>$1,000<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">30 days later you pay <strong>20%<\/strong>.<\/span><span class=\"es\">30 d\u00edas despu\u00e9s pagas el <strong>20%<\/strong>.<\/span><\/p>\r\n <p><i class=\"fa-solid fa-circle-dot text-[#C5A059] text-[8px] mr-1.5\"><\/i> <span class=\"en\">1 month before event pay remaining balance.<\/span><span class=\"es\">1 mes antes del evento pagas el saldo restante.<\/span><\/p>\r\n <\/div>\r\n <button onclick=\"sendPrebuiltPackage('Platinum Package', 16949)\" class=\"btn-luxury w-full !py-3.5 text-xs\">\r\n <span class=\"en\">Select Platinum Package<\/span><span class=\"es\">Elegir Paquete Platinum<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"custom-builder-anchor\" class=\"pt-12 border-t border-[#C5A059]\/20\">\r\n <div class=\"text-center mb-12\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Interactive Calculator<\/span><span class=\"es\">Calculadora Interactiva<\/span>\r\n <\/h4>\r\n <h3 class=\"font-cinzel text-2xl md:text-4xl text-white\">\r\n <span class=\"en\">Build Your<\/span><span class=\"es\">Arma Tu Paquete<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Custom Package<\/span><span class=\"es\">Personalizado<\/span>\r\n <\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-start\">\r\n \r\n \r\n <div class=\"lg:col-span-8 space-y-8\">\r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/50 p-6 md:p-8 flex flex-col md:flex-row justify-between items-center gap-6\">\r\n <div>\r\n <h4 class=\"font-cinzel text-white text-sm md:text-base tracking-widest uppercase mb-1\">\r\n <i class=\"fa-solid fa-users text-[#C5A059] mr-2\"><\/i>\r\n <span class=\"en\">Number of Guests (Minimum 100)<\/span>\r\n <span class=\"es\">Cantidad de Invitados (M\u00ednimo 100)<\/span>\r\n <\/h4>\r\n <p class=\"text-xs text-gray-400 font-light\">\r\n <span class=\"en\">Minimum 100 guests. Every additional 50 guests automatically adds 1 extra table\/chair setup and +1 waiter (+1 bartender per 100 extra guests).<\/span>\r\n <span class=\"es\">M\u00ednimo 100 invitados. Por cada 50 invitados extra se suma autom\u00e1ticamente 1 Setup extra y +1 mesero (+1 bartender por cada 100 invitados extra).<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 shrink-0\">\r\n <button type=\"button\" onclick=\"adjustGuests(-50)\" class=\"w-10 h-10 border border-[#C5A059]\/50 text-[#C5A059] hover:bg-[#C5A059] hover:text-black transition font-bold\">-50<\/button>\r\n <input type=\"number\" id=\"calc-guests\" value=\"100\" min=\"100\" max=\"500\" step=\"50\" onchange=\"recalculateQuote()\" class=\"w-24 text-center bg-black border border-[#C5A059] text-white font-cinzel text-lg py-1.5 focus:outline-none\">\r\n <button type=\"button\" onclick=\"adjustGuests(50)\" class=\"w-10 h-10 border border-[#C5A059]\/50 text-[#C5A059] hover:bg-[#C5A059] hover:text-black transition font-bold\">+50<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"quote-item-card selected p-6 md:p-8 relative\">\r\n <div class=\"flex flex-col md:flex-row justify-between md:items-center border-b border-[#C5A059]\/30 pb-4 mb-5 gap-2\">\r\n <div>\r\n <span class=\"inline-block bg-[#C5A059] text-black font-cinzel text-[9px] font-bold tracking-widest px-2.5 py-0.5 uppercase mb-2\">\r\n <span class=\"en\">1. Fixed Base Package (Included)<\/span><span class=\"es\">1. Base Fija Obligatoria (Incluida)<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg md:text-xl text-white uppercase tracking-wider\">\r\n <span class=\"en\">Venue Rental & Essential Package<\/span>\r\n <span class=\"es\">Renta del Sal\u00f3n y Paquete Base<\/span>\r\n <\/h4>\r\n <\/div>\r\n <div class=\"font-cinzel text-xs tracking-widest text-[#C5A059] uppercase font-semibold shrink-0 flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-check-circle\"><\/i>\r\n <span class=\"en\">Base Included<\/span><span class=\"es\">Base Incluida<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-2.5 text-xs text-gray-300 font-light\">\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Tables and Chairs for 100 Guests<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Tablecloths (Choice of standard color linens)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Elegant Dinnerware (sache, napkin, charger, cup)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Regular centerpieces<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Throne Table and Chair<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>LED Lighting<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>VIP Room (Quincea\u00f1era or Newlyweds)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Access to TVs via USB during the event<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Soda Fountain (Coca-Cola, Sprite, water, ice)<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Professional Event Planner at Your Service<\/span><\/div>\r\n <div class=\"flex items-start gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px] mt-1\"><\/i> <span>Exclusive studio access for surprise dance rehearsals<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><i class=\"fa-solid fa-lock text-[#C5A059] text-[10px]\"><\/i> <span>Security Staff & <strong>2 Cleaning Staff<\/strong><\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"setup50-banner\" class=\"hidden mt-6 pt-4 border-t border-[#C5A059]\/30 flex justify-between items-center text-xs text-[#F9E596]\">\r\n <span id=\"setup50-banner-text\"><\/span>\r\n <span class=\"font-cinzel uppercase text-[10px] tracking-widest\"><span class=\"en\">Active<\/span><span class=\"es\">Activo<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 md:p-8 space-y-6\">\r\n <div class=\"border-b border-[#C5A059]\/20 pb-3\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 2<\/span><span class=\"es\">Paso 2<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">2. Catering, Cake & Table Decor<\/span>\r\n <span class=\"es\">2. Comidas, Pasteles y Mesas<\/span>\r\n <\/h4>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-black\/60 border border-[#C5A059]\/30 p-5 space-y-4\">\r\n <div class=\"flex justify-between items-start gap-3\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm md:text-base uppercase tracking-wider\">\r\n <span class=\"en\">Food & Catering Preference (Select an option)<\/span>\r\n <span class=\"es\">Preferencia de Comida para tu Evento (Selecciona una opci\u00f3n)<\/span>\r\n <\/h5>\r\n <p class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Choose whether you want our Venue Gourmet Catering or if you will bring your own food. Nothing is added until you select.<\/span>\r\n <span class=\"es\">Elige si deseas la comida del sal\u00f3n o si traer\u00e1s tu propia comida. No se suma nada hasta que t\u00fa elijas.<\/span>\r\n <\/p>\r\n <\/div>\r\n <button type=\"button\" onclick=\"openServiceInfo('catering')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap gap-3 pt-1\">\r\n <button type=\"button\" id=\"btn-ownfood-no\" onclick=\"setBringsOwnFood(false)\" class=\"choice-pill\">\r\n <i class=\"fa-solid fa-utensils mr-1.5\"><\/i>\r\n <span class=\"en\">I want Venue Gourmet Catering<\/span>\r\n <span class=\"es\">Quiero comida del sal\u00f3n<\/span>\r\n <\/button>\r\n <button type=\"button\" id=\"btn-ownfood-yes\" onclick=\"setBringsOwnFood(true)\" class=\"choice-pill\">\r\n <i class=\"fa-solid fa-box-open mr-1.5\"><\/i>\r\n <span class=\"en\">I will bring my own food<\/span>\r\n <span class=\"es\">Traer\u00e9 mi propia comida<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"venuefood-selected-notice\" class=\"hidden mt-4 p-4 bg-[#0d1810] border border-[#C5A059]\/60 text-xs text-gray-200 space-y-1\">\r\n <div class=\"flex items-center gap-2 font-cinzel text-[#F9E596] uppercase tracking-wider text-xs font-semibold\">\r\n <i class=\"fa-solid fa-circle-check text-[#C5A059]\"><\/i>\r\n <span class=\"en\">Venue Gourmet Catering Selected<\/span>\r\n <span class=\"es\">Comida del Sal\u00f3n Seleccionada<\/span>\r\n <\/div>\r\n <p class=\"font-light leading-relaxed text-gray-300\">\r\n <span class=\"en\">Includes our in-house chef menu and automatically assigns <strong>5 Waiters for 100 guests (+1 waiter per 50 extra guests)<\/strong> and <strong>1 Certified Bartender (+1 per 100 extra guests)<\/strong>.<\/span>\r\n <span class=\"es\">Se ha agregado el servicio de comida junto con <strong>5 meseros para 100 invitados (+1 mesero por cada 50 extra)<\/strong> y <strong>1 Bartender certificado (+1 por cada 100 extra)<\/strong>.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"ownfood-mandatory-notice\" class=\"hidden mt-4 p-4 bg-[#181206] border border-[#C5A059] text-xs text-gray-200 space-y-1.5\">\r\n <div class=\"flex items-center gap-2 font-cinzel text-[#F9E596] uppercase tracking-wider text-xs font-semibold\">\r\n <i class=\"fa-solid fa-user-check text-[#C5A059]\"><\/i>\r\n <span class=\"en\">Important Service Quality Requirement<\/span>\r\n <span class=\"es\">Nota Importante de Calidad de Servicio<\/span>\r\n <\/div>\r\n <p class=\"font-light leading-relaxed text-gray-300\">\r\n <span class=\"en\">If you decide to bring your own food, for service quality standards it is <strong>mandatory to have at least 4 Waiters if your event is for 100 guests, plus 1 extra Waiter for every 50 additional guests<\/strong>. These have now been added to your quote.<\/span>\r\n <span class=\"es\">Si decides traer tu propia comida, por calidad de servicio debe tener <strong>al menos 4 meseros si su evento es de 100 invitados, y 1 mesero extra por cada 50 invitados adicionales<\/strong>. Se han agregado autom\u00e1ticamente a tu cotizaci\u00f3n.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-cake\">\r\n <label class=\"flex items-center gap-3 cursor-pointer flex-1\">\r\n <input type=\"checkbox\" id=\"chk-cake\" onchange=\"recalculateQuote()\" class=\"w-4 h-4 accent-[#C5A059]\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Cake Serving<\/span><span class=\"es\">Pastel (Cake Serving)<\/span>\r\n <\/h5>\r\n <p class=\"text-[11px] text-gray-400\">\r\n <span class=\"en\">Adjusted automatically to your guest count<\/span>\r\n <span class=\"es\">Ajustado seg\u00fan tu n\u00famero de invitados<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/label>\r\n <button type=\"button\" onclick=\"openServiceInfo('cake')\" class=\"info-q-btn ml-2\" title=\"Info\">?<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-centerpieces\">\r\n <div class=\"pr-2\">\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Premium Centerpieces<\/span>\r\n <span class=\"es\">Centros de Mesa Premium<\/span>\r\n <\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('centerpieces')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-400 mt-0.5\">\r\n <span class=\"en\">Quantity of tables to upgrade<\/span>\r\n <span class=\"es\">Cantidad de centros a incluir<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5 shrink-0\">\r\n <button type=\"button\" onclick=\"changeCenterpieces(-1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <input type=\"number\" id=\"qty-centerpieces\" value=\"0\" min=\"0\" max=\"50\" onchange=\"recalculateQuote()\" class=\"w-10 text-center bg-black border border-[#C5A059]\/50 text-white font-cinzel text-xs py-1\">\r\n <button type=\"button\" onclick=\"changeCenterpieces(1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#141008] border border-[#C5A059]\/40 p-6 md:p-8 space-y-6\">\r\n <div class=\"flex flex-col sm:flex-row sm:items-center justify-between border-b border-[#C5A059]\/20 pb-3 gap-2\">\r\n <div>\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 3<\/span><span class=\"es\">Paso 3<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">3. Service Staff & Bartender<\/span>\r\n <span class=\"es\">3. Personal de Servicio y Bartender<\/span>\r\n <\/h4>\r\n <\/div>\r\n <span id=\"staff-rule-badge\" class=\"text-[10px] font-cinzel bg-[#C5A059]\/20 text-[#F9E596] px-3 py-1 border border-[#C5A059]\/40 self-start sm:self-auto\">\r\n Select Food Option First\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div id=\"bartender-question-box\" class=\"bg-black\/60 border border-[#C5A059]\/30 p-5 space-y-3\">\r\n <div class=\"flex justify-between items-start gap-3\">\r\n <div>\r\n <h5 class=\"font-cinzel text-white text-sm uppercase tracking-wider\">\r\n <span class=\"en\">Will you need a Bartender (Beverage \/ Alcohol Service)?<\/span>\r\n <span class=\"es\">\u00bfNecesitar\u00e1s Bartender (Habr\u00e1 servicio de bebidas\/alcohol)?<\/span>\r\n <\/h5>\r\n <p id=\"bartender-policy-note\" class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Bartender is optional (1 per 100 guests). It is mandatory if you have beverage\/alcohol service or select Venue Catering.<\/span>\r\n <span class=\"es\">El Bartender es opcional (1 por cada 100 invitados). Es obligatorio si habr\u00e1 servicio de bebidas o si eliges Comida del Sal\u00f3n.<\/span>\r\n <\/p>\r\n <\/div>\r\n <button type=\"button\" onclick=\"openServiceInfo('bartender')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <div class=\"flex flex-wrap gap-3\">\r\n <button type=\"button\" id=\"btn-bartender-yes\" onclick=\"setNeedsBartender(true)\" class=\"choice-pill\">\r\n <span class=\"en\">Include Bartender<\/span><span class=\"es\">Incluir Bartender<\/span>\r\n <\/button>\r\n <button type=\"button\" id=\"btn-bartender-no\" onclick=\"setNeedsBartender(false)\" class=\"choice-pill\">\r\n <span class=\"en\">No Bartender needed<\/span><span class=\"es\">No necesito Bartender<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-waitstaff\">\r\n <div>\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">\r\n <span class=\"en\">Waitstaff (Waiters)<\/span><span class=\"es\">Meseros (Waitstaff)<\/span>\r\n <\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('waitstaff')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <span id=\"waitstaff-min-note\" class=\"text-[11px] text-[#C5A059] block mt-1\">Select food option above<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <button type=\"button\" onclick=\"changeStaff('waitstaff', -1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <span id=\"qty-waitstaff\" class=\"w-8 text-center font-cinzel text-sm text-white\">0<\/span>\r\n <button type=\"button\" onclick=\"changeStaff('waitstaff', 1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"quote-item-card p-4 flex justify-between items-center\" id=\"card-bartender\">\r\n <div>\r\n <div class=\"flex items-center gap-2\">\r\n <h5 class=\"font-cinzel text-white text-sm\">Bartender<\/h5>\r\n <button type=\"button\" onclick=\"openServiceInfo('bartender')\" class=\"info-q-btn\" title=\"Info\">?<\/button>\r\n <\/div>\r\n <span id=\"bartender-min-note\" class=\"text-[11px] text-[#C5A059] block mt-1\">Optional (0)<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <button type=\"button\" onclick=\"changeStaff('bartender', -1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">-<\/button>\r\n <span id=\"qty-bartender\" class=\"w-8 text-center font-cinzel text-sm text-white\">0<\/span>\r\n <button type=\"button\" onclick=\"changeStaff('bartender', 1)\" class=\"w-7 h-7 border border-[#C5A059]\/40 text-white hover:bg-[#C5A059] hover:text-black text-xs\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"waitstaff-warning-msg\" class=\"hidden p-3.5 bg-amber-950\/60 border border-[#C5A059] text-[#F9E596] text-xs font-light\"><\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"bg-[#111] border border-[#C5A059]\/40 p-6 md:p-8\">\r\n <div class=\"border-b border-[#C5A059]\/20 pb-3 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase block mb-1\">\r\n <span class=\"en\">Step 4<\/span><span class=\"es\">Paso 4<\/span>\r\n <\/span>\r\n <h4 class=\"font-cinzel text-lg text-white tracking-widest uppercase\">\r\n <span class=\"en\">4. Additional Luxury Options & Entertainment<\/span>\r\n <span class=\"es\">4. Opciones Adicionales y Entretenimiento<\/span>\r\n <\/h4>\r\n <p class=\"text-xs text-gray-400 font-light mt-1\">\r\n <span class=\"en\">Click the <strong>(?)<\/strong> icon on any service to view its description and photo.<\/span>\r\n <span class=\"es\">Toca el signo de interrogaci\u00f3n <strong>(?)<\/strong> en cualquier adicional para ver su descripci\u00f3n y fotograf\u00eda.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"fixed-addons-grid\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-4 lg:sticky lg:top-28 bg-[var(--black-surface)] border-2 border-[#C5A059] p-6 md:p-8 shadow-[0_0_50px_rgba(0,0,0,0.9)]\">\r\n <div class=\"text-center border-b border-[#C5A059]\/30 pb-4 mb-6\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 class=\"font-cinzel text-xl text-white uppercase tracking-widest\">\r\n <span class=\"en\">Your Custom Selection<\/span><span class=\"es\">Tu Selecci\u00f3n<\/span>\r\n <\/h4>\r\n <\/div>\r\n\r\n \r\n <div id=\"quote-summary-list\" class=\"space-y-3 text-xs max-h-[340px] overflow-y-auto pr-2 custom-scrollbar mb-6\">\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"border-t border-[#C5A059]\/40 pt-4 mb-6\">\r\n <div class=\"flex justify-between items-baseline mb-1\">\r\n <span class=\"font-cinzel text-xs tracking-widest text-gray-400 uppercase\">\r\n <span class=\"en\">Estimated Total<\/span><span class=\"es\">Total Estimado<\/span>\r\n <\/span>\r\n <span id=\"quote-total-display\" class=\"font-cinzel text-3xl md:text-4xl font-bold text-gold-metallic\">$5,499<\/span>\r\n <\/div>\r\n <p class=\"text-[11px] text-gray-500 font-light\">\r\n <span class=\"en\">* Reserve your date with $1,000.<\/span>\r\n <span class=\"es\">* Reserva tu fecha con $1,000.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"quote-submit-feedback\" class=\"hidden mb-4 p-4 border border-green-500\/60 bg-green-950\/40 text-green-300 text-xs text-center font-light\"><\/div>\r\n\r\n <button type=\"button\" id=\"btn-send-custom-quote\" onclick=\"validateBeforeSubmitQuote()\" class=\"btn-gold-solid w-full flex justify-center items-center gap-2 py-4 text-xs\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <span class=\"en\">Send My Custom Quote<\/span>\r\n <span class=\"es\">Enviar Mi Cotizaci\u00f3n al Sal\u00f3n<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"galeria\" class=\"py-24 bg-[var(--black-surface)] border-b border-[#C5A059]\/20 overflow-hidden relative\">\r\n <div class=\"absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none\">\r\n <i class=\"fa-brands fa-envira text-[40rem] text-[#C5A059]\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 mb-12 relative z-10 flex flex-col md:flex-row justify-between items-end\">\r\n <div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Inspiration<\/span><span class=\"es\">Inspiraci\u00f3n<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-4xl text-white\">\r\n <span class=\"en\">Photo<\/span><span class=\"es\">Galer\u00eda de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Fotos<\/span>\r\n <\/span>\r\n <\/h2>\r\n <\/div>\r\n <button onclick=\"openModal()\" class=\"font-cinzel text-xs tracking-[0.2em] text-gray-400 hover:text-[#C5A059] uppercase transition mt-6 md:mt-0 flex items-center gap-2 group\">\r\n <span class=\"en\">View Full Photo Gallery<\/span><span class=\"es\">Ver Todas las Fotos (40)<\/span>\r\n <i class=\"fa-solid fa-arrow-right-long group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"marquee-container relative z-10 mb-24\">\r\n <div class=\"marquee-track\" id=\"main-marquee-track\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"videos\" class=\"container mx-auto px-6 lg:px-12 relative z-10 pt-16 border-t border-[#C5A059]\/20\">\r\n <div class=\"text-center mb-14\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.35em] uppercase mb-2\">\r\n <i class=\"fa-solid fa-film mr-1.5\"><\/i>\r\n <span class=\"en\">Cinematic Highlights<\/span><span class=\"es\">Momentos en Movimiento<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white\">\r\n <span class=\"en\">Video<\/span><span class=\"es\">Galer\u00eda de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-6xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Videos<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mt-4 mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-xl mx-auto text-xs md:text-sm\">\r\n <span class=\"en\">Experience the ambiance, lighting, and unforgettable celebrations at Spring Reception Hall.<\/span>\r\n <span class=\"es\">Vive la atm\u00f3sfera, iluminaci\u00f3n y celebraciones inolvidables en Spring Reception Hall.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"video-gallery-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n \r\n <section id=\"reserva\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 max-w-[1400px]\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 border border-[#C5A059]\/30 rounded-sm overflow-hidden shadow-[0_0_40px_rgba(0,0,0,0.8)]\">\r\n \r\n \r\n <div class=\"bg-[var(--black-surface)] p-10 md:p-16 lg:p-20 xl:p-24 relative flex flex-col justify-center min-h-[650px]\">\r\n <div class=\"absolute top-0 left-0 w-16 h-16 border-t-2 border-l-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-16 h-16 border-b-2 border-r-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"font-cinzel text-3xl md:text-4xl text-white mb-2\">\r\n <span class=\"en\">Schedule a<\/span><span class=\"es\">Agende un<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorrido<\/span>\r\n <\/span>\r\n <\/h3>\r\n <p class=\"font-light text-gray-400 text-sm mb-10 leading-relaxed\">\r\n <span class=\"en\">Leave us your details and select your preferred visit date and time. Available Monday\u2013Friday (12:30 PM \u2013 7:30 PM) and Saturdays (2:00 PM \u2013 4:00 PM). Closed on Sundays.<\/span>\r\n <span class=\"es\">D\u00e9jenos sus datos y seleccione la fecha y hora de su visita. Disponible de Lunes a Viernes (12:30 PM \u2013 7:30 PM) y S\u00e1bados (2:00 PM \u2013 4:00 PM). Domingos cerrado.<\/span>\r\n <\/p>\r\n \r\n <form id=\"tour-form\" action=\"https:\/\/formsubmit.co\/info@springreceptionhalltx.com\" method=\"POST\" class=\"space-y-7 relative z-10\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"\u00a1Nueva Cita de Recorrido (Venue Tour)!\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"text\" name=\"Nombre\" data-ph-en=\"FULL NAME\" data-ph-es=\"NOMBRE COMPLETO\" placeholder=\"FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <input type=\"tel\" name=\"Telefono\" data-ph-en=\"PHONE\" data-ph-es=\"TEL\u00c9FONO\" placeholder=\"PHONE\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"email\" name=\"Correo\" data-ph-en=\"EMAIL\" data-ph-es=\"CORREO ELECTR\u00d3NICO\" placeholder=\"EMAIL\" class=\"input-luxury i18n-ph\" required>\r\n \r\n <div class=\"relative\">\r\n <select name=\"Tipo_de_Evento\" class=\"input-luxury appearance-none cursor-pointer text-gray-300 focus:text-white\" required onchange=\"this.style.color='white'\">\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-500 i18n-opt\" data-text-en=\"EVENT TYPE\" data-text-es=\"TIPO DE EVENTO\">EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quinceanera\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other\" data-text-es=\"Otro\">Other<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 top-1\/2 -translate-y-1\/2 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <i class=\"fa-regular fa-calendar mr-1\"><\/i>\r\n <span class=\"en\">Venue Visit Date (Mon\u2013Sat) *<\/span>\r\n <span class=\"es\">Fecha de Visita al Sal\u00f3n (Lun\u2013S\u00e1b) *<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"tour-visit-date\" name=\"Fecha_de_Visita\" onclick=\"try{this.showPicker()}catch(e){}\" onchange=\"updateTourVisitTimes()\" oninput=\"updateTourVisitTimes()\" class=\"input-luxury text-white cursor-pointer\" required>\r\n <p id=\"sunday-warning\" class=\"hidden text-red-400 text-[11px] mt-1.5 font-light\">\r\n <i class=\"fa-solid fa-circle-exclamation mr-1\"><\/i>\r\n <span class=\"en\">We are closed on Sundays. Please select a day between Monday and Saturday.<\/span>\r\n <span class=\"es\">Los domingos permanecemos cerrados. Por favor elige un d\u00eda de Lunes a S\u00e1bado.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative\">\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-[#C5A059] uppercase mb-1\">\r\n <i class=\"fa-regular fa-clock mr-1\"><\/i>\r\n <span class=\"en\">Visit Time *<\/span>\r\n <span class=\"es\">Hora de Visita *<\/span>\r\n <\/label>\r\n <select id=\"tour-visit-time\" name=\"Hora_de_Visita\" class=\"input-luxury appearance-none cursor-pointer text-white\" required>\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-400\">SELECT VISIT DATE FIRST<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 bottom-3.5 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block font-cinzel text-[10px] tracking-[0.2em] text-gray-400 uppercase mb-1\">\r\n <span class=\"en\">Estimated Event Date *<\/span>\r\n <span class=\"es\">Fecha Estimada del Evento *<\/span>\r\n <\/label>\r\n <input type=\"date\" id=\"tour-event-date\" name=\"Fecha_Estimada_del_Evento\" onclick=\"try{this.showPicker()}catch(e){}\" class=\"input-luxury text-white cursor-pointer\" required>\r\n <\/div>\r\n \r\n <textarea name=\"Mensaje\" data-ph-en=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" data-ph-es=\"OBSERVACIONES EXTRAS PARA SU CONSULTA\" placeholder=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" class=\"input-luxury i18n-ph resize-none h-24\"><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit\" class=\"btn-luxury w-full mt-4 flex justify-center items-center gap-3 py-5\">\r\n <span class=\"text-sm\">\r\n <span class=\"en\">Confirm Tour Appointment<\/span><span class=\"es\">Confirmar Cita de Recorrido<\/span>\r\n <\/span>\r\n <i class=\"fa-solid fa-paper-plane text-[0.8rem]\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"h-[400px] lg:h-auto min-h-[500px] lg:min-h-[650px] bg-gray-900 relative\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3452.8824194098!2d-95.439366!3d30.068832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864734a7428f5b89%3A0xc66579fc2c53a6!2s100%20Cypresswood%20Dr%20%231300%2C%20Spring%2C%20TX%2077388!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \r\n class=\"w-full h-full border-0 map-luxury absolute inset-0\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n \r\n <div class=\"absolute bottom-8 left-8 bg-black\/80 backdrop-blur-md border border-[#C5A059]\/50 p-6 max-w-[280px] shadow-2xl z-10\">\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] text-xl\"><\/i>\r\n <p class=\"font-cinzel text-[#C5A059] text-sm tracking-widest uppercase\">\r\n <span class=\"en\">Location<\/span><span class=\"es\">Ubicaci\u00f3n<\/span>\r\n <\/p>\r\n <\/div>\r\n <p class=\"text-white text-sm font-light leading-relaxed\">100 Cypresswood Dr.<br>Suite #1300<br>Spring, TX 77388<\/p>\r\n <div class=\"w-full h-[1px] bg-[#C5A059]\/30 my-4\"><\/div>\r\n <a href=\"tel:8328863192\" class=\"text-gray-300 hover:text-[#C5A059] transition flex items-center gap-2 text-sm font-light\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] text-xs\"><\/i> 832-886-3192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"contacto\" class=\"bg-[var(--black-surface)] relative border-t border-[#C5A059]\/30 pt-20 pb-10\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-white\/10 pb-16\">\r\n \r\n \r\n <div>\r\n <a href=\"#\" class=\"inline-block group mb-6\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall Logo\" \r\n style=\"max-height: 80px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n <p class=\"text-gray-400 font-light text-sm mb-6 leading-relaxed\">\r\n <span class=\"en\">The place where your dreams come to life. We raise the standard of hospitality and elegance for your most important events.<\/span>\r\n <span class=\"es\">El lugar donde tus sue\u00f1os cobran vida. Elevamos el est\u00e1ndar de la hospitalidad y la elegancia para tus eventos m\u00e1s importantes.<\/span>\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"https:\/\/www.facebook.com\/SpringRHtx\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-black hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\">\r\n <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/springreception\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-black hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Explore<\/span><span class=\"es\">Explorar<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#inicio\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span><\/a><\/li>\r\n <li><a href=\"#nosotros\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">About Us<\/span><span class=\"es\">Sobre Nosotros<\/span><\/a><\/li>\r\n <li><a href=\"#servicios\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span><\/a><\/li>\r\n <li><a href=\"#cotizador\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Packages & Quote<\/span><span class=\"es\">Paquetes y Cotizador<\/span><\/a><\/li>\r\n <li><a href=\"#galeria\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Photo Gallery<\/span><span class=\"es\">Galer\u00eda de Fotos<\/span><\/a><\/li>\r\n <li><a href=\"#videos\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Video Gallery<\/span><span class=\"es\">Galer\u00eda de Videos<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Contact<\/span><span class=\"es\">Contacto<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] mt-1\"><\/i>\r\n <span class=\"text-gray-400 text-sm font-light\">100 Cypresswood Dr. Suite #1300<br>Spring, TX 77388<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"tel:8328863192\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">832-886-3192<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">info@springreceptionhalltx.com<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 pt-4 mt-2 border-t border-[#C5A059]\/20\">\r\n <i class=\"fa-regular fa-clock text-[#C5A059] mt-1 text-lg\"><\/i>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-white text-[0.7rem] font-cinzel tracking-widest uppercase mb-1\">\r\n <span class=\"en\">Tour Hours<\/span><span class=\"es\">Horario de Visitas<\/span>\r\n <\/span>\r\n <span class=\"text-gray-400 text-xs font-light\">\r\n <span class=\"en\">Mon-Fri: 12:30 PM - 7:30 PM<br>Sat: 2:00 PM - 4:00 PM<\/span>\r\n <span class=\"es\">Lun-Vie: 12:30 PM - 7:30 PM<br>S\u00e1b: 2:00 PM - 4:00 PM<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-[var(--black-base)] border border-[#C5A059]\/30 p-6 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-[#C5A059]\/10 rounded-bl-full -mr-8 -mt-8 transition-transform group-hover:scale-150\"><\/div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-sm mb-3 tracking-widest uppercase\">Venue Tours<\/h4>\r\n <p class=\"text-white font-cinzel text-lg mb-2 uppercase\">\r\n <span class=\"en\">Monday to Friday<\/span><span class=\"es\">Lunes a Viernes<\/span>\r\n <\/p>\r\n <p class=\"text-gray-400 text-xs font-light mb-4 leading-relaxed\">\r\n <span class=\"en\">12:30 PM to 7:30 PM<br>Saturdays: 2:00 PM to 4:00 PM<\/span>\r\n <span class=\"es\">12:30 PM a 7:30 PM<br>S\u00e1bados: 2:00 PM a 4:00 PM<\/span>\r\n <\/p>\r\n <a href=\"#reserva\" class=\"inline-block border border-[#C5A059] text-[#C5A059] px-4 py-2 text-xs font-cinzel tracking-widest uppercase hover:bg-[#C5A059] hover:text-black transition duration-300\">\r\n <span class=\"en\">Book Appointment<\/span><span class=\"es\">Agendar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"font-light text-[0.65rem] tracking-widest text-gray-500 uppercase\">\r\n © 2026 Spring Reception Hall. \r\n <span class=\"en\">All rights reserved.<\/span><span class=\"es\">Todos los derechos reservados.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n \r\n \r\n <div id=\"videoLightboxModal\" class=\"modal-overlay fixed inset-0 z-[195] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4\">\r\n <button onclick=\"closeVideoModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[200] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"modal-content relative w-full max-w-5xl bg-[#080808] border-2 border-[#C5A059] p-3 md:p-6 shadow-[0_0_60px_rgba(197,160,89,0.2)]\">\r\n <div id=\"video-modal-player-container\" class=\"relative w-full aspect-video bg-black overflow-hidden border border-[#C5A059]\/30\">\r\n <\/div>\r\n <div class=\"pt-4 flex flex-col sm:flex-row justify-between items-center gap-2\">\r\n <h4 id=\"video-modal-title\" class=\"font-cinzel text-white text-sm md:text-base tracking-widest uppercase\"><\/h4>\r\n <span class=\"text-[10px] font-cinzel tracking-[0.25em] text-[#C5A059] uppercase\">Spring Reception Hall<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"serviceInfoModal\" class=\"modal-overlay fixed inset-0 z-[180] bg-black\/90 backdrop-blur-md flex items-center justify-center p-4\">\r\n <div class=\"modal-content relative w-full max-w-lg bg-[var(--black-surface)] border-2 border-[#C5A059] shadow-[0_0_50px_rgba(197,160,89,0.25)] overflow-hidden\">\r\n <button onclick=\"closeServiceInfo()\" class=\"absolute top-3 right-3 z-20 w-9 h-9 rounded-full bg-black\/80 border border-[#C5A059]\/60 text-white hover:text-[#C5A059] flex items-center justify-center\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div id=\"service-info-img\" class=\"w-full h-64 bg-cover bg-center border-b border-[#C5A059]\/30\" style=\"background-image: url('');\"><\/div>\r\n <div class=\"p-6 md:p-8\">\r\n <span class=\"text-[10px] font-cinzel tracking-[0.3em] text-[#C5A059] uppercase block mb-1\">Spring Reception Hall<\/span>\r\n <h4 id=\"service-info-title\" class=\"font-cinzel text-xl text-white uppercase tracking-wider mb-3\"><\/h4>\r\n <p id=\"service-info-desc\" class=\"text-gray-300 text-xs md:text-sm font-light leading-relaxed mb-6\"><\/p>\r\n <button onclick=\"closeServiceInfo()\" class=\"btn-luxury w-full !py-3 text-xs\">\r\n <span class=\"en\">Close Preview<\/span><span class=\"es\">Cerrar Vista Previa<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div id=\"confirmQuoteModal\" class=\"modal-overlay fixed inset-0 z-[190] bg-black\/90 backdrop-blur-md flex items-center justify-center p-4\">\r\n <div class=\"modal-content relative w-full max-w-lg bg-[var(--black-surface)] border-2 border-[#C5A059] p-6 md:p-8 shadow-[0_0_50px_rgba(197,160,89,0.25)]\">\r\n <div class=\"w-12 h-12 rounded-full bg-[#C5A059]\/20 border border-[#C5A059] flex items-center justify-center text-[#C5A059] mx-auto mb-4\">\r\n <i class=\"fa-solid fa-triangle-exclamation text-xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-cinzel text-lg md:text-xl text-white text-center uppercase tracking-wider mb-3\">\r\n <span class=\"en\">Please Confirm Your Selection<\/span>\r\n <span class=\"es\">Por Favor Confirma Tu Elecci\u00f3n<\/span>\r\n <\/h4>\r\n <div id=\"confirm-quote-warnings\" class=\"text-gray-300 text-xs md:text-sm font-light space-y-2 mb-6 bg-black\/60 border border-[#C5A059]\/30 p-4\"><\/div>\r\n <p class=\"text-center text-xs text-[#F9E596] font-cinzel tracking-widest uppercase mb-6\">\r\n <span class=\"en\">Is this correct and do you wish to send your quote?<\/span>\r\n <span class=\"es\">\u00bfEs correcto y deseas enviar tu cotizaci\u00f3n as\u00ed?<\/span>\r\n <\/p>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\r\n <button type=\"button\" onclick=\"closeConfirmQuoteModal()\" class=\"btn-luxury !py-3 !px-4 text-xs w-full\">\r\n <span class=\"en\">Go Back & Edit<\/span><span class=\"es\">Volver y Editar<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"executeSendCustomQuote()\" class=\"btn-gold-solid !py-3 !px-4 text-xs w-full\">\r\n <span class=\"en\">Yes, Send Quote<\/span><span class=\"es\">S\u00ed, Enviar Cotizaci\u00f3n<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"galleryModal\" class=\"modal-overlay fixed inset-0 z-[100] bg-black\/95 backdrop-blur-md flex items-center justify-center p-4 overflow-y-auto\">\r\n <button onclick=\"closeModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[150] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"modal-content relative w-full max-w-7xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/30 p-6 md:p-10 my-8 mt-20\">\r\n <div class=\"text-center mb-10 mt-4\">\r\n <h2 class=\"font-cinzel text-3xl text-white\">\r\n <span class=\"en\">Exclusive<\/span><span class=\"es\">Colecci\u00f3n<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Collection<\/span><span class=\"es\">Exclusiva<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059]\/50 mx-auto mt-4 mb-6\"><\/div>\r\n <div id=\"gallery-counter\" class=\"font-cinzel text-xs tracking-[0.2em] text-[#C5A059] uppercase\"><\/div>\r\n <\/div>\r\n <div id=\"dynamic-gallery-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"lightboxModal\" class=\"modal-overlay fixed inset-0 z-[160] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4 hidden\">\r\n <button onclick=\"closeLightbox()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[170] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n \r\n <button onclick=\"changeLightboxImage(-1)\" class=\"fixed left-2 md:left-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n <button onclick=\"changeLightboxImage(1)\" class=\"fixed right-2 md:right-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"modal-content relative w-full h-full max-w-6xl mx-auto flex items-center justify-center p-4 select-none\">\r\n <div class=\"relative bg-[#0a0a0a] p-3 md:p-6 border border-[#C5A059]\/40 shadow-[0_0_60px_rgba(197,160,89,0.15)] flex-shrink-0\">\r\n <div class=\"border border-[#C5A059]\/30 p-2 md:p-4 relative\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-[#C5A059] -translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-[#C5A059] translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-[#C5A059] -translate-x-1 translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-[#C5A059] translate-x-1 translate-y-1\"><\/div>\r\n \r\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"Gallery Image\" class=\"max-w-full max-h-[70vh] md:max-h-[80vh] object-contain shadow-2xl relative z-10 transition-opacity duration-300\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute bottom-10 left-0 w-full text-center text-gray-400 font-light text-xs tracking-widest md:hidden animate-pulse\">\r\n <i class=\"fa-solid fa-left-right mr-2\"><\/i> <span class=\"en\">Swipe to navigate<\/span><span class=\"es\">Desliza para navegar<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div> \r\n\r\n <script>\r\n \/\/ ----------------------------------------------------\r\n \/\/ SISTEMA DE IDIOMA ROBUSTO (ENGLISH DEFAULT)\r\n \/\/ ----------------------------------------------------\r\n let currentLang = 'en';\r\n\r\n function setLanguage(lang) {\r\n currentLang = lang;\r\n \r\n const wrapper = document.getElementById('srh-wrapper');\r\n if (wrapper) {\r\n wrapper.classList.remove('srh-lang-en', 'srh-lang-es');\r\n wrapper.classList.add('srh-lang-' + lang);\r\n }\r\n \r\n document.getElementById('btn-lang-en').className = lang === 'en' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n document.getElementById('btn-lang-es').className = lang === 'es' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n \r\n document.getElementById('btn-lang-mob-en').className = lang === 'en' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n document.getElementById('btn-lang-mob-es').className = lang === 'es' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n\r\n document.querySelectorAll('.i18n-ph').forEach(el => {\r\n el.placeholder = el.getAttribute(`data-ph-${lang}`);\r\n });\r\n\r\n document.querySelectorAll('.i18n-opt').forEach(el => {\r\n el.textContent = el.getAttribute(`data-text-${lang}`);\r\n });\r\n \r\n if(galleryLoaded) updateGalleryCounter();\r\n renderFixedAddons();\r\n renderVideoGallery();\r\n recalculateQuote();\r\n updateTourVisitTimes();\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ \ud83c\udfac [EDITAR AQU\u00cd]: LISTA DE VIDEOS DE LA GALER\u00cdA\r\n \/\/ =========================================================================\r\n const galleryVideos = [\r\n {\r\n titleEn: \"Grand Venue Tour & Lighting\",\r\n titleEs: \"Recorrido del Sal\u00f3n e Iluminaci\u00f3n\",\r\n subtitleEn: \"Luxury Atmosphere\",\r\n subtitleEs: \"Atm\u00f3sfera de Lujo\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-tour.mp4\"\r\n },\r\n {\r\n titleEn: \"Dream Weddings & First Dance\",\r\n titleEs: \"Bodas de Ensue\u00f1o y Primer Baile\",\r\n subtitleEn: \"Dancing on the Clouds & Sparkles\",\r\n subtitleEs: \"Baile en las Nubes y Chispas\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-wedding.mp4\"\r\n },\r\n {\r\n titleEn: \"Spectacular Quincea\u00f1eras & Show\",\r\n titleEs: \"Quincea\u00f1eras Espectaculares y Show\",\r\n subtitleEn: \"LED Robot & Entertainment\",\r\n subtitleEs: \"Robot LED y Entretenimiento\",\r\n poster: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n videoUrl: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/video-quince.mp4\"\r\n }\r\n ];\r\n\r\n function renderVideoGallery() {\r\n const grid = document.getElementById('video-gallery-grid');\r\n if (!grid) return;\r\n grid.innerHTML = '';\r\n\r\n galleryVideos.forEach((vid, idx) => {\r\n const title = currentLang === 'en' ? vid.titleEn : vid.titleEs;\r\n const sub = currentLang === 'en' ? vid.subtitleEn : vid.subtitleEs;\r\n\r\n const card = document.createElement('div');\r\n card.className = 'group relative h-80 overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-all duration-500 shadow-2xl cursor-pointer bg-black';\r\n card.onclick = () => openVideoModal(idx);\r\n card.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('${vid.poster}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-black\/20 group-hover:via-black\/30 transition-all duration-500\"><\/div>\r\n \r\n <div class=\"absolute inset-0 flex items-center justify-center z-10\">\r\n <div class=\"video-play-btn\">\r\n <i class=\"fa-solid fa-play text-xl ml-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 z-10\">\r\n <span class=\"block font-cinzel text-[10px] tracking-[0.25em] text-[#C5A059] uppercase mb-1\">${sub}<\/span>\r\n <h3 class=\"font-cinzel text-lg text-white tracking-wider uppercase\">${title}<\/h3>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n }\r\n\r\n function openVideoModal(index) {\r\n const vid = galleryVideos[index];\r\n if (!vid) return;\r\n\r\n const modal = document.getElementById('videoLightboxModal');\r\n const container = document.getElementById('video-modal-player-container');\r\n const titleEl = document.getElementById('video-modal-title');\r\n\r\n titleEl.textContent = currentLang === 'en' ? vid.titleEn : vid.titleEs;\r\n\r\n if (vid.videoUrl.includes('youtube.com') || vid.videoUrl.includes('youtu.be') || vid.videoUrl.includes('vimeo.com')) {\r\n let embedUrl = vid.videoUrl;\r\n if (embedUrl.includes('watch?v=')) {\r\n embedUrl = embedUrl.replace('watch?v=', 'embed\/');\r\n } else if (embedUrl.includes('youtu.be\/')) {\r\n const id = embedUrl.split('youtu.be\/')[1].split('?')[0];\r\n embedUrl = `https:\/\/www.youtube.com\/embed\/${id}`;\r\n }\r\n const sep = embedUrl.includes('?') ? '&' : '?';\r\n container.innerHTML = `<iframe src=\"${embedUrl}${sep}autoplay=1\" class=\"w-full h-full border-0\" allow=\"autoplay; encrypted-media; picture-in-picture\" allowfullscreen><\/iframe>`;\r\n } else {\r\n container.innerHTML = `\r\n <video src=\"${vid.videoUrl}\" poster=\"${vid.poster}\" controls autoplay playsinline class=\"w-full h-full object-contain bg-black\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n `;\r\n }\r\n\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeVideoModal() {\r\n const modal = document.getElementById('videoLightboxModal');\r\n const container = document.getElementById('video-modal-player-container');\r\n modal.classList.remove('active');\r\n if (container) container.innerHTML = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n\r\n document.getElementById('videoLightboxModal')?.addEventListener('click', (e) => {\r\n if (e.target.id === 'videoLightboxModal') closeVideoModal();\r\n });\r\n\r\n \/\/ ----------------------------------------------------\r\n \/\/ L\u00d3GICA DEL CALENDARIO DE VISITA Y HORARIOS (SCHEDULE A TOUR)\r\n \/\/ ----------------------------------------------------\r\n function updateTourVisitTimes() {\r\n const dateInput = document.getElementById('tour-visit-date');\r\n const timeSelect = document.getElementById('tour-visit-time');\r\n const sundayWarning = document.getElementById('sunday-warning');\r\n if (!dateInput || !timeSelect) return;\r\n\r\n const val = dateInput.value;\r\n if (!val) {\r\n timeSelect.innerHTML = `<option value=\"\" disabled selected class=\"bg-black text-gray-400\">${currentLang === 'en' ? 'SELECT VISIT DATE FIRST' : 'ELIGE FECHA DE VISITA PRIMERO'}<\/option>`;\r\n sundayWarning?.classList.add('hidden');\r\n return;\r\n }\r\n\r\n const parts = val.split('-');\r\n const selectedDate = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));\r\n const dayOfWeek = selectedDate.getDay();\r\n\r\n if (dayOfWeek === 0) {\r\n sundayWarning?.classList.remove('hidden');\r\n dateInput.value = '';\r\n timeSelect.innerHTML = `<option value=\"\" disabled selected class=\"bg-black text-red-400\">${currentLang === 'en' ? 'CLOSED ON SUNDAYS - PICK MON-SAT' : 'CERRADO LOS DOMINGOS - ELIGE LUN-S\u00c1B'}<\/option>`;\r\n return;\r\n }\r\n\r\n sundayWarning?.classList.add('hidden');\r\n\r\n const weekdaySlots = [\r\n '12:30 PM', '1:00 PM', '1:30 PM', '2:00 PM', '2:30 PM',\r\n '3:00 PM', '3:30 PM', '4:00 PM', '4:30 PM', '5:00 PM',\r\n '5:30 PM', '6:00 PM', '6:30 PM', '7:00 PM', '7:30 PM'\r\n ];\r\n const saturdaySlots = [\r\n '2:00 PM', '2:30 PM', '3:00 PM', '3:30 PM', '4:00 PM'\r\n ];\r\n\r\n const slots = dayOfWeek === 6 ? saturdaySlots : weekdaySlots;\r\n const defaultLabel = currentLang === 'en' ? 'SELECT AVAILABLE TIME' : 'SELECCIONA UNA HORA';\r\n\r\n let optionsHTML = `<option value=\"\" disabled selected class=\"bg-black text-[#C5A059]\">${defaultLabel}<\/option>`;\r\n slots.forEach(slot => {\r\n optionsHTML += `<option value=\"${slot}\" class=\"bg-[#111] text-white\">${slot}<\/option>`;\r\n });\r\n\r\n timeSelect.innerHTML = optionsHTML;\r\n }\r\n\r\n \/\/ =========================================================================\r\n \/\/ \u270f\ufe0f [EDITAR AQU\u00cd]: CAT\u00c1LOGO DE FOTOS Y DESCRIPCIONES DE CADA SERVICIO (?)\r\n \/\/ =========================================================================\r\n const serviceCatalogInfo = {\r\n catering: {\r\n titleEn: \"Gourmet Catering Service\",\r\n titleEs: \"Servicio de Comida Gourmet\",\r\n descEn: \"Exquisite multi-course meal prepared by our exclusive in-house chef. Includes tasting of 3 menu options. Automatically assigns 5 waiters (for 100 guests, +1 per 50 extra) and 1 certified bartender (+1 per 100 extra).\",\r\n descEs: \"Exquisito banquete preparado por nuestro chef exclusivo del sal\u00f3n. Incluye degustaci\u00f3n de 3 opciones de men\u00fa. Al elegirlo se asignan autom\u00e1ticamente 5 meseros (para 100 invitados, +1 por cada 50 extra) y 1 bartender certificado (+1 por cada 100 extra).\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\"\r\n },\r\n cake: {\r\n titleEn: \"Custom Luxury Cake\",\r\n titleEs: \"Pastel de Lujo Personalizado\",\r\n descEn: \"Exclusive custom-designed event cake tailored to your theme, flavor preferences, and guest count.\",\r\n descEs: \"Pastel exclusivo de nuestro sal\u00f3n dise\u00f1ado a la medida de tu tem\u00e1tica, sabor preferido y cantidad de invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\"\r\n },\r\n centerpieces: {\r\n titleEn: \"Premium Centerpieces\",\r\n titleEs: \"Centros de Mesa Premium\",\r\n descEn: \"Upgrade your guest tables with tall, lush floral and crystal arrangements that elevate the sophistication of your reception.\",\r\n descEs: \"Realza las mesas de tus invitados con arreglos florales altos y detalles en cristal que elevan la majestuosidad del sal\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\"\r\n },\r\n waitstaff: {\r\n titleEn: \"Professional Waitstaff\",\r\n titleEs: \"Personal de Meseros (Waitstaff)\",\r\n descEn: \"Attentive, uniformed waitstaff dedicated to table service, clearing, and guest hospitality. Required: 5 per 100 guests with venue catering, or 4 per 100 guests with external food (+1 waiter per 50 extra guests).\",\r\n descEs: \"Meseros profesionales uniformados para atenci\u00f3n en mesa y hospitalidad. Requerido: 5 para 100 invitados con comida del sal\u00f3n, o 4 para 100 invitados si traes tu comida (+1 mesero por cada 50 invitados extra).\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\"\r\n },\r\n bartender: {\r\n titleEn: \"Certified Bartender\",\r\n titleEs: \"Bartender Certificado\",\r\n descEn: \"TABC-certified bartender for cocktail and beverage preparation (1 bartender per 100 guests). Optional if no alcohol\/bar is served, mandatory if serving drinks or selecting venue catering.\",\r\n descEs: \"Bartender certificado para preparaci\u00f3n y servicio de bebidas (1 bartender por cada 100 invitados). Opcional si no habr\u00e1 barra de bebidas, obligatorio si hay servicio de bebidas o catering del sal\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\"\r\n },\r\n fruit: {\r\n titleEn: \"Fruit Table\",\r\n titleEs: \"Mesa de Frutas (Fruit Table)\",\r\n descEn: \"Artisanal display of fresh seasonal fruits, beautifully arranged for your guests to enjoy throughout the celebration.\",\r\n descEs: \"Presentaci\u00f3n art\u00edstica de frutas frescas de temporada para deleitar a tus invitados durante el evento.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\"\r\n },\r\n coffee: {\r\n titleEn: \"Coffee Station\",\r\n titleEs: \"Estaci\u00f3n de Caf\u00e9 (Coffee Station)\",\r\n descEn: \"Elegant self-serve coffee bar with gourmet blends, creamers, and accompaniments perfect for pairing with dessert.\",\r\n descEs: \"Elegante estaci\u00f3n de caf\u00e9 gourmet con complementos, ideal para acompa\u00f1ar el pastel y la sobremesa.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\"\r\n },\r\n dj: {\r\n titleEn: \"Professional DJ Service\",\r\n titleEs: \"Servicio de DJ Profesional\",\r\n descEn: \"Exclusive venue DJ with high-end sound system, custom playlists, MC announcements, and dynamic party mixing.\",\r\n descEs: \"DJ profesional exclusivo del sal\u00f3n con audio de alta fidelidad, animaci\u00f3n y mezcla musical personalizada.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\"\r\n },\r\n sparkles: {\r\n titleEn: \"Sparkles (Indoor Cold Fireworks)\",\r\n titleEs: \"Chispas (Sparkles)\",\r\n descEn: \"Safe indoor cold sparkler fountains to frame your grand entrance, first dance, or waltz with magical photography moments.\",\r\n descEs: \"Fuentes de chispas fr\u00edas seguras para interiores, ideales para enmarcar tu entrada triunfal, vals o primer baile.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\"\r\n },\r\n clouds: {\r\n titleEn: \"Dancing on the Clouds (Fog Effect)\",\r\n titleEs: \"Baile en las Nubes (Efecto Niebla)\",\r\n descEn: \"Low-lying dense cloud effect across the dance floor that creates a fairy-tale atmosphere for your main dance.\",\r\n descEs: \"Efecto de niebla densa a ras de piso en la pista de baile para crear una atm\u00f3sfera de cuento de hadas.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\"\r\n },\r\n letters: {\r\n titleEn: \"Illuminated Marquee Letters (Mr & Mrs or XV)\",\r\n titleEs: \"Letras Iluminadas (Mr & Mrs o XV)\",\r\n descEn: \"Giant illuminated marquee letters (Mr & Mrs or XV) that add a glamorous focal point to your stage or dance floor.\",\r\n descEs: \"Letras gigantes iluminadas (Mr & Mrs o XV) que destacan la decoraci\u00f3n principal y tus fotograf\u00edas.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\"\r\n },\r\n robot: {\r\n titleEn: \"LED Robot Entertainment\",\r\n titleEs: \"Entretenimiento Robot LED\",\r\n descEn: \"High-energy giant LED Robot show on the dance floor with CO2\/laser effects to ignite the party.\",\r\n descEs: \"Show interactivo de gran energ\u00eda con Robot LED gigante en la pista de baile para encender la fiesta.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\"\r\n },\r\n monja: {\r\n titleEn: \"La Monja Character Entertainment\",\r\n titleEs: \"Show de Entretenimiento La Monja\",\r\n descEn: \"Viral, fun character dance show that gets every guest on their feet during the party hour.\",\r\n descEs: \"Divertido show de animaci\u00f3n en vivo con el famoso personaje de La Monja para poner a bailar a todos los invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\"\r\n },\r\n kids: {\r\n titleEn: \"Kids Room with Certified Staff\",\r\n titleEs: \"\u00c1rea Infantil (Kids Room)\",\r\n descEn: \"Dedicated, safe children's play area supervised by 2 certified babysitters so parents can enjoy the reception worry-free.\",\r\n descEs: \"\u00c1rea infantil privada y segura supervisada por 2 ni\u00f1eras certificadas para la comodidad de tus invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\"\r\n },\r\n photo360: {\r\n titleEn: \"Photobooth 360\",\r\n titleEs: \"Cabina de Video Photobooth 360\",\r\n descEn: \"Interactive 360-degree slow-motion video platform with props and instant digital sharing for your guests.\",\r\n descEs: \"Plataforma interactiva de video 360\u00b0 en c\u00e1mara lenta con accesorios y descarga digital instant\u00e1nea.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\"\r\n },\r\n photovideo: {\r\n titleEn: \"Professional Photo & Video Package\",\r\n titleEs: \"Fotograf\u00eda y Video Profesional\",\r\n descEn: \"Full event coverage by our cinema and photography team, capturing every emotion in high resolution.\",\r\n descEs: \"Cobertura completa de fotograf\u00eda y video cinematogr\u00e1fico para inmortalizar cada instante de tu celebraci\u00f3n.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\"\r\n },\r\n headtable: {\r\n titleEn: \"Luxury Family Head Table\",\r\n titleEs: \"Mesa Principal Familiar (Head Table)\",\r\n descEn: \"Regal presidential table setup for the bridal party or family of honor with elevated decor.\",\r\n descEs: \"Montaje imperial de mesa principal para la familia o corte de honor con decoraci\u00f3n de lujo.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\"\r\n },\r\n lounge: {\r\n titleEn: \"Lounge Furniture Setup\",\r\n titleEs: \"Salas Tipo Lounge (Lounge Furniture)\",\r\n descEn: \"Chic VIP lounge seating areas around the venue for guests to relax and socialize in style.\",\r\n descEs: \"Elegantes salas tipo lounge distribuidas en el sal\u00f3n para el descanso y convivencia VIP de tus invitados.\",\r\n img: \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\"\r\n }\r\n };\r\n\r\n function openServiceInfo(key) {\r\n const info = serviceCatalogInfo[key];\r\n if (!info) return;\r\n document.getElementById('service-info-img').style.backgroundImage = `url('${info.img}')`;\r\n document.getElementById('service-info-title').textContent = currentLang === 'en' ? info.titleEn : info.titleEs;\r\n document.getElementById('service-info-desc').textContent = currentLang === 'en' ? info.descEn : info.descEs;\r\n document.getElementById('serviceInfoModal').classList.add('active');\r\n }\r\n\r\n function closeServiceInfo() {\r\n document.getElementById('serviceInfoModal').classList.remove('active');\r\n }\r\n\r\n document.getElementById('serviceInfoModal')?.addEventListener('click', (e) => {\r\n if (e.target.id === 'serviceInfoModal') closeServiceInfo();\r\n });\r\n\r\n \/\/ ----------------------------------------------------\r\n \/\/ L\u00d3GICA DEL COTIZADOR (M\u00cdNIMO 100 INVITADOS)\r\n \/\/ ----------------------------------------------------\r\n let clientLeadData = {\r\n name: '',\r\n phone: '',\r\n email: '',\r\n eventType: '',\r\n guests: 100,\r\n date: ''\r\n };\r\n\r\n const BASE_PACKAGE_PRICE = 5499;\r\n const SETUP_50_PRICE = 489;\r\n const CATERING_PP_PRICE = 33;\r\n const CAKE_PP_PRICE = 7;\r\n const CENTERPIECE_PRICE = 35;\r\n const BARTENDER_PRICE = 350;\r\n const WAITSTAFF_PRICE = 250;\r\n\r\n let quoteState = {\r\n bringsOwnFood: null,\r\n needsBartender: null,\r\n extraWaiters: 0,\r\n extraBartenders: 0\r\n };\r\n\r\n const fixedAddons = [\r\n { id: 'fruit', nameEn: 'Fruit Table', nameEs: 'Mesa de Frutas (Fruit Table)', price: 150, selected: false },\r\n { id: 'coffee', nameEn: 'Coffee Station', nameEs: 'Estaci\u00f3n de Caf\u00e9 (Coffee Station)', price: 150, selected: false },\r\n { id: 'dj', nameEn: 'Professional DJ', nameEs: 'DJ Profesional', price: 850, selected: false },\r\n { id: 'sparkles', nameEn: 'Sparkles (Cold Fireworks)', nameEs: 'Chispas (Sparkles)', price: 200, selected: false },\r\n { id: 'clouds', nameEn: 'Dancing on the Clouds (Fog effect)', nameEs: 'Baile en las Nubes (Efecto Niebla)', price: 200, selected: false },\r\n { id: 'letters', nameEn: 'Illuminated Letters (Mr Mrs or XV)', nameEs: 'Letras Iluminadas (Mr Mrs o XV)', price: 100, selected: false },\r\n { id: 'robot', nameEn: 'LED Robot Entertainment', nameEs: 'Entretenimiento Robot LED', price: 700, selected: false },\r\n { id: 'monja', nameEn: 'Monja Entertainment', nameEs: 'Entretenimiento La Monja', price: 350, selected: false },\r\n { id: 'kids', nameEn: 'Kids Room', nameEs: '\u00c1rea Infantil (Kids Room)', price: 800, selected: false },\r\n { id: 'photo360', nameEn: 'Photobooth 360', nameEs: 'Photobooth 360', price: 300, selected: false },\r\n { id: 'photovideo', nameEn: 'Photo & Video', nameEs: 'Fotograf\u00eda y Video Profesional', price: 2100, selected: false },\r\n { id: 'headtable', nameEn: 'Family Head Table', nameEs: 'Mesa Principal Familiar (Head Table)', price: 650, selected: false },\r\n { id: 'lounge', nameEn: 'Lounge Furniture Setup', nameEs: 'Salas Tipo Lounge (Lounge Furniture)', price: 800, selected: false }\r\n ];\r\n\r\n function renderFixedAddons() {\r\n const container = document.getElementById('fixed-addons-grid');\r\n if (!container) return;\r\n container.innerHTML = '';\r\n\r\n fixedAddons.forEach((item, idx) => {\r\n const card = document.createElement('div');\r\n card.className = `quote-item-card p-4 flex justify-between items-center ${item.selected ? 'selected' : ''}`;\r\n card.innerHTML = `\r\n <label class=\"flex items-center gap-3 pr-2 cursor-pointer flex-1\">\r\n <input type=\"checkbox\" onchange=\"toggleFixedAddon(${idx})\" ${item.selected ? 'checked' : ''} class=\"w-4 h-4 accent-[#C5A059]\">\r\n <span class=\"font-cinzel text-white text-xs md:text-sm\">\r\n <span class=\"en\">${item.nameEn}<\/span>\r\n <span class=\"es\">${item.nameEs}<\/span>\r\n <\/span>\r\n <\/label>\r\n <button type=\"button\" onclick=\"openServiceInfo('${item.id}')\" class=\"info-q-btn ml-2\" title=\"Info\">?<\/button>\r\n `;\r\n container.appendChild(card);\r\n });\r\n }\r\n\r\n function toggleFixedAddon(index) {\r\n fixedAddons[index].selected = !fixedAddons[index].selected;\r\n renderFixedAddons();\r\n recalculateQuote();\r\n }\r\n\r\n function setBringsOwnFood(bringsOwn) {\r\n quoteState.bringsOwnFood = bringsOwn;\r\n quoteState.extraWaiters = 0;\r\n hideWaitstaffWarning();\r\n\r\n document.getElementById('btn-ownfood-no').classList.toggle('active', bringsOwn === false);\r\n document.getElementById('btn-ownfood-yes').classList.toggle('active', bringsOwn === true);\r\n\r\n document.getElementById('venuefood-selected-notice').classList.toggle('hidden', bringsOwn !== false);\r\n document.getElementById('ownfood-mandatory-notice').classList.toggle('hidden', bringsOwn !== true);\r\n\r\n if (bringsOwn === false) {\r\n quoteState.needsBartender = true;\r\n updateBartenderButtonsUI();\r\n }\r\n recalculateQuote();\r\n }\r\n\r\n function setNeedsBartender(needs) {\r\n if (quoteState.bringsOwnFood === false && !needs) {\r\n quoteState.needsBartender = true;\r\n } else {\r\n quoteState.needsBartender = needs;\r\n }\r\n quoteState.extraBartenders = 0;\r\n updateBartenderButtonsUI();\r\n recalculateQuote();\r\n }\r\n\r\n function updateBartenderButtonsUI() {\r\n document.getElementById('btn-bartender-yes')?.classList.toggle('active', quoteState.needsBartender === true);\r\n document.getElementById('btn-bartender-no')?.classList.toggle('active', quoteState.needsBartender === false);\r\n }\r\n\r\n function adjustGuests(delta) {\r\n const input = document.getElementById('calc-guests');\r\n let val = parseInt(input.value) || 100;\r\n val = Math.max(100, Math.min(500, val + delta));\r\n input.value = val;\r\n quoteState.extraWaiters = 0;\r\n quoteState.extraBartenders = 0;\r\n hideWaitstaffWarning();\r\n recalculateQuote();\r\n }\r\n\r\n function changeCenterpieces(delta) {\r\n const input = document.getElementById('qty-centerpieces');\r\n let val = parseInt(input.value) || 0;\r\n val = Math.max(0, Math.min(60, val + delta));\r\n input.value = val;\r\n recalculateQuote();\r\n }\r\n\r\n function showWaitstaffWarning(minRequired, guests) {\r\n const msg = document.getElementById('waitstaff-warning-msg');\r\n if (!msg) return;\r\n msg.classList.remove('hidden');\r\n msg.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-circle-info mr-1.5\"><\/i> For service quality standards with <strong>${guests} guests<\/strong>, a minimum of <strong>${minRequired} waiters<\/strong> is mandatory.`\r\n : `<i class=\"fa-solid fa-circle-info mr-1.5\"><\/i> Por calidad de servicio para <strong>${guests} invitados<\/strong>, son obligatorios m\u00ednimo <strong>${minRequired} meseros<\/strong> (no se puede bajar de este m\u00ednimo).`;\r\n }\r\n\r\n function hideWaitstaffWarning() {\r\n document.getElementById('waitstaff-warning-msg')?.classList.add('hidden');\r\n }\r\n\r\n function changeStaff(role, delta) {\r\n const { minWaiters, guests } = getRequiredStaffCounts();\r\n\r\n if (role === 'waitstaff') {\r\n if (quoteState.bringsOwnFood === null) {\r\n if (delta > 0) setBringsOwnFood(true);\r\n return;\r\n }\r\n if (delta < 0 && quoteState.extraWaiters === 0) {\r\n showWaitstaffWarning(minWaiters, guests);\r\n return;\r\n }\r\n hideWaitstaffWarning();\r\n quoteState.extraWaiters = Math.max(0, quoteState.extraWaiters + delta);\r\n } else if (role === 'bartender') {\r\n if (delta < 0 && quoteState.extraBartenders === 0) {\r\n if (quoteState.bringsOwnFood !== false && quoteState.needsBartender === true) {\r\n setNeedsBartender(false);\r\n }\r\n return;\r\n }\r\n if (quoteState.needsBartender !== true && delta > 0) {\r\n setNeedsBartender(true);\r\n return;\r\n }\r\n quoteState.extraBartenders = Math.max(0, quoteState.extraBartenders + delta);\r\n }\r\n recalculateQuote();\r\n }\r\n\r\n function getRequiredStaffCounts() {\r\n const guestsInput = document.getElementById('calc-guests');\r\n let guests = parseInt(guestsInput ? guestsInput.value : 100) || 100;\r\n if (guests < 100) {\r\n guests = 100;\r\n if (guestsInput) guestsInput.value = 100;\r\n }\r\n\r\n const extraBlocksOf50 = guests > 100 ? Math.ceil((guests - 100) \/ 50) : 0;\r\n const extraWaitersByCapacity = extraBlocksOf50 * 1;\r\n\r\n let minWaiters = 0;\r\n if (quoteState.bringsOwnFood === false) {\r\n minWaiters = 5 + extraWaitersByCapacity;\r\n } else if (quoteState.bringsOwnFood === true) {\r\n minWaiters = 4 + extraWaitersByCapacity;\r\n } else {\r\n minWaiters = 0;\r\n }\r\n\r\n const bartendersBy100 = Math.ceil(guests \/ 100);\r\n\r\n let minBartenders = 0;\r\n if (quoteState.bringsOwnFood === false || quoteState.needsBartender === true) {\r\n minBartenders = bartendersBy100;\r\n } else {\r\n minBartenders = 0;\r\n }\r\n\r\n return { guests, minWaiters, minBartenders, extraBlocksOf50 };\r\n }\r\n\r\n function recalculateQuote() {\r\n const { guests, minWaiters, minBartenders, extraBlocksOf50 } = getRequiredStaffCounts();\r\n clientLeadData.guests = guests;\r\n\r\n const totalWaiters = minWaiters + quoteState.extraWaiters;\r\n const totalBartenders = minBartenders + quoteState.extraBartenders;\r\n\r\n const setupBanner = document.getElementById('setup50-banner');\r\n const setupBannerText = document.getElementById('setup50-banner-text');\r\n if (setupBanner && setupBannerText) {\r\n if (extraBlocksOf50 > 0) {\r\n setupBanner.classList.remove('hidden');\r\n setupBannerText.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-circle-check mr-2\"><\/i>Extra Setup for Additional Guests (x${extraBlocksOf50} blocks of 50 guests)`\r\n : `<i class=\"fa-solid fa-circle-check mr-2\"><\/i>Setup Extra por cada 50 personas adicionales (x${extraBlocksOf50})`;\r\n } else {\r\n setupBanner.classList.add('hidden');\r\n }\r\n }\r\n\r\n const badge = document.getElementById('staff-rule-badge');\r\n if (badge) {\r\n if (quoteState.bringsOwnFood === null) {\r\n badge.textContent = currentLang === 'en' ? 'Select Food Option in Step 2' : 'Elige Opci\u00f3n de Comida en Paso 2';\r\n } else {\r\n badge.textContent = currentLang === 'en'\r\n ? `${guests} Guests \u2022 Mandatory Min: ${minWaiters} Waiters`\r\n : `${guests} Invitados \u2022 M\u00edn Obligatorio: ${minWaiters} Meseros`;\r\n }\r\n }\r\n\r\n const wMinNote = document.getElementById('waitstaff-min-note');\r\n const bMinNote = document.getElementById('bartender-min-note');\r\n if (wMinNote) {\r\n if (quoteState.bringsOwnFood === null) {\r\n wMinNote.textContent = currentLang === 'en' ? 'Select food option in Step 2' : 'Selecciona opci\u00f3n de comida arriba';\r\n } else {\r\n wMinNote.textContent = (currentLang === 'en' ? 'Mandatory Min: ' : 'M\u00ednimo Obligatorio: ') + minWaiters;\r\n }\r\n }\r\n if (bMinNote) {\r\n bMinNote.textContent = (quoteState.needsBartender === true || quoteState.bringsOwnFood === false)\r\n ? (currentLang === 'en' ? 'Required Min: ' : 'M\u00ednimo: ') + minBartenders\r\n : (currentLang === 'en' ? 'Optional (0)' : 'Opcional (0)');\r\n }\r\n\r\n const qtyW = document.getElementById('qty-waitstaff');\r\n const qtyB = document.getElementById('qty-bartender');\r\n if (qtyW) qtyW.textContent = totalWaiters;\r\n if (qtyB) qtyB.textContent = totalBartenders;\r\n\r\n document.getElementById('card-waitstaff')?.classList.toggle('selected', totalWaiters > 0);\r\n document.getElementById('card-bartender')?.classList.toggle('selected', totalBartenders > 0);\r\n\r\n let total = BASE_PACKAGE_PRICE;\r\n let summaryItems = [];\r\n\r\n summaryItems.push({\r\n label: currentLang === 'en' ? 'Base Venue Rental & Essential Package (Includes 2 Cleaning Staff)' : 'Renta del Sal\u00f3n y Paquete Base (Incluye 2 de Limpieza)',\r\n cost: BASE_PACKAGE_PRICE\r\n });\r\n\r\n if (extraBlocksOf50 > 0) {\r\n const setupCost = extraBlocksOf50 * SETUP_50_PRICE;\r\n total += setupCost;\r\n summaryItems.push({\r\n label: currentLang === 'en'\r\n ? `Extra Setup for +50 Guests (x${extraBlocksOf50})`\r\n : `Setup Extra por cada 50 Invitados (x${extraBlocksOf50})`,\r\n cost: setupCost\r\n });\r\n }\r\n\r\n if (quoteState.bringsOwnFood === false) {\r\n const catCost = guests * CATERING_PP_PRICE;\r\n total += catCost;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? `Gourmet Catering (${guests} Guests)` : `Comida Gourmet del Sal\u00f3n (${guests} Invitados)`,\r\n cost: catCost\r\n });\r\n }\r\n\r\n const chkCake = document.getElementById('chk-cake');\r\n document.getElementById('card-cake')?.classList.toggle('selected', chkCake && chkCake.checked);\r\n if (chkCake && chkCake.checked) {\r\n const cakeCost = guests * CAKE_PP_PRICE;\r\n total += cakeCost;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? `Cake Serving (${guests} Guests)` : `Pastel para ${guests} Invitados`,\r\n cost: cakeCost\r\n });\r\n }\r\n\r\n const qtyCp = parseInt(document.getElementById('qty-centerpieces')?.value) || 0;\r\n document.getElementById('card-centerpieces')?.classList.toggle('selected', qtyCp > 0);\r\n if (qtyCp > 0) {\r\n const cpCost = qtyCp * CENTERPIECE_PRICE;\r\n total += cpCost;\r\n summaryItems.push({\r\n label: (currentLang === 'en' ? 'Premium Centerpieces' : 'Centros de Mesa Premium') + ` (x${qtyCp})`,\r\n cost: cpCost\r\n });\r\n }\r\n\r\n if (totalWaiters > 0) {\r\n const wCost = totalWaiters * WAITSTAFF_PRICE;\r\n total += wCost;\r\n summaryItems.push({\r\n label: (currentLang === 'en' ? 'Waitstaff \/ Waiters' : 'Personal de Meseros') + ` (x${totalWaiters})`,\r\n cost: wCost\r\n });\r\n }\r\n\r\n if (totalBartenders > 0) {\r\n const bCost = totalBartenders * BARTENDER_PRICE;\r\n total += bCost;\r\n summaryItems.push({\r\n label: `Bartender (x${totalBartenders})`,\r\n cost: bCost\r\n });\r\n }\r\n\r\n fixedAddons.forEach(item => {\r\n if (item.selected) {\r\n total += item.price;\r\n summaryItems.push({\r\n label: currentLang === 'en' ? item.nameEn : item.nameEs,\r\n cost: item.price\r\n });\r\n }\r\n });\r\n\r\n const listEl = document.getElementById('quote-summary-list');\r\n if (listEl) {\r\n listEl.innerHTML = summaryItems.map(i => `\r\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-2\">\r\n <span class=\"text-gray-300 pr-2\">${i.label}<\/span>\r\n <span class=\"text-[#C5A059] text-[10px] font-cinzel tracking-widest uppercase shrink-0 flex items-center gap-1\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <span>${currentLang === 'en' ? 'Included' : 'Incluido'}<\/span>\r\n <\/span>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n const totalEl = document.getElementById('quote-total-display');\r\n if (totalEl) {\r\n totalEl.textContent = '$' + total.toLocaleString('en-US');\r\n }\r\n\r\n return { total, summaryItems, totalWaiters, totalBartenders };\r\n }\r\n\r\n function unlockQuoteBuilder(e) {\r\n e.preventDefault();\r\n const name = document.getElementById('lead-name').value.trim();\r\n const phone = document.getElementById('lead-phone').value.trim();\r\n const email = document.getElementById('lead-email').value.trim() || 'No proporcionado';\r\n const eventType = document.getElementById('lead-event-type').value;\r\n const guests = Math.max(100, parseInt(document.getElementById('lead-guests').value) || 100);\r\n const date = document.getElementById('lead-date').value || 'No especificada';\r\n\r\n if (!name || !phone) return;\r\n\r\n clientLeadData = { name, phone, email, eventType, guests, date };\r\n\r\n const calcGuestsInput = document.getElementById('calc-guests');\r\n if (calcGuestsInput) calcGuestsInput.value = guests;\r\n\r\n document.getElementById('display-client-info').textContent = `${name} \u2022 ${phone} (${guests} Guests)`;\r\n\r\n document.getElementById('quote-step-gate').classList.add('hidden');\r\n document.getElementById('quote-step-content').classList.remove('hidden');\r\n\r\n renderFixedAddons();\r\n recalculateQuote();\r\n\r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `Nuevo Prospecto en Cotizador Web: ${name}`,\r\n _template: 'table',\r\n Paso: 'Registro Inicial (Desbloqueo de Cotizador)',\r\n Nombre_Completo: name,\r\n Telefono: phone,\r\n Correo_Electronico: email,\r\n Tipo_de_Evento: eventType,\r\n Cantidad_Invitados: guests,\r\n Fecha_Estimada: date\r\n })\r\n }).catch(() => {});\r\n }\r\n\r\n function sendPrebuiltPackage(pkgName, pkgPrice) {\r\n const feedback = document.getElementById('quote-submit-feedback');\r\n \r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `\u00a1Cotizaci\u00f3n de Paquete ${pkgName} - ${clientLeadData.name}!`,\r\n _template: 'table',\r\n Modalidad: 'Paquete Promocional Todo Incluido',\r\n Paquete_Elegido: pkgName,\r\n Precio_Paquete: `$${pkgPrice.toLocaleString('en-US')}`,\r\n Nombre_Cliente: clientLeadData.name,\r\n Telefono: clientLeadData.phone,\r\n Correo: clientLeadData.email,\r\n Tipo_de_Evento: clientLeadData.eventType,\r\n Invitados_Estimados: clientLeadData.guests,\r\n Fecha_Evento: clientLeadData.date\r\n })\r\n }).then(() => {\r\n if (feedback) {\r\n feedback.classList.remove('hidden');\r\n feedback.innerHTML = currentLang === 'en'\r\n ? `<i class=\"fa-solid fa-check-circle mr-1\"><\/i> We have received your selection for the <strong>${pkgName} ($${pkgPrice.toLocaleString('en-US')})<\/strong>! Our specialist will contact you at ${clientLeadData.phone}.`\r\n : `<i class=\"fa-solid fa-check-circle mr-1\"><\/i> \u00a1Hemos recibido tu inter\u00e9s en el <strong>${pkgName} ($${pkgPrice.toLocaleString('en-US')})<\/strong>! Nuestro especialista te contactar\u00e1 al ${clientLeadData.phone}.`;\r\n feedback.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n });\r\n }\r\n\r\n function validateBeforeSubmitQuote() {\r\n if (quoteState.bringsOwnFood === null) {\r\n const foodSection = document.getElementById('btn-ownfood-no');\r\n foodSection?.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n alert(currentLang === 'en'\r\n ? 'Please select in Step 2 whether you want Venue Gourmet Catering or if you will bring your own food.'\r\n : 'Por favor selecciona en el Paso 2 si deseas Comida del Sal\u00f3n o si traer\u00e1s tu propia comida.');\r\n return;\r\n }\r\n\r\n const chkCake = document.getElementById('chk-cake');\r\n const hasCake = chkCake && chkCake.checked;\r\n const { totalWaiters } = recalculateQuote();\r\n\r\n let warnings = [];\r\n\r\n if (quoteState.bringsOwnFood === true) {\r\n warnings.push(\r\n currentLang === 'en'\r\n ? `\u2022 <strong>No Venue Catering:<\/strong> Your package does NOT include food from our venue (you indicated you will bring your own food, with <strong>${totalWaiters} mandatory waiters<\/strong> included for service quality).`\r\n : `\u2022 <strong>Sin Comida del Sal\u00f3n:<\/strong> Tu paquete NO lleva comida del sal\u00f3n (indicaste que traer\u00e1s tu propia comida, incluyendo los <strong>${totalWaiters} meseros obligatorios<\/strong> por calidad de servicio).`\r\n );\r\n }\r\n\r\n if (!hasCake) {\r\n warnings.push(\r\n currentLang === 'en'\r\n ? `\u2022 <strong>No Cake Included:<\/strong> Your custom package does NOT include Cake Serving.`\r\n : `\u2022 <strong>Sin Pastel:<\/strong> Tu paquete personalizado NO lleva pastel (Cake Serving).`\r\n );\r\n }\r\n\r\n if (warnings.length > 0) {\r\n const warnContainer = document.getElementById('confirm-quote-warnings');\r\n warnContainer.innerHTML = warnings.map(w => `<p>${w}<\/p>`).join('');\r\n document.getElementById('confirmQuoteModal').classList.add('active');\r\n } else {\r\n executeSendCustomQuote();\r\n }\r\n }\r\n\r\n function closeConfirmQuoteModal() {\r\n document.getElementById('confirmQuoteModal').classList.remove('active');\r\n }\r\n\r\n function executeSendCustomQuote() {\r\n closeConfirmQuoteModal();\r\n const btn = document.getElementById('btn-send-custom-quote');\r\n const feedback = document.getElementById('quote-submit-feedback');\r\n const { total, summaryItems, totalWaiters, totalBartenders } = recalculateQuote();\r\n const chkCake = document.getElementById('chk-cake');\r\n\r\n const originalHTML = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> ' + (currentLang === 'en' ? 'Sending Quote...' : 'Enviando Cotizaci\u00f3n...');\r\n btn.style.pointerEvents = 'none';\r\n\r\n const breakdownText = summaryItems.map(i => `\u2022 ${i.label}: $${i.cost.toLocaleString('en-US')}`).join('\\n');\r\n\r\n fetch('https:\/\/formsubmit.co\/ajax\/info@springreceptionhalltx.com', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n body: JSON.stringify({\r\n _subject: `\u00a1Nueva Cotizaci\u00f3n Personalizada ($${total.toLocaleString('en-US')}) - ${clientLeadData.name}!`,\r\n _template: 'table',\r\n Modalidad: 'Paquete Personalizado en Web',\r\n Nombre_Cliente: clientLeadData.name,\r\n Telefono: clientLeadData.phone,\r\n Correo_Electronico: clientLeadData.email,\r\n Tipo_de_Evento: clientLeadData.eventType,\r\n Cantidad_Invitados: clientLeadData.guests,\r\n Fecha_Estimada: clientLeadData.date,\r\n Comida_del_Salon: quoteState.bringsOwnFood ? 'NO (Cliente traer\u00e1 su comida)' : 'S\u00cd (Quiero comida del sal\u00f3n)',\r\n Incluye_Pastel: (chkCake && chkCake.checked) ? 'S\u00cd' : 'NO',\r\n Total_Meseros: totalWaiters,\r\n Total_Bartenders: totalBartenders,\r\n Desglose_de_Items: breakdownText,\r\n COSTO_TOTAL_ESTIMADO: `$${total.toLocaleString('en-US')}`\r\n })\r\n }).then(() => {\r\n btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i> ' + (currentLang === 'en' ? 'Quote Sent Successfully!' : '\u00a1Cotizaci\u00f3n Enviada!');\r\n if (feedback) {\r\n feedback.classList.remove('hidden');\r\n feedback.innerHTML = currentLang === 'en'\r\n ? `<strong>Thank you, ${clientLeadData.name}!<\/strong> Your custom package quote for <strong>$${total.toLocaleString('en-US')}<\/strong> has been sent to our team. We will contact you shortly.`\r\n : `<strong>\u00a1Gracias, ${clientLeadData.name}!<\/strong> Tu cotizaci\u00f3n personalizada por <strong>$${total.toLocaleString('en-US')}<\/strong> ha sido enviada con \u00e9xito. Nos pondremos en contacto contigo muy pronto.`;\r\n }\r\n setTimeout(() => {\r\n btn.innerHTML = originalHTML;\r\n btn.style.pointerEvents = 'auto';\r\n }, 4000);\r\n }).catch(() => {\r\n btn.innerHTML = originalHTML;\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n }\r\n\r\n \/\/ L\u00f3gica del Men\u00fa M\u00f3vil\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileIcon = mobileBtn ? mobileBtn.querySelector('i') : null;\r\n\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n if(mobileMenu.classList.contains('flex')) {\r\n mobileIcon.classList.remove('fa-bars');\r\n mobileIcon.classList.add('fa-xmark');\r\n } else {\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.classList.remove('flex');\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Navbar Scroll\r\n window.addEventListener('scroll', () => {\r\n const topBar = document.getElementById('top-bar');\r\n const mainNavbar = document.getElementById('main-navbar');\r\n const navContainer = document.getElementById('nav-container');\r\n\r\n if (window.scrollY > 50) {\r\n if(topBar) {\r\n topBar.classList.remove('max-h-12', 'opacity-100');\r\n topBar.classList.add('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/95');\r\n mainNavbar.classList.remove('bg-black\/80');\r\n navContainer.classList.add('h-20');\r\n navContainer.classList.remove('h-24');\r\n } else {\r\n if(topBar) {\r\n topBar.classList.add('max-h-12', 'opacity-100');\r\n topBar.classList.remove('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/80');\r\n mainNavbar.classList.remove('bg-black\/95');\r\n navContainer.classList.add('h-24');\r\n navContainer.classList.remove('h-20');\r\n }\r\n });\r\n\r\n const galleryImages = [\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-15-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-18-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-152-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-40-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-303-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-2-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-47-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-410-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-211-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-249-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-195-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-217-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-96-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-102-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-113-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-819-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-203-1-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-384-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-237-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-250-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-261-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-140-scaled.jpg\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n }\r\n\r\n const modal = document.getElementById('galleryModal');\r\n const lightboxModal = document.getElementById('lightboxModal');\r\n const lightboxImage = document.getElementById('lightboxImage');\r\n let currentLightboxIndex = 0; \r\n \r\n function openModal() {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \r\n loadGallery(); \r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function openLightbox(url) {\r\n currentLightboxIndex = galleryImages.indexOf(url);\r\n if (currentLightboxIndex === -1) currentLightboxIndex = 0;\r\n\r\n lightboxImage.src = url;\r\n lightboxImage.style.opacity = '1';\r\n lightboxModal.classList.remove('hidden');\r\n setTimeout(() => { lightboxModal.classList.add('active'); }, 10);\r\n }\r\n\r\n function closeLightbox() {\r\n lightboxModal.classList.remove('active');\r\n setTimeout(() => { \r\n lightboxModal.classList.add('hidden');\r\n lightboxImage.src = ''; \r\n }, 400); \r\n }\r\n\r\n function changeLightboxImage(direction) {\r\n currentLightboxIndex += direction;\r\n if (currentLightboxIndex < 0) currentLightboxIndex = galleryImages.length - 1;\r\n else if (currentLightboxIndex >= galleryImages.length) currentLightboxIndex = 0;\r\n\r\n lightboxImage.style.opacity = '0.3';\r\n setTimeout(() => {\r\n lightboxImage.src = galleryImages[currentLightboxIndex];\r\n lightboxImage.style.opacity = '1';\r\n }, 200);\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (lightboxModal.classList.contains('active')) {\r\n if (e.key === 'ArrowLeft') changeLightboxImage(-1);\r\n if (e.key === 'ArrowRight') changeLightboxImage(1);\r\n if (e.key === 'Escape') closeLightbox();\r\n }\r\n if (document.getElementById('videoLightboxModal')?.classList.contains('active') && e.key === 'Escape') {\r\n closeVideoModal();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n lightboxModal.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\r\n lightboxModal.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const threshold = 50; \r\n if (touchEndX < touchStartX - threshold) changeLightboxImage(1); \r\n if (touchEndX > touchStartX + threshold) changeLightboxImage(-1); \r\n }, { passive: true });\r\n\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n lightboxModal.addEventListener('click', (e) => {\r\n if (e.target === lightboxModal || e.target.closest('.modal-content') === lightboxModal) {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n function initMarquee() {\r\n const track = document.getElementById('main-marquee-track');\r\n if (!track) return;\r\n track.innerHTML = '';\r\n let itemsHTML = '';\r\n const carouselPhotos = [...galleryImages];\r\n shuffleArray(carouselPhotos);\r\n \r\n carouselPhotos.forEach(url => {\r\n itemsHTML += `\r\n <div class=\"marquee-item group cursor-pointer\" onclick=\"openLightbox('${url}')\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110\" \r\n style=\"background-image: url('${url}');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-black\/50 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-3xl transform scale-50 group-hover:scale-100 transition-all duration-300\"><\/i>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n track.innerHTML = itemsHTML + itemsHTML; \r\n track.style.animationDuration = `${carouselPhotos.length * 5}s`; \r\n }\r\n\r\n let galleryLoaded = false;\r\n function updateGalleryCounter() {\r\n const counter = document.getElementById('gallery-counter');\r\n if(counter) {\r\n if (currentLang === 'en') {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Exclusive Photographs`;\r\n } else {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Fotograf\u00edas Exclusivas`;\r\n }\r\n }\r\n }\r\n\r\n function loadGallery() {\r\n if (galleryLoaded) return;\r\n const grid = document.getElementById('dynamic-gallery-grid');\r\n const gridPhotos = [...galleryImages];\r\n shuffleArray(gridPhotos);\r\n grid.innerHTML = ''; \r\n \r\n gridPhotos.forEach((url, index) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative group overflow-hidden border border-white\/10 shadow-lg cursor-pointer aspect-square w-full fade-in-up';\r\n if(index < 10) div.style.animationDelay = `${index * 0.05}s`;\r\n div.onclick = () => openLightbox(url);\r\n div.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center group-hover:scale-110 transition duration-700\" style=\"background-image: url('${url}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent opacity-0 group-hover:opacity-100 transition duration-300 flex flex-col items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-4xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 mb-2\"><\/i>\r\n <span class=\"font-cinzel text-white text-xs tracking-widest uppercase transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 delay-100\">\r\n <span class=\"en\">Enlarge<\/span><span class=\"es\">Ampliar<\/span>\r\n <\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n updateGalleryCounter();\r\n galleryLoaded = true; \r\n }\r\n\r\n function initAllGalleries() {\r\n initMarquee();\r\n renderVideoGallery();\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initAllGalleries);\r\n } else {\r\n setTimeout(initAllGalleries, 100);\r\n }\r\n\r\n const tourForm = document.getElementById('tour-form');\r\n if (tourForm) {\r\n tourForm.addEventListener('submit', function() {\r\n const btn = document.getElementById('btn-submit');\r\n if (currentLang === 'en') {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Processing...';\r\n } else {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Procesando...';\r\n }\r\n btn.style.pointerEvents = 'none';\r\n btn.classList.add('opacity-80');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5273cfd e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5273cfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5858c32 elementor-widget elementor-widget-html\" data-id=\"5858c32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Spring Reception Hall | Luxury Event Venue<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500&family=Pinyon+Script&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --gold-light: #F9E596;\r\n --gold-base: #C5A059;\r\n --gold-dark: #8C6F36;\r\n --black-base: #050505;\r\n --black-surface: #111111;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: var(--black-base);\r\n color: #E0E0E0;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6, .font-cinzel {\r\n font-family: 'Cinzel', serif;\r\n }\r\n\r\n .font-script {\r\n font-family: 'Pinyon Script', cursive;\r\n }\r\n\r\n \/* ------------------------------------------- *\/\r\n \/* SISTEMA DE TRADUCCI\u00d3N ROBUSTO (ANTI-WORDPRESS) *\/\r\n \/* ------------------------------------------- *\/\r\n #srh-wrapper.srh-lang-en .es { display: none !important; }\r\n #srh-wrapper.srh-lang-es .en { display: none !important; }\r\n\r\n \/* Efecto de Metal Dorado Reflejante *\/\r\n .text-gold-metallic {\r\n background: linear-gradient(\r\n to bottom, \r\n #FFF2B2 0%, \r\n #D4AF37 25%, \r\n #8A661C 50%, \r\n #D4AF37 75%, \r\n #FFF2B2 100%\r\n );\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0px 2px 15px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Bot\u00f3n de Lujo Principal *\/\r\n .btn-luxury {\r\n display: inline-block;\r\n background-color: transparent;\r\n color: var(--gold-base);\r\n border: 1px solid var(--gold-base);\r\n padding: 16px 40px;\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n z-index: 1;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-luxury::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, var(--gold-dark), var(--gold-light), var(--gold-base));\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n .btn-luxury:hover {\r\n color: var(--black-base);\r\n border-color: transparent;\r\n box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n }\r\n\r\n .btn-luxury:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n\r\n \/* Formulario Elegante *\/\r\n .input-luxury {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid rgba(197, 160, 89, 0.3);\r\n color: white;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 0.85rem;\r\n padding: 12px 0;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .input-luxury:focus {\r\n outline: none;\r\n border-bottom-color: var(--gold-base);\r\n box-shadow: 0 1px 0 0 var(--gold-base);\r\n }\r\n\r\n .input-luxury::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n font-family: 'Cinzel', serif;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n \/* Mapa Filtro Oscuro *\/\r\n .map-luxury {\r\n filter: grayscale(100%) invert(92%) contrast(83%) hue-rotate(180deg);\r\n opacity: 0.8;\r\n transition: opacity 0.3s ease;\r\n }\r\n .map-luxury:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* Carrusel Infinito *\/\r\n .marquee-container {\r\n display: flex;\r\n overflow: hidden;\r\n width: 100%;\r\n position: relative;\r\n }\r\n .marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: scroll 200s linear infinite; \r\n }\r\n .marquee-track:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); } \r\n }\r\n .marquee-item {\r\n width: 400px;\r\n height: 400px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid rgba(197, 160, 89, 0.1);\r\n }\r\n\r\n \/* Modales *\/\r\n .modal-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .modal-content {\r\n transform: scale(0.95) translateY(20px);\r\n opacity: 0;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n .modal-overlay.active .modal-content {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n \/* Animaci\u00f3n Fade In *\/\r\n .fade-in-up {\r\n animation: fadeInUp 1s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased selection:bg-[#C5A059] selection:text-black\">\r\n\r\n\r\n<div id=\"srh-wrapper\" class=\"srh-lang-en w-full\">\r\n\r\n <header class=\"fixed w-full top-0 z-50 transition-all duration-300\" id=\"header-wrapper\">\r\n \r\n \r\n <div id=\"top-bar\" class=\"hidden lg:block w-full bg-[#050505] border-b border-[#C5A059]\/20 transition-all duration-500 overflow-hidden opacity-100 max-h-12\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex justify-between items-center py-2.5\">\r\n <div class=\"flex items-center gap-6 text-[0.65rem] font-cinzel tracking-[0.2em] text-gray-400 uppercase\">\r\n <a href=\"tel:8328863192\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059]\"><\/i> 832-886-3192\r\n <\/a>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"hover:text-[#C5A059] transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059]\"><\/i> info@springreceptionhalltx.com\r\n <\/a>\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-[0.65rem] font-cinzel tracking-[0.2em] text-[#C5A059] uppercase\">\r\n <i class=\"fa-regular fa-clock\"><\/i> \r\n <span class=\"en\">Attention: 12:00 PM - 8:00 PM<\/span>\r\n <span class=\"es\">Atenci\u00f3n: 12:00 PM - 8:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"main-navbar\" class=\"bg-black\/80 backdrop-blur-md border-b border-[#C5A059]\/20 transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div id=\"nav-container\" class=\"flex justify-between items-center h-24 transition-all duration-300 relative\">\r\n \r\n <a href=\"#\" class=\"inline-block group py-2\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall\" \r\n style=\"max-height: 75px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex gap-8 xl:gap-10 items-center\">\r\n <a href=\"#inicio\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-xs font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n \r\n \r\n <div class=\"flex items-center gap-3 ml-2 border-l border-white\/20 pl-6\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-en\" class=\"font-cinzel text-xs font-bold tracking-widest text-[#C5A059] hover:text-[#C5A059] transition-colors\">EN<\/button>\r\n <span class=\"text-white\/20 text-xs\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-es\" class=\"font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors\">ES<\/button>\r\n <\/div>\r\n\r\n \r\n <a href=\"#reserva\" class=\"text-xs font-cinzel tracking-widest text-[#C5A059] border border-[#C5A059]\/50 px-6 py-3 hover:bg-[#C5A059] hover:text-black transition-all duration-300 ml-4\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/nav>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-[#C5A059] text-2xl focus:outline-none z-50 relative\">\r\n <i class=\"fas fa-bars font-light\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-[100%] left-0 w-full bg-black\/95 backdrop-blur-xl border-b border-[#C5A059]\/30 flex-col items-center py-8 gap-6 z-40 transition-all duration-300 shadow-2xl\">\r\n \r\n <div class=\"flex items-center gap-4 mb-2 border border-[#C5A059]\/30 rounded-full px-6 py-2\">\r\n <button onclick=\"setLanguage('en')\" id=\"btn-lang-mob-en\" class=\"font-cinzel text-sm font-bold tracking-widest text-[#C5A059]\">EN<\/button>\r\n <span class=\"text-white\/20 text-sm\">|<\/span>\r\n <button onclick=\"setLanguage('es')\" id=\"btn-lang-mob-es\" class=\"font-cinzel text-sm tracking-widest text-gray-500\">ES<\/button>\r\n <\/div>\r\n\r\n <a href=\"#inicio\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span>\r\n <\/a>\r\n <a href=\"#nosotros\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">About Us<\/span><span class=\"es\">Nosotros<\/span>\r\n <\/a>\r\n <a href=\"#servicios\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span>\r\n <\/a>\r\n <a href=\"#galeria\" class=\"text-sm font-cinzel tracking-widest text-gray-300 hover:text-[#C5A059] uppercase transition-colors\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/a>\r\n <a href=\"#reserva\" class=\"text-sm font-cinzel tracking-widest text-black bg-[#C5A059] px-8 py-3 hover:bg-white transition-all duration-300 mt-4\">\r\n <span class=\"en\">Book Tour<\/span><span class=\"es\">Reservar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"inicio\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transform scale-105\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/90 via-black\/50 to-black\/90 z-10\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-20 text-center mt-24\">\r\n <div class=\"flex items-center justify-center gap-4 mb-6 fade-in-up\" style=\"animation-delay: 0.2s;\">\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <i class=\"fa-brands fa-envira text-[#C5A059] text-lg\"><\/i>\r\n <span class=\"w-16 h-[1px] bg-[#C5A059]\"><\/span>\r\n <\/div>\r\n \r\n <h2 class=\"font-cinzel text-sm md:text-base tracking-[0.4em] text-gray-300 uppercase mb-4 fade-in-up\" style=\"animation-delay: 0.4s;\">\r\n <span class=\"en\">You are invited to our<\/span>\r\n <span class=\"es\">Te invitamos a nuestro<\/span>\r\n <\/h2>\r\n \r\n <h1 class=\"text-6xl md:text-8xl lg:text-[8rem] mb-8 fade-in-up leading-none\" style=\"animation-delay: 0.6s;\">\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block\">VENUE<\/span>\r\n <span class=\"font-cinzel font-bold text-gold-metallic tracking-wider block mt-[-10px]\">TOUR<\/span>\r\n <\/h1>\r\n \r\n <p class=\"font-light text-gray-300 max-w-2xl mx-auto mb-12 text-base md:text-lg leading-relaxed fade-in-up\" style=\"animation-delay: 0.8s;\">\r\n <span class=\"en\">Explore every space, discover our services, and visualize your dream event.<\/span>\r\n <span class=\"es\">Conoce de cerca cada espacio, descubre nuestros servicios y visualiza el evento de tus sue\u00f1os.<\/span>\r\n <\/p>\r\n\r\n <div class=\"fade-in-up\" style=\"animation-delay: 1s;\">\r\n <a href=\"#reserva\" class=\"btn-luxury\">\r\n <span class=\"en\">Schedule Tour<\/span>\r\n <span class=\"es\">Agendar Recorrido<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"miercoles-tour\" class=\"py-24 bg-[var(--black-surface)] relative border-b border-[#C5A059]\/10\">\r\n <div class=\"container mx-auto px-6 lg:px-12 2xl:px-24 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.4em] uppercase mb-4\">\r\n <span class=\"en\">Free Admission<\/span><span class=\"es\">Entrada Gratuita<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-5xl text-white mb-4\">\r\n <span class=\"en\">Next<\/span><span class=\"es\">Pr\u00f3ximo<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Wednesday<\/span><span class=\"es\">Mi\u00e9rcoles<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto mb-6\"><\/div>\r\n <p class=\"text-gray-400 font-light max-w-2xl mx-auto text-sm\">\r\n <span class=\"en\">Visit us from 4:00 PM to 9:00 PM. No appointment needed. Discover why Spring Reception Hall is where dreams come to life.<\/span>\r\n <span class=\"es\">Vis\u00edtanos de 4:00 PM a 9:00 PM. No necesitas cita previa. Descubre por qu\u00e9 Spring Reception Hall es el lugar donde tus sue\u00f1os cobran vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-8\">\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-landmark-dome text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our elegant halls and versatile spaces designed for royalty.<\/span>\r\n <span class=\"es\">Nuestros elegantes salones y espacios vers\u00e1tiles dise\u00f1ados para la realeza.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-bell-concierge text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Discover<\/span><span class=\"es\">Descubre<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Our personalized attention and premium packages tailored to you.<\/span>\r\n <span class=\"es\">Nuestra atenci\u00f3n personalizada y paquetes premium creados a tu medida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-solid fa-couch text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Visualize<\/span><span class=\"es\">Visualiza<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Setups, decorations, and exclusive options that make your event unique.<\/span>\r\n <span class=\"es\">Montajes, decoraciones y opciones exclusivas que har\u00e1n \u00fanico tu evento.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative group overflow-hidden border border-[#C5A059]\/30 hover:border-[#C5A059] transition-colors duration-500 min-h-[400px] xl:min-h-[480px] flex flex-col items-center justify-center p-8 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110 z-0\" \r\n style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black\/80 group-hover:bg-black\/60 transition-colors duration-500 z-10\"><\/div>\r\n \r\n <div class=\"relative z-20 flex flex-col items-center text-center\">\r\n <div class=\"w-20 h-20 mx-auto border border-[#C5A059]\/50 rounded-full flex items-center justify-center mb-6 bg-black\/40 backdrop-blur-sm group-hover:bg-[#C5A059]\/20 transition-all duration-300\">\r\n <i class=\"fa-regular fa-calendar-check text-3xl text-[#C5A059] group-hover:text-gold-metallic group-hover:scale-110 transition-transform\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-cinzel text-white tracking-[0.2em] text-lg mb-4 uppercase\">\r\n <span class=\"en\">Experience<\/span><span class=\"es\">Conoce<\/span>\r\n <\/h3>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed\">\r\n <span class=\"en\">Every detail and hospitality service to ensure an unforgettable event.<\/span>\r\n <span class=\"es\">Cada detalle y servicio de hospitalidad para que tu evento sea inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nosotros\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\r\n <div class=\"order-2 lg:order-1\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">Our Essence<\/span><span class=\"es\">Nuestra Esencia<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-8 leading-tight\">\r\n <span class=\"en\">More than a venue,<\/span><span class=\"es\">M\u00e1s que un sal\u00f3n,<\/span><br>\r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">an experience<\/span><span class=\"es\">una experiencia<\/span>\r\n <\/span>\r\n <\/h2>\r\n \r\n <div class=\"w-12 h-[2px] bg-[#C5A059] mb-8\"><\/div>\r\n \r\n <div class=\"space-y-6 text-gray-400 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n <span class=\"en\">At Spring Reception Hall, we understand that every celebration is a once-in-a-lifetime moment. We have designed a space that fuses majestic architecture with top-tier hospitality services, creating the perfect setting for weddings, spectacular quincea\u00f1eras, and prestigious corporate events.<\/span>\r\n <span class=\"es\">En Spring Reception Hall, entendemos que cada celebraci\u00f3n es un momento \u00fanico en la vida. Hemos dise\u00f1ado un espacio que fusiona la arquitectura majestuosa con servicios de hospitalidad de primer nivel, creando el escenario perfecto para bodas, quincea\u00f1eras espectaculares y eventos corporativos de alto prestigio.<\/span>\r\n <\/p>\r\n <p>\r\n <span class=\"en\">Our dedication to excellence ensures that every detail, from lighting to setup, reflects your personal vision with unmatched elegance.<\/span>\r\n <span class=\"es\">Nuestra dedicaci\u00f3n a la excelencia asegura que cada detalle, desde la iluminaci\u00f3n hasta el montaje, refleje su visi\u00f3n personal con una elegancia inigualable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"order-1 lg:order-2 relative px-4 md:px-8\">\r\n <div class=\"absolute inset-0 border border-[#C5A059]\/60 translate-x-4 translate-y-4 md:translate-x-8 md:translate-y-8 z-0\"><\/div>\r\n <div class=\"relative z-10 shadow-2xl aspect-[3\/4] w-full\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg');\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"relative py-24 md:py-32 xl:py-40 overflow-hidden border-y border-[#C5A059]\/20\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center filter blur-[4px] scale-105\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Spring-Reception-Hall-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/95 via-black\/80 to-black\/95 z-10\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-20 max-w-6xl\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-gem text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Mission<\/span><span class=\"es\">Misi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To provide a space of ultimate elegance and comprehensive excellence. We exceed our clients' expectations to turn every celebration into an unforgettable masterpiece, caring for every detail with passion and professionalism.<\/span>\r\n <span class=\"es\">Brindar un espacio de m\u00e1xima elegancia y un servicio integral de excelencia. Superamos las expectativas de nuestros clientes para convertir cada celebraci\u00f3n en una obra maestra inolvidable, cuidando cada detalle con pasi\u00f3n y profesionalismo.<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative bg-[#0a0a0a]\/80 backdrop-blur-md border border-[#C5A059]\/30 p-12 lg:p-16 hover:bg-[#0a0a0a]\/95 transition-all duration-700 shadow-[0_0_50px_rgba(0,0,0,0.6)] flex flex-col items-center text-center min-h-[400px] justify-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t border-l border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b border-r border-[#C5A059]\/40 m-4 transition-all duration-500 group-hover:scale-110 group-hover:border-[#C5A059]\"><\/div>\r\n \r\n <div class=\"mb-6 relative\">\r\n <div class=\"absolute inset-0 bg-[#C5A059] blur-xl opacity-20 group-hover:opacity-40 transition-opacity rounded-full\"><\/div>\r\n <i class=\"fa-solid fa-eye text-3xl text-[#C5A059] group-hover:text-gold-metallic transition-colors duration-500 relative z-10\"><\/i>\r\n <\/div>\r\n \r\n <h3 class=\"font-cinzel text-2xl lg:text-3xl text-white mb-2 tracking-widest uppercase flex items-center justify-center flex-wrap gap-2\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-4xl lg:text-5xl lowercase\">\r\n <span class=\"en\">Vision<\/span><span class=\"es\">Visi\u00f3n<\/span>\r\n <\/span>\r\n <\/h3>\r\n <div class=\"w-12 h-[1px] bg-[#C5A059]\/50 mx-auto my-6\"><\/div>\r\n <p class=\"text-gray-300 font-light text-sm leading-relaxed max-w-sm mx-auto group-hover:text-white transition-colors duration-500\">\r\n <span class=\"en\">To be the leading and most exclusive luxury event venue in Spring, TX. Recognized for our hospitality innovation, stunning architectural designs, and unwavering commitment to making your dreams come to life.<\/span>\r\n <span class=\"es\">Ser el sal\u00f3n de eventos de lujo l\u00edder y m\u00e1s exclusivo en Spring, TX. Reconocidos por nuestra innovaci\u00f3n en hospitalidad, dise\u00f1os arquitect\u00f3nicos deslumbrantes y el compromiso inquebrantable de hacer que sus sue\u00f1os cobren vida.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicios\" class=\"py-24 bg-[var(--black-base)] relative border-b border-[#C5A059]\/20\">\r\n <div class=\"container mx-auto px-6 lg:px-12 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-4\">\r\n <span class=\"en\">What we offer<\/span><span class=\"es\">Lo que ofrecemos<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-6\">\r\n <span class=\"en\">Prestigious<\/span><span class=\"es\">Eventos de<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl md:text-7xl lowercase\">\r\n <span class=\"en\">Events<\/span><span class=\"es\">Prestigio<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059] mx-auto\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Weddings<\/span><span class=\"es\">Bodas<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Majestic ceremonies and receptions that mark the beginning of your 'Happily ever after'.<\/span>\r\n <span class=\"es\">Ceremonias y recepciones majestuosas que marcan el inicio de su 'Felices para siempre'.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">Quincea\u00f1eras<\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">The dream celebration for a princess, with the glamour and magic she deserves.<\/span>\r\n <span class=\"es\">La celebraci\u00f3n so\u00f1ada para una princesa, con el glamour y la magia que merece.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jennifer-2-scaled.jpg');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Special Events<\/span><span class=\"es\">Especiales<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Anniversaries, galas, and private celebrations with a touch of absolute distinction.<\/span>\r\n <span class=\"es\">Aniversarios, galas y celebraciones privadas con un toque de distinci\u00f3n absoluto.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative h-96 overflow-hidden border border-[#C5A059]\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-1000 group-hover:scale-110\" style=\"background-image: url('http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-GRADUACION.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out z-10\">\r\n <h3 class=\"font-cinzel text-2xl text-white mb-3 tracking-widest uppercase\">\r\n <span class=\"en\">Graduations<\/span><span class=\"es\">Graduaciones<\/span>\r\n <\/h3>\r\n <div class=\"w-8 h-[1px] bg-[#C5A059] mb-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100 leading-relaxed\">\r\n <span class=\"en\">Commemorate your academic achievements in a sophisticated and unforgettable atmosphere.<\/span>\r\n <span class=\"es\">Conmemore sus logros acad\u00e9micos en un ambiente sofisticado e inolvidable.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"galeria\" class=\"py-24 bg-[var(--black-surface)] border-b border-[#C5A059]\/20 overflow-hidden relative\">\r\n <div class=\"absolute inset-0 flex items-center justify-center opacity-5 pointer-events-none\">\r\n <i class=\"fa-brands fa-envira text-[40rem] text-[#C5A059]\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"container mx-auto px-6 lg:px-12 mb-12 relative z-10 flex flex-col md:flex-row justify-between items-end\">\r\n <div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-xs tracking-[0.3em] uppercase mb-2\">\r\n <span class=\"en\">Inspiration<\/span><span class=\"es\">Inspiraci\u00f3n<\/span>\r\n <\/h4>\r\n <h2 class=\"font-cinzel text-3xl md:text-4xl text-white\">\r\n <span class=\"en\">Our<\/span><span class=\"es\">Nuestra<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span>\r\n <\/span>\r\n <\/h2>\r\n <\/div>\r\n <button onclick=\"openModal()\" class=\"font-cinzel text-xs tracking-[0.2em] text-gray-400 hover:text-[#C5A059] uppercase transition mt-6 md:mt-0 flex items-center gap-2 group\">\r\n <span class=\"en\">View Full Gallery<\/span><span class=\"es\">Ver Galer\u00eda Completa<\/span>\r\n <i class=\"fa-solid fa-arrow-right-long group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"marquee-container relative z-10\">\r\n <div class=\"marquee-track\" id=\"main-marquee-track\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"reserva\" class=\"py-24 md:py-32 bg-[var(--black-base)] relative\">\r\n <div class=\"container mx-auto px-6 lg:px-12 max-w-[1400px]\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 border border-[#C5A059]\/30 rounded-sm overflow-hidden shadow-[0_0_40px_rgba(0,0,0,0.8)]\">\r\n \r\n \r\n <div class=\"bg-[var(--black-surface)] p-10 md:p-16 lg:p-20 xl:p-24 relative flex flex-col justify-center min-h-[650px]\">\r\n <div class=\"absolute top-0 left-0 w-16 h-16 border-t-2 border-l-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-16 h-16 border-b-2 border-r-2 border-[#C5A059] m-6 opacity-50 pointer-events-none\"><\/div>\r\n\r\n <h3 class=\"font-cinzel text-3xl md:text-4xl text-white mb-2\">\r\n <span class=\"en\">Schedule a<\/span><span class=\"es\">Agende un<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase\">\r\n <span class=\"en\">Tour<\/span><span class=\"es\">Recorrido<\/span>\r\n <\/span>\r\n <\/h3>\r\n <p class=\"font-light text-gray-400 text-sm mb-12\">\r\n <span class=\"en\">Leave us your details and an event specialist will contact you shortly to confirm your appointment.<\/span>\r\n <span class=\"es\">D\u00e9jenos sus datos y un especialista en eventos se pondr\u00e1 en contacto con usted a la brevedad para confirmar su cita.<\/span>\r\n <\/p>\r\n \r\n <form action=\"https:\/\/formsubmit.co\/info@springreceptionhalltx.com\" method=\"POST\" class=\"space-y-8 relative z-10\">\r\n \r\n \r\n <input type=\"hidden\" name=\"_subject\" value=\"\u00a1Nueva Solicitud Web! \/ New Web Tour Request!\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"text\" name=\"Nombre\" data-ph-en=\"FULL NAME\" data-ph-es=\"NOMBRE COMPLETO\" placeholder=\"FULL NAME\" class=\"input-luxury i18n-ph\" required>\r\n <input type=\"tel\" name=\"Telefono\" data-ph-en=\"PHONE\" data-ph-es=\"TEL\u00c9FONO\" placeholder=\"PHONE\" class=\"input-luxury i18n-ph\" required>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <input type=\"email\" name=\"Correo\" data-ph-en=\"EMAIL\" data-ph-es=\"CORREO ELECTR\u00d3NICO\" placeholder=\"EMAIL\" class=\"input-luxury i18n-ph\" required>\r\n \r\n \r\n <div class=\"relative\">\r\n <select name=\"Tipo_de_Evento\" class=\"input-luxury appearance-none cursor-pointer text-gray-400 focus:text-white\" required onchange=\"this.style.color='white'\">\r\n <option value=\"\" disabled selected class=\"bg-black text-gray-500 i18n-opt\" data-text-en=\"EVENT TYPE\" data-text-es=\"TIPO DE EVENTO\">EVENT TYPE<\/option>\r\n <option value=\"Wedding\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Wedding\" data-text-es=\"Boda\">Wedding<\/option>\r\n <option value=\"Quinceanera\" class=\"bg-[#111] text-white\">Quincea\u00f1era<\/option>\r\n <option value=\"Graduation\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Graduation\" data-text-es=\"Graduaci\u00f3n\">Graduation<\/option>\r\n <option value=\"Corporate\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Corporate Event\" data-text-es=\"Evento Corporativo\">Corporate Event<\/option>\r\n <option value=\"Other\" class=\"bg-[#111] text-white i18n-opt\" data-text-en=\"Other\" data-text-es=\"Otro\">Other<\/option>\r\n <\/select>\r\n <i class=\"fa-solid fa-chevron-down absolute right-0 top-1\/2 -translate-y-1\/2 text-[#C5A059] pointer-events-none text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative\">\r\n <input type=\"text\" name=\"Fecha_Estimada\" onfocus=\"(this.type='date')\" onblur=\"(this.type='text')\" data-ph-en=\"ESTIMATED EVENT DATE\" data-ph-es=\"FECHA ESTIMADA DEL EVENTO\" placeholder=\"ESTIMATED EVENT DATE\" class=\"input-luxury i18n-ph w-full text-gray-400 focus:text-white\" required>\r\n <\/div>\r\n \r\n <textarea name=\"Mensaje\" data-ph-en=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" data-ph-es=\"OBSERVACIONES EXTRAS PARA SU CONSULTA\" placeholder=\"ADDITIONAL COMMENTS FOR YOUR INQUIRY\" class=\"input-luxury i18n-ph resize-none h-32\" required><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit\" class=\"btn-luxury w-full mt-6 flex justify-center items-center gap-3 py-5\">\r\n <span class=\"text-sm\">\r\n <span class=\"en\">Request Availability<\/span><span class=\"es\">Solicitar Disponibilidad<\/span>\r\n <\/span>\r\n <i class=\"fa-solid fa-paper-plane text-[0.8rem]\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"h-[400px] lg:h-auto min-h-[500px] lg:min-h-[650px] bg-gray-900 relative\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3452.8824194098!2d-95.439366!3d30.068832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864734a7428f5b89%3A0xc66579fc2c53a6!2s100%20Cypresswood%20Dr%20%231300%2C%20Spring%2C%20TX%2077388!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus\" \r\n class=\"w-full h-full border-0 map-luxury absolute inset-0\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n \r\n <div class=\"absolute bottom-8 left-8 bg-black\/80 backdrop-blur-md border border-[#C5A059]\/50 p-6 max-w-[280px] shadow-2xl z-10\">\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] text-xl\"><\/i>\r\n <p class=\"font-cinzel text-[#C5A059] text-sm tracking-widest uppercase\">\r\n <span class=\"en\">Location<\/span><span class=\"es\">Ubicaci\u00f3n<\/span>\r\n <\/p>\r\n <\/div>\r\n <p class=\"text-white text-sm font-light leading-relaxed\">100 Cypresswood Dr.<br>Suite #1300<br>Spring, TX 77388<\/p>\r\n <div class=\"w-full h-[1px] bg-[#C5A059]\/30 my-4\"><\/div>\r\n <a href=\"tel:8328863192\" class=\"text-gray-300 hover:text-[#C5A059] transition flex items-center gap-2 text-sm font-light\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] text-xs\"><\/i> 832-886-3192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"contacto\" class=\"bg-[var(--black-surface)] relative border-t border-[#C5A059]\/30 pt-20 pb-10\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-white\/10 pb-16\">\r\n \r\n \r\n <div>\r\n <a href=\"#\" class=\"inline-block group mb-6\">\r\n <img decoding=\"async\" src=\"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/SPRING-RECEPTION-HALL-LOGO-1-scaled.png\" \r\n alt=\"Spring Reception Hall Logo\" \r\n style=\"max-height: 80px; width: auto;\" \r\n class=\"h-16 md:h-20 object-contain transform group-hover:scale-105 transition-transform duration-500\">\r\n <\/a>\r\n <p class=\"text-gray-400 font-light text-sm mb-6 leading-relaxed\">\r\n <span class=\"en\">The place where your dreams come to life. We raise the standard of hospitality and elegance for your most important events.<\/span>\r\n <span class=\"es\">El lugar donde tus sue\u00f1os cobran vida. Elevamos el est\u00e1ndar de la hospitalidad y la elegancia para tus eventos m\u00e1s importantes.<\/span>\r\n <\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-10 h-10 rounded-full border border-[#C5A059]\/50 flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#C5A059] hover:border-[#C5A059] transition-all duration-300\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Explore<\/span><span class=\"es\">Explorar<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#inicio\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Home<\/span><span class=\"es\">Inicio<\/span><\/a><\/li>\r\n <li><a href=\"#nosotros\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">About Us<\/span><span class=\"es\">Sobre Nosotros<\/span><\/a><\/li>\r\n <li><a href=\"#servicios\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Services<\/span><span class=\"es\">Servicios<\/span><\/a><\/li>\r\n <li><a href=\"#galeria\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light flex items-center gap-2\"><i class=\"fa-solid fa-chevron-right text-[10px] text-[#C5A059]\"><\/i> <span class=\"en\">Gallery<\/span><span class=\"es\">Galer\u00eda<\/span><\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h4 class=\"font-cinzel text-white text-lg mb-6 tracking-widest\">\r\n <span class=\"en\">Contact<\/span><span class=\"es\">Contacto<\/span>\r\n <\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-location-dot text-[#C5A059] mt-1\"><\/i>\r\n <span class=\"text-gray-400 text-sm font-light\">100 Cypresswood Dr. Suite #1300<br>Spring, TX 77388<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-phone text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"tel:8328863192\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">832-886-3192<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <i class=\"fa-solid fa-envelope text-[#C5A059] mt-1\"><\/i>\r\n <a href=\"mailto:info@springreceptionhalltx.com\" class=\"text-gray-400 hover:text-[#C5A059] transition text-sm font-light\">info@springreceptionhalltx.com<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 pt-4 mt-2 border-t border-[#C5A059]\/20\">\r\n <i class=\"fa-regular fa-clock text-[#C5A059] mt-1 text-lg\"><\/i>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-white text-[0.7rem] font-cinzel tracking-widest uppercase mb-1\">\r\n <span class=\"en\">Business Hours<\/span><span class=\"es\">Horario de Atenci\u00f3n<\/span>\r\n <\/span>\r\n <span class=\"text-gray-400 text-sm font-light\">12:00 PM - 8:00 PM<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-[var(--black-base)] border border-[#C5A059]\/30 p-6 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-[#C5A059]\/10 rounded-bl-full -mr-8 -mt-8 transition-transform group-hover:scale-150\"><\/div>\r\n <h4 class=\"font-cinzel text-[#C5A059] text-sm mb-4 tracking-widest uppercase\">Venue Tours<\/h4>\r\n <p class=\"text-white font-cinzel text-xl mb-2\">\r\n <span class=\"en\">Next Wednesday<\/span><span class=\"es\">Pr\u00f3ximo Mi\u00e9rcoles<\/span>\r\n <\/p>\r\n <p class=\"text-gray-400 text-sm font-light mb-4\">\r\n <span class=\"en\">4:00 PM to 9:00 PM<br>Free Admission<\/span>\r\n <span class=\"es\">De 4:00 PM a 9:00 PM<br>Entrada Gratuita<\/span>\r\n <\/p>\r\n <a href=\"#reserva\" class=\"inline-block border border-[#C5A059] text-[#C5A059] px-4 py-2 text-xs font-cinzel tracking-widest uppercase hover:bg-[#C5A059] hover:text-black transition duration-300\">\r\n <span class=\"en\">Book Appointment<\/span><span class=\"es\">Agendar Cita<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <p class=\"font-light text-[0.65rem] tracking-widest text-gray-500 uppercase\">\r\n © 2026 Spring Reception Hall. \r\n <span class=\"en\">All rights reserved.<\/span><span class=\"es\">Todos los derechos reservados.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div id=\"galleryModal\" class=\"modal-overlay fixed inset-0 z-[100] bg-black\/95 backdrop-blur-md flex items-center justify-center p-4 overflow-y-auto\">\r\n <button onclick=\"closeModal()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[150] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <div class=\"modal-content relative w-full max-w-7xl mx-auto bg-[var(--black-surface)] border border-[#C5A059]\/30 p-6 md:p-10 my-8 mt-20\">\r\n <div class=\"text-center mb-10 mt-4\">\r\n <h2 class=\"font-cinzel text-3xl text-white\">\r\n <span class=\"en\">Exclusive<\/span><span class=\"es\">Colecci\u00f3n<\/span> \r\n <span class=\"font-script text-gold-metallic text-5xl lowercase ml-2\">\r\n <span class=\"en\">Collection<\/span><span class=\"es\">Exclusiva<\/span>\r\n <\/span>\r\n <\/h2>\r\n <div class=\"w-16 h-[1px] bg-[#C5A059]\/50 mx-auto mt-4 mb-6\"><\/div>\r\n <div id=\"gallery-counter\" class=\"font-cinzel text-xs tracking-[0.2em] text-[#C5A059] uppercase\"><\/div>\r\n <\/div>\r\n <div id=\"dynamic-gallery-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"lightboxModal\" class=\"modal-overlay fixed inset-0 z-[160] bg-black\/95 backdrop-blur-lg flex items-center justify-center p-4 hidden\">\r\n <button onclick=\"closeLightbox()\" class=\"fixed top-6 right-6 md:top-10 md:right-10 text-white hover:text-[#C5A059] transition text-2xl z-[170] bg-black\/80 w-12 h-12 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n \r\n <button onclick=\"changeLightboxImage(-1)\" class=\"fixed left-2 md:left-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n\r\n <button onclick=\"changeLightboxImage(1)\" class=\"fixed right-2 md:right-10 top-1\/2 -translate-y-1\/2 text-white hover:text-[#C5A059] text-2xl md:text-3xl z-[170] bg-black\/50 w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center border border-[#C5A059]\/50 shadow-[0_0_15px_rgba(0,0,0,0.5)] hover:bg-[#C5A059]\/20 hover:scale-110 transition-all hidden md:flex\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"modal-content relative w-full h-full max-w-6xl mx-auto flex items-center justify-center p-4 select-none\">\r\n <div class=\"relative bg-[#0a0a0a] p-3 md:p-6 border border-[#C5A059]\/40 shadow-[0_0_60px_rgba(197,160,89,0.15)] flex-shrink-0\">\r\n <div class=\"border border-[#C5A059]\/30 p-2 md:p-4 relative\">\r\n <div class=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-[#C5A059] -translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-[#C5A059] translate-x-1 -translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-[#C5A059] -translate-x-1 translate-y-1\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-[#C5A059] translate-x-1 translate-y-1\"><\/div>\r\n \r\n <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"Gallery Image\" class=\"max-w-full max-h-[70vh] md:max-h-[80vh] object-contain shadow-2xl relative z-10 transition-opacity duration-300\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute bottom-10 left-0 w-full text-center text-gray-400 font-light text-xs tracking-widest md:hidden animate-pulse\">\r\n <i class=\"fa-solid fa-left-right mr-2\"><\/i> <span class=\"en\">Swipe to navigate<\/span><span class=\"es\">Desliza para navegar<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div> \r\n\r\n <script>\r\n \/\/ ----------------------------------------------------\r\n \/\/ SISTEMA DE IDIOMA ROBUSTO (ENGLISH DEFAULT)\r\n \/\/ ----------------------------------------------------\r\n let currentLang = 'en';\r\n\r\n function setLanguage(lang) {\r\n currentLang = lang;\r\n \r\n \/\/ Actualizar el wrapper principal para ocultar\/mostrar elementos\r\n const wrapper = document.getElementById('srh-wrapper');\r\n if (wrapper) {\r\n wrapper.classList.remove('srh-lang-en', 'srh-lang-es');\r\n wrapper.classList.add('srh-lang-' + lang);\r\n }\r\n \r\n \/\/ Actualizar botones UI (Desktop)\r\n document.getElementById('btn-lang-en').className = lang === 'en' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n document.getElementById('btn-lang-es').className = lang === 'es' ? 'font-cinzel text-xs font-bold tracking-widest text-[#C5A059] transition-colors' : 'font-cinzel text-xs tracking-widest text-gray-500 hover:text-[#C5A059] transition-colors';\r\n \r\n \/\/ Actualizar botones UI (Mobile)\r\n document.getElementById('btn-lang-mob-en').className = lang === 'en' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n document.getElementById('btn-lang-mob-es').className = lang === 'es' ? 'font-cinzel text-sm font-bold tracking-widest text-[#C5A059]' : 'font-cinzel text-sm tracking-widest text-gray-500';\r\n\r\n \/\/ Actualizar Placeholders\r\n document.querySelectorAll('.i18n-ph').forEach(el => {\r\n el.placeholder = el.getAttribute(`data-ph-${lang}`);\r\n });\r\n\r\n \/\/ Actualizar opciones del select\r\n document.querySelectorAll('.i18n-opt').forEach(el => {\r\n el.textContent = el.getAttribute(`data-text-${lang}`);\r\n });\r\n \r\n if(galleryLoaded) updateGalleryCounter();\r\n }\r\n\r\n \/\/ L\u00f3gica del Men\u00fa M\u00f3vil\r\n const mobileBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileIcon = mobileBtn ? mobileBtn.querySelector('i') : null;\r\n\r\n if (mobileBtn && mobileMenu) {\r\n mobileBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n if(mobileMenu.classList.contains('flex')) {\r\n mobileIcon.classList.remove('fa-bars');\r\n mobileIcon.classList.add('fa-xmark');\r\n } else {\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n mobileMenu.classList.remove('flex');\r\n mobileIcon.classList.remove('fa-xmark');\r\n mobileIcon.classList.add('fa-bars');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Navbar Scroll\r\n window.addEventListener('scroll', () => {\r\n const topBar = document.getElementById('top-bar');\r\n const mainNavbar = document.getElementById('main-navbar');\r\n const navContainer = document.getElementById('nav-container');\r\n\r\n if (window.scrollY > 50) {\r\n if(topBar) {\r\n topBar.classList.remove('max-h-12', 'opacity-100');\r\n topBar.classList.add('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/95');\r\n mainNavbar.classList.remove('bg-black\/80');\r\n navContainer.classList.add('h-20');\r\n navContainer.classList.remove('h-24');\r\n } else {\r\n if(topBar) {\r\n topBar.classList.add('max-h-12', 'opacity-100');\r\n topBar.classList.remove('max-h-0', 'opacity-0');\r\n }\r\n mainNavbar.classList.add('bg-black\/80');\r\n mainNavbar.classList.remove('bg-black\/95');\r\n navContainer.classList.add('h-24');\r\n navContainer.classList.remove('h-20');\r\n }\r\n });\r\n\r\n const galleryImages = [\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-15-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-18-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-152-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Amauri-Gonzalez-32-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-107-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/America-Gonzalez-148-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-40-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-303-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Aurora-Silva-469-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-2-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-44-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-47-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-253-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jazmine-Araiza-410-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-206-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-211-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-221-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Jessica-Martin-249-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-50-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-195-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Liliana-217-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-96-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-102-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-106-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/LillianaStubby-113-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-197-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-544-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Maritza-Caudillo-819-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-203-1-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-378-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-384-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalie-416-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-213-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-237-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-250-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Natalya-261-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-73-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-84-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-93-scaled.jpg\",\r\n \"http:\/\/springreceptionhalltx.com\/wp-content\/uploads\/2026\/08\/Valeria-Ayala-140-scaled.jpg\"\r\n ];\r\n\r\n function shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n }\r\n\r\n const modal = document.getElementById('galleryModal');\r\n const lightboxModal = document.getElementById('lightboxModal');\r\n const lightboxImage = document.getElementById('lightboxImage');\r\n let currentLightboxIndex = 0; \r\n \r\n function openModal() {\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden'; \r\n loadGallery(); \r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function openLightbox(url) {\r\n currentLightboxIndex = galleryImages.indexOf(url);\r\n if (currentLightboxIndex === -1) currentLightboxIndex = 0;\r\n\r\n lightboxImage.src = url;\r\n lightboxImage.style.opacity = '1';\r\n lightboxModal.classList.remove('hidden');\r\n setTimeout(() => { lightboxModal.classList.add('active'); }, 10);\r\n }\r\n\r\n function closeLightbox() {\r\n lightboxModal.classList.remove('active');\r\n setTimeout(() => { \r\n lightboxModal.classList.add('hidden');\r\n lightboxImage.src = ''; \r\n }, 400); \r\n }\r\n\r\n function changeLightboxImage(direction) {\r\n currentLightboxIndex += direction;\r\n if (currentLightboxIndex < 0) currentLightboxIndex = galleryImages.length - 1;\r\n else if (currentLightboxIndex >= galleryImages.length) currentLightboxIndex = 0;\r\n\r\n lightboxImage.style.opacity = '0.3';\r\n setTimeout(() => {\r\n lightboxImage.src = galleryImages[currentLightboxIndex];\r\n lightboxImage.style.opacity = '1';\r\n }, 200);\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (lightboxModal.classList.contains('active')) {\r\n if (e.key === 'ArrowLeft') changeLightboxImage(-1);\r\n if (e.key === 'ArrowRight') changeLightboxImage(1);\r\n if (e.key === 'Escape') closeLightbox();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n lightboxModal.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, { passive: true });\r\n lightboxModal.addEventListener('touchend', e => {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const threshold = 50; \r\n if (touchEndX < touchStartX - threshold) changeLightboxImage(1); \r\n if (touchEndX > touchStartX + threshold) changeLightboxImage(-1); \r\n }, { passive: true });\r\n\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n lightboxModal.addEventListener('click', (e) => {\r\n if (e.target === lightboxModal || e.target.closest('.modal-content') === lightboxModal) {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n function initMarquee() {\r\n const track = document.getElementById('main-marquee-track');\r\n if (!track) return;\r\n track.innerHTML = '';\r\n let itemsHTML = '';\r\n const carouselPhotos = [...galleryImages];\r\n shuffleArray(carouselPhotos);\r\n \r\n carouselPhotos.forEach(url => {\r\n itemsHTML += `\r\n <div class=\"marquee-item group cursor-pointer\" onclick=\"openLightbox('${url}')\">\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-110\" \r\n style=\"background-image: url('${url}');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-black\/50 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-3xl transform scale-50 group-hover:scale-100 transition-all duration-300\"><\/i>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n track.innerHTML = itemsHTML + itemsHTML; \r\n track.style.animationDuration = `${carouselPhotos.length * 5}s`; \r\n }\r\n\r\n let galleryLoaded = false;\r\n function updateGalleryCounter() {\r\n const counter = document.getElementById('gallery-counter');\r\n if(counter) {\r\n if (currentLang === 'en') {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Exclusive Photographs`;\r\n } else {\r\n counter.innerHTML = `<i class=\"fa-solid fa-camera text-[#C5A059] mr-2\"><\/i> ${galleryImages.length} Fotograf\u00edas Exclusivas`;\r\n }\r\n }\r\n }\r\n\r\n function loadGallery() {\r\n if (galleryLoaded) return;\r\n const grid = document.getElementById('dynamic-gallery-grid');\r\n const gridPhotos = [...galleryImages];\r\n shuffleArray(gridPhotos);\r\n grid.innerHTML = ''; \r\n \r\n gridPhotos.forEach((url, index) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative group overflow-hidden border border-white\/10 shadow-lg cursor-pointer aspect-square w-full fade-in-up';\r\n if(index < 10) div.style.animationDelay = `${index * 0.05}s`;\r\n div.onclick = () => openLightbox(url);\r\n div.innerHTML = `\r\n <div class=\"absolute inset-0 w-full h-full bg-cover bg-center group-hover:scale-110 transition duration-700\" style=\"background-image: url('${url}');\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent opacity-0 group-hover:opacity-100 transition duration-300 flex flex-col items-center justify-center z-10\">\r\n <i class=\"fa-solid fa-expand text-[#C5A059] text-4xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 mb-2\"><\/i>\r\n <span class=\"font-cinzel text-white text-xs tracking-widest uppercase transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 delay-100\">\r\n <span class=\"en\">Enlarge<\/span><span class=\"es\">Ampliar<\/span>\r\n <\/span>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n updateGalleryCounter();\r\n galleryLoaded = true; \r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initMarquee);\r\n } else {\r\n setTimeout(initMarquee, 100);\r\n }\r\n\r\n const form = document.querySelector('form');\r\n if (form) {\r\n form.addEventListener('submit', function() {\r\n const btn = document.getElementById('btn-submit');\r\n if (currentLang === 'en') {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Processing...';\r\n } else {\r\n btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Procesando...';\r\n }\r\n btn.style.pointerEvents = 'none';\r\n btn.classList.add('opacity-80');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spring Reception Hall | Luxury Event Venue 832-886-3192 info@springreceptionhalltx.com Mon-Fri: 12:30 PM – 7:30 PM | Sat: 2:00 PM – 4:00 PM Lun-Vie: 12:30 PM – 7:30 PM | S\u00e1b: 2:00 PM – 4:00 PM HomeInicio About UsNosotros ServicesServicios Packages & QuotePaquetes y Cotizador GalleryGaler\u00eda VideosVideos EN | ES Book TourReservar Cita EN | ES […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":77,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/springreceptionhalltx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}