{"id":7,"date":"2026-01-29T22:35:34","date_gmt":"2026-01-29T22:35:34","guid":{"rendered":"https:\/\/pizzatl.sitios24x7.com\/?page_id=7"},"modified":"2026-04-08T23:19:59","modified_gmt":"2026-04-08T23:19:59","slug":"inicio","status":"publish","type":"page","link":"https:\/\/pizzatl.sitios24x7.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Pizzatl - Men\u00fa Oficial<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- Google Fonts: Press Start 2P (Videojuego) y Chakra Petch (Lectura moderna\/Tech) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@400;600;700&family=Press+Start+2P&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n pizzatl: {\n orange: '#FF6B00',\n dark: '#0a0a0a',\n light: '#ffffff'\n }\n },\n fontFamily: {\n game: ['\"Press Start 2P\"', 'cursive'],\n body: ['\"Chakra Petch\"', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* ESTILOS BASE Y SCROLLBAR *\/\n body {\n background-color: #050505;\n color: #ffffff;\n overflow-x: hidden;\n font-family: 'Chakra Petch', sans-serif;\n cursor: crosshair;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n ::-webkit-scrollbar-track {\n background: #000;\n border-left: 2px solid #FF6B00;\n }\n ::-webkit-scrollbar-thumb {\n background: #FF6B00;\n border: 2px solid #000;\n }\n\n \/* EFECTOS DE VIDEOJUEGO MESOAMERICANO *\/\n .neon-text {\n text-shadow: 2px 2px 0px #000, -1px -1px 0px #FF6B00, 0px 0px 10px rgba(255, 107, 0, 0.8);\n }\n \n .meso-border {\n position: relative;\n background: rgba(0, 0, 0, 0.95);\n border: 4px solid #FF6B00;\n box-shadow: \n 6px 6px 0px 0px rgba(255, 255, 255, 0.1),\n inset 0 0 15px rgba(255, 107, 0, 0.2);\n transition: all 0.3s ease;\n }\n\n .meso-border::before, .meso-border::after {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n background: #ffffff;\n }\n .meso-border::before { top: -4px; left: -4px; }\n .meso-border::after { bottom: -4px; right: -4px; }\n\n .meso-border:hover {\n transform: translate(-4px, -4px);\n box-shadow: \n 10px 10px 0px 0px #FF6B00,\n inset 0 0 20px rgba(255, 107, 0, 0.5);\n background: rgba(255, 107, 0, 0.05);\n }\n\n \/* SCANLINE EFFECT *\/\n .scanlines {\n position: fixed;\n top: 0; left: 0; width: 100vw; height: 100vh;\n background: linear-gradient(\n to bottom,\n rgba(255,255,255,0),\n rgba(255,255,255,0) 50%,\n rgba(0,0,0,0.2) 50%,\n rgba(0,0,0,0.2)\n );\n background-size: 100% 4px;\n pointer-events: none;\n z-index: 40;\n opacity: 0.3;\n }\n\n \/* PIZZAS VOLADORAS *\/\n #pizza-canvas {\n position: fixed;\n top: 0; left: 0; width: 100vw; height: 100vh;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n }\n\n .flying-pizza {\n position: absolute;\n width: 60px;\n height: 60px;\n opacity: 0.15;\n filter: drop-shadow(0 0 5px #FF6B00);\n animation: fly linear infinite;\n }\n\n @keyframes fly {\n 0% { transform: translateY(110vh) translateX(-20vw) rotate(0deg) rotateY(0deg); }\n 50% { transform: translateY(50vh) translateX(50vw) rotate(180deg) rotateY(180deg); }\n 100% { transform: translateY(-10vh) translateX(120vw) rotate(360deg) rotateY(360deg); }\n }\n\n \/* ANIMACIONES DE SCROLL (DIRECCIONALES) *\/\n .reveal-element {\n opacity: 0;\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .reveal-element.is-visible-down {\n opacity: 1;\n transform: translateY(0) scale(1);\n animation: popInDown 0.6s forwards;\n }\n .reveal-element.is-visible-up {\n opacity: 1;\n transform: translateY(0) scale(1);\n animation: popInUp 0.6s forwards;\n }\n\n @keyframes popInDown {\n 0% { opacity: 0; transform: translateY(40px) scale(0.9); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n @keyframes popInUp {\n 0% { opacity: 0; transform: translateY(-40px) scale(0.9); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* ANIMACIONES DE OBJETOS (ITEMS) *\/\n @keyframes itemFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n .animate-item-float {\n animation: itemFloat 3s ease-in-out infinite;\n }\n\n \/* HUD ELEMENTS *\/\n .hud-line {\n height: 2px;\n background: repeating-linear-gradient(90deg, #FF6B00, #FF6B00 10px, transparent 10px, transparent 20px);\n margin: 2rem 0;\n }\n\n .game-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n }\n .game-list li::before {\n content: '\u25ba';\n position: absolute;\n left: 0;\n color: #FF6B00;\n font-size: 0.8rem;\n top: 0.2rem;\n }\n\n .btn-retro {\n display: inline-block;\n background: transparent;\n color: #FF6B00;\n border: 2px solid #FF6B00;\n padding: 1rem 2rem;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.8rem;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.2s;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n .btn-retro:hover {\n background: #FF6B00;\n color: #000;\n box-shadow: 0 0 15px #FF6B00;\n }\n\n .btn-price {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 0.5rem;\n transition: all 0.2s;\n cursor: pointer;\n }\n .btn-price:hover {\n background: #FF6B00;\n color: #000;\n border-color: #FF6B00;\n box-shadow: 0 0 10px rgba(255, 107, 0, 0.5);\n }\n .btn-price:hover * { color: #000; }\n\n .logo-nav-exclusivo {\n height: 45px !important;\n max-height: 45px !important;\n width: auto !important;\n max-width: 150px !important;\n object-fit: contain !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n @media (max-width: 768px) {\n .logo-nav-exclusivo {\n height: 35px !important;\n max-height: 35px !important;\n }\n }\n \n \/* Modales *\/\n .modal-overlay {\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(4px);\n }\n <\/style>\n<\/head>\n<body class=\"relative\">\n\n <div class=\"scanlines\"><\/div>\n <div id=\"pizza-canvas\"><\/div>\n\n <!-- Navegaci\u00f3n Sticky -->\n <nav class=\"fixed top-0 w-full bg-black\/90 border-b-4 border-pizzatl-orange z-50 backdrop-blur-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n <!-- Logo -->\n <div class=\"flex-shrink-0 flex items-center gap-3\">\n <img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Logotipo-Pizzatl-.png\" alt=\"\" class=\"logo-nav-exclusivo drop-shadow-[0_0_8px_rgba(255,107,0,0.8)]\">\n <\/div>\n \n <!-- Desktop Menu -->\n <div class=\"hidden md:flex space-x-8 font-body font-bold text-sm tracking-wider\">\n <a href=\"#pizzas\" class=\"text-white hover:text-pizzatl-orange transition-colors\">FORJA TU PIZZA<\/a>\n <a href=\"#especialidades\" class=\"text-white hover:text-pizzatl-orange transition-colors\">OBJETOS & EXTRAS<\/a>\n <a href=\"#bebidas\" class=\"text-white hover:text-pizzatl-orange transition-colors\">POCIONES<\/a>\n <\/div>\n\n <!-- Hamburger Button (Mobile) -->\n <div class=\"md:hidden flex items-center\">\n <button onclick=\"toggleMobileMenu()\" class=\"text-pizzatl-orange hover:text-white focus:outline-none p-2\">\n <svg class=\"w-8 h-8 drop-shadow-[0_0_5px_rgba(255,107,0,0.8)]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Mobile Menu Dropdown -->\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-black\/95 border-b-4 border-pizzatl-orange absolute w-full left-0 top-16 font-body font-bold flex-col shadow-xl\">\n <a href=\"#pizzas\" onclick=\"toggleMobileMenu()\" class=\"block text-white hover:text-pizzatl-orange transition-colors px-6 py-4 border-b border-gray-800\">FORJA TU PIZZA<\/a>\n <a href=\"#especialidades\" onclick=\"toggleMobileMenu()\" class=\"block text-white hover:text-pizzatl-orange transition-colors px-6 py-4 border-b border-gray-800\">OBJETOS & EXTRAS<\/a>\n <a href=\"#bebidas\" onclick=\"toggleMobileMenu()\" class=\"block text-white hover:text-pizzatl-orange transition-colors px-6 py-4\">POCIONES<\/a>\n <\/div>\n <\/nav>\n\n <!-- BOT\u00d3N DE CARRITO FLOTANTE -->\n <button onclick=\"toggleCart()\" class=\"fixed bottom-6 right-6 bg-pizzatl-orange text-black p-4 rounded-full shadow-[0_0_20px_#FF6B00] z-[60] hover:scale-110 transition-transform flex items-center justify-center border-2 border-white\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n <span id=\"cart-badge\" class=\"absolute -top-2 -right-2 bg-white text-black font-bold font-body rounded-full h-6 w-6 flex items-center justify-center border-2 border-black hidden\">0<\/span>\n <\/button>\n\n <main class=\"relative z-10 pt-20\">\n <!-- HERO SECTION -->\n <section class=\"min-h-[80vh] flex flex-col items-center justify-center text-center px-4 relative\">\n <div class=\"reveal-element z-10 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Logotipo-Pizzatl-.png\" alt=\"\" class=\"h-48 md:h-64 lg:h-80 object-contain animate-item-float drop-shadow-[0_0_30px_rgba(255,107,0,0.6)] mb-6\">\n <h2 class=\"text-pizzatl-orange font-body font-bold text-xl md:text-2xl tracking-[0.3em] mb-4\">DELICATESSEN<\/h2>\n <h1 class=\"font-game text-4xl md:text-5xl lg:text-7xl text-white neon-text mb-8 leading-tight sr-only\">PIZZATL<\/h1>\n <p class=\"font-body text-xl md:text-2xl text-gray-300 max-w-2xl mx-auto mb-10\">\n Sube de nivel tu antojo. Haz clic en cualquier precio para a\u00f1adir objetos a tu inventario.\n <\/p>\n <a href=\"#pizzas\" class=\"btn-retro\">[ INICIAR PARTIDA ]<\/a>\n <\/div>\n <\/section>\n\n <div class=\"hud-line\"><\/div>\n\n <!-- PIZZAS -->\n <section id=\"pizzas\" class=\"max-w-7xl mx-auto px-4 py-16\">\n <h2 class=\"font-game text-3xl md:text-4xl text-pizzatl-orange mb-8 text-center neon-text\">> MEN\u00da DE PIZZAS<\/h2>\n <p class=\"font-body text-center text-gray-300 mb-12 max-w-2xl mx-auto\">Selecciona tu clase y haz clic en el precio para configurar tu pizza.<\/p>\n\n <!-- CLASE: CL\u00c1SICA -->\n <div class=\"meso-border p-6 lg:p-8 mb-12 reveal-element\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center border-b-2 border-pizzatl-orange pb-4 mb-6\">\n <h3 class=\"font-game text-2xl text-white\">NIVEL 1: CL\u00c1SICA<\/h3>\n <img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Recorte-Pizzatl-Pepperoni-Grande-scaled.png\" alt=\"[Image of Pizza Pepperoni]\" class=\"h-32 md:h-40 object-contain animate-item-float drop-shadow-[0_0_15px_rgba(255,107,0,0.4)] mt-4 md:mt-0\">\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n <div>\n <h4 class=\"font-body text-pizzatl-orange font-bold mb-4 tracking-wider uppercase text-sm\">> Sabores disponibles:<\/h4>\n <ul class=\"game-list font-body text-gray-300 text-sm space-y-3\">\n <li><span class=\"text-white font-bold\">Pepperoni:<\/span> Queso gouda, especias, parmesano.<\/li>\n <li><span class=\"text-white font-bold\">Hawaiana:<\/span> Jam\u00f3n, pi\u00f1a.<\/li>\n <li><span class=\"text-white font-bold\">Salchicha:<\/span> Especias, parmesano.<\/li>\n <li><span class=\"text-white font-bold\">Jam\u00f3n:<\/span> Especias, parmesano.<\/li>\n <li><span class=\"text-white font-bold\">Chorizo:<\/span> Especias, parmesano.<\/li>\n <li><span class=\"text-white font-bold\">Champi\u00f1\u00f3n:<\/span> Especias, parmesano.<\/li>\n <li><span class=\"text-white font-bold\">Pimientos:<\/span> Especias, parmesano.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-black\/50 p-4 border border-gray-800 h-fit overflow-x-auto\">\n <h4 class=\"font-body text-pizzatl-orange font-bold mb-4 tracking-wider uppercase text-sm\">> Tabla de Precios (Cl\u00e1sica):<\/h4>\n <table class=\"w-full text-sm font-body text-left whitespace-nowrap min-w-[300px]\">\n <thead>\n <tr class=\"text-gray-400 border-b border-gray-700\"><th class=\"py-2 px-2\">Tama\u00f1o<\/th><th class=\"py-2 px-2\">Normal<\/th><th class=\"py-2 px-2 text-pizzatl-orange\">Con Orilla*<\/th><\/tr>\n <\/thead>\n <tbody class=\"text-gray-300\">\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Mediana <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(30cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Mediana', 149, false)\" class=\"btn-price\"><span>$149<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Mediana', 188, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$188<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Grande <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(35cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Grande', 188, false)\" class=\"btn-price\"><span>$188<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Grande', 235, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$235<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Jumbo <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(40cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Jumbo', 221, false)\" class=\"btn-price\"><span>$221<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Jumbo', 289, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$289<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">S. Jumbo <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(50cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Super Jumbo', 255, false)\" class=\"btn-price\"><span>$255<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Super Jumbo', 354, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$354<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr>\n <td class=\"py-3 px-2 font-bold text-white\">Suprema <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(60x40cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Suprema', 289, false)\" class=\"btn-price\"><span>$289<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Cl\u00e1sica', 'Suprema', 412, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$412<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CLASE: ESPECIALIDAD -->\n <div class=\"meso-border p-6 lg:p-8 mb-12 reveal-element\">\n <h3 class=\"font-game text-2xl text-white border-b-2 border-pizzatl-orange pb-4 mb-6\">NIVEL 2: ESPECIALIDAD<\/h3>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n <div>\n <h4 class=\"font-body text-pizzatl-orange font-bold mb-4 tracking-wider uppercase text-sm\">> Sabores disponibles:<\/h4>\n <ul class=\"game-list font-body text-gray-300 text-sm space-y-3\">\n <li><span class=\"text-white font-bold\">Mixtle:<\/span> Salchicha, jam\u00f3n, chorizo, pepperoni.<\/li>\n <li><span class=\"text-white font-bold\">Tot\u00f3c:<\/span> Champi\u00f1\u00f3n, pi\u00f1a, chorizo, aceituna negra.<\/li>\n <li><span class=\"text-white font-bold\">3 Quetzin:<\/span> Queso gouda, cheddar, cabra de ceniza.<\/li>\n <li><span class=\"text-white font-bold\">Metzi:<\/span> Espinaca, champi\u00f1\u00f3n, pimientos, elote, aceituna negra, cebolla caramelizada.<\/li>\n <li><span class=\"text-white font-bold\">Tetl:<\/span> Carne de hamburguesa, champi\u00f1\u00f3n, pi\u00f1a, cebolla caramelizada.<\/li>\n <li><span class=\"text-white font-bold\">Pepitotl:<\/span> Carne estilo pepito, frijol refrito, aguacate sazonado.<\/li>\n <li><span class=\"text-white font-bold\">Pastor:<\/span> Carne al pastor, cebolla, cilantro, pi\u00f1a.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-black\/50 p-4 border border-gray-800 h-fit overflow-x-auto\">\n <h4 class=\"font-body text-pizzatl-orange font-bold mb-4 tracking-wider uppercase text-sm\">> Tabla de Precios (Especialidad):<\/h4>\n <table class=\"w-full text-sm font-body text-left whitespace-nowrap min-w-[300px]\">\n <thead>\n <tr class=\"text-gray-400 border-b border-gray-700\"><th class=\"py-2 px-2\">Tama\u00f1o<\/th><th class=\"py-2 px-2\">Normal<\/th><th class=\"py-2 px-2 text-pizzatl-orange\">Con Orilla*<\/th><\/tr>\n <\/thead>\n <tbody class=\"text-gray-300\">\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Mediana <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(30cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Mediana', 164, false)\" class=\"btn-price\"><span>$164<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Mediana', 204, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$204<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Grande <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(35cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Grande', 204, false)\" class=\"btn-price\"><span>$204<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Grande', 268, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$268<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Jumbo <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(40cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Jumbo', 247, false)\" class=\"btn-price\"><span>$247<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Jumbo', 314, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$314<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">S. Jumbo <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(50cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Super Jumbo', 284, false)\" class=\"btn-price\"><span>$284<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Super Jumbo', 386, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$386<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr>\n <td class=\"py-3 px-2 font-bold text-white\">Suprema <span class=\"text-xs text-gray-500 font-normal block sm:inline\">(60x40cm)<\/span><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Suprema', 319, false)\" class=\"btn-price\"><span>$319<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Especialidad', 'Suprema', 467, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$467<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CLASE: TLATOANI -->\n <div class=\"meso-border p-6 lg:p-8 mb-12 reveal-element\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center border-b-2 border-white pb-4 mb-6\">\n <h3 class=\"font-game text-2xl text-pizzatl-orange\">NIVEL M\u00c1XIMO: TLATOANI<\/h3>\n <img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/IMG_8009-scaled.png\" alt=\"\" class=\"h-32 md:h-48 object-contain animate-item-float drop-shadow-[0_0_20px_rgba(255,107,0,0.6)] mt-4 md:mt-0\" style=\"animation-delay: 1s;\">\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n <div>\n <h4 class=\"font-body text-white font-bold mb-4 tracking-wider uppercase text-sm\">> Sabores disponibles:<\/h4>\n <ul class=\"game-list font-body text-gray-300 text-sm space-y-3\">\n <li><span class=\"text-white font-bold\">Kukulk\u00e1n:<\/span> 8 especialidades en una base.<\/li>\n <li><span class=\"text-white font-bold\">Arrachera:<\/span> Carne de arrachera, dip de queso jalape\u00f1o.<\/li>\n <li><span class=\"text-white font-bold\">Yali:<\/span> Queso cheddar, arrachera, pepito, cebolla marinada.<\/li>\n <li><span class=\"text-white font-bold\">Jaguar:<\/span> Champi\u00f1\u00f3n, queso cheddar, aceituna negra.<\/li>\n <li><span class=\"text-white font-bold\">Chorich:<\/span> Queso cheddar, chorizo argentino, chimichurri.<\/li>\n <li><span class=\"text-white font-bold\">Boneless:<\/span> Boneless, elige tu salsa.<\/li>\n <li><span class=\"text-white font-bold\">Hicox:<\/span> Higo, queso cheddar, jam\u00f3n serrano, queso de cabra.<\/li>\n <li><span class=\"text-white font-bold\">Nacameh:<\/span> Chorizo, hamburguesa, salchicha, jam\u00f3n, carne estilo pepito.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-black\/50 p-4 border border-gray-800 h-fit overflow-x-auto\">\n <h4 class=\"font-body text-white font-bold mb-4 tracking-wider uppercase text-sm\">> Tabla de Precios (Tlatoani):<\/h4>\n <table class=\"w-full text-sm font-body text-left whitespace-nowrap min-w-[300px]\">\n <thead>\n <tr class=\"text-gray-400 border-b border-gray-700\"><th class=\"py-2 px-2\">Tama\u00f1o<\/th><th class=\"py-2 px-2\">Normal<\/th><th class=\"py-2 px-2 text-pizzatl-orange\">Con Orilla*<\/th><\/tr>\n <\/thead>\n <tbody class=\"text-gray-300\">\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Mediana<\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Mediana', 189, false)\" class=\"btn-price\"><span>$189<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Mediana', 228, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$228<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Grande<\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Grande', 225, false)\" class=\"btn-price\"><span>$225<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Grande', 285, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$285<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">Jumbo<\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Jumbo', 267, false)\" class=\"btn-price\"><span>$267<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Jumbo', 332, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$332<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr class=\"border-b border-gray-800\/50\">\n <td class=\"py-3 px-2 font-bold text-white\">S. Jumbo<\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Super Jumbo', 318, false)\" class=\"btn-price\"><span>$318<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Super Jumbo', 413, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$413<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <tr>\n <td class=\"py-3 px-2 font-bold text-white\">Suprema<\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Suprema', 363, false)\" class=\"btn-price\"><span>$363<\/span><span class=\"text-pizzatl-orange font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <td class=\"py-2 px-2\"><button onclick=\"promptPizza('Tlatoani', 'Suprema', 509, true)\" class=\"btn-price border-pizzatl-orange\/30\"><span class=\"text-pizzatl-orange font-bold\">$509<\/span><span class=\"text-white font-bold text-lg leading-none\">+<\/span><\/button><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"hud-line\"><\/div>\n\n <!-- EXTRAS -->\n <section id=\"especialidades\" class=\"max-w-7xl mx-auto px-4 py-16\">\n <h2 class=\"font-game text-3xl md:text-4xl text-pizzatl-orange mb-12 text-center neon-text\">> OBJETOS EQUIPABLES<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n <!-- MINI CHICAGO -->\n <div class=\"meso-border p-6 reveal-element flex flex-col h-full\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-3\">MINI CHICAGO<\/h3>\n <div class=\"flex justify-center mb-4\"><img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Mini-Chicago.png\" alt=\"\" class=\"h-28 md:h-32 object-contain animate-item-float drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]\"><\/div>\n <div class=\"mt-auto space-y-3 font-body text-base\">\n <button onclick=\"promptItem('Mini Chicago Cl\u00e1sica', 89, true, PIZZA_FLAVORS['Cl\u00e1sica'])\" class=\"btn-price\"><span class=\"text-white\">Cl\u00e1sicas<\/span> <span class=\"text-pizzatl-orange font-bold\">$89 [+]<\/span><\/button>\n <button onclick=\"promptItem('Mini Chicago Especialidad', 94, true, PIZZA_FLAVORS['Especialidad'])\" class=\"btn-price\"><span class=\"text-white\">Especialidad<\/span> <span class=\"text-pizzatl-orange font-bold\">$94 [+]<\/span><\/button>\n <button onclick=\"promptItem('Mini Chicago Tlatoani', 99, true, PIZZA_FLAVORS['Tlatoani'])\" class=\"btn-price\"><span class=\"text-white\">Tlatoani<\/span> <span class=\"text-pizzatl-orange font-bold\">$99 [+]<\/span><\/button>\n <\/div>\n <\/div>\n\n <!-- XOLOS -->\n <div class=\"meso-border p-6 reveal-element flex flex-col h-full\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-3\">XOLOS (PAN)<\/h3>\n <div class=\"flex justify-center mb-4\"><img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Xolos-3.png\" alt=\"\" class=\"h-28 md:h-32 object-contain animate-item-float drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]\" style=\"animation-delay: 0.5s;\"><\/div>\n <div class=\"space-y-4 font-body text-sm flex-grow\">\n <button onclick=\"addToCart('Xolo Normal', 61)\" class=\"btn-price !block !text-left\">\n <div class=\"flex justify-between items-center mb-1\"><span class=\"text-white font-bold text-base\">Xolo Normal<\/span><span class=\"text-pizzatl-orange font-bold text-lg\">$61 [+]<\/span><\/div>\n <p class=\"text-gray-400 text-xs\">Doble salchicha, gouda\/cheddar, pi\u00f1a, champi\u00f1\u00f3n, mayonesa, cebolla.<\/p>\n <\/button>\n <div class=\"pt-2\">\n <span class=\"text-pizzatl-orange font-bold block mb-2 text-xs uppercase tracking-wider\">Especiales ($71 c\/u):<\/span>\n <div class=\"grid grid-cols-2 gap-2 text-gray-300\">\n <button onclick=\"addToCart('Xolo Salchicha Asar', 71)\" class=\"btn-price justify-center\">Asar [+]<\/button>\n <button onclick=\"addToCart('Xolo Pepito', 71)\" class=\"btn-price justify-center\">Pepito [+]<\/button>\n <button onclick=\"addToCart('Xolo Hamburguesa', 71)\" class=\"btn-price justify-center\">Hamburguesa [+]<\/button>\n <button onclick=\"addToCart('Xolo Arrachera', 71)\" class=\"btn-price justify-center\">Arrachera [+]<\/button>\n <button onclick=\"addToCart('Xolo Argentino', 71)\" class=\"btn-price justify-center col-span-2\">Argentino [+]<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PAPAS PREPARADAS -->\n <div class=\"meso-border p-6 reveal-element flex flex-col h-full\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-2\">PAPAS PREPARADAS<\/h3>\n <div class=\"flex justify-center mb-4\"><img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Papas-Pizzatl-1-1-01-Artboard-1.png\" alt=\"\" class=\"h-28 md:h-32 object-contain animate-item-float drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]\" style=\"animation-delay: 1.2s;\"><\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 font-body text-sm flex-grow\">\n <div class=\"bg-white\/5 p-3 border-t-2 border-pizzatl-orange\">\n <div class=\"text-pizzatl-orange font-bold text-lg mb-2\">$98<\/div>\n <div class=\"flex flex-col gap-1\">\n <button onclick=\"addToCart('Papas Mixtle', 98)\" class=\"btn-price !p-1 text-xs\">Mixtle [+]<\/button>\n <button onclick=\"addToCart('Papas 3 Quetzin', 98)\" class=\"btn-price !p-1 text-xs\">3 Quetzin [+]<\/button>\n <button onclick=\"addToCart('Papas Metzi', 98)\" class=\"btn-price !p-1 text-xs\">Metzi [+]<\/button>\n <button onclick=\"addToCart('Papas Salchicha Asar', 98)\" class=\"btn-price !p-1 text-xs\">Salchicha Asar [+]<\/button>\n <button onclick=\"addToCart('Papas Argentinas', 98)\" class=\"btn-price !p-1 text-xs\">Argentinas [+]<\/button>\n <button onclick=\"promptItem('Papas Fritura', 98, true, ['Barcel', 'Sabritas'])\" class=\"btn-price !p-1 text-xs\">Fritura [+]<\/button>\n <button onclick=\"addToCart('Papas Hicox', 98)\" class=\"btn-price !p-1 text-xs\">Hicox [+]<\/button>\n <button onclick=\"addToCart('Papas Tetl', 98)\" class=\"btn-price !p-1 text-xs\">Tetl [+]<\/button>\n <\/div>\n <\/div>\n <div class=\"bg-white\/5 p-3 border-t-2 border-white\">\n <div class=\"text-white font-bold text-lg mb-2\">$103<\/div>\n <div class=\"flex flex-col gap-1\">\n <button onclick=\"addToCart('Papas Pepitotl', 103)\" class=\"btn-price !p-1 text-xs\">Pepitotl [+]<\/button>\n <button onclick=\"addToCart('Papas Arrachera', 103)\" class=\"btn-price !p-1 text-xs\">Arrachera [+]<\/button>\n <button onclick=\"promptItem('Papas Boneless', 103, true, SALSAS)\" class=\"btn-price !p-1 text-xs\">Boneless [+]<\/button>\n <button onclick=\"addToCart('Papas Nacameh', 103)\" class=\"btn-price !p-1 text-xs\">Nacameh [+]<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- BONELESS -->\n <div class=\"meso-border p-6 reveal-element flex flex-col h-full\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-3\">BONELESS<\/h3>\n <div class=\"space-y-2 font-body text-sm mb-4\">\n <button onclick=\"promptItem('Boneless Individual', 113, true, SALSAS)\" class=\"btn-price\"><span class=\"text-white\">Individual (250g)<\/span> <span class=\"text-pizzatl-orange font-bold\">$113 [+]<\/span><\/button>\n <button onclick=\"promptItem('Boneless Mediano', 164, true, SALSAS)\" class=\"btn-price\"><span class=\"text-white\">Mediano (375g)<\/span> <span class=\"text-pizzatl-orange font-bold\">$164 [+]<\/span><\/button>\n <button onclick=\"promptItem('Boneless Grande', 204, true, SALSAS)\" class=\"btn-price\"><span class=\"text-white\">Grande (500g)<\/span> <span class=\"text-pizzatl-orange font-bold\">$204 [+]<\/span><\/button>\n <button onclick=\"promptItem('Boneless Jumbo', 389, true, SALSAS)\" class=\"btn-price\"><span class=\"text-white\">Jumbo (1kg)<\/span> <span class=\"text-pizzatl-orange font-bold\">$389 [+]<\/span><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PIZZADILLAS -->\n <div class=\"meso-border p-6 lg:p-8 reveal-element mt-8\">\n <div class=\"flex flex-col md:flex-row justify-between items-center border-b-2 border-pizzatl-orange pb-3 mb-6 gap-6\">\n <div class=\"text-center md:text-left\"><h3 class=\"font-game text-2xl text-white mb-2\">PIZZADILLAS<\/h3><\/div>\n <img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Pizzadillas-todas-calida-.png\" alt=\"\" class=\"h-24 md:h-32 object-contain animate-item-float drop-shadow-[0_0_15px_rgba(255,107,0,0.4)]\">\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 font-body text-sm\">\n <button onclick=\"addToCart('Pizzadilla Pepperoni', 38)\" class=\"btn-price\"><span class=\"text-gray-200\">Pepperoni<\/span> <span class=\"text-pizzatl-orange font-bold\">$38 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Hawaiana', 38)\" class=\"btn-price\"><span class=\"text-gray-200\">Hawaiana<\/span> <span class=\"text-pizzatl-orange font-bold\">$38 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Mixtle', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Mixtle<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla 3 Quetzin', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">3 Quetzin<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Metzi', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Metzi<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Salchicha Asar', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">S. Asar<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Argentina', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Argentina<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Hicox', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Hicox<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Pepitotl', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Pepitotl<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Arrachera', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Arrachera<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"promptItem('Pizzadilla Boneless', 41, true, SALSAS)\" class=\"btn-price\"><span class=\"text-gray-200\">Boneless<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <button onclick=\"addToCart('Pizzadilla Nacameh', 41)\" class=\"btn-price\"><span class=\"text-gray-200\">Nacameh<\/span> <span class=\"text-pizzatl-orange font-bold\">$41 [+]<\/span><\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"hud-line\"><\/div>\n\n <!-- BEBIDAS Y POSTRES -->\n <section id=\"bebidas\" class=\"max-w-7xl mx-auto px-4 py-16\">\n <h2 class=\"font-game text-3xl md:text-4xl text-white mb-12 text-center\"><span class=\"text-pizzatl-orange\">[<\/span> POCIONES Y ENERG\u00cdA <span class=\"text-pizzatl-orange\">]<\/span><\/h2>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"space-y-6\">\n <!-- NIEVES -->\n <div class=\"meso-border p-5 reveal-element flex flex-col\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-4\">NIEVES ARTESANALES<\/h3>\n <div class=\"flex justify-center mb-4\"><img decoding=\"async\" src=\"https:\/\/pizzatl.sitios24x7.com\/wp-content\/uploads\/2026\/03\/Nieve-de-Mazapan.png\" alt=\"\" class=\"h-32 object-contain animate-item-float drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]\"><\/div>\n <div class=\"mt-auto flex justify-between font-body text-base gap-2\">\n <button onclick=\"promptItem('Nieve Artesanal', 82, true, NIEVES, '1\/2 Litro')\" class=\"btn-price flex-col !items-center !py-4\">1\/2 Litro <span class=\"text-pizzatl-orange font-bold text-xl\">$82 [+]<\/span><\/button>\n <button onclick=\"promptItem('Nieve Artesanal', 143, true, NIEVES, '1 Litro')\" class=\"btn-price flex-col !items-center !py-4\">1 Litro <span class=\"text-pizzatl-orange font-bold text-xl\">$143 [+]<\/span><\/button>\n <\/div>\n <\/div>\n <!-- CERVEZAS -->\n <div class=\"meso-border p-5 reveal-element\">\n <h3 class=\"font-game text-sm text-white border-b-2 border-pizzatl-orange pb-2 mb-3\">L\u00cdNEA CERVEZA (473ml)<\/h3>\n <div class=\"space-y-2 font-body text-sm\">\n <button onclick=\"addToCart('Modelo Especial 473ml', 35)\" class=\"btn-price\"><span>Modelo Especial<\/span><span class=\"text-pizzatl-orange font-bold\">$35 [+]<\/span><\/button>\n <button onclick=\"addToCart('Victoria 473ml', 35)\" class=\"btn-price\"><span>Victoria<\/span><span class=\"text-pizzatl-orange font-bold\">$35 [+]<\/span><\/button>\n <button onclick=\"addToCart('Corona Extra 473ml', 35)\" class=\"btn-price\"><span>Corona Extra<\/span><span class=\"text-pizzatl-orange font-bold\">$35 [+]<\/span><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- COCA COLA -->\n <div class=\"meso-border p-5 reveal-element h-fit\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-4\">L\u00cdNEA COCA-COLA<\/h3>\n <div class=\"space-y-3 font-body text-sm\">\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 28, true, COCA_SABORES, '600 ml')\" class=\"btn-price\"><span class=\"text-pizzatl-orange font-bold\">A\u00f1adir 600 ml<\/span><span class=\"text-white\">$28 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 21, true, ['Coca-Cola Original', 'Coca-Cola Sin Az\u00facar'], '250 ml')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir Lata 250 ml<\/span><span class=\"text-white\">$21 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 28, true, ['Coca-Cola Original', 'Coca-Cola Sin Az\u00facar'], 'Lata 355 ml')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir Lata 355 ml<\/span><span class=\"text-white\">$28 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 44, true, ['Coca-Cola Original', 'Coca-Cola Sin Az\u00facar'], '1.35 L')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir Botella 1.35 L<\/span><span class=\"text-white\">$44 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 38, true, COCA_SABORES_2L, '2 Litros')\" class=\"btn-price\"><span class=\"text-pizzatl-orange font-bold\">A\u00f1adir 2 Litros<\/span><span class=\"text-white\">$38 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Coca-Cola', 50, true, COCA_SABORES_3L, '3 Litros')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir Sabores 3 Litros<\/span><span class=\"text-white\">$50 [+]<\/span><\/button>\n <button onclick=\"addToCart('Coca-Cola Original 3 L', 58)\" class=\"btn-price\"><span class=\"text-gray-300\">Coca-Cola Original 3 L<\/span><span class=\"text-white\">$58 [+]<\/span><\/button>\n <\/div>\n <\/div>\n\n <!-- PEPSI Y PE\u00d1AFIEL -->\n <div class=\"space-y-6\">\n <div class=\"meso-border p-5 reveal-element\">\n <h3 class=\"font-game text-lg text-white border-b-2 border-pizzatl-orange pb-2 mb-4\">PEPSI Y PE\u00d1AFIEL<\/h3>\n <div class=\"space-y-3 font-body text-sm\">\n <button onclick=\"promptItem('Refresco Familia Pepsi', 19, true, ['Pepsi'], '355 ml')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir Lata 355ml<\/span><span class=\"text-white\">$19 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Pepsi', 21, true, PEPSI_SABORES, '400 ml')\" class=\"btn-price\"><span class=\"text-gray-300\">A\u00f1adir 400ml<\/span><span class=\"text-white\">$21 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Pepsi\/Pe\u00f1afiel', 28, true, PENAFIEL_PEPSI_600, '600 ml')\" class=\"btn-price\"><span class=\"text-pizzatl-orange font-bold\">A\u00f1adir 600ml<\/span><span class=\"text-white\">$28 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Pe\u00f1afiel Sabores', 38, true, PENAFIEL_SABORES, '2 Litros')\" class=\"btn-price\"><span class=\"text-pizzatl-orange font-bold\">A\u00f1adir Pe\u00f1afiel 2L<\/span><span class=\"text-white\">$38 [+]<\/span><\/button>\n <button onclick=\"promptItem('Refresco Familia Pepsi', 48, true, ['Pepsi', 'Mirinda', 'Sangr\u00eda'], '3 Litros')\" class=\"btn-price\"><span class=\"text-pizzatl-orange font-bold\">A\u00f1adir Pepsi 3L<\/span><span class=\"text-white\">$48 [+]<\/span><\/button>\n <div class=\"border-t border-gray-800 pt-3\">\n <button onclick=\"promptItem('Arizona', 28, true, ['Kiwi-Fresa', 'Sand\u00eda', 'Mango', 'Ponche de Frutas'], '680 ml')\" class=\"btn-price mb-2\"><span class=\"text-gray-300\">Arizona 680ml<\/span><span class=\"text-white\">$28 [+]<\/span><\/button>\n <button onclick=\"promptItem('Boing', 20, true, ['Manzana', 'Mango', 'Uva'], '250 ml')\" class=\"btn-price\"><span class=\"text-gray-300\">Boing 250ml<\/span><span class=\"text-white\">$20 [+]<\/span><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- MODAL: CONFIGURAR PIZZA -->\n <div id=\"pizza-modal\" class=\"fixed inset-0 modal-overlay z-[100] hidden flex items-center justify-center p-4\">\n <div class=\"meso-border w-full max-w-md bg-black p-6 relative\">\n <button onclick=\"closeModal('pizza-modal')\" class=\"absolute top-2 right-4 text-pizzatl-orange font-game text-xl hover:text-white\">x<\/button>\n <h3 class=\"font-game text-xl text-white mb-4 border-b border-pizzatl-orange pb-2\">FORJAR PIZZA<\/h3>\n \n <div class=\"font-body text-sm space-y-4\">\n <div>\n <label class=\"block text-pizzatl-orange mb-1\">Clase y Tama\u00f1o<\/label>\n <div id=\"pizza-meta\" class=\"text-white bg-white\/5 p-2 border border-gray-800 font-bold\"><\/div>\n <\/div>\n \n <div>\n <label class=\"block text-pizzatl-orange mb-1\">Selecciona Sabor<\/label>\n <select id=\"pizza-flavor\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white\"><\/select>\n <\/div>\n\n <div id=\"orilla-container\" class=\"hidden\">\n <label class=\"block text-pizzatl-orange mb-1\">Tipo de Orilla Rellena<\/label>\n <select id=\"pizza-crust\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white\">\n <option value=\"Cl\u00e1sica\">Cl\u00e1sica<\/option>\n <option value=\"Choriqueso\">Choriqueso<\/option>\n <option value=\"Fritura (Barcel\/Sabritas)\">Fritura<\/option>\n <\/select>\n <\/div>\n \n <div class=\"pt-4\">\n <button onclick=\"confirmPizza()\" class=\"btn-retro w-full text-center\">A\u00d1ADIR AL INVENTARIO [<span id=\"pizza-price-display\"><\/span>]<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MODAL: ITEM GEN\u00c9RICO (BEBIDAS\/EXTRAS) -->\n <div id=\"generic-modal\" class=\"fixed inset-0 modal-overlay z-[100] hidden flex items-center justify-center p-4\">\n <div class=\"meso-border w-full max-w-sm bg-black p-6 relative\">\n <button onclick=\"closeModal('generic-modal')\" class=\"absolute top-2 right-4 text-pizzatl-orange font-game text-xl hover:text-white\">x<\/button>\n <h3 id=\"generic-title\" class=\"font-game text-sm text-white mb-4 border-b border-pizzatl-orange pb-2\">A\u00d1ADIR ITEM<\/h3>\n \n <div class=\"font-body text-sm space-y-4\">\n <div>\n <label class=\"block text-pizzatl-orange mb-1\">Especificaci\u00f3n \/ Sabor<\/label>\n <select id=\"generic-select\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white hidden\"><\/select>\n <input type=\"text\" id=\"generic-input\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white hidden\" placeholder=\"Escribe aqu\u00ed...\">\n <\/div>\n <div class=\"pt-4\">\n <button onclick=\"confirmGenericItem()\" class=\"btn-retro w-full text-center text-xs\">A\u00d1ADIR [<span id=\"generic-price-display\"><\/span>]<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MODAL: CARRITO DE COMPRAS -->\n <div id=\"cart-modal\" class=\"fixed inset-0 modal-overlay z-[100] hidden flex items-center justify-center p-4\">\n <div class=\"meso-border w-full max-w-lg bg-black p-6 flex flex-col max-h-[90vh]\">\n <div class=\"flex justify-between items-center border-b-2 border-pizzatl-orange pb-2 mb-4 shrink-0\">\n <h3 class=\"font-game text-xl text-white\">TU INVENTARIO<\/h3>\n <button onclick=\"toggleCart()\" class=\"text-pizzatl-orange font-game text-xl hover:text-white\">x<\/button>\n <\/div>\n \n <div id=\"cart-items\" class=\"font-body text-sm text-gray-300 space-y-3 overflow-y-auto pr-2 flex-grow scrollbar-thin\">\n <!-- Items injected via JS -->\n <div class=\"text-center text-gray-500 py-10 italic\">Tu inventario est\u00e1 vac\u00edo. Empieza a forjar tu pedido.<\/div>\n <\/div>\n\n <div class=\"border-t-2 border-pizzatl-orange pt-4 mt-4 shrink-0\">\n <div class=\"flex justify-between items-center text-white font-bold text-lg mb-4 font-body\">\n <span>TOTAL ESTIMADO:<\/span>\n <span id=\"cart-total\" class=\"text-pizzatl-orange\">$0.00<\/span>\n <\/div>\n <!-- Cambiado para abrir el Checkout Modal en lugar de ir directo a WhatsApp -->\n <button onclick=\"openCheckoutModal()\" class=\"btn-retro w-full text-center flex items-center justify-center gap-3 bg-pizzatl-orange\/10\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.573-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.274.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564.289.13.332.202c.045.072.045.419-.099.824z\"\/><\/svg>\n HACER MI PEDIDO\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MODAL: DATOS DE ENV\u00cdO (NUEVO FORMULARIO) -->\n <div id=\"checkout-modal\" class=\"fixed inset-0 modal-overlay z-[110] hidden flex items-center justify-center p-4\">\n <div class=\"meso-border w-full max-w-md bg-black p-6 relative\">\n <button onclick=\"closeModal('checkout-modal')\" class=\"absolute top-2 right-4 text-pizzatl-orange font-game text-xl hover:text-white\">x<\/button>\n <h3 class=\"font-game text-xl text-white mb-4 border-b border-pizzatl-orange pb-2\">DATOS DE MISI\u00d3N<\/h3>\n \n <div class=\"font-body text-sm space-y-4\">\n <div>\n <label class=\"block text-pizzatl-orange mb-1 font-bold\">*Nombre de Jugador:<\/label>\n <input type=\"text\" id=\"user-name\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white\" placeholder=\"Ingresa tu nombre...\">\n <\/div>\n <div>\n <label class=\"block text-pizzatl-orange mb-1 font-bold\">*Tel\u00e9fono de Contacto:<\/label>\n <input type=\"tel\" id=\"user-phone\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white\" placeholder=\"Tu n\u00famero de WhatsApp...\">\n <\/div>\n <div>\n <label class=\"block text-pizzatl-orange mb-1 font-bold\">*Direcci\u00f3n (con referencias):<\/label>\n <textarea id=\"user-address\" rows=\"3\" class=\"w-full bg-black border border-pizzatl-orange text-white p-2 outline-none focus:border-white resize-none\" placeholder=\"Calle, n\u00famero, colonia. Frente a la tienda roja...\"><\/textarea>\n <\/div>\n <div class=\"pt-4 flex gap-3\">\n <button onclick=\"closeModal('checkout-modal')\" class=\"btn-retro w-1\/3 text-center !text-xs !p-2 !border-gray-500 !text-gray-500 hover:!bg-gray-800 hover:!text-white\">CANCELAR<\/button>\n <button onclick=\"processCheckout()\" class=\"btn-retro w-2\/3 text-center flex items-center justify-center gap-2 bg-pizzatl-orange\/10 !text-xs !p-2\">\n CONFIRMAR Y ENVIAR\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- L\u00d3GICA JS (CARRITO Y WHATSAPP) -->\n <script>\n \/\/ === MEN\u00da RESPONSIVO M\u00d3VIL ===\n function toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n menu.classList.toggle('hidden');\n menu.classList.toggle('flex');\n }\n\n \/\/ CONFIGURACI\u00d3N DE MEN\u00da PARA MODALES\n const PIZZA_FLAVORS = {\n 'Cl\u00e1sica': ['Pepperoni', 'Hawaiana', 'Salchicha', 'Jam\u00f3n', 'Chorizo', 'Champi\u00f1\u00f3n', 'Pimientos'],\n 'Especialidad': ['Mixtle', 'Tot\u00f3c', '3 Quetzin', 'Metzi', 'Tetl', 'Pepitotl', 'Pastor'],\n 'Tlatoani': ['Kukulk\u00e1n', 'Arrachera', 'Yali', 'Jaguar', 'Chorich', 'Boneless', 'Hicox', 'Nacameh']\n };\n const SALSAS = ['BBQ', 'B\u00fafalo', 'Blue Cheese', 'Lemon Pepper', 'Teriyaki', 'Mango Habanero', 'Garlic Parmesan', 'Honey Mustard'];\n const NIEVES = ['Pikafresa', 'Mazap\u00e1n', 'Gomimango', 'Galleta', 'Lim\u00f3n', 'Mango', 'Caf\u00e9', 'Maracuy\u00e1', 'Tequila', 'Beso de \u00c1ngel', 'Mamey', 'Coco', 'Zarzamora', 'Chicle', 'Guan\u00e1bana'];\n const COCA_SABORES = ['Coca-Cola Original', 'Coca-Cola Sin Az\u00facar', 'Fanta Fresa', 'Fanta Naranja', 'Sprite', 'Fresca', 'Sidral Mundet', 'Jugo Del Valle'];\n const COCA_SABORES_2L = ['Delaware Punch', 'Fanta Naranja', 'Sprite', 'Fresca', 'Sidral Manzana', 'Sidral Durazno', 'Sidral Ciruela', 'Jugo Del Valle'];\n const COCA_SABORES_3L = ['Fanta Naranja', 'Fanta Uva', 'Fresca', 'Sprite', 'Sidral Manzana', 'Jugo Del Valle'];\n const PEPSI_SABORES = ['Pepsi', 'Mirinda', 'Sangr\u00eda', '7up', 'Manzanita Sol'];\n const PENAFIEL_SABORES = ['Naranjada', 'Pi\u00f1ada', 'Manzanada', 'Fresa', 'Manzanita', 'Mandarina', 'Sangr\u00eda', 'Squirt', 'Agua Mineral'];\n const PENAFIEL_PEPSI_600 = [...PEPSI_SABORES.slice(0,3), ...PENAFIEL_SABORES];\n\n \/\/ ESTADO DEL CARRITO\n let cart = [];\n let tempPizza = {};\n let tempItem = {};\n\n \/\/ === FUNCIONES DE UI ===\n\n function toggleCart() {\n const modal = document.getElementById('cart-modal');\n modal.classList.toggle('hidden');\n renderCart();\n }\n\n function closeModal(id) {\n document.getElementById(id).classList.add('hidden');\n }\n\n \/\/ === L\u00d3GICA DE PIZZAS ===\n\n function promptPizza(clase, size, price, conOrilla) {\n tempPizza = { isPizza: true, clase, size, price, conOrilla, quantity: 1 };\n \n document.getElementById('pizza-meta').innerText = `Clase ${clase} | ${size} ${conOrilla ? '(Con Orilla)' : ''}`;\n document.getElementById('pizza-price-display').innerText = `$${price}`;\n \n const flavorSelect = document.getElementById('pizza-flavor');\n flavorSelect.innerHTML = PIZZA_FLAVORS[clase].map(f => `<option value=\"${f}\">${f}<\/option>`).join('');\n \n const orillaContainer = document.getElementById('orilla-container');\n if (conOrilla) {\n orillaContainer.classList.remove('hidden');\n } else {\n orillaContainer.classList.add('hidden');\n }\n\n document.getElementById('pizza-modal').classList.remove('hidden');\n }\n\n function confirmPizza() {\n tempPizza.flavor = document.getElementById('pizza-flavor').value;\n if (tempPizza.conOrilla) {\n tempPizza.orillaFlavor = document.getElementById('pizza-crust').value;\n }\n tempPizza.name = `Pizza ${tempPizza.clase} - ${tempPizza.flavor} (${tempPizza.size}) ${tempPizza.conOrilla ? '+ Orilla ' + tempPizza.orillaFlavor : ''}`;\n \n cart.push({...tempPizza});\n updateBadge();\n closeModal('pizza-modal');\n flashBadge();\n }\n\n \/\/ === L\u00d3GICA GEN\u00c9RICA (EXTRAS Y BEBIDAS) ===\n\n function promptItem(name, price, needsFlavor, options = [], suffix = '') {\n tempItem = { isPizza: false, baseName: name, price, quantity: 1, suffix };\n document.getElementById('generic-title').innerText = name.toUpperCase();\n document.getElementById('generic-price-display').innerText = `$${price}`;\n \n const select = document.getElementById('generic-select');\n const input = document.getElementById('generic-input');\n \n if (needsFlavor && options.length > 0) {\n select.innerHTML = options.map(o => `<option value=\"${o}\">${o}<\/option>`).join('');\n select.classList.remove('hidden');\n input.classList.add('hidden');\n } else if (needsFlavor) {\n input.value = '';\n input.classList.remove('hidden');\n select.classList.add('hidden');\n } else {\n input.classList.add('hidden');\n select.classList.add('hidden');\n }\n\n document.getElementById('generic-modal').classList.remove('hidden');\n }\n\n function confirmGenericItem() {\n let detail = \"\";\n if (!document.getElementById('generic-select').classList.contains('hidden')) {\n detail = document.getElementById('generic-select').value;\n } else if (!document.getElementById('generic-input').classList.contains('hidden')) {\n detail = document.getElementById('generic-input').value || \"Normal\";\n }\n \n tempItem.name = `${tempItem.baseName}${detail ? ' ' + detail : ''} ${tempItem.suffix}`.trim();\n cart.push({...tempItem});\n updateBadge();\n closeModal('generic-modal');\n flashBadge();\n }\n\n function addToCart(name, price) {\n cart.push({ isPizza: false, name, price, quantity: 1 });\n updateBadge();\n flashBadge();\n }\n\n \/\/ === CARRITO ===\n\n function updateBadge() {\n const badge = document.getElementById('cart-badge');\n badge.innerText = cart.length;\n if(cart.length > 0) badge.classList.remove('hidden');\n else badge.classList.add('hidden');\n }\n\n function flashBadge() {\n const btn = document.querySelector('button[onclick=\"toggleCart()\"]');\n btn.classList.add('scale-125', 'bg-white');\n setTimeout(() => btn.classList.remove('scale-125', 'bg-white'), 200);\n }\n\n function removeFromCart(index) {\n cart.splice(index, 1);\n updateBadge();\n renderCart();\n }\n\n function renderCart() {\n const container = document.getElementById('cart-items');\n const totalEl = document.getElementById('cart-total');\n container.innerHTML = '';\n \n if (cart.length === 0) {\n container.innerHTML = '<div class=\"text-center text-gray-500 py-10 italic\">Tu inventario est\u00e1 vac\u00edo. Empieza a forjar tu pedido.<\/div>';\n totalEl.innerText = '$0.00';\n return;\n }\n\n let total = 0;\n cart.forEach((item, index) => {\n total += item.price * item.quantity;\n container.innerHTML += `\n <div class=\"flex justify-between items-center bg-white\/5 p-3 border border-gray-800 rounded\">\n <div class=\"flex-1 pr-4\">\n <span class=\"text-white block font-bold text-xs uppercase\">${item.name}<\/span>\n <span class=\"text-pizzatl-orange block mt-1\">$${item.price}.00<\/span>\n <\/div>\n <button onclick=\"removeFromCart(${index})\" class=\"text-red-500 hover:text-red-400 font-bold px-2 py-1 border border-red-900 bg-red-900\/20\">X<\/button>\n <\/div>\n `;\n });\n totalEl.innerText = `$${total}.00`;\n }\n\n \/\/ === FORMATO WHATSAPP ===\n\n function cleanText(str) {\n if (!str) return \"-\";\n return str.replace(\/[*_~`]\/g, '').replace(\/\\s+\/g, ' ').trim();\n }\n\n \/\/ Abre el formulario de datos en lugar de ir a WhatsApp de inmediato\n function openCheckoutModal() {\n if (cart.length === 0) return alert(\"Tu carrito est\u00e1 vac\u00edo.\");\n closeModal('cart-modal');\n document.getElementById('checkout-modal').classList.remove('hidden');\n }\n\n \/\/ Procesa la informaci\u00f3n del formulario\n function processCheckout() {\n const name = document.getElementById('user-name').value;\n const phone = document.getElementById('user-phone').value;\n const address = document.getElementById('user-address').value;\n\n if (!name || !phone || !address) {\n alert(\"Por favor, completa todos los campos de misi\u00f3n (Nombre, Tel\u00e9fono y Direcci\u00f3n).\");\n return;\n }\n\n const userInfo = { name, phone, address };\n checkoutWhatsApp(userInfo);\n }\n\n \/\/ Modificado para aceptar el objeto userInfo y plasmarlo en el ticket\n function buildWhatsAppMessage(cartItems, userInfo) {\n const now = new Date();\n \n let h = now.getHours(); \n let m = now.getMinutes();\n let ampm = h >= 12 ? 'pm' : 'am';\n h = h % 12; \n h = h ? h : 12;\n let mStr = m < 10 ? '0' + m : m;\n let timeExact = `${h}:${mStr}${ampm}`;\n\n const dias = ['Domingo', 'Lunes', 'Martes', 'Mi\u00e9rcoles', 'Jueves', 'Viernes', 'S\u00e1bado'];\n const diaStr = dias[now.getDay()];\n\n const meses = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];\n const dateStr = `${now.getDate()}\/${meses[now.getMonth()]}\/${now.getFullYear().toString().slice(-2)}`;\n const folio = `${timeExact} ${dateStr} Folio:\ud83c\udf55 \ud83d\udc90`;\n\n const pizzas = cartItems.filter(i => i.isPizza);\n const extras = cartItems.filter(i => !i.isPizza);\n \n const orillaVal = pizzas.length > 0 ? (pizzas.some(p => p.conOrilla) ? 'S\u00ed' : 'Sin orilla') : '-';\n const rellenoVal = pizzas.filter(p => p.conOrilla).map(p => cleanText(p.orillaFlavor)).join(' \/ ') || '-';\n const masaVal = pizzas.length > 0 ? 'Tradicional' : '-';\n const especialidadVal = pizzas.map(p => cleanText(p.flavor)).join(' \/ ') || '-';\n const tamanoVal = pizzas.map(p => cleanText(p.size)).join(' \/ ') || '-';\n const compVal = extras.length > 0 ? extras.map(e => cleanText(e.name)).join(', ') : '-';\n\n let lines = [];\n \/\/ Aqu\u00ed se inyectan los datos rellenados por el usuario\n lines.push(`*Nombre:* ${cleanText(userInfo.name)}`);\n lines.push(`*Tel\u00e9fono:* ${cleanText(userInfo.phone)}`);\n lines.push(`*Direcci\u00f3n (con referencias):* ${cleanText(userInfo.address)}`);\n lines.push(`*Hora:* ${timeExact}`);\n lines.push(`*D\u00eda (Solo Martes a Domingo):* ${diaStr}`);\n lines.push(`*Con Orilla o Sin orilla:* ${orillaVal}`);\n lines.push(`*Relleno de Orilla (solo pizzas gruesas):* ${rellenoVal}`);\n lines.push(`*Tipo de Masa:* ${masaVal}`);\n lines.push(`*Especialidad:* ${especialidadVal}`);\n lines.push(`*Tama\u00f1o:* ${tamanoVal}`);\n lines.push(`*Complementos:* ${compVal}`);\n lines.push(`*Costo:*`);\n lines.push(``);\n\n lines.push(`CANT DESCRIPCI\u00d3N IMPORTE`);\n\n let total = 0;\n cartItems.forEach(i => {\n let shortDesc = i.isPizza ? 'Pizzatl' : cleanText(i.name).split(' ')[0];\n if (i.name.includes('Boneless Individual')) shortDesc = 'Bone250';\n else if (i.name.includes('Boneless Mediano')) shortDesc = 'Bone375';\n else if (i.name.includes('Boneless Grande')) shortDesc = 'Bone500';\n else if (i.name.includes('Boneless Jumbo')) shortDesc = 'Bone1kg';\n else if (i.name.includes('Mini Chicago')) shortDesc = 'MiniChicago';\n \n const colImp = `*$${(i.price * i.quantity).toFixed(2)} MXN*`;\n \n lines.push(`${i.quantity} ${shortDesc.padEnd(15, ' ')} ${colImp}`);\n total += (i.price * i.quantity);\n });\n\n const envioPrice = 40;\n lines.push(`1 Envio. *$${envioPrice.toFixed(2)} MXN*`);\n total += envioPrice;\n\n lines.push(`\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014`);\n const totalStr = ` TOTAL $${total.toFixed(2)} MXN`;\n lines.push(totalStr);\n lines.push(` _Pago con Transferencia_`);\n lines.push(``);\n lines.push(folio);\n\n return lines.join('\\n');\n }\n\n \/\/ Generaci\u00f3n y redirecci\u00f3n\n function checkoutWhatsApp(userInfo) {\n const msg = buildWhatsAppMessage(cart, userInfo);\n const phone = \"522727034725\";\n const waLink = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(msg)}`;\n window.open(waLink, '_blank');\n closeModal('checkout-modal'); \/\/ Cierra el modal de confirmaci\u00f3n\n }\n\n \/\/ ANIMACIONES BASE\n function createFlyingPizzas() {\n const canvas = document.getElementById('pizza-canvas');\n const pizzaSVG = `<svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#000\" stroke=\"#FF6B00\" stroke-width=\"6\"\/><circle cx=\"50\" cy=\"50\" r=\"38\" fill=\"#FF6B00\" opacity=\"0.3\"\/><path d=\"M50 5 L50 95 M5 50 L95 50 M18 18 L82 82 M18 82 L82 18\" stroke=\"#FF6B00\" stroke-width=\"3\"\/><circle cx=\"30\" cy=\"30\" r=\"5\" fill=\"#FFF\"\/><circle cx=\"70\" cy=\"40\" r=\"4\" fill=\"#FFF\"\/><circle cx=\"40\" cy=\"70\" r=\"6\" fill=\"#FFF\"\/><circle cx=\"65\" cy=\"65\" r=\"4\" fill=\"#FFF\"\/><\/svg>`;\n for(let i=0; i<15; i++) {\n let p = document.createElement('div');\n p.className = 'flying-pizza'; p.innerHTML = pizzaSVG;\n let s = Math.random() * 40 + 30; p.style.width = s + 'px'; p.style.height = s + 'px';\n p.style.animationDelay = (Math.random() * -20) + 's'; p.style.animationDuration = (Math.random() * 15 + 15) + 's';\n p.style.top = (Math.random() * 100) + 'vh'; canvas.appendChild(p);\n }\n }\n function initScrollAnimations() {\n let lastScrollY = window.scrollY;\n const observer = new IntersectionObserver((entries) => {\n const currentScrollY = window.scrollY;\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.remove('is-visible-down', 'is-visible-up');\n currentScrollY > lastScrollY ? e.target.classList.add('is-visible-down') : e.target.classList.add('is-visible-up');\n }\n });\n lastScrollY = currentScrollY;\n }, {threshold: 0.15});\n document.querySelectorAll('.reveal-element').forEach(el => observer.observe(el));\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n createFlyingPizzas();\n initScrollAnimations();\n });\n <\/script>\n<\/body>\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>Pizzatl – Men\u00fa Oficial FORJA TU PIZZA OBJETOS & EXTRAS POCIONES FORJA TU PIZZA OBJETOS & EXTRAS POCIONES 0 DELICATESSEN PIZZATL Sube de nivel tu antojo. Haz clic en cualquier precio para a\u00f1adir objetos a tu inventario. [ INICIAR PARTIDA ] > MEN\u00da DE PIZZAS Selecciona tu clase y haz clic en el precio para […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":28,"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/pizzatl.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}