{"id":6166,"date":"2025-06-25T16:18:06","date_gmt":"2025-06-25T22:18:06","guid":{"rendered":"https:\/\/wordpress.megaplextheatres.com\/?p=6166"},"modified":"2025-08-18T15:52:39","modified_gmt":"2025-08-18T21:52:39","slug":"megaeventsbowling","status":"publish","type":"post","link":"https:\/\/wordpress.megaplextheatres.com\/index.php\/2025\/06\/25\/megaeventsbowling\/","title":{"rendered":"MegaEventsBowling"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n  }\n\n  .cards-container {\n    display: flex;\n    gap: 3rem;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .card {\n    width: 400px;\n    height: 600px;\n    perspective: 1000px;\n    position: relative;\n    @media screen and (max-width:420px){\n      width: 300px;\n      height: 400px;\n    }\n  }\n\n  .flip-checkbox {\n    display: none;\n  }\n\n  .card-inner {\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s;\n    transform-style: preserve-3d;\n    position: relative;\n  }\n\n  .flip-checkbox:checked+.card-inner {\n    transform: rotateY(180deg);\n  }\n\n  .card-front,\n  .card-back {\n    width: 100%;\n    height: 95%;\n    position: absolute;\n    backface-visibility: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    background: #FCECA1;\n    border: 6px solid #805B00;\n  }\n\n  .card-back {\n    padding: 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .card-back-container {\n    \/* Cambios aqu\u00ed: *\/\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n  \n  .card-back-container h2 {\n    font-family: 'Salo Bold';\n    text-transform: uppercase;\n    font-size: 4.5rem;\n    color: white;\n  }\n\n  .card-back-container h3 {\n    font-family: 'Founders';\n    font-weight:normal;\n    font-size:23px;\n  }\n\n  .card-back-container ul {\n    margin-top: 3rem;\n  }\n\n  .card-back-container ul li {\n    font-family: 'Founders';\n    padding: 0rem;\n  }\n\n  .card-back-container p{\n    opacity:70%;\n    margin-bottom:3rem;\n    font-family:'Founders';\n  }\n\n  .card-back-container .flip-btn {\n    \/* Cambios aqu\u00ed: *\/\n    align-self: flex-end;\n    margin-top: auto;\n    font-size: 5rem;\n    cursor: pointer;\n  }\n\n  @media screen and (max-width:420px){\n    .card-back-container h2{\n      font-size: 5rem;\n    }\n    .card-back-container h3{\n      font-size: 1.5rem;\n    }\n    .card-back-container ul{\n      margin-top: 1rem;\n    }\n    .card-back-container p{\n      font-size: 12px;\n      margin:0px;\n    }\n    .card-back-container .flip-btn {\n      font-size: 3rem;\n    }\n  }\n\n  .card-front .learn-more-btn {\n    display: block;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    width: 150px;\n    height: auto;\n    @media screen and (max-width:420px){\n      width: 150px;\n    }\n  }\n\n  .card-front .learn-more-btn:hover {\n    transform: scale(1.05);\n  }\n\n  .card-image-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .card-image-content {\n    height: 40rem;\n    width: 40rem;\n    @media screen and (max-width:420px){\n      width: 27rem;\n      height: 27rem;\n    }\n  }\n\n  .card-back {\n    transform: rotateY(180deg);\n    background-color: #805B00;\n  }\n\n  .plans-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    margin: 3rem 0rem 3rem 0rem;\n  }\n\n  .option-selector {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 3rem;\n    border: 4px solid ##805B00;\n    background-color: #FCECA1;\n    width: 50rem;\n\n    @media screen and (max-width:430px){\n      width: 30rem;\n    }\n\n    div {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin: 0.5rem;\n\n      &.active {\n        background: #805B00;\n      }\n    }\n\n    button {\n      color: white;\n      padding: 1rem;\n      border: none;\n      background: #805B00;\n      background-color: #805B00; \n      cursor: pointer;\n      font-size: 2.5rem;\n      font-family: 'Salo Bold';\n    }\n  }\n\n  .variation-container {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n\n    @media screen and (max-width:768px){\n      flex-direction: column;\n    }\n\n    .variation {\n      width: 60rem;\n      height: 25rem;\n      border: 4px solid #805B00;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-around;\n      background-color: #FCECA1;\n\n      @media screen and (max-width:768px){\n        width: 35rem;\n        height: 35rem;\n        flex-direction: column;\n      }\n\n      .header {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        border-bottom: 4px solid #805B00;\n\n        .container {\n          padding: 1rem;\n\n          h1 {\n            margin-top: 0.3rem;\n            margin-bottom: 0px;\n            font-family: 'Salo Regular';\n            color: white;\n            font-weight: normal;\n          }\n\n          h3 {\n            font-family: 'Salo Bold';\n            margin-top: 0px;\n            color: #863eff;\n\n            s {\n              font-family: 'Salo Bold';\n            }\n          }\n        }\n\n        .join-button {\n          padding: 1rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: 'Salo Regular';\n          width: 30rem;\n\n          a {\n            width: 100%;\n            height: 100%;\n            font-size: 5rem;\n            color: black;\n            @media screen and (max-width:768px){\n              font-size: 3rem;\n            }\n          }\n        }\n      }\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        h2 {\n          text-transform: uppercase;\n          margin-bottom: 0.5rem;\n          font-family: 'Salo Bold';\n          color: #805B00;\n        }\n\n        h4 {\n          font-family: 'Founders';\n          margin: 0px;\n          padding: 0px 5rem 1rem 5rem;\n          text-align: center;\n          color: white;\n          font-weight: normal;\n        }\n      }\n    }\n\n    .hidden {\n      display: none;\n    }\n  }\n  \/* Enhanced Banner Style with Mobile Responsive Images *\/\n  .megaplex-banner {\n    width: 100%;\n    max-width: 1800px;\n    margin: 0 auto 2rem auto;\n    position: relative;\n  }\n\n  .megaplex-banner img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* Desktop banner - visible by default *\/\n  .megaplex-banner .desktop-banner {\n    display: block;\n    padding-bottom:4rem;\n  }\n\n  \/* Mobile banner - hidden by default *\/\n  .megaplex-banner .mobile-banner {\n    display: none;\n  }\n\n  \/* Show mobile banner on mobile devices *\/\n  @media (max-width: 768px) {\n    .megaplex-banner .desktop-banner {\n      display: none;\n    }\n    \n    .megaplex-banner .mobile-banner {\n      display: block;\n    }\n  }\n\n  \/* Main Premium Container *\/\n  .premium-container {\n    width: 100%;\n    font-family: 'Salo Regular', sans-serif;\n    font-weight: normal; \n    line-height: 0;\n    background: #FCECA1;\n  }\n<\/style>\n\n\n<div class=\"premium-container\">\n  <!-- Enhanced Banner Section with Mobile\/Desktop Images -->\n  <div class=\"megaplex-banner\">\n    <!-- Desktop Banner -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/MegaEventsBowlingWebBanner.webp\" alt=\"Spark Premium Banner Desktop\" class=\"desktop-banner\" \/>\n    <!-- Mobile Banner - Replace with your mobile banner URL -->\n    <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/MegaEventsBowlingMobileBanner.webp\" alt=\"Spark Premium Banner Mobile\" class=\"mobile-banner\" \/>\n  <\/div>\n<section id=\"standard\">\n <br><br>\n\n    <div class=\"cards-container\">\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card1\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Birthday Party image1.png\">\n            <\/div>\n            <label for=\"card1\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Learn More Bowling Button.png\" alt=\"Learn More\" class=\"learn-more-btn\">\n            <\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>Birthday Bowling Party<\/h2>\n              <h3> Cue the candles. The cheers. The strikes.\n<br><br>\nOur birthday package brings the celebration: 1.5 hours of bowling, hot pizza, game cards, and your own party host\u2014so you can stay in the moment. Big fun. Zero hassle.\n<br><br>\nBecause this birthday? It doesn\u2019t just roll. It rules.\n<\/h3>\n              <p>Designed for 10+ guests<\/p>\n              <\/ul>\n              <label for=\"card1\" class=\"flip-btn\">\n                <i class=\"fas fa-times fa-lg\"><\/i>\n              <\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card2\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Bowling Bash image2.png\">\n            <\/div>\n            <label for=\"card2\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Learn More Bowling Button.png\" alt=\"Learn More\" class=\"learn-more-btn\">\n            <\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>Bowling Bash<\/h2>\n              <h3> The classic hangout\u2014leveled up. \n<br><br>\nTwo hours. Two lanes. One epic time. Fuel up with handcrafted pizza, unlimited soda, $10 game cards\u2014plus a $10 bonus! And with your own party host? Just show up\u2014we\u2019ve got the rest covered.\nPerfect for coworkers, cousins, or your core crew. Let the good times roll. Literally. <\/h3>\n          \n              <p>For groups of 10\u2013100<\/p>\n              <\/ul>\n              <label for=\"card2\" class=\"flip-btn\">\n                <i class=\"fas fa-times fa-lg\"><\/i><\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <input type=\"checkbox\" id=\"card3\" class=\"flip-checkbox\">\n        <div class=\"card-inner\">\n          <div class=\"card-front\">\n            <div class=\"card-image-container\">\n              <img decoding=\"async\" class=\"card-image-content\"\n                src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/VIP Bowling Lounge image1.png\">\n            <\/div>\n            <label for=\"card3\">\n              <img decoding=\"async\" src=\"https:\/\/media.megaplextheatres.com\/wp-content\/uploads\/Learn More Bowling Button.png\" alt=\"Learn More\" class=\"learn-more-btn\">\n            <\/label>\n          <\/div>\n          <div class=\"card-back\">\n            <div class=\"card-back-container\">\n              <h2>VIP Bowling Lounge<\/h2>\n              <h3> This is it\u2014the private-lounge, four-lane, handcrafted-pizza, salad and an exlusive pool-table.\n<br><br>\nTwo hours in the exclusive Backstage Lounge. Game cards. Unlimited soda. Dessert. Space to stretch out, show off, and let loose.<br><br>\nAll the extras. All in one place. In the VIP Backstage Lounge, the ball chooses the bowler. <\/h3>\n            \n              <p>For groups of 20\u201350<\/p>\n              <label for=\"card3\" class=\"flip-btn\"><i class=\"fas fa-times fa-lg\"><\/i><\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n<\/div>\n<div style=\"display: none\">#{{event_contact_form:MegaEventsBowling}}<\/div>\n\n    <\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><!-- \/wp:post-content --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"<p>Birthday Bowling Party Cue the candles. The cheers. The strikes. Our birthday package brings the celebration: 1.5 hours of bowling, hot pizza, game cards, and your own party host\u2014so you can stay in the moment. Big fun. Zero hassle. Because this birthday? It doesn\u2019t just roll. It rules. Designed for 10+ guests Bowling Bash The [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6166","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/comments?post=6166"}],"version-history":[{"count":58,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6166\/revisions"}],"predecessor-version":[{"id":6760,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/posts\/6166\/revisions\/6760"}],"wp:attachment":[{"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/media?parent=6166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/categories?post=6166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.megaplextheatres.com\/index.php\/wp-json\/wp\/v2\/tags?post=6166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}