{"product_id":"oaxaca-15","title":"⭐LA GRANJA en OAXACA⭐ NUEVA FUNCIÓN","description":"\u003cdiv class=\"evento-box\"\u003e\n\n  \u003cdiv class=\"stars\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BOTÓN MAPA DEL TEATRO ARRIBA --\u003e\n  \u003cdetails class=\"mapa-toggle-box\"\u003e\n    \u003csummary class=\"mapa-toggle-btn\"\u003e🗺️ Ver mapa del teatro\u003c\/summary\u003e\n\n    \u003cdiv class=\"mapa-preview-oaxaca\"\u003e\n\n      \u003cdiv class=\"mapa-ciudad\"\u003eOAXACA · OAXACA\u003c\/div\u003e\n\n      \u003cdiv class=\"mapa-scroll\"\u003e\n        \u003cdiv class=\"mapa-inner\"\u003e\n\n          \u003cdiv class=\"mapa-escenario\"\u003eESCENARIO\u003c\/div\u003e\n\n          \u003cdiv class=\"mapa-card\"\u003e\n\n            \u003cdiv class=\"mapa-title\"\u003eMapa de Asientos - Oaxaca\u003c\/div\u003e\n\n            \u003cdiv class=\"mapa-layout\"\u003e\n\n              \u003c!-- FILA SUPERIOR VIP --\u003e\n              \u003cdiv class=\"mapa-layout-row\"\u003e\n\n                \u003cdiv class=\"mapa-block\"\u003e\n                  \u003cdiv class=\"mapa-block-title mapa-vip-title\"\u003e\n                    ⭐ VIP-MEET \u0026amp; GREET + FOTO CON PERSONAJES · IZQUIERDO\n                  \u003c\/div\u003e\n                  \u003cdiv id=\"vip-left-oaxaca-15\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"mapa-block\"\u003e\n                  \u003cdiv class=\"mapa-block-title mapa-vip-title\"\u003e\n                    ⭐ VIP-MEET \u0026amp; GREET + FOTO CON PERSONAJES · DERECHO\n                  \u003c\/div\u003e\n                  \u003cdiv id=\"vip-right-oaxaca-15\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n              \u003c!-- FILA INFERIOR GENERAL --\u003e\n              \u003cdiv class=\"mapa-layout-row\"\u003e\n\n                \u003cdiv class=\"mapa-block\"\u003e\n                  \u003cdiv class=\"mapa-block-title mapa-general-title\"\u003e\n                    🐮 LOLA – BOLETO GENERAL · IZQUIERDO\n                  \u003c\/div\u003e\n                  \u003cdiv id=\"general-left-oaxaca-15\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"mapa-block\"\u003e\n                  \u003cdiv class=\"mapa-block-title mapa-general-title\"\u003e\n                    🐮 LOLA – BOLETO GENERAL · DERECHO\n                  \u003c\/div\u003e\n                  \u003cdiv id=\"general-right-oaxaca-15\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"mapa-leyenda\"\u003e\n              \u003cdiv class=\"mapa-leyenda-item\"\u003e\n                \u003cspan class=\"mapa-color mapa-vip\"\u003e\u003c\/span\u003e\n                ⭐ VIP-MEET \u0026amp; GREET\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"mapa-leyenda-item\"\u003e\n                \u003cspan class=\"mapa-color mapa-general\"\u003e\u003c\/span\u003e\n                🐮 LOLA GENERAL\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"mapa-leyenda-item\"\u003e\n                Total: 300 lugares\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- BLOQUE PRINCIPAL --\u003e\n  \u003cdiv class=\"hero-evento\"\u003e\n    \u003cdiv class=\"hero-chip\"\u003ePOR LOCALIDADES AGOTADAS\u003c\/div\u003e\n    \u003cdiv class=\"titulo-brillante\"\u003eNUEVA FUNCIÓN\u003c\/div\u003e\n    \u003cdiv class=\"hora-grande\"\u003e15 HS\u003c\/div\u003e\n    \u003cdiv class=\"sub-alerta\"\u003eDomingo 14 Junio · Oaxaca\u003c\/div\u003e\n    \u003cdiv class=\"sub-alerta-secundaria\"\u003eFunción 17 HS agotada\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- UBICACIÓN --\u003e\n  \u003cdiv class=\"info-card-simple ubicacion-card\"\u003e\n    \u003cspan\u003e📍\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eSALÓN FIDEL VELÁZQUEZ | CTM\u003c\/strong\u003e\u003cbr\u003e\n      \u003csmall\u003eMagnolias 121 – Col. Ex-Marquezado\u003c\/small\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INFO IMPORTANTE --\u003e\n  \u003cdiv class=\"info-card-simple\"\u003e\n    \u003cspan\u003e👶\u003c\/span\u003e\n    \u003cdiv\u003eDesde los \u003cstrong\u003e2 años\u003c\/strong\u003e abonan boleto\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTORES Y PRECIOS --\u003e\n  \u003cdiv class=\"precios-box\"\u003e\n\n    \u003cdiv class=\"precios-title-btn\"\u003e🎟️ PRECIOS DE VENTA ANTICIPADA\u003c\/div\u003e\n\n    \u003cdiv class=\"precio-item vip\"\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003e⭐ VIP-MEET \u0026amp; GREET\u003c\/strong\u003e\n        \u003csmall\u003eFoto con personajes\u003c\/small\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"precio\"\u003e$180 MXN\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"precio-item general\"\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003e🐮 LOLA GENERAL\u003c\/strong\u003e\n        \u003csmall\u003eBoleto general\u003c\/small\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"precio\"\u003e$90 MXN\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- FORMAS DE PAGO --\u003e\n  \u003cdiv class=\"pago-box\"\u003e\n\n    \u003cdiv class=\"section-title\"\u003e💳 Formas de pago\u003c\/div\u003e\n\n    \u003cdiv class=\"pago-grid\"\u003e\n\n      \u003cdiv class=\"pago-chip\"\u003e\n        \u003cdiv class=\"pago-icon\"\u003e💳\u003c\/div\u003e\n        \u003cdiv\u003eCrédito\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pago-chip\"\u003e\n        \u003cdiv class=\"pago-icon\"\u003e💳\u003c\/div\u003e\n        \u003cdiv\u003eDébito\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pago-chip\"\u003e\n        \u003cdiv class=\"pago-icon\"\u003e🏦\u003c\/div\u003e\n        \u003cdiv\u003eTransferencia\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- WHATSAPP AYUDA --\u003e\n  \u003cdiv class=\"whatsapp-ayuda-box\"\u003e\n    \u003ca class=\"whatsapp-ayuda-btn\" href=\"https:\/\/wa.me\/5213341625898?text=Hola%2C%20quiero%20comprar%20mis%20boletos%20para%20La%20Granja%20de%20Zen%C3%B3n%20en%20Oaxaca%20-%20Domingo%2014%20Junio%2015%20hs\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\n      \u003cspan class=\"wa-icon\" aria-hidden=\"true\"\u003e\n        \u003csvg viewbox=\"0 0 32 32\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M19.11 17.21c-.27-.13-1.57-.77-1.81-.86-.24-.09-.41-.13-.58.13-.17.27-.67.86-.82 1.03-.15.18-.3.2-.57.07-.27-.13-1.12-.41-2.14-1.3-.79-.7-1.33-1.57-1.48-1.84-.15-.27-.02-.41.11-.54.12-.12.27-.31.4-.46.13-.16.18-.27.27-.45.09-.18.04-.34-.02-.47-.07-.13-.58-1.4-.79-1.92-.21-.5-.43-.43-.58-.44h-.49c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.27 0 1.34.97 2.63 1.11 2.81.13.18 1.89 2.89 4.58 4.05.64.28 1.15.45 1.54.58.65.21 1.24.18 1.71.11.52-.08 1.57-.64 1.79-1.26.22-.62.22-1.15.15-1.26-.06-.11-.24-.18-.51-.31Z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16.03 3.2c-7 0-12.67 5.67-12.67 12.67 0 2.23.58 4.41 1.68 6.33L3.2 28.8l6.78-1.78a12.71 12.71 0 0 0 6.05 1.54h.01c6.99 0 12.67-5.68 12.67-12.67S23.03 3.2 16.03 3.2Zm0 23.21h-.01a10.52 10.52 0 0 1-5.35-1.46l-.39-.23-4.02 1.06 1.07-3.92-.25-.4a10.52 10.52 0 0 1-1.62-5.58c0-5.82 4.74-10.56 10.57-10.56 2.82 0 5.47 1.1 7.46 3.09 1.99 1.99 3.09 4.64 3.08 7.46 0 5.83-4.74 10.57-10.56 10.57Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cspan\u003eAyuda con mis boletos\u003c\/span\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .evento-box {\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);\n    border: 2px solid #ffe58a;\n    border-radius: 22px;\n    padding: 22px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n    color: #151515;\n    box-shadow: 0 14px 30px rgba(0,0,0,0.12);\n  }\n\n  .stars {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .stars::before,\n  .stars::after {\n    position: absolute;\n    color: rgba(255, 204, 51, 0.95);\n    font-size: 18px;\n    letter-spacing: 18px;\n    text-shadow: 0 2px 6px rgba(0,0,0,.15);\n    animation: starsFloat 4.5s infinite ease-in-out;\n    white-space: nowrap;\n  }\n\n  .stars::before {\n    content: \"✨ ✦ ✨ ✦\";\n    top: 10px;\n    left: 20px;\n  }\n\n  .stars::after {\n    content: \"✦ ✨ ✦ ✨\";\n    top: 10px;\n    right: 20px;\n    animation-delay: 1.2s;\n  }\n\n  .hero-evento {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    background:\n      radial-gradient(circle at top, #ff9c9c 0%, #ff4d4d 32%, #ff1d1d 68%, #e10000 100%);\n    border-radius: 22px;\n    padding: 18px 14px 22px;\n    margin-bottom: 18px;\n    box-shadow:\n      inset 0 2px 0 rgba(255,255,255,0.35),\n      0 10px 24px rgba(255,0,0,0.22);\n    border: 2px solid #ffb3b3;\n    overflow: hidden;\n    animation: heroUrgencia 2.8s infinite ease-in-out;\n  }\n\n  .hero-evento::before {\n    content: \"\";\n    position: absolute;\n    top: -20%;\n    left: -30%;\n    width: 45%;\n    height: 140%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);\n    transform: rotate(12deg);\n    animation: heroShine 3.8s infinite;\n    pointer-events: none;\n  }\n\n  .hero-chip {\n    position: relative;\n    z-index: 2;\n    display: inline-block;\n    background: #ffffff;\n    color: #c40000;\n    font-size: 12px;\n    font-weight: 1000;\n    letter-spacing: .8px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    box-shadow: 0 3px 8px rgba(0,0,0,.12);\n    animation: chipPulse 1.9s infinite ease-in-out;\n  }\n\n  .titulo-brillante {\n    position: relative;\n    z-index: 2;\n    font-size: 34px;\n    line-height: 1;\n    font-weight: 1000;\n    color: #ffffff;\n    letter-spacing: 1px;\n    transform: scaleY(1.08);\n    text-shadow:\n      0 2px 0 #c70000,\n      0 4px 0 #a90000,\n      0 8px 16px rgba(0,0,0,0.28);\n    animation: tituloPop 1.8s infinite ease-in-out;\n  }\n\n  .hora-grande {\n    position: relative;\n    z-index: 2;\n    font-size: 58px;\n    line-height: 1;\n    font-weight: 1000;\n    color: #ffe600;\n    margin-top: 8px;\n    letter-spacing: 2px;\n    transform: scaleY(1.05);\n    text-shadow:\n      0 3px 0 #0050d0,\n      0 5px 0 #003eb8,\n      0 9px 16px rgba(0,0,0,0.32);\n    animation: horaBounce 1.8s infinite ease-in-out;\n  }\n\n  .sub-alerta {\n    position: relative;\n    z-index: 2;\n    margin-top: 12px;\n    font-size: 15px;\n    font-weight: 900;\n    color: #ffffff;\n    text-shadow: 0 2px 5px rgba(0,0,0,0.35);\n  }\n\n  .sub-alerta-secundaria {\n    position: relative;\n    z-index: 2;\n    display: inline-block;\n    margin-top: 9px;\n    font-size: 13px;\n    font-weight: 1000;\n    color: #ffffff;\n    background: rgba(0,0,0,.18);\n    border: 1px solid rgba(255,255,255,.28);\n    border-radius: 999px;\n    padding: 7px 11px;\n    text-transform: uppercase;\n    animation: chipPulse 1.9s infinite ease-in-out;\n  }\n\n  .info-card-simple {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    background: #ffffff;\n    border: 1px solid #eeeeee;\n    border-radius: 15px;\n    padding: 13px;\n    font-size: 15px;\n    line-height: 1.35;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    margin-bottom: 16px;\n    text-align: center;\n  }\n\n  .info-card-simple span {\n    font-size: 22px;\n  }\n\n  .info-card-simple small {\n    display: block;\n    margin-top: 3px;\n    color: #555555;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .ubicacion-card {\n    margin-bottom: 10px;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 16px;\n    font-weight: 1000;\n    color: #111111;\n    margin-bottom: 12px;\n    letter-spacing: .3px;\n  }\n\n  .precios-box {\n    position: relative;\n    z-index: 2;\n    background: #ffffff;\n    border: 1px solid #eeeeee;\n    border-radius: 18px;\n    padding: 15px;\n    margin-bottom: 16px;\n    box-shadow: 0 6px 15px rgba(0,0,0,0.06);\n  }\n\n  .precios-title-btn {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin: 0 auto 14px;\n    text-align: center;\n    background: linear-gradient(135deg, #ffcc26, #ff9f00);\n    color: #111111;\n    border: 2px solid #ffd84d;\n    border-radius: 999px;\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 1000;\n    letter-spacing: .5px;\n    text-transform: uppercase;\n    box-shadow: 0 4px 0 #c87500, 0 8px 14px rgba(255,159,0,.22);\n  }\n\n  .precio-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    padding: 13px;\n    border-radius: 15px;\n    margin-bottom: 10px;\n  }\n\n  .precio-item:last-child {\n    margin-bottom: 0;\n  }\n\n  .precio-item strong {\n    display: block;\n    font-size: 15px;\n    line-height: 1.2;\n  }\n\n  .precio-item small {\n    display: block;\n    margin-top: 4px;\n    color: #555555;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .precio-item.vip {\n    background: linear-gradient(135deg, #fff7bf, #ffffff);\n    border: 1px solid #ffd84d;\n  }\n\n  .precio-item.general {\n    background: linear-gradient(135deg, #eaffea, #ffffff);\n    border: 1px solid #b8efb8;\n  }\n\n  .precio {\n    white-space: nowrap;\n    font-size: 17px;\n    font-weight: 1000;\n    color: #ffffff;\n    background: linear-gradient(135deg, #18b943, #0d8f2f);\n    border-radius: 999px;\n    padding: 9px 12px;\n    box-shadow: 0 3px 8px rgba(0,0,0,0.12);\n  }\n\n  .mapa-toggle-box {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 18px;\n  }\n\n  .mapa-toggle-box[open] .mapa-toggle-btn {\n    border-radius: 16px 16px 8px 8px;\n  }\n\n  .mapa-toggle-btn {\n    list-style: none;\n    cursor: pointer;\n    text-align: center;\n    display: block;\n    background: linear-gradient(135deg, #1d4ed8, #2563eb);\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 1000;\n    letter-spacing: .3px;\n    border-radius: 16px;\n    padding: 14px 16px;\n    box-shadow: 0 5px 0 #143b9b, 0 8px 16px rgba(37,99,235,.22);\n    user-select: none;\n    animation: none;\n  }\n\n  .mapa-toggle-btn::-webkit-details-marker {\n    display: none;\n  }\n\n  .mapa-toggle-btn::after {\n    content: \" ▼\";\n    font-size: 12px;\n  }\n\n  .mapa-toggle-box[open] .mapa-toggle-btn::after {\n    content: \" ▲\";\n  }\n\n  .mapa-preview-oaxaca {\n    width: 100%;\n    margin: 14px auto 0;\n    padding: 14px;\n    background: #f5f7fb;\n    border-radius: 18px;\n    border: 1px solid #e5eaf2;\n    box-sizing: border-box;\n  }\n\n  .mapa-ciudad {\n    text-align: center;\n    font-size: 13px;\n    font-weight: 1000;\n    color: #374151;\n    margin-bottom: 12px;\n    letter-spacing: .5px;\n  }\n\n  .mapa-scroll {\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding-bottom: 8px;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .mapa-inner {\n    width: max-content;\n    min-width: 900px;\n    margin: 0 auto;\n  }\n\n  .mapa-escenario {\n    width: 760px;\n    max-width: 100%;\n    margin: 0 auto 22px;\n    text-align: center;\n    font-weight: 1000;\n    padding: 14px;\n    border-radius: 16px;\n    background: linear-gradient(180deg,#eef2f8,#dde3ec);\n    font-size: 22px;\n    letter-spacing: 1px;\n    color: #111827;\n    border: 1px solid #d7dce5;\n    box-sizing: border-box;\n  }\n\n  .mapa-card {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 18px;\n    border: 1px solid #e5eaf2;\n    box-shadow: 0 10px 22px rgba(15,23,42,.07);\n  }\n\n  .mapa-title {\n    text-align: center;\n    font-size: 18px;\n    font-weight: 1000;\n    color: #111827;\n    margin-bottom: 18px;\n    text-transform: uppercase;\n  }\n\n  .mapa-layout {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .mapa-layout-row {\n    display: grid;\n    grid-template-columns: max-content max-content;\n    gap: 34px;\n    align-items: start;\n    justify-content: center;\n  }\n\n  .mapa-block {\n    border-radius: 18px;\n    padding: 15px;\n    background: #ffffff;\n    border: 1px solid #ebeff5;\n    box-shadow: 0 8px 18px rgba(0,0,0,.04);\n  }\n\n  .mapa-block-title {\n    padding: 9px 13px;\n    border-radius: 999px;\n    font-weight: 1000;\n    display: inline-block;\n    margin-bottom: 13px;\n    text-transform: uppercase;\n    font-size: 12px;\n    letter-spacing: .2px;\n  }\n\n  .mapa-vip-title {\n    background: linear-gradient(#ffe145,#ffc300);\n    color: #4d3200;\n  }\n\n  .mapa-general-title {\n    background: linear-gradient(#40ef7b,#16c857);\n    color: #032f14;\n  }\n\n  .mapa-row {\n    display: grid;\n    grid-template-columns: 34px 1fr;\n    gap: 6px;\n    align-items: center;\n    margin-bottom: 6px;\n  }\n\n  .mapa-row-label {\n    text-align: right;\n    font-size: 15px;\n    font-weight: 1000;\n    color: #111827;\n  }\n\n  .mapa-seats {\n    display: flex;\n    gap: 4px;\n  }\n\n  .mapa-seat {\n    width: 29px;\n    height: 29px;\n    border-radius: 8px;\n    border: 2px solid rgba(17,24,39,.13);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 10px;\n    font-weight: 1000;\n    color: #111827;\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.65),\n      0 2px 5px rgba(15,23,42,.08);\n    box-sizing: border-box;\n  }\n\n  .mapa-vip {\n    background: linear-gradient(180deg,#ffe86a,#ffd22f);\n  }\n\n  .mapa-general {\n    background: linear-gradient(180deg,#99f3b8,#62dd91);\n  }\n\n  .mapa-leyenda {\n    margin-top: 18px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n  }\n\n  .mapa-leyenda-item {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 11px;\n    border-radius: 999px;\n    background: #f8fafc;\n    border: 1px solid #e5eaf2;\n    font-size: 12px;\n    font-weight: 1000;\n    color: #111827;\n  }\n\n  .mapa-color {\n    width: 19px;\n    height: 19px;\n    border-radius: 7px;\n    border: 2px solid rgba(17,24,39,.13);\n    display: inline-block;\n  }\n\n  .pago-box {\n    position: relative;\n    z-index: 2;\n    background: #f7fbff;\n    border: 1px solid #dcecff;\n    border-radius: 18px;\n    padding: 15px;\n    margin-bottom: 16px;\n  }\n\n  .pago-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .pago-chip {\n    background: #ffffff;\n    border: 1px solid #e6e6e6;\n    border-radius: 15px;\n    padding: 12px 8px;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 900;\n    color: #111111;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  }\n\n  .pago-icon {\n    font-size: 24px;\n    margin-bottom: 5px;\n  }\n\n  .whatsapp-ayuda-box {\n    position: relative;\n    z-index: 2;\n    margin-top: 16px;\n    background: linear-gradient(135deg, #eaffea, #ffffff);\n    border: 1px solid #b8efb8;\n    border-radius: 18px;\n    padding: 14px;\n    box-shadow: 0 6px 15px rgba(0,0,0,0.06);\n  }\n\n  .whatsapp-ayuda-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    text-decoration: none;\n    background: linear-gradient(135deg, #25d366, #128c3a);\n    color: #ffffff !important;\n    font-size: 16px;\n    font-weight: 1000;\n    border-radius: 16px;\n    padding: 14px 16px;\n    box-shadow: 0 5px 0 #0b6f2c, 0 10px 18px rgba(18,140,58,.25);\n    animation: whatsappTitileo 1.9s infinite ease-in-out;\n  }\n\n  .whatsapp-ayuda-btn:hover {\n    color: #ffffff !important;\n    text-decoration: none;\n  }\n\n  .wa-icon {\n    width: 22px;\n    height: 22px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 22px;\n  }\n\n  .wa-icon svg {\n    width: 22px;\n    height: 22px;\n    display: block;\n    fill: currentColor;\n  }\n\n  @keyframes tituloPop {\n    0%, 100% {\n      transform: scale(1) scaleY(1.08);\n      filter: brightness(1);\n    }\n    50% {\n      transform: scale(1.04) scaleY(1.1);\n      filter: brightness(1.08);\n    }\n  }\n\n  @keyframes horaBounce {\n    0%, 100% {\n      transform: scale(1) scaleY(1.05);\n      filter: brightness(1);\n    }\n    50% {\n      transform: scale(1.05) scaleY(1.08);\n      filter: brightness(1.08);\n    }\n  }\n\n  @keyframes heroUrgencia {\n    0%, 100% {\n      transform: scale(1);\n      box-shadow:\n        inset 0 2px 0 rgba(255,255,255,0.35),\n        0 10px 24px rgba(255,0,0,0.22);\n    }\n    50% {\n      transform: scale(1.01);\n      box-shadow:\n        inset 0 2px 0 rgba(255,255,255,0.4),\n        0 14px 28px rgba(255,0,0,0.32);\n    }\n  }\n\n  @keyframes heroShine {\n    0% { left: -45%; }\n    55% { left: 125%; }\n    100% { left: 125%; }\n  }\n\n  @keyframes chipPulse {\n    0%, 100% {\n      transform: scale(1);\n      filter: brightness(1);\n    }\n    50% {\n      transform: scale(1.04);\n      filter: brightness(1.08);\n    }\n  }\n\n  @keyframes whatsappTitileo {\n    0%, 100% {\n      transform: scale(1);\n      filter: brightness(1);\n      box-shadow: 0 5px 0 #0b6f2c, 0 10px 18px rgba(18,140,58,.25);\n    }\n    50% {\n      transform: scale(1.025);\n      filter: brightness(1.15);\n      box-shadow: 0 5px 0 #0b6f2c, 0 13px 24px rgba(37,211,102,.40);\n    }\n  }\n\n  @keyframes starsFloat {\n    0%, 100% {\n      opacity: 0.45;\n      transform: translateY(0) scale(1);\n    }\n    50% {\n      opacity: 1;\n      transform: translateY(-5px) scale(1.08);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .evento-box {\n      padding: 18px;\n      border-radius: 20px;\n    }\n\n    .stars::before,\n    .stars::after {\n      font-size: 15px;\n      letter-spacing: 10px;\n      top: 8px;\n    }\n\n    .stars::before {\n      left: 12px;\n    }\n\n    .stars::after {\n      right: 12px;\n    }\n\n    .hero-evento {\n      padding: 16px 12px 20px;\n      border-radius: 20px;\n    }\n\n    .titulo-brillante {\n      font-size: 28px;\n    }\n\n    .hora-grande {\n      font-size: 48px;\n    }\n\n    .hero-chip {\n      font-size: 11px;\n      padding: 7px 10px;\n    }\n\n    .sub-alerta-secundaria {\n      font-size: 12px;\n    }\n\n    .info-card-simple {\n      font-size: 14px;\n      padding: 12px;\n    }\n\n    .info-card-simple small {\n      font-size: 12px;\n    }\n\n    .precios-title-btn {\n      font-size: 12px;\n      padding: 9px 12px;\n    }\n\n    .precio-item {\n      padding: 12px 10px;\n      gap: 8px;\n    }\n\n    .precio-item strong {\n      font-size: 14px;\n    }\n\n    .precio {\n      font-size: 15px;\n      padding: 8px 10px;\n    }\n\n    .mapa-toggle-btn {\n      font-size: 15px;\n      padding: 13px 14px;\n    }\n\n    .mapa-preview-oaxaca {\n      padding: 12px;\n      border-radius: 16px;\n    }\n\n    .mapa-inner {\n      min-width: 860px;\n    }\n\n    .mapa-escenario {\n      font-size: 20px;\n      padding: 13px;\n    }\n\n    .mapa-card {\n      padding: 15px;\n    }\n\n    .mapa-layout-row {\n      gap: 22px;\n    }\n\n    .mapa-seat {\n      width: 28px;\n      height: 28px;\n      font-size: 10px;\n    }\n\n    .mapa-row-label {\n      font-size: 14px;\n    }\n\n    .pago-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .pago-chip {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      font-size: 14px;\n    }\n\n    .pago-icon {\n      margin-bottom: 0;\n    }\n\n    .whatsapp-ayuda-btn {\n      font-size: 15px;\n      padding: 13px 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function(){\n  function makeSeats(total, className, start){\n    var html = '';\n    start = start || 1;\n\n    for(var i = 0; i \u003c total; i++){\n      html += '\u003cdiv class=\"mapa-seat ' + className + '\"\u003e' + (start + i) + '\u003c\/div\u003e';\n    }\n\n    return html;\n  }\n\n  function row(label, content){\n    return '' +\n      '\u003cdiv class=\"mapa-row\"\u003e' +\n        '\u003cdiv class=\"mapa-row-label\"\u003e' + label + '\u003c\/div\u003e' +\n        '\u003cdiv class=\"mapa-seats\"\u003e' + content + '\u003c\/div\u003e' +\n      '\u003c\/div\u003e';\n  }\n\n  var vipLeftHTML = '';\n  for(var i = 1; i \u003c= 5; i++){\n    vipLeftHTML += row(i, makeSeats(10, 'mapa-vip'));\n  }\n\n  var vipRightHTML = '';\n  for(var j = 1; j \u003c= 5; j++){\n    vipRightHTML += row(j, makeSeats(10, 'mapa-vip'));\n  }\n\n  var generalLeftHTML = '';\n  for(var k = 1; k \u003c= 10; k++){\n    generalLeftHTML += row(k, makeSeats(10, 'mapa-general'));\n  }\n\n  var generalRightHTML = '';\n  for(var l = 1; l \u003c= 10; l++){\n    generalRightHTML += row(l, makeSeats(10, 'mapa-general'));\n  }\n\n  var vipLeft = document.getElementById('vip-left-oaxaca-15');\n  var vipRight = document.getElementById('vip-right-oaxaca-15');\n  var generalLeft = document.getElementById('general-left-oaxaca-15');\n  var generalRight = document.getElementById('general-right-oaxaca-15');\n\n  if(vipLeft){ vipLeft.innerHTML = vipLeftHTML; }\n  if(vipRight){ vipRight.innerHTML = vipRightHTML; }\n  if(generalLeft){ generalLeft.innerHTML = generalLeftHTML; }\n  if(generalRight){ generalRight.innerHTML = generalRightHTML; }\n})();\n\u003c\/script\u003e","brand":"Event","offers":[{"title":"⭐ VIP-MEET \u0026 GREET + FOTO CON PERSONAJES","offer_id":49146980892924,"sku":null,"price":180.0,"currency_code":"MXN","in_stock":true},{"title":"🐮 LOLA – BOLETO GENERAL","offer_id":49146980925692,"sku":null,"price":90.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8278\/7836\/files\/OAXACA_15HS.jpg?v=1780137794","url":"https:\/\/www.lagranjaenmexico.com\/products\/oaxaca-15","provider":"LA GRANJA EN MÉXICO","version":"1.0","type":"link"}