{"title":"Funciones","description":"","products":[{"product_id":"cuernavaca-17","title":"LA GRANJA DE ZENÓN en CUERNAVACA - MORELOS 🗓️DOM 07 JUNIO -17hs","description":"\u003cdiv class=\"evento-box evento-redireccion\" data-link=\"https:\/\/www.lagranjaenmexico.com\/products\/cuernavaca\"\u003e\n\u003cdiv class=\"stars\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- AYUDA PASO A PASO --\u003e\n\u003cdetails class=\"ayuda-compra-box\"\u003e\n\u003csummary class=\"ayuda-compra-btn\"\u003e¿ CÓMO COMPRO MIS BOLETOS?\u003c\/summary\u003e\n\u003cdiv class=\"ayuda-panel\"\u003e\n\u003cdiv class=\"ayuda-step\"\u003e\n\u003cdiv class=\"ayuda-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eElige el sector\u003c\/strong\u003e \u003cspan\u003eVIP-MEET \u0026amp; GREET o Boleto General.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayuda-step\"\u003e\n\u003cdiv class=\"ayuda-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eElige la cantidad\u003c\/strong\u003e \u003cspan\u003eSelecciona cuántos boletos necesitas.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayuda-step\"\u003e\n\u003cdiv class=\"ayuda-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eContinúa para seleccionar asientos\u003c\/strong\u003e \u003cspan\u003eDespués podrás ver el mapa del teatro.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayuda-step\"\u003e\n\u003cdiv class=\"ayuda-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSelecciona tus asientos\u003c\/strong\u003e \u003cspan\u003eMarca los lugares que quieres reservar.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayuda-step\"\u003e\n\u003cdiv class=\"ayuda-num\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCompleta tus datos y paga\u003c\/strong\u003e \u003cspan\u003ePuedes pagar con transferencia, tarjeta de débito o crédito.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayuda-final\"\u003e🎟️ Tus boletos con código QR se enviarán a tu correo electrónico al finalizar el pago.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- BLOQUE PRINCIPAL AGOTADO --\u003e\n\u003cdiv class=\"hero-evento agotado-evento\"\u003e\n\u003cdiv class=\"mini-alerta agotado-mini\"\u003eFUNCIÓN AGOTADA\u003c\/div\u003e\n\u003cdiv class=\"titulo-brillante\"\u003e17 HS AGOTADA\u003c\/div\u003e\n\u003cdiv class=\"hora-grande nueva-hora\"\u003eNUEVA 15 HS\u003c\/div\u003e\n\u003cdiv class=\"sub-alerta\"\u003eToca aquí para ir a la nueva función disponible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA NUEVA FUNCIÓN --\u003e \u003ca href=\"https:\/\/www.lagranjaenmexico.com\/products\/cuernavaca\" class=\"nueva-funcion-btn\"\u003e 🎟️ IR A LA NUEVA FUNCIÓN 15 HS \u003c\/a\u003e \u003c!-- INFO EVENTO --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"info-row\"\u003e\n\u003cspan\u003e📅\u003c\/span\u003e \u003cstrong\u003eDomingo 07 Junio · 17:00 hs\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-row\"\u003e\n\u003cspan\u003e📍\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAuditorio SME\u003c\/strong\u003e\u003cbr\u003e\u003csmall\u003eAv. Cuauhtémoc No. 9, Centro\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-row\"\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\u003c\/div\u003e\n\u003c!-- SECTORES Y PRECIOS --\u003e\n\u003cdiv class=\"precios-box\"\u003e\n\u003cdiv class=\"section-title\"\u003e🎟️ Sectores y precios\u003c\/div\u003e\n\u003cdiv class=\"precio-item vip\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e⭐ VIP-MEET \u0026amp; GREET + FOTO CON PERSONAJES\u003c\/strong\u003e \u003csmall\u003e\u003cspan class=\"precio-anterior\"\u003e$240 MXN\u003c\/span\u003e · Preventa 25% OFF\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"precio\"\u003e$180 MXN\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"precio-item general\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🐮 LOLA – BOLETO GENERAL\u003c\/strong\u003e \u003csmall\u003e\u003cspan class=\"precio-anterior\"\u003e$120 MXN\u003c\/span\u003e · Preventa 25% OFF\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"precio\"\u003e$90 MXN\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÓN MAPA DEL TEATRO --\u003e\n\u003cdetails class=\"mapa-toggle-box\"\u003e\n\u003csummary class=\"mapa-toggle-btn\"\u003e🗺️ Ver mapa del teatro\u003c\/summary\u003e\n\u003cdiv class=\"mapa-preview-cuernavaca\"\u003e\n\u003cdiv class=\"mapa-ciudad\"\u003eCUERNAVACA · MORELOS\u003c\/div\u003e\n\u003cdiv class=\"mapa-scroll\"\u003e\n\u003cdiv class=\"mapa-inner\"\u003e\n\u003cdiv class=\"mapa-escenario\"\u003eESCENARIO\u003c\/div\u003e\n\u003cdiv class=\"mapa-card\"\u003e\n\u003cdiv class=\"mapa-grid\"\u003e\n\u003cdiv class=\"mapa-lado\" id=\"mapa-left\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mapa-pasillo\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mapa-lado\" id=\"mapa-right\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mapa-leyenda\"\u003e\n\u003cdiv class=\"mapa-leyenda-item\"\u003e\n\u003cspan class=\"mapa-color mapa-vip\"\u003e\u003c\/span\u003e ⭐ VIP-MEET \u0026amp; GREET + FOTO CON PERSONAJES\u003c\/div\u003e\n\u003cdiv class=\"mapa-leyenda-item\"\u003e\n\u003cspan class=\"mapa-color mapa-general\"\u003e\u003c\/span\u003e 🐮 LOLA – BOLETO GENERAL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- DESCUENTO --\u003e\n\u003cdiv class=\"descuento-box agotado-descuento\"\u003e🔴 FUNCIÓN 17 HS AGOTADA\u003c\/div\u003e\n\u003c!-- FORMAS DE PAGO --\u003e\n\u003cdiv class=\"pago-box\"\u003e\n\u003cdiv class=\"section-title\"\u003e💳 Formas de pago\u003c\/div\u003e\n\u003cdiv class=\"pago-grid\"\u003e\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\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\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ENTREGA FINAL --\u003e\n\u003cdiv class=\"entrega-box\"\u003e\n\u003cdiv class=\"entrega-title\"\u003eEntrega de boletos\u003c\/div\u003e\n\u003cdiv class=\"entrega-text\"\u003eRecibirás tus boletos con \u003cstrong\u003ecódigo QR\u003c\/strong\u003e en tu correo al finalizar el pago.\u003c\/div\u003e\n\u003cdiv class=\"spam-note\"\u003eRevisa spam o promociones\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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 .evento-redireccion {\n cursor: pointer;\n }\n\n .evento-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -45%;\n width: 45%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);\n animation: shineMove 4s infinite;\n pointer-events: none;\n }\n\n .stars::before,\n .stars::after {\n content: \"✦ ✨ ✦ ✨ ✦\";\n position: absolute;\n color: rgba(255, 193, 7, 0.8);\n font-size: 18px;\n letter-spacing: 18px;\n animation: starsFloat 5s infinite ease-in-out;\n pointer-events: none;\n z-index: 1;\n }\n\n .stars::before {\n top: 16px;\n left: 18px;\n }\n\n .stars::after {\n bottom: 18px;\n right: 16px;\n animation-delay: 1.5s;\n }\n\n .ayuda-compra-box {\n position: relative;\n z-index: 2;\n width: 86%;\n max-width: 430px;\n margin: 0 auto 16px;\n }\n\n .ayuda-compra-btn {\n list-style: none;\n cursor: pointer;\n display: block;\n text-align: center;\n background: linear-gradient(135deg, #ff1f1f, #c90000);\n border: 2px solid #ff4b4b;\n color: #ffffff;\n font-size: 14px;\n font-weight: 1000;\n letter-spacing: .8px;\n text-transform: uppercase;\n border-radius: 15px;\n padding: 13px 14px;\n box-shadow: 0 5px 0 #8f0000, 0 9px 16px rgba(201,0,0,.22);\n user-select: none;\n }\n\n .ayuda-compra-btn::-webkit-details-marker {\n display: none;\n }\n\n .ayuda-compra-btn::after {\n content: \" ▼\";\n font-size: 11px;\n color: #ffffff;\n }\n\n .ayuda-compra-box[open] .ayuda-compra-btn {\n border-radius: 15px 15px 8px 8px;\n }\n\n .ayuda-compra-box[open] .ayuda-compra-btn::after {\n content: \" ▲\";\n }\n\n .ayuda-panel {\n background: #ffffff;\n border: 1px solid #ffb0b0;\n border-top: none;\n border-radius: 0 0 18px 18px;\n padding: 14px;\n box-shadow: 0 8px 18px rgba(0,0,0,0.07);\n animation: ayudaOpen .28s ease both;\n }\n\n .ayuda-step {\n display: flex;\n align-items: flex-start;\n gap: 11px;\n background: linear-gradient(135deg, #fffdf3, #ffffff);\n border: 1px solid #f3e4a5;\n border-radius: 14px;\n padding: 11px;\n margin-bottom: 9px;\n animation: ayudaStep .35s ease both;\n }\n\n .ayuda-step:nth-child(1) { animation-delay: .03s; }\n .ayuda-step:nth-child(2) { animation-delay: .06s; }\n .ayuda-step:nth-child(3) { animation-delay: .09s; }\n .ayuda-step:nth-child(4) { animation-delay: .12s; }\n .ayuda-step:nth-child(5) { animation-delay: .15s; }\n\n .ayuda-num {\n min-width: 30px;\n height: 30px;\n border-radius: 999px;\n background: linear-gradient(135deg, #ffb300, #ff7a00);\n color: #ffffff;\n font-size: 15px;\n font-weight: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 3px 0 #c95c00;\n }\n\n .ayuda-step strong {\n display: block;\n font-size: 14px;\n line-height: 1.2;\n color: #111111;\n }\n\n .ayuda-step span {\n display: block;\n margin-top: 3px;\n font-size: 13px;\n line-height: 1.35;\n color: #555555;\n font-weight: 600;\n }\n\n .ayuda-final {\n margin-top: 11px;\n text-align: center;\n background: #eaffea;\n border: 1px solid #b8efb8;\n color: #145c25;\n border-radius: 14px;\n padding: 12px;\n font-size: 14px;\n line-height: 1.35;\n font-weight: 900;\n }\n\n .hero-evento {\n position: relative;\n z-index: 2;\n text-align: center;\n background: radial-gradient(circle at top, #fff176 0%, #ffb300 42%, #ff7a00 100%);\n border-radius: 20px;\n padding: 22px 14px 20px;\n margin-bottom: 18px;\n box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), 0 8px 18px rgba(255,122,0,0.28);\n border: 2px solid #fff2a8;\n }\n\n .agotado-evento {\n background: radial-gradient(circle at top, #ff7676 0%, #e50909 46%, #8b0000 100%);\n border: 2px solid #ffc4c4;\n box-shadow: inset 0 2px 0 rgba(255,255,255,0.35), 0 8px 18px rgba(201,0,0,0.32);\n }\n\n .mini-alerta {\n display: inline-block;\n background: #ffffff;\n color: #9a5a00;\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1px;\n padding: 7px 12px;\n border-radius: 999px;\n margin-bottom: 10px;\n }\n\n .agotado-mini {\n color: #b00000;\n }\n\n .titulo-brillante {\n font-size: 30px;\n line-height: 1;\n font-weight: 1000;\n color: #ffffff;\n letter-spacing: 1px;\n text-shadow:\n 0 3px 0 #680000,\n 0 5px 12px rgba(0,0,0,0.35);\n animation: blinkTitle 1.6s infinite;\n }\n\n .hora-grande {\n font-size: 48px;\n line-height: 1;\n font-weight: 1000;\n color: #fff200;\n margin-top: 8px;\n text-shadow:\n 0 4px 0 #003eb8,\n 0 7px 14px rgba(0,0,0,0.35);\n letter-spacing: 2px;\n }\n\n .nueva-hora {\n font-size: 42px;\n color: #fff200;\n }\n\n .sub-alerta {\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 .nueva-funcion-btn {\n position: relative;\n z-index: 3;\n display: block;\n text-align: center;\n text-decoration: none;\n background: linear-gradient(135deg, #18b943, #0d8f2f);\n color: #ffffff !important;\n font-size: 16px;\n font-weight: 1000;\n letter-spacing: .5px;\n border-radius: 16px;\n padding: 14px 16px;\n margin: -4px 0 16px;\n box-shadow: 0 5px 0 #0c8128, 0 8px 16px rgba(13,143,47,.22);\n }\n\n .info-card {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 16px;\n }\n\n .info-row {\n display: flex;\n align-items: center;\n gap: 11px;\n background: #ffffff;\n border: 1px solid #eeeeee;\n border-radius: 14px;\n padding: 12px 13px;\n font-size: 15px;\n line-height: 1.35;\n box-shadow: 0 4px 10px rgba(0,0,0,0.04);\n }\n\n .info-row span {\n font-size: 20px;\n min-width: 24px;\n }\n\n .info-row small {\n color: #555555;\n font-size: 13px;\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 .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 }\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-anterior {\n text-decoration: line-through;\n color: #888888;\n font-weight: 700;\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: 8px 11px;\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 16px;\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 }\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-cuernavaca{\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 padding-bottom:8px;\n }\n\n .mapa-inner{\n width:max-content;\n min-width:900px;\n margin:0 auto;\n }\n\n .mapa-escenario{\n width:100%;\n text-align:center;\n font-weight:1000;\n padding:14px;\n border-radius:16px;\n background:linear-gradient(180deg,#eef2f8,#dde3ec);\n margin-bottom:18px;\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-grid{\n display:grid;\n grid-template-columns:max-content 34px max-content;\n gap:16px;\n align-items:start;\n }\n\n .mapa-pasillo{\n height:100%;\n min-height:560px;\n border-radius:999px;\n background:#f1f5f9;\n border:1px dashed #cbd5e1;\n }\n\n .mapa-row{\n display:grid;\n grid-template-columns:36px 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-gap{\n height:24px;\n }\n\n .mapa-gap-right{\n height:54px;\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 .descuento-box {\n position: relative;\n z-index: 2;\n text-align: center;\n background: #16b83e;\n color: #ffffff;\n font-size: 18px;\n font-weight: 1000;\n letter-spacing: 1px;\n border-radius: 16px;\n padding: 13px;\n margin: 16px 0;\n box-shadow: 0 5px 0 #0c8128;\n animation: pulseSoft 1.8s infinite;\n }\n\n .agotado-descuento {\n background: #d50000;\n box-shadow: 0 5px 0 #8d0000;\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 .entrega-box {\n position: relative;\n z-index: 2;\n text-align: center;\n background: #fff8d6;\n border: 1px solid #f1d36b;\n border-radius: 16px;\n padding: 15px;\n }\n\n .entrega-title {\n font-size: 13px;\n font-weight: 900;\n color: #9a6b00;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 7px;\n }\n\n .entrega-text {\n font-size: 15px;\n line-height: 1.45;\n color: #222222;\n font-weight: 500;\n }\n\n .spam-note {\n display: inline-block;\n margin-top: 10px;\n background: #ffffff;\n border: 1px solid #f4d35e;\n border-radius: 999px;\n padding: 7px 12px;\n font-size: 13px;\n font-weight: 800;\n color: #7a5a00;\n }\n\n @keyframes ayudaOpen {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes ayudaStep {\n from { opacity: 0; transform: translateX(-8px); }\n to { opacity: 1; transform: translateX(0); }\n }\n\n @keyframes blinkTitle {\n 0%, 100% { transform: scale(1); filter: brightness(1); }\n 50% { transform: scale(1.035); filter: brightness(1.35); }\n }\n\n @keyframes pulseSoft {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.025); }\n }\n\n @keyframes starsFloat {\n 0%, 100% { opacity: 0.35; transform: translateY(0) scale(1); }\n 50% { opacity: 1; transform: translateY(-6px) scale(1.08); }\n }\n\n @keyframes shineMove {\n 0% { left: -50%; }\n 55% { left: 120%; }\n 100% { left: 120%; }\n }\n\n @media (max-width: 480px) {\n .evento-box {\n padding: 18px;\n border-radius: 20px;\n }\n\n .ayuda-compra-box {\n width: 100%;\n max-width: none;\n }\n\n .ayuda-compra-btn {\n font-size: 13px;\n padding: 12px 12px;\n border-radius: 14px;\n }\n\n .ayuda-step strong {\n font-size: 13px;\n }\n\n .ayuda-step span {\n font-size: 12px;\n }\n\n .titulo-brillante {\n font-size: 25px;\n }\n\n .hora-grande {\n font-size: 43px;\n }\n\n .nueva-hora {\n font-size: 33px;\n }\n\n .info-row {\n font-size: 14px;\n padding: 11px;\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: 7px 9px;\n }\n\n .mapa-toggle-btn {\n font-size: 15px;\n padding: 13px 14px;\n }\n\n .mapa-preview-cuernavaca{\n padding:12px;\n border-radius:16px;\n }\n\n .mapa-inner{\n min-width:850px;\n }\n\n .mapa-escenario{\n font-size:20px;\n padding:13px;\n }\n\n .mapa-card{\n padding:15px;\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 .descuento-box {\n font-size: 16px;\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\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Event","offers":[{"title":"⭐ VIP-MEET \u0026 GREET + FOTO CON PERSONAJES","offer_id":49081735184636,"sku":null,"price":180.0,"currency_code":"MXN","in_stock":false},{"title":"🐮 LOLA – BOLETO GENERAL","offer_id":49081735217404,"sku":null,"price":90.0,"currency_code":"MXN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8278\/7836\/files\/CUERNAS_AGOTADO_JPG.jpg?v=1779165377"},{"product_id":"oaxaca","title":"⭐LA GRANJA en OAXACA⭐","description":"\u003cdiv class=\"promo-nueva-funcion-box\"\u003e\n \u003cdiv class=\"promo-stars\"\u003e\u003c\/div\u003e\n\n \u003ca class=\"promo-nueva-funcion-link\" href=\"https:\/\/www.lagranjaenmexico.com\/products\/oaxaca-15\"\u003e\n \u003cdiv class=\"promo-chip\"\u003ePOR LOCALIDADES AGOTADAS\u003c\/div\u003e\n \u003cdiv class=\"promo-titulo\"\u003eNUEVA FUNCIÓN\u003c\/div\u003e\n \u003cdiv class=\"promo-hora\"\u003e15 HS\u003c\/div\u003e\n \u003cdiv class=\"promo-fecha\"\u003eDomingo 14 Junio · Oaxaca\u003c\/div\u003e\n \u003cdiv class=\"promo-cta\"\u003eTOCA AQUÍ PARA CONSEGUIR TUS BOLETOS\u003c\/div\u003e\n \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .promo-nueva-funcion-box {\n position: relative;\n overflow: hidden;\n background: linear-gradient(180deg, #fffdf6 0%, #fff6d9 100%);\n border: 2px solid #ffe08a;\n border-radius: 24px;\n padding: 16px;\n box-shadow: 0 14px 30px rgba(0,0,0,0.12);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n }\n\n .promo-nueva-funcion-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -45%;\n width: 45%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.65), transparent);\n animation: promoShine 4s infinite;\n pointer-events: none;\n }\n\n .promo-stars {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n\n .promo-stars::before,\n .promo-stars::after {\n position: absolute;\n color: rgba(255, 196, 0, 0.95);\n font-size: 16px;\n letter-spacing: 10px;\n text-shadow: 0 2px 6px rgba(0,0,0,.16);\n animation: promoStarsFloat 4.2s infinite ease-in-out;\n white-space: nowrap;\n }\n\n .promo-stars::before {\n content: \"✨ ✦ ✨ ✦ ✨\";\n top: 8px;\n left: 12px;\n }\n\n .promo-stars::after {\n content: \"✦ ✨ ✦ ✨ ✦\";\n bottom: 8px;\n right: 12px;\n animation-delay: 1.2s;\n }\n\n .promo-nueva-funcion-link {\n position: relative;\n z-index: 3;\n display: block;\n text-decoration: none !important;\n text-align: center;\n color: #ffffff !important;\n background: radial-gradient(circle at top, #ff8c8c 0%, #ff4343 32%, #ef1010 70%, #cc0000 100%);\n border: 2px solid #ffb0b0;\n border-radius: 22px;\n padding: 18px 14px 20px;\n box-shadow:\n inset 0 2px 0 rgba(255,255,255,.35),\n 0 10px 22px rgba(220,0,0,.28);\n overflow: hidden;\n animation: promoUrgencia 1.55s infinite ease-in-out;\n }\n\n .promo-nueva-funcion-link:hover {\n text-decoration: none !important;\n color: #ffffff !important;\n }\n\n .promo-nueva-funcion-link::before {\n content: \"\";\n position: absolute;\n top: -20%;\n left: -30%;\n width: 44%;\n height: 140%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\n transform: rotate(12deg);\n animation: promoHeroShine 3s infinite;\n pointer-events: none;\n }\n\n .promo-chip {\n position: relative;\n z-index: 2;\n display: inline-block;\n background: #ffffff;\n color: #c90000;\n font-size: 12px;\n font-weight: 1000;\n letter-spacing: .8px;\n text-transform: uppercase;\n padding: 7px 12px;\n border-radius: 999px;\n margin-bottom: 10px;\n box-shadow: 0 3px 8px rgba(0,0,0,.12);\n animation: promoChipPulse 1.5s infinite ease-in-out;\n }\n\n .promo-titulo {\n position: relative;\n z-index: 2;\n font-size: 33px;\n line-height: 1;\n font-weight: 1000;\n letter-spacing: 1px;\n color: #ffffff;\n transform: scaleY(1.08);\n text-shadow:\n 0 2px 0 #c50000,\n 0 4px 0 #a30000,\n 0 8px 16px rgba(0,0,0,.28);\n animation: promoTituloPop 1.45s infinite ease-in-out;\n }\n\n .promo-hora {\n position: relative;\n z-index: 2;\n font-size: 56px;\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 #004fd1,\n 0 5px 0 #003eb8,\n 0 9px 16px rgba(0,0,0,.30);\n animation: promoHoraBounce 1.45s infinite ease-in-out;\n }\n\n .promo-fecha {\n position: relative;\n z-index: 2;\n margin-top: 11px;\n font-size: 15px;\n font-weight: 900;\n color: #ffffff;\n text-shadow: 0 2px 5px rgba(0,0,0,.35);\n }\n\n .promo-cta {\n position: relative;\n z-index: 2;\n display: inline-block;\n margin-top: 11px;\n background: rgba(0,0,0,.22);\n border: 1px solid rgba(255,255,255,.35);\n border-radius: 999px;\n padding: 8px 13px;\n font-size: 13px;\n font-weight: 1000;\n color: #ffffff;\n text-transform: uppercase;\n animation: promoCtaPulse 1.1s infinite ease-in-out;\n }\n\n @keyframes promoUrgencia {\n 0%, 100% {\n transform: scale(1);\n box-shadow:\n inset 0 2px 0 rgba(255,255,255,.35),\n 0 10px 22px rgba(220,0,0,.28);\n }\n 50% {\n transform: scale(1.018);\n box-shadow:\n inset 0 2px 0 rgba(255,255,255,.45),\n 0 14px 28px rgba(255,0,0,.38);\n }\n }\n\n @keyframes promoHeroShine {\n 0% { left: -45%; }\n 55% { left: 125%; }\n 100% { left: 125%; }\n }\n\n @keyframes promoChipPulse {\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 promoTituloPop {\n 0%, 100% {\n transform: scale(1) scaleY(1.08);\n filter: brightness(1);\n }\n 50% {\n transform: scale(1.04) scaleY(1.11);\n filter: brightness(1.08);\n }\n }\n\n @keyframes promoHoraBounce {\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 promoCtaPulse {\n 0%, 100% {\n transform: scale(1);\n filter: brightness(1);\n background: rgba(0,0,0,.22);\n }\n 50% {\n transform: scale(1.06);\n filter: brightness(1.16);\n background: rgba(0,0,0,.34);\n }\n }\n\n @keyframes promoStarsFloat {\n 0%, 100% {\n opacity: 0.45;\n transform: translateY(0) scale(1);\n }\n 50% {\n opacity: 1;\n transform: translateY(-4px) scale(1.08);\n }\n }\n\n @keyframes promoShine {\n 0% { left: -50%; }\n 55% { left: 120%; }\n 100% { left: 120%; }\n }\n\n @media (max-width: 480px) {\n .promo-nueva-funcion-box {\n padding: 14px;\n border-radius: 20px;\n }\n\n .promo-stars::before,\n .promo-stars::after {\n font-size: 14px;\n letter-spacing: 7px;\n }\n\n .promo-stars::before {\n top: 7px;\n left: 8px;\n }\n\n .promo-stars::after {\n bottom: 7px;\n right: 8px;\n }\n\n .promo-nueva-funcion-link {\n padding: 16px 10px 18px;\n border-radius: 20px;\n }\n\n .promo-chip {\n font-size: 11px;\n padding: 7px 10px;\n }\n\n .promo-titulo {\n font-size: 28px;\n }\n\n .promo-hora {\n font-size: 48px;\n }\n\n .promo-fecha {\n font-size: 14px;\n }\n\n .promo-cta {\n font-size: 12px;\n padding: 7px 10px;\n }\n }\n\u003c\/style\u003e","brand":"Event","offers":[{"title":"⭐ VIP-MEET \u0026 GREET + FOTO CON PERSONAJES","offer_id":49116878700796,"sku":null,"price":180.0,"currency_code":"MXN","in_stock":false},{"title":"🐮 LOLA – BOLETO GENERAL","offer_id":49116878733564,"sku":null,"price":90.0,"currency_code":"MXN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8278\/7836\/files\/oaxaca_agotado_JPG.jpg?v=1780198229"},{"product_id":"cuernavaca","title":"⭐LA GRANJA en CUERNAVACA⭐","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-cuernavaca\"\u003e\n\n \u003cdiv class=\"mapa-ciudad\"\u003eCUERNAVACA · MORELOS\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 - Cuernavaca\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-grid\"\u003e\n\n \u003c!-- LADO IZQUIERDO --\u003e\n \u003cdiv class=\"mapa-lado\" id=\"mapa-left-cuernavaca\"\u003e\u003c\/div\u003e\n\n \u003c!-- PASILLO --\u003e\n \u003cdiv class=\"mapa-pasillo\"\u003e\u003c\/div\u003e\n\n \u003c!-- LADO DERECHO --\u003e\n \u003cdiv class=\"mapa-lado\"\u003e\n \u003cdiv id=\"mapa-right-top-cuernavaca\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mapa-gap mapa-gap-right\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"mapa-right-bottom-cuernavaca\"\u003e\u003c\/div\u003e\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 \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 07 Junio · Cuernavaca, Morelos\u003c\/div\u003e\n \u003cdiv class=\"sub-alerta-secundaria\"\u003eFunción 17 HS agotada\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%20Cuernavaca%2C%20Morelos%20-%20Domingo%2007%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 .evento-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -45%;\n width: 45%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);\n animation: shineMove 4s infinite;\n pointer-events: none;\n }\n\n .stars::before,\n .stars::after {\n content: \"✦ ✨ ✦ ✨ ✦\";\n position: absolute;\n color: rgba(255, 193, 7, 0.8);\n font-size: 18px;\n letter-spacing: 18px;\n animation: starsFloat 5s infinite ease-in-out;\n pointer-events: none;\n z-index: 1;\n }\n\n .stars::before {\n top: 16px;\n left: 18px;\n }\n\n .stars::after {\n bottom: 18px;\n right: 16px;\n animation-delay: 1.5s;\n }\n\n .hero-evento {\n position: relative;\n z-index: 2;\n text-align: center;\n background: radial-gradient(circle at top, #ff8a8a 0%, #ff3b3b 38%, #d40000 72%, #8f0000 100%);\n border-radius: 20px;\n padding: 20px 14px 22px;\n margin-bottom: 18px;\n box-shadow: inset 0 2px 0 rgba(255,255,255,0.35), 0 10px 22px rgba(180,0,0,0.30);\n border: 2px solid #ff9c9c;\n }\n\n .hero-chip {\n display: inline-block;\n background: #ffffff;\n color: #9a0000;\n font-size: 12px;\n font-weight: 1000;\n letter-spacing: .7px;\n padding: 7px 12px;\n border-radius: 999px;\n margin-bottom: 10px;\n text-transform: uppercase;\n box-shadow: 0 3px 8px rgba(0,0,0,.12);\n }\n\n .titulo-brillante {\n font-size: 31px;\n line-height: 1;\n font-weight: 1000;\n color: #ffffff;\n letter-spacing: 1px;\n text-shadow:\n 0 3px 0 #a30000,\n 0 5px 12px rgba(0,0,0,0.35);\n animation: blinkTitle 1.6s infinite;\n }\n\n .hora-grande {\n font-size: 50px;\n line-height: 1;\n font-weight: 1000;\n color: #ffe600;\n margin-top: 8px;\n text-shadow:\n 0 4px 0 #003eb8,\n 0 7px 14px rgba(0,0,0,0.35);\n letter-spacing: 2px;\n }\n\n .sub-alerta {\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 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 }\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 .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: botonTitileoAzul 1.9s infinite ease-in-out;\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-cuernavaca {\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: 1000px;\n margin: 0 auto;\n }\n\n .mapa-escenario {\n width: 100%;\n text-align: center;\n font-weight: 1000;\n padding: 14px;\n border-radius: 16px;\n background: linear-gradient(180deg,#eef2f8,#dde3ec);\n margin-bottom: 18px;\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-grid {\n display: grid;\n grid-template-columns: max-content 34px max-content;\n gap: 16px;\n align-items: start;\n }\n\n .mapa-pasillo {\n height: 100%;\n min-height: 560px;\n border-radius: 999px;\n background: #f1f5f9;\n border: 1px dashed #cbd5e1;\n }\n\n .mapa-row {\n display: grid;\n grid-template-columns: 36px 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-gap {\n height: 24px;\n }\n\n .mapa-gap-right {\n height: 54px;\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 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 botonTitileoAzul {\n 0%, 100% {\n transform: scale(1);\n filter: brightness(1);\n box-shadow: 0 5px 0 #143b9b, 0 8px 16px rgba(37,99,235,.22);\n }\n 50% {\n transform: scale(1.025);\n filter: brightness(1.18);\n box-shadow: 0 5px 0 #143b9b, 0 12px 24px rgba(37,99,235,.40);\n }\n }\n\n @keyframes blinkTitle {\n 0%, 100% { transform: scale(1); filter: brightness(1); }\n 50% { transform: scale(1.035); filter: brightness(1.35); }\n }\n\n @keyframes starsFloat {\n 0%, 100% { opacity: 0.35; transform: translateY(0) scale(1); }\n 50% { opacity: 1; transform: translateY(-6px) scale(1.08); }\n }\n\n @keyframes shineMove {\n 0% { left: -50%; }\n 55% { left: 120%; }\n 100% { left: 120%; }\n }\n\n @media (max-width: 480px) {\n .evento-box {\n padding: 18px;\n border-radius: 20px;\n }\n\n .titulo-brillante {\n font-size: 25px;\n }\n\n .hora-grande {\n font-size: 43px;\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 .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-cuernavaca {\n padding: 12px;\n border-radius: 16px;\n }\n\n .mapa-inner {\n min-width: 950px;\n }\n\n .mapa-escenario {\n font-size: 20px;\n padding: 13px;\n }\n\n .mapa-card {\n padding: 15px;\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 leftHTML = '';\n\n for(var i = 1; i \u003c= 4; i++){\n leftHTML += row(i, makeSeats(14, 'mapa-vip'));\n }\n\n leftHTML += '\u003cdiv class=\"mapa-gap\"\u003e\u003c\/div\u003e';\n\n for(var j = 5; j \u003c= 14; j++){\n leftHTML += row(j, makeSeats(14, 'mapa-general'));\n }\n\n var rightTopHTML = '';\n\n rightTopHTML += row(1, makeSeats(13, 'mapa-vip'));\n rightTopHTML += row(2, makeSeats(13, 'mapa-vip'));\n rightTopHTML += row(3, makeSeats(15, 'mapa-vip'));\n\n var rightBottomHTML = '';\n\n for(var k = 5; k \u003c= 10; k++){\n rightBottomHTML += row(k, makeSeats(14, 'mapa-general'));\n }\n\n for(var l = 11; l \u003c= 14; l++){\n rightBottomHTML += row(l, makeSeats(17, 'mapa-general'));\n }\n\n var leftBox = document.getElementById('mapa-left-cuernavaca');\n var rightTopBox = document.getElementById('mapa-right-top-cuernavaca');\n var rightBottomBox = document.getElementById('mapa-right-bottom-cuernavaca');\n\n if(leftBox){ leftBox.innerHTML = leftHTML; }\n if(rightTopBox){ rightTopBox.innerHTML = rightTopHTML; }\n if(rightBottomBox){ rightBottomBox.innerHTML = rightBottomHTML; }\n})();\n\u003c\/script\u003e","brand":"Event","offers":[{"title":"⭐ VIP-MEET \u0026 GREET + FOTO CON PERSONAJES","offer_id":49120003064060,"sku":null,"price":180.0,"currency_code":"MXN","in_stock":true},{"title":"🐮 LOLA – BOLETO GENERAL","offer_id":49120003096828,"sku":null,"price":90.0,"currency_code":"MXN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8278\/7836\/files\/CUERNVA_15HS_1.jpg?v=1780370658"},{"product_id":"silao","title":"⭐LA GRANJA en SILAO⭐","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-silao\"\u003e\n\n \u003cdiv class=\"mapa-ciudad\"\u003eSILAO · GTO\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 - Silao\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-layout\"\u003e\n\n \u003c!-- BLOQUES SUPERIORES: VIP + GENERAL --\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\n \u003cdiv id=\"vip-left-silao\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-block-title mapa-general-title\"\u003e\n 🐮 LOLA – BOLETO GENERAL · IZQUIERDO\n \u003c\/div\u003e\n\n \u003cdiv id=\"general-left-silao\"\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\n \u003cdiv id=\"vip-right-silao\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mapa-block-title mapa-general-title\"\u003e\n 🐮 LOLA – BOLETO GENERAL · DERECHO\n \u003c\/div\u003e\n\n \u003cdiv id=\"general-right-silao\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- BLOQUES INFERIORES: PLATEA --\u003e\n \u003cdiv class=\"mapa-layout-row-platea\"\u003e\n\n \u003cdiv class=\"mapa-block\"\u003e\n \u003cdiv class=\"mapa-block-title mapa-platea-title\"\u003e\n ❤️ PLATEA · IZQUIERDA\n \u003c\/div\u003e\n \u003cdiv id=\"platea-left-silao\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mapa-block\"\u003e\n \u003cdiv class=\"mapa-block-title mapa-platea-title\"\u003e\n ❤️ PLATEA · CENTRO\n \u003c\/div\u003e\n \u003cdiv id=\"platea-center-silao\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mapa-block\"\u003e\n \u003cdiv class=\"mapa-block-title mapa-platea-title\"\u003e\n ❤️ PLATEA · DERECHA\n \u003c\/div\u003e\n \u003cdiv id=\"platea-right-silao\"\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 \u003cspan class=\"mapa-color mapa-platea\"\u003e\u003c\/span\u003e\n ❤️ PLATEA\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=\"titulo-brillante\"\u003eÚNICA FUNCIÓN\u003c\/div\u003e\n \u003cdiv class=\"hora-grande\"\u003e17 HS\u003c\/div\u003e\n \u003cdiv class=\"sub-alerta\"\u003eDomingo 21 Junio · Silao, GTO\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$285 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$195 MXN\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"precio-item platea\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e❤️ PLATEA\u003c\/strong\u003e\n \u003csmall\u003eBoleto platea\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%20Silao%2C%20GTO%20-%20Domingo%2021%20Junio%2017%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 .evento-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -45%;\n width: 45%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);\n animation: shineMove 4s infinite;\n pointer-events: none;\n }\n\n .stars::before,\n .stars::after {\n content: \"✦ ✨ ✦ ✨ ✦\";\n position: absolute;\n color: rgba(255, 193, 7, 0.8);\n font-size: 18px;\n letter-spacing: 18px;\n animation: starsFloat 5s infinite ease-in-out;\n pointer-events: none;\n z-index: 1;\n }\n\n .stars::before {\n top: 16px;\n left: 18px;\n }\n\n .stars::after {\n bottom: 18px;\n right: 16px;\n animation-delay: 1.5s;\n }\n\n .hero-evento {\n position: relative;\n z-index: 2;\n text-align: center;\n background: radial-gradient(circle at top, #ff8a8a 0%, #ff3b3b 38%, #d40000 72%, #8f0000 100%);\n border-radius: 20px;\n padding: 24px 14px 22px;\n margin-bottom: 18px;\n box-shadow: inset 0 2px 0 rgba(255,255,255,0.35), 0 10px 22px rgba(180,0,0,0.30);\n border: 2px solid #ff9c9c;\n }\n\n .titulo-brillante {\n font-size: 31px;\n line-height: 1;\n font-weight: 1000;\n color: #ffffff;\n letter-spacing: 1px;\n text-shadow:\n 0 3px 0 #a30000,\n 0 5px 12px rgba(0,0,0,0.35);\n animation: blinkTitle 1.6s infinite;\n }\n\n .hora-grande {\n font-size: 50px;\n line-height: 1;\n font-weight: 1000;\n color: #ffe600;\n margin-top: 8px;\n text-shadow:\n 0 4px 0 #003eb8,\n 0 7px 14px rgba(0,0,0,0.35);\n letter-spacing: 2px;\n }\n\n .sub-alerta {\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 .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 .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-item.platea {\n background: linear-gradient(135deg, #ffe5f0, #ffffff);\n border: 1px solid #ff9fcb;\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: botonTitileoAzul 1.9s infinite ease-in-out;\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-silao {\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: 1100px;\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: 34px;\n }\n\n .mapa-layout-row {\n display: grid;\n grid-template-columns: max-content max-content;\n gap: 38px;\n align-items: start;\n justify-content: center;\n }\n\n .mapa-layout-row-platea {\n display: grid;\n grid-template-columns: max-content max-content max-content;\n gap: 30px;\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-platea-title {\n background: linear-gradient(#86b7ff,#4f8cff);\n color: #06224f;\n }\n\n .mapa-divider {\n height: 3px;\n background: #111827;\n opacity: .85;\n margin: 14px 0 16px 44px;\n border-radius: 999px;\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: 28px;\n height: 28px;\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-platea {\n background: linear-gradient(180deg,#9fc7ff,#6fa8ff);\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 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 botonTitileoAzul {\n 0%, 100% {\n transform: scale(1);\n filter: brightness(1);\n box-shadow: 0 5px 0 #143b9b, 0 8px 16px rgba(37,99,235,.22);\n }\n 50% {\n transform: scale(1.025);\n filter: brightness(1.18);\n box-shadow: 0 5px 0 #143b9b, 0 12px 24px rgba(37,99,235,.40);\n }\n }\n\n @keyframes blinkTitle {\n 0%, 100% { transform: scale(1); filter: brightness(1); }\n 50% { transform: scale(1.035); filter: brightness(1.35); }\n }\n\n @keyframes starsFloat {\n 0%, 100% { opacity: 0.35; transform: translateY(0) scale(1); }\n 50% { opacity: 1; transform: translateY(-6px) scale(1.08); }\n }\n\n @keyframes shineMove {\n 0% { left: -50%; }\n 55% { left: 120%; }\n 100% { left: 120%; }\n }\n\n @media (max-width: 480px) {\n .evento-box {\n padding: 18px;\n border-radius: 20px;\n }\n\n .titulo-brillante {\n font-size: 25px;\n }\n\n .hora-grande {\n font-size: 43px;\n }\n\n .info-card-simple {\n font-size: 14px;\n padding: 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-silao {\n padding: 12px;\n border-radius: 16px;\n }\n\n .mapa-inner {\n min-width: 1050px;\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: 24px;\n }\n\n .mapa-layout-row-platea {\n gap: 22px;\n }\n\n .mapa-seat {\n width: 27px;\n height: 27px;\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(15, 'mapa-vip'));\n }\n\n var generalLeftHTML = '';\n for(var j = 6; j \u003c= 15; j++){\n generalLeftHTML += row(j, makeSeats(15, 'mapa-general'));\n }\n\n var vipRightHTML = '';\n for(var k = 1; k \u003c= 5; k++){\n vipRightHTML += row(k, makeSeats(15, 'mapa-vip'));\n }\n\n var generalRightHTML = '';\n for(var l = 6; l \u003c= 15; l++){\n generalRightHTML += row(l, makeSeats(15, 'mapa-general'));\n }\n\n var plateaLeftHTML = '';\n for(var m = 1; m \u003c= 10; m++){\n plateaLeftHTML += row(m, makeSeats(13, 'mapa-platea'));\n }\n\n var plateaCenterHTML = '';\n for(var n = 1; n \u003c= 5; n++){\n plateaCenterHTML += row(n, makeSeats(10, 'mapa-platea'));\n }\n\n var plateaRightHTML = '';\n for(var p = 1; p \u003c= 10; p++){\n plateaRightHTML += row(p, makeSeats(13, 'mapa-platea'));\n }\n\n var vipLeft = document.getElementById('vip-left-silao');\n var generalLeft = document.getElementById('general-left-silao');\n var vipRight = document.getElementById('vip-right-silao');\n var generalRight = document.getElementById('general-right-silao');\n var plateaLeft = document.getElementById('platea-left-silao');\n var plateaCenter = document.getElementById('platea-center-silao');\n var plateaRight = document.getElementById('platea-right-silao');\n\n if(vipLeft){ vipLeft.innerHTML = vipLeftHTML; }\n if(generalLeft){ generalLeft.innerHTML = generalLeftHTML; }\n if(vipRight){ vipRight.innerHTML = vipRightHTML; }\n if(generalRight){ generalRight.innerHTML = generalRightHTML; }\n if(plateaLeft){ plateaLeft.innerHTML = plateaLeftHTML; }\n if(plateaCenter){ plateaCenter.innerHTML = plateaCenterHTML; }\n if(plateaRight){ plateaRight.innerHTML = plateaRightHTML; }\n})();\n\u003c\/script\u003e","brand":"Event","offers":[{"title":"⭐ VIP + MEET \u0026 GREET (FOTO CON PERSONAJES)","offer_id":49132118114556,"sku":null,"price":285.0,"currency_code":"MXN","in_stock":true},{"title":"🐮 LOLA (BOLETO GENERAL)","offer_id":49132118147324,"sku":null,"price":195.0,"currency_code":"MXN","in_stock":true},{"title":"❤️ PLATEA","offer_id":49132120178940,"sku":null,"price":90.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8278\/7836\/files\/SILAO_2f590724-dfa2-4f97-9be7-c4f7b78748a8.jpg?v=1779970210"},{"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\/collections\/funciones.oembed","provider":"LA GRANJA EN MÉXICO","version":"1.0","type":"link"}