{"id":2914,"date":"2025-07-12T19:48:46","date_gmt":"2025-07-12T19:48:46","guid":{"rendered":"https:\/\/ataydeenescena.com.mx\/boletos\/etn_category\/"},"modified":"2026-03-16T21:56:11","modified_gmt":"2026-03-17T03:56:11","slug":"boletos","status":"publish","type":"page","link":"https:\/\/ataydeenescena.com.mx\/boletos\/boletos\/","title":{"rendered":"ELIGE TU EVENTO"},"content":{"rendered":"\n<h1 class=\"deluxe-title\">\ud83c\udfaa Elige tu evento \u2728<\/h1>\n\n<style>\n.deluxe-title {\n  font-family: 'Arial Black', sans-serif;\n  font-size: 60px;\n  text-align: center;\n  background: linear-gradient(90deg, #FF4E50, #FC913A, #F9D423, #FF4E50);\n  background-size: 400% 100%;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: gradientMove 8s ease infinite, bounceFade 1.5s ease forwards;\n  text-shadow: 2px 2px 10px rgba(0,0,0,0.3);\n  margin: 30px 0 50px 0; \/* espacio debajo *\/\n  cursor: default;\n}\n\n\/* Animaci\u00f3n de degradado *\/\n@keyframes gradientMove {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* Rebote + fade-in al cargar *\/\n@keyframes bounceFade {\n  0%   { opacity: 0; transform: translateY(-80px); }\n  50%  { opacity: 1; transform: translateY(20px); }\n  70%  { transform: translateY(-10px); }\n  100% { transform: translateY(0); }\n}\n\n\/* Hover interactivo tipo brillo *\/\n.deluxe-title:hover {\n  transform: scale(1.2);\n  filter: drop-shadow(0 0 30px rgba(255,255,0,0.8));\n  transition: transform 0.3s ease, filter 0.3s ease;\n}\n\n\/* Parpadeo sutil tipo cartel luminoso *\/\n.deluxe-title::after {\n  content:'';\n  display:inline-block;\n  width:100%;\n  height:5px;\n  margin-top:5px;\n  background: rgba(255,255,255,0.5);\n  animation: flicker 1.5s infinite alternate;\n}\n\n@keyframes flicker {\n  0% { opacity: 0.2; }\n  50% { opacity: 1; }\n  100% { opacity: 0.2; }\n}\n\n\/* Responsive: tablet *\/\n@media(max-width:1024px){\n  .deluxe-title { font-size: 48px; margin: 25px 0 40px 0; }\n}\n\n\/* Responsive: m\u00f3vil *\/\n@media(max-width:768px){\n  .deluxe-title { font-size: 36px; margin: 20px 0 35px 0; }\n}\n\n\/* Opcional: ocultar t\u00edtulo de WordPress por defecto *\/\n.entry-title, .page-title {\n    display: none;\n}\n<\/style>\n\n\n\n<!-- Contenedor definitivo de botones tipo portada -->\n<div class=\"event-buttons-container\">\n\n  <!-- Bot\u00f3n: PROMOCIONES ESPECIALES -->\n  <a href=\"https:\/\/ataydeenescena.com.mx\/boletos\/promociones\/\" class=\"event-button\">\n    <img decoding=\"async\" src=\"https:\/\/ataydeenescena.com.mx\/boletos\/wp-content\/uploads\/2026\/03\/banner-del-boleto2.png\" alt=\"Promociones Especiales\">\n    <div class=\"event-button-title\">PROMOCIONES ESPECIALES<\/div>\n  <\/a>\n\n  <!-- Bot\u00f3n: FUNCIONES DE FIN DE SEMANA -->\n  <a href=\"https:\/\/ataydeenescena.com.mx\/boletos\/eventos-fin-de-semana\/\" class=\"event-button\">\n    <img decoding=\"async\" src=\"https:\/\/ataydeenescena.com.mx\/boletos\/wp-content\/uploads\/2026\/03\/banner-del-boleto2.png\" alt=\"Funciones de Fin de Semana\">\n    <div class=\"event-button-title\">FUNCIONES DE FIN DE SEMANA<\/div>\n  <\/a>\n\n  <!-- Bot\u00f3n: FUNCI\u00d3N ENTRE SEMANA -->\n  <a href=\"https:\/\/ataydeenescena.com.mx\/boletos\/etn_category\/\" class=\"event-button\">\n    <img decoding=\"async\" src=\"https:\/\/ataydeenescena.com.mx\/boletos\/wp-content\/uploads\/2026\/03\/banner-del-boleto2.png\" alt=\"Parque Naucali Entre Semana\">\n    <div class=\"event-button-title\">FUNCI\u00d3N ENTRE SEMANA<\/div>\n  <\/a>\n\n  <!-- Bot\u00f3n: EVENTO ESPECIAL -->\n  <a href=\"https:\/\/ataydeenescena.com.mx\/boletos\/evento-especial\/\" class=\"event-button\">\n    <img decoding=\"async\" src=\"https:\/\/ataydeenescena.com.mx\/boletos\/wp-content\/uploads\/2026\/03\/banner-del-boleto2.png\" alt=\"Chuponcito\">\n    <div class=\"event-button-title\">EVENTO ESPECIAL<\/div>\n  <\/a>\n\n<\/div>\n\n<!-- CSS definitivo -->\n<style>\n.event-buttons-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.event-button {\n  display: block;\n  width: 250px;\n  text-align: center;\n  text-decoration: none;\n  color: #000;\n  border-radius: 10px;\n  overflow: hidden;\n  transition: transform 0.3s, filter 0.3s;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\n.event-button img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.3s;\n}\n\n.event-button-title {\n  padding: 10px 0;\n  background-color: #f9f9f9;\n  font-weight: bold;\n  font-size: 16px;\n}\n\n.event-button:hover img {\n  transform: scale(1.07);\n}\n\n.event-button.disabled {\n  filter: grayscale(100%);\n  pointer-events: none;\n  opacity: 0.6;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .event-button {\n    width: 45%;\n  }\n}\n\n@media (max-width: 480px) {\n  .event-button {\n    width: 90%;\n  }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\" \/>\n<title>Mapa Profesional Circo Atayde en Escena \u2013 Deluxe<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n<style>\nbody { margin:0; padding:0; font-family:Arial, sans-serif; }\nh2 { text-align:center; margin:15px 0; color:#111; }\n#map { width:100%; height:500px; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.3); }\n@media(max-width:768px){#map{height:400px;}}\n\n\/* Rebote inicial *\/\n@keyframes bounce {\n  0%   { transform: translateY(-150px) scale(0.5); filter: drop-shadow(0 0 0px rgba(255,255,0,0)); }\n  50%  { transform: translateY(10px) scale(1.2); filter: drop-shadow(0 0 25px rgba(255,255,0,0.8)); }\n  70%  { transform: translateY(-5px) scale(1.1); filter: drop-shadow(0 0 20px rgba(255,255,0,0.6)); }\n  100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 15px rgba(255,255,0,0.5)); }\n}\n\n\/* Brillo pulsante continuo *\/\n@keyframes pulse {\n  0% { filter: drop-shadow(0 0 10px rgba(255,255,0,0.5)); }\n  50% { filter: drop-shadow(0 0 25px rgba(255,255,0,0.9)); }\n  100% { filter: drop-shadow(0 0 10px rgba(255,255,0,0.5)); }\n}\n\n\/* Hover interactivo *\/\n.bounce-logo:hover {\n  transform: scale(1.6);\n  transition: transform 0.3s ease, filter 0.3s ease;\n  z-index: 1000;\n  filter: drop-shadow(0 0 30px rgba(255,255,0,1));\n}\n\n\/* Transici\u00f3n suave al cambiar capa *\/\n.leaflet-tile { transition: opacity 0.5s ease-in-out; }\n<\/style>\n<\/head>\n<body>\n\n<h2>\ud83d\udccd Ubicaci\u00f3n del Circo<\/h2>\n<div id=\"map\"><\/div>\n\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n<script>\n  \/\/ ================================\n  \/\/ COORDENADAS EXACTAS DEL CIRCO\n  \/\/ ================================\n  var lat = 19.620767;\n  var lon = -99.166527;\n\n  \/\/ Crear mapa centrado\n  var map = L.map('map').setView([lat, lon],16);\n\n  \/\/ Mapa normal (calles y zonas verdes)\n  var normal = L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n    attribution: '\u00a9 OpenStreetMap contributors'\n  }).addTo(map);\n\n  \/\/ Capa satelital opcional\n  var satelital = L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\n    attribution: 'Tiles \u00a9 Esri'\n  });\n\n  var baseMaps = {\n    \"\ud83d\uddfa\ufe0f Normal\": normal,\n    \"\ud83d\udef0\ufe0f Satelital\": satelital\n  };\n  L.control.layers(baseMaps).addTo(map);\n\n  \/\/ ================================\n  \/\/ ICONO PERSONALIZADO CON DivIcon\n  \/\/ ================================\n  var logoHTML = '<img decoding=\"async\" src=\"https:\/\/ataydeenescena.com.mx\/wp-content\/uploads\/2025\/06\/cropped-LOGO-150x150.png\" class=\"bounce-logo\" style=\"width:100px;height:100px;\">';\n\n  var logoIcon = L.divIcon({\n    html: logoHTML,\n    className: '',\n    iconSize: [100,100],\n    iconAnchor: [50,100],\n    popupAnchor: [0,-100]\n  });\n\n  var marker = L.marker([lat, lon], {icon: logoIcon}).addTo(map)\n    .bindPopup(\"<div style='text-align:center; font-size:16px;'><strong>\ud83c\udfaa Circo Atayde en Escena<\/strong><br>Estamos ubicados aqu\u00ed<br><em>Instalado  junto a Soriana Mercado L\u00f3pez Portillo Tultitlan, Estado de M\u00e9xico, M\u00e9xico<\/em><\/div>\")\n    .openPopup();\n\n  \/\/ Animaci\u00f3n de rebote inicial y luego pulso continuo\n  var markerEl = marker.getElement().querySelector('img');\n  if(markerEl){\n    markerEl.style.animation = \"bounce 1s\";\n    setTimeout(function(){\n      markerEl.style.animation = \"pulse 2s infinite\";\n    }, 1000);\n  }\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfaa Elige tu evento \u2728 PROMOCIONES ESPECIALES FUNCIONES DE FIN DE SEMANA FUNCI\u00d3N ENTRE SEMANA EVENTO ESPECIAL Mapa Profesional Circo Atayde en Escena \u2013 Deluxe \ud83d\udccd Ubicaci\u00f3n del Circo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2914","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"firmas75","author_link":"https:\/\/ataydeenescena.com.mx\/boletos\/author\/firmas75\/"},"uagb_comment_info":0,"uagb_excerpt":"\ud83c\udfaa Elige tu evento \u2728 PROMOCIONES ESPECIALES FUNCIONES DE FIN DE SEMANA FUNCI\u00d3N ENTRE SEMANA EVENTO ESPECIAL Mapa Profesional Circo Atayde en Escena \u2013 Deluxe \ud83d\udccd Ubicaci\u00f3n del Circo","_links":{"self":[{"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/pages\/2914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/comments?post=2914"}],"version-history":[{"count":33,"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/pages\/2914\/revisions"}],"predecessor-version":[{"id":10718,"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/pages\/2914\/revisions\/10718"}],"wp:attachment":[{"href":"https:\/\/ataydeenescena.com.mx\/boletos\/wp-json\/wp\/v2\/media?parent=2914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}