<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CineVip</title>
    <meta name="description" content="entradas cinevip">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    
    <!-- Favicon-->
    <link rel="shortcut icon" href="https://cinevip.es/favicon.png">
    
    <!--  Swiper's CSS -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/swiper/swiper-bundle.min.css"
    />

    <link href="https://cinevip.es/css/app.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CHKF6VTJSS"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-CHKF6VTJSS');
    </script>
        <link rel="stylesheet" href="/css/tabs.css">

</head>
<body style="max-width: 1400px; margin: 0 auto;" class="bg-mainbackground">
Tarjeta Cinevip
    <h1 id="options-heading" class="sr-only">Cartelera </h1>

    <!-- TOP BAR -->
<header class="flex lg:flex lg:items-center lg:justify-between px-4 py-1 md:py-3 bg-mainmenubg">
  <div class="flex-1 min-w-0">
    <div class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6 text-black ">
      <div class="mt-2 items-center text-sm md:flex">
        <a href='/'><img class="h-6 w-auto md:h-10" src="/img/logo-med-cinevip.png" alt="CineVip" /></a>
      </div>
      <div class="mt-2 flex items-center text-sm pl-5">
        
      </div>
    </div>
  </div>
  <div class="flex-1 min-w-0 flex items-center justify-end">
    <div class="flex items-center text-sm justify-end">
      <div class="relative text-left flex justify-center">
        
          <a href="/App" class="mr-3 md:mr-6 text-mainmenu">
            App
          </a>
          <a href="/Contact" class="mr-3 md:mr-6 text-mainmenu">
            Contacto
          </a>
          <a href="https://www.facebook.com/pages/CineVip/845890182190888" class="mr-3 md:mr-6 text-mainmenu" target="_blank">
            <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f"
              class="w-2.5" role="img" xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 320 512">
              <path fill="currentColor"
                d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z">
              </path>
            </svg>
          </a>
          <a href="https://twitter.com/#!/cineviplepe" class="mr-3 md:mr-6 text-mainmenu" target="_blank">
            <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter"
              class="w-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path fill="currentColor"
                d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
              </path>
            </svg>
          </a>
        

      </div>
    </div>
  </div>
</header>
<!-- END TOP BAR -->

<div class="flex-1 min-w-0 flex items-center justify-center bg-sectionsbackground py-2 md:py-3">
  <div class="flex items-center text-sm md:text-xl ">
    <div class="relative text-left flex justify-center text-sectionbase">
      
        <a href="/" class="mr-3 md:mr-6 ">
          Cartelera
        </a>
        <a href="/Events" class="mr-3 md:mr-6 ">
          Eventos
        </a>
                  <a href="/login" class="mr-3 md:mr-6 ">
            Login
          </a>
                <a href="/ContactCur" class="mr-3 md:mr-6 ">
          Trabaja con Nosotros
        </a>
      

    </div>
  </div>
</div>


<!-- MENU BAR -->
<!--<div id="nav">
  <Navigationmenu :langfile='{ json_encode($langarray) }}' :usuario='{ json_encode($usuario) }}' />
</div>-->

    <div class="swiper mySwiper">
  <div class="swiper-wrapper">
      </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>

<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
  var swiper = new Swiper('.mySwiper', {
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: {
      delay: 3500,
      disableOnInteraction: false,
    },
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  });
</script>

    <div id="CarteleraCineVip">
    <div>
      <h1 class="text-center text-xl md:text-4xl font-bold p-1 md:p-4 font-mono tracking-wider bg-sectionsbackground text-sectionbase">
          Cartelera CineVip Lepe
      </h1>

      <!--<div class="pl-6 mb-0 pt-3 bg-scheduletabbg">
        <label for="default-toggle" class="inline-flex relative items-center cursor-pointer">
          <input type="checkbox" value="" id="default-toggle" class="sr-only peer checkbox" checked>
          <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] 
          after:absolute after:top-[2px] md:after:top-[4px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
          <span class="ml-3 text-sm md:text-lg text-gray-900 dark:text-gray-300 font-extrabold">Cambiar a Vista Normal</span>
        </label>
      </div>-->
      <div class="bg-scheduletabbg" style="font-size: 0.25rem">&nbsp;</div>
  
      <div class="">

        
        <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">GLADIATOR II</div>
        <div class="px-0 py-3 md:px-12 md:py-3 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/gladiator2.jpg" alt="GLADIATOR II"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3 flex flex-row">
                    <div class="md:hidden">
                                                    <img class="w-12" src="/icon/15c4fa5246184e.gif" />
                                            </div>
                    <div class="text-sm text-gray-700 font-normal md:font-extrabold pl-3">
                        <p>Género: Drama</p>
                        <p class="md:hidden">Duración: 157 min</p>
                        <p class="md:hidden">Estreno: 15/11/2024</p>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11115">+ Info</a>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11115">Trailer</a>
                    </div>
                    
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs flex text-sm border-b bordercolor header">
                                                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcolor bg-tabsbackground hover:bg-pink-50 activar" id="0" mostrar="#0">Lu 09/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="1" mostrar="#1">Mi 11/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="2" mostrar="#2">Ju 12/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="3" mostrar="#3">Vi 13/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="4" mostrar="#4">Sa 14/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="5" mostrar="#5">Do 15/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="6" mostrar="#6">Mi 18/12</a>
                                                                                                                                                                                    </div>
                
                <div class="views">
                                                            <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="0" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10480" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10475" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:50 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="1" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10433" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10432" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:45 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="2" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10492" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10490" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="3" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10505" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="4" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10519" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="5" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10531" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="6" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10551" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="7" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11115/GLADIATOR II/10561" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="hidden md:inline-block cursor-pointer w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11115">Ver Ficha Técnica</a>
                        <a class="cursor-pointer hidden md:inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11115">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="11115">
                        <iframe class="" src="https://www.youtube.com/embed/HCjuv9STNps" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT11115">
                        <div class="">
                            <p><b>Titulo Original:</b> GLADIATOR II</p>
                            <p><b>Duracion:</b> 157</p>
                            <p><b>Genero:</b> Drama</p>
                            <p><b>Calificacion:</b> No Recomendada para Menores de 16 años</p>
                            <p><b>Fecha Estreno:</b> 2024-11-15</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Paul Mescal, Fred Hechinger, Denzel Washington, Pedro Pascal, Connie Nielsen, Djimon Hounsou, Joseph Quinn, May Calamawy, Lior Raz,  Derek Jacobi</p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>

Gladiator II, del legendario director Ridley Scott, continúa la epopeya de poder, intriga y venganza ambientada en la Antigua Roma.

Años después de presenciar la muerte del admirado héroe Máximo a manos de su tío, Lucio (Paul Mescal) se ve forzado a entrar en el Coliseo tras ser testigo de la conquista de su hogar por parte de los tiránicos emperadores que dirigen Roma con puño de hierro. Con un corazón desbordante de furia y el futuro del imperio en juego, Lucio debe rememorar su pasado en busca de la fuerza y el honor que devuelvan al pueblo la gloria perdida de Roma.

                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>

        
        <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">WICKED</div>
        <div class="px-0 py-3 md:px-12 md:py-3 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/wicked-.jpg" alt="WICKED"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3 flex flex-row">
                    <div class="md:hidden">
                                                    <img class="w-12" src="/icon/15c4f9e7fdd2d2.gif" />
                                            </div>
                    <div class="text-sm text-gray-700 font-normal md:font-extrabold pl-3">
                        <p>Género: Musical</p>
                        <p class="md:hidden">Duración: 160 min</p>
                        <p class="md:hidden">Estreno: 22/11/2024</p>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="10985">+ Info</a>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md trailerbtn" mostrar="10985">Trailer</a>
                    </div>
                    
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs flex text-sm border-b bordercolor header">
                                                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcolor bg-tabsbackground hover:bg-pink-50 activar" id="0" mostrar="#0">Lu 09/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="1" mostrar="#1">Mi 11/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="2" mostrar="#2">Ju 12/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="3" mostrar="#3">Vi 13/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="4" mostrar="#4">Sa 14/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="5" mostrar="#5">Do 15/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="6" mostrar="#6">Mi 18/12</a>
                                                                                                                                                                                    </div>
                
                <div class="views">
                                                            <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="0" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/10985/WICKED/10485" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="1" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/10985/WICKED/10441" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                                                                          <div id="2" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                    <div class="text-sm md:text-lg py-1 text-center w-10/12 mx-auto">No hay sesiones programadas en esta fecha</div>
                        </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="3" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/10985/WICKED/10511" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="4" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/10985/WICKED/10524" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:20 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="5" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/10985/WICKED/10536" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:20 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                                                                          <div id="6" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                    <div class="text-sm md:text-lg py-1 text-center w-10/12 mx-auto">No hay sesiones programadas en esta fecha</div>
                        </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                                                                          <div id="7" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                    <div class="text-sm md:text-lg py-1 text-center w-10/12 mx-auto">No hay sesiones programadas en esta fecha</div>
                        </div>
                                                                                    
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="hidden md:inline-block cursor-pointer w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="10985">Ver Ficha Técnica</a>
                        <a class="cursor-pointer hidden md:inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="10985">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="10985">
                        <iframe class="" src="https://www.youtube.com/embed/JDSRDbFqc_E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT10985">
                        <div class="">
                            <p><b>Titulo Original:</b> WICKED</p>
                            <p><b>Duracion:</b> 160</p>
                            <p><b>Genero:</b> Musical</p>
                            <p><b>Calificacion:</b> Todos los Públicos</p>
                            <p><b>Fecha Estreno:</b> 2024-11-22</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Cynthia Erivo, Ariana Grande, Jonathan Bailey, Michelle Yeoh, Jeff Goldblum, Keala Settle, Bowen Yang, Bronwyn James, Colin Michael Carmichael</p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>

&#039;Wicked&#039;, la historia jamás contada de las brujas de Oz, está protagonizada por Cynthia Erivo en el papel de Elphaba, una joven incomprendida por su inusual color verde de piel que aún no ha descubierto su verdadero poder, y por Ariana Grande en el de Glinda, una popular joven marcada por sus privilegios y su ambición que aún no ha descubierto su verdadera pasión.

Las dos se conocen como estudiantes de la Universidad Shiz, en la fantástica tierra de Oz, y forjan una insólita pero profunda amistad. Tras un encuentro con el Maravilloso Mago de Oz, su amistad llega a una encrucijada y sus vidas toman sendas muy distintas. Con su inquebrantable deseo de popularidad, Glinda se deja seducir por el poder, mientras que la determinación de Elphaba de permanecer fiel a sí misma y a los de su alrededor tendrá inesperadas e impactantes consecuencias en su futuro.

Las extraordinarias aventuras de ambas en Oz acabarán llevándolas a cumplir sus respectivos destinos como Glinda, la Bruja Buena, y la Malvada Bruja del Oeste...

                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>

        
        <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">PIDEME LO QUE QUIERAS</div>
        <div class="px-0 py-3 md:px-12 md:py-3 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/pidemeloquequieras.jpg" alt="PIDEME LO QUE QUIERAS"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3 flex flex-row">
                    <div class="md:hidden">
                                                    <img class="w-12" src="/icon/15c4fa5246184e.gif" />
                                            </div>
                    <div class="text-sm text-gray-700 font-normal md:font-extrabold pl-3">
                        <p>Género: Comedia Romantica</p>
                        <p class="md:hidden">Duración: 114 min</p>
                        <p class="md:hidden">Estreno: 29/11/2024</p>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11187">+ Info</a>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11187">Trailer</a>
                    </div>
                    
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs flex text-sm border-b bordercolor header">
                                                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcolor bg-tabsbackground hover:bg-pink-50 activar" id="0" mostrar="#0">Lu 09/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="1" mostrar="#1">Mi 11/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="2" mostrar="#2">Ju 12/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="3" mostrar="#3">Vi 13/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="4" mostrar="#4">Sa 14/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="5" mostrar="#5">Do 15/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="6" mostrar="#6">Mi 18/12</a>
                                                                                                                                                                                    </div>
                
                <div class="views">
                                                            <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="0" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10473" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10474" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10481" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:30 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="1" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10430" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10431" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:20 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10437" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:15 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="2" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10488" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10489" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:20 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10500" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:30 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="3" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10506" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10507" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:25 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="4" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10525" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10520" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:45 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="5" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10537" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10532" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:45 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="6" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10554" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10555" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:35 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="7" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10564" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11187/PIDEME LO QUE QUIERAS/10565" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:35 </a>
                                                                                                                                </div>
                            </div>
                                                                                    
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="hidden md:inline-block cursor-pointer w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11187">Ver Ficha Técnica</a>
                        <a class="cursor-pointer hidden md:inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11187">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="11187">
                        <iframe class="" src="https://www.youtube.com/embed/vG89ig5P4g0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT11187">
                        <div class="">
                            <p><b>Titulo Original:</b> PIDEME LO QUE QUIERAS</p>
                            <p><b>Duracion:</b> 114</p>
                            <p><b>Genero:</b> Comedia Romantica</p>
                            <p><b>Calificacion:</b> No Recomendada para Menores de 16 años</p>
                            <p><b>Fecha Estreno:</b> 2024-11-29</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Gabriela Andrada, Mario Ermito, Joel Bosqued, Celia Freijeiro, Lucas Fuica, Iñigo Galiano, Fernando Oyagüez, Alba Ribas, David Solans, Paco Tous</p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>Tras la muerte de su padre, el prestigioso empresario alemán Eric Zimmerman decide viajar a España para supervisar las delegaciones de la empresa Müller. En la oficina central de Madrid conoce a Judith, una joven ingeniosa y simpática de la que se encapricha de inmediato.

Judith sucumbe a la atracción que el alemán ejerce sobre ella y acepta formar parte de sus juegos sexuales, repletos de fantasías y erotismo. Junto a él aprenderá que todos llevamos dentro un voyeur, y que las personas se dividen en sumisas y dominantes... Pero el tiempo pasa, la relación se intensifica y Eric empieza a temer que se descubra su secreto, algo que podría marcar el principio o el fin de la relación. 
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>

        
        <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">VAIANA 2</div>
        <div class="px-0 py-3 md:px-12 md:py-3 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/vaiana2.jpg" alt="VAIANA 2"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3 flex flex-row">
                    <div class="md:hidden">
                                                    <img class="w-12" src="/icon/15c4fa11a406f0.gif" />
                                            </div>
                    <div class="text-sm text-gray-700 font-normal md:font-extrabold pl-3">
                        <p>Género: Animacion</p>
                        <p class="md:hidden">Duración: 110 min</p>
                        <p class="md:hidden">Estreno: 29/11/2024</p>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11111">+ Info</a>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11111">Trailer</a>
                    </div>
                    
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs flex text-sm border-b bordercolor header">
                                                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcolor bg-tabsbackground hover:bg-pink-50 activar" id="0" mostrar="#0">Lu 09/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="1" mostrar="#1">Mi 11/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="2" mostrar="#2">Ju 12/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="3" mostrar="#3">Vi 13/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="4" mostrar="#4">Sa 14/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="5" mostrar="#5">Do 15/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="6" mostrar="#6">Mi 18/12</a>
                                                                                                                                                                                    </div>
                
                <div class="views">
                                                            <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="0" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10482" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10483" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:20 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10484" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="1" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10438" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10439" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10440" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="2" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10494" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10495" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10496" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="3" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10508" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10509" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10510" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:30 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="4" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10521" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10522" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10523" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:50 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="5" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10533" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10534" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:30 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10535" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:50 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="6" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10545" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10546" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:10 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="7" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10559" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11111/VAIANA 2/10560" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:10 </a>
                                                                                                                                </div>
                            </div>
                                                                                    
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="hidden md:inline-block cursor-pointer w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11111">Ver Ficha Técnica</a>
                        <a class="cursor-pointer hidden md:inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11111">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="11111">
                        <iframe class="" src="https://www.youtube.com/embed/l3Bigz41qiM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT11111">
                        <div class="">
                            <p><b>Titulo Original:</b> MOANA 2</p>
                            <p><b>Duracion:</b> 110</p>
                            <p><b>Genero:</b> Animacion</p>
                            <p><b>Calificacion:</b> Todos los Públicos, Esp Recomendada Infancia</p>
                            <p><b>Fecha Estreno:</b> 2024-11-29</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Animación</p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>Tras recibir una inesperada llamada de sus antepasados, Vaiana debe viajar a los lejanos mares de Oceanía y adentrarse en peligrosas aguas perdidas para vivir una aventura sin precedentes. Secuela de &quot;Vaiana&quot;. 
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>

        
        <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">AL OTRO BARRIO</div>
        <div class="px-0 py-3 md:px-12 md:py-3 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/alotrobarrio.jpg" alt="AL OTRO BARRIO"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3 flex flex-row">
                    <div class="md:hidden">
                                                    <img class="w-12" src="/icon/15c4fa4437dae5.gif" />
                                            </div>
                    <div class="text-sm text-gray-700 font-normal md:font-extrabold pl-3">
                        <p>Género: Comedia</p>
                        <p class="md:hidden">Duración: 120 min</p>
                        <p class="md:hidden">Estreno: 05/12/2024</p>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11227">+ Info</a>
                        <a class="md:hidden cursor-pointer inline-block mt-6 w-20 text-sm font-extrabold border border-black bg-timebuttonsbg text-timebuttonstext ml-2 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11227">Trailer</a>
                    </div>
                    
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs flex text-sm border-b bordercolor header">
                                                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcolor bg-tabsbackground hover:bg-pink-50 activar" id="0" mostrar="#0">Lu 09/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="1" mostrar="#1">Mi 11/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="2" mostrar="#2">Ju 12/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="3" mostrar="#3">Vi 13/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="4" mostrar="#4">Sa 14/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="5" mostrar="#5">Do 15/12</a>
                                                                                                                                                     
                                <a class="text-xs md:text-md px-1 md:px-3 py-1 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer text-tabstextcoloralternative bg-tabsbackground hover:bg-pink-50" id="6" mostrar="#6">Mi 18/12</a>
                                                                                                                                                                                    </div>
                
                <div class="views">
                                                            <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="0" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10479" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:10 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10486" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10487" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="1" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10434" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10435" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10436" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:35 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="2" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10491" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10498" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10499" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:25 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="3" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10512" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:10 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10513" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:30 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="4" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10518" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10526" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="5" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10530" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:15 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10538" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:00 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="6" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10553" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10552" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    <!--for($j=0; $j<7; $j++)-->
                                        
                      
                                                    <div id="7" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                        <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                        <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10563" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                             
                                    <a href="/Session/47/CineVip Lepe/11227/AL OTRO BARRIO/10562" class="bg-timebuttonsbg text-timebuttonstext text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:40 </a>
                                                                                                                                </div>
                            </div>
                                                                                    
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="hidden md:inline-block cursor-pointer w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="11227">Ver Ficha Técnica</a>
                        <a class="cursor-pointer hidden md:inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="11227">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="11227">
                        <iframe class="" src="https://www.youtube.com/embed/YrpHMCUdVdI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT11227">
                        <div class="">
                            <p><b>Titulo Original:</b> AL OTRO BARRIO</p>
                            <p><b>Duracion:</b> 120</p>
                            <p><b>Genero:</b> Comedia</p>
                            <p><b>Calificacion:</b> No Recomendada para Menores de 12 años</p>
                            <p><b>Fecha Estreno:</b> 2024-12-05</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Quim Gutiérrez, Sara Sálamo, María de Nati, Javier Herrera, Hamza Zaidi, Jorge Suquet, Yael Belicha, Carmen Ruiz, Francesc Orella </p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>Intentar engañar a Hacienda ha sido una opción demasiado tentadora para Andrés (Quim Gutiérrez), pero no contaba con que le acabaran pillando. Y eso es exactamente lo que le ha sucedido. Además de la multa millonaria que le ha caído encima, ahora debe trasladar sus oficinas al barrio de Los Caños, en el extrarradio más marginal de la capital, o eso le parece a él. Pero es que Andrés estaba aprovechándose de una jugosa subvención por tener allí su sede, sin que hubiese puesto jamás los pies en el barrio. A regañadientes, él y sus empleados se trasladan a Los Caños y aquello no es tan malo como esperaban... Es peor. 
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>

        
      </div>


                  <h1 class="text-center text-xl md:text-4xl font-bold p-1 md:p-4 font-mono tracking-wider bg-sectionsbackground text-sectionbase">
        En Venta Anticipada CineVip Lepe
      </h1>

      <div class="">
        
                <div class="px-3 md:px-20 md:py-3 font-extrabold text-titlebase bg-titleshedulebg">KRAVEN THE HUNTER</div>
        <div class="p-0 md:p-12 relative grid md:gap-4 md:grid-cols-4 grid-cols-1 gap-0 bg-scheduletabbg">
            <div class="flex md:block mb-6 md:mb-0">
                <div class="overflow-hidden block relative">
                                            <div class="text-xs md:text-base bg-teal-800 text-white absolute top-2 inline-block px-3" >
                            <!--{date('d/m/y', strtotime($session->film->FechaEstreno))}}-->
                            13/12/2024
                        </div>
                                        <img class="top-0 pl-2 max-h-32 md:max-h-fit" src="https://totalsoft.es/Ficheros/show/poster/kraven.jpg" alt="KRAVEN THE HUNTER"/>
                    <div class="group absolute top-0 pl-2 flex w-full h-full bg-white align-middle duration-1000 bg-opacity-0 ">
                    <!--<div class="text-white bg-gray-800 hidden group-hover:block h-fit m-auto justify-center w-fit rounded-lg">
                        <a class="flex leading-10 align-middle px-5 font-bold text-sm font-mono tracking-wider">
                            <img class="h-5 w-5 my-auto" src="/img/search.svg" alt="busqueda" />
                            <span class="ml-5 cursor-pointer">COMPRA!</span>
                        </a>
                    </div>-->
                    </div>
                </div>

                <div class="px-3">
                    <p class="text-sm text-gray-700">Acción</p>
                    <h2 class="font-bold leading-4">KRAVEN THE HUNTER</h2>
                </div>
            </div>
            
            <div class= "md:col-span-3">
                <div class="tabs2 flex text-sm border-b bordercolor header2">
                                                                                            <a class="text-xs md:text-md px-1 md:px-3 py-2 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer hover:bg-pink-50 activar" id="1000" mostrar="#1000">Vi 13/12</a>
                                                
                                                                     
                            <a class="text-xs md:text-md px-1 md:px-3 py-2 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer hover:bg-pink-50" id="1001" mostrar="#1001">Sa 14/12</a>
                                                
                                                                     
                            <a class="text-xs md:text-md px-1 md:px-3 py-2 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer hover:bg-pink-50" id="1002" mostrar="#1002">Do 15/12</a>
                                                
                                                                     
                            <a class="text-xs md:text-md px-1 md:px-3 py-2 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer hover:bg-pink-50" id="1003" mostrar="#1003">Mi 18/12</a>
                                                
                                                                     
                            <a class="text-xs md:text-md px-1 md:px-3 py-2 mx-0.5 -mb-px border bordercolor rounded-t-lg cursor-pointer hover:bg-pink-50" id="1004" mostrar="#1004">Ju 19/12</a>
                                                
                                                            </div>
                
                <div class="views2">
                                                                
                        
                                                            <div id="1000" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white activar">
                                                                                                                                                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10501" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:00 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10502" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 19:35 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10503" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 22:10 </a>
                                                                                                                                                </div>
                            </div>

                        
                                                                    
                        
                                                            <div id="1001" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10514" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:00 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10515" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:45 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10516" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:30 </a>
                                                                                                                                                </div>
                            </div>

                        
                                                                    
                        
                                                            <div id="1002" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10527" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 16:00 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10528" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 18:45 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10529" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:30 </a>
                                                                                                                                                </div>
                            </div>

                        
                                                                    
                        
                                                            <div id="1003" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10556" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:20 </a>
                                                                                                                                                                                                                                </div>
                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10557" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:20 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10558" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:00 </a>
                                                                                                                                                </div>
                            </div>

                        
                                                                    
                        
                                                            <div id="1004" class="hidden p-3 border-b-2 bordercolor  text-lg font-mono bg-white">
                                                                                                                                                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10566" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 21:20 </a>
                                                                                                                                                                                                                                </div>
                                                                                <div class="text-sm md:text-lg py-1"> <span class="md:w-36 font-extrabold inline-block">Digital</span> 
                                            <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10567" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 17:20 </a>
                                                                                                                                             
                                        <a href="/Session/47/CineVip Lepe/10733/KRAVEN THE HUNTER/10568" class="text-sm md:text-lg border rounded border-black cursor-pointer inline-block text-center px-2 py-0"> 20:00 </a>
                                                                                                                                                </div>
                            </div>

                        
                                                                
                    <div class="mt-12 mb-12 md:mb-0">
                        <a class="cursor-pointer inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-2 py-1 px-2 text-center rounded-md fichatecnicabtn" mostrar="10733">Ver Ficha Técnica</a>
                        <a class="cursor-pointer inline-block w-36 text-sm font-extrabold border border-black bg-slate-200 ml-8 py-1 px-2 text-center rounded-md trailerbtn" mostrar="10733">Ver Trailer</a>
                        
                    </div>
                    <div class="mt-12 mb-6 aspect-w-16 aspect-h-9 text-center object-center fichatecnica ocultar" id="10733">
                        <iframe class="" src="https://www.youtube.com/embed/JoWdhvrkKjo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <div class="ml-3 md:ml-0 mb-6 md:mb-0 mt-12 ocultar fichatecnica grid grid-cols-1 gap-0 md:grid-cols-2 md:gap-2" id="FT10733">
                        <div class="">
                            <p><b>Titulo Original:</b> KRAVEN</p>
                            <p><b>Duracion:</b> 138</p>
                            <p><b>Genero:</b> Acción</p>
                            <p><b>Calificacion:</b> No Recomendada para Menores de 12 años</p>
                            <p><b>Fecha Estreno:</b> 2024-12-13</p>
                            <p><b>Director:</b> </p>
                            <p><b>Interpretes:</b> Aaron Taylor-Johnson, Ariana DeBose, Fred Hechinger, Alessandro Nivola, Christopher Abbott, Levi Miller, Russell Crowe </p>
                        </div>
                        <div class="">
                            <b>Sinposis: </b>El inmigrante ruso Sergei Kravinoff está en una misión para demostrar que es el mejor cazador del mundo. 
                        </div>
                        
                    </div>

                </div>
            </div>
        </div>

        
      </div>
      




    </div>
</div>


    
    
    <section class="px-3 md:py-6 py-0 bg-contentbg">
    <div class="pb-6 w-full ">
        <div class="row">
            <div class="mx-auto text-center mb-0 md:mb-6">
                <h2 class="text-xl pb-1 md:pb-3 font-bold"> Ubicación Cine </h2>
                <p class="lead text-muted"></p>
            </div>
            <!-- Products Slider-->
            <div class="w-100">

                <iframe class="h-48 md:h-96" style="border-radius: 20px 20px 20px 20px; width: 100%;" frameborder='0' scrolling='No' 
                marginheight='0'  marginwidth='0' src='https://maps.google.com/maps?daddr=37.251395662578126, -7.197627752249198&amp;sz=16&amp;output=embed'>
                </iframe>

            </div>
        </div>
    </div>
</section>    
    <footer class="text-center lg:text-left bg-gray-100 text-gray-600">

  <div class="mx-6 py-10 text-center md:text-left">
    <div class="grid grid-cols-2 lg:grid-cols-4 gap-8">
      <div class="hidden md:block">
        <h6 class="
            uppercase
            font-semibold
            mb-4
            flex
            items-center
            justify-center
            md:justify-start
          ">
          CineVip Lepe
        </h6>
        <!--<img class="m-auto mb:m-0" src="/img/logo-icaa.jpg">
        <p class="text-sm md:text-md">
          Con la financiación del GOBIERNO DE ESPAÑA Instituto de la Cinematografía y de las Artes Visuales
        </p>-->
      </div>
    
      <div class="">
        <h6 class="uppercase font-semibold mb-2 flex justify-center md:justify-start">
          Enlaces Legales
        </h6>
        
        <p class="mb-1 md:mb-2 text-sm md:text-md">
          <a href="https://cinevip.es/Cookies" class="text-gray-600">Política de Cookies</a>
        </p>
        <p class="mb-1 md:mb-2 text-sm md:text-md">
          <a href="https://cinevip.es/Legal#privacidad" class="text-gray-600">Política de Privacidad</a>
        </p>
        <p class="mb-1 md:mb-2 text-sm md:text-md">
          <a href="https://cinevip.es/CondCompra/47" class="text-gray-600">Condiciones de Compra</a>
        </p>
        <p class="text-sm md:text-md">
          <a href="https://cinevip.es/Legal" class="text-gray-600">Aviso Legal</a>
        </p>
      </div>

      <div class="">
        <h6 class="uppercase font-semibold mb-2 flex justify-center md:justify-start">
          Enlaces Utiles        </h6>
        <p class="mb-1 md:mb-2 text-sm md:text-md">
          <a href="https://cinevip.es/Comprueba" class="text-gray-600">Comprueba Compra</a>
        </p>
        
      </div>
      <div class="">
        <h6 class="uppercase font-semibold mb-2 flex justify-center md:justify-start">
          Contacto        </h6>
        <p class="mb-1 md:mb-2 text-sm md:text-md">
          <a href="https://cinevip.es/Contact" class="text-gray-600">Contacto Empresa </a>
        </p>
        <p class="text-sm md:text-md">
          <a href="https://cinevip.es/ContactCur" class="text-gray-600">Trabaja con Nosotros</a>
        </p>
      </div>
    </div>
  </div>
  <div class="text-center px-6 pt-6 bg-sectionsbackground flow-root text-white">
    <div class="flex float-left text-sm md:text-md">
      © 2021 CineVip. All rights reserved.
    </div>
    <div class="flex float-right ml-8">
      <ul class="list-inline mb-0 mt-2 mt-md-0 text-right flex">
        <li class="list-inline-item text-sm md:text-md">Operativa Bancaria realizada en España</li>
        <li class="list-inline-item mx-5"><img src="/img/visa.svg" alt="..." class="w-8"></li>
        <li class="list-inline-item"><img src="/img/mastercard.svg" alt="..." class="w-8"></li>
      </ul>
    </div>
    
  </div>


  <div class=" px-6 pb-10 flow-root text-white bg-sectionsbackground">
    <p class="text-xs md:text-sm text-white">
      Con la financiación y soporte de 
    </p>
    <br>

    <div style="max-width: 900px; margin: 0 auto;" class="grid grid-2 md:grid-cols-3 lg:grid-cols-3 gap-6 text-center self-center content-center">
      <div class="text-center self-center content-center mx-auto"><img src="/partners/logo-md.png" class="h-16"></div>
      <div class="text-center self-center content-center mx-auto bg-white px-1"><img src="/partners/logo_andalucia_se_mueve_con_europa.png" class="h-16"></div>
    </div>
    <br><br>


    <div style="max-width: 1500px; margin: 0 auto;" class="text-center self-center content-center text-white px-8">
      Ocioluz SLU ha recibido una ayuda de la Unión Europea con cargo al Programa Operativo FEDER de Andalucía 2014-2020, financiada como parte de la respuesta de la Unión a la pandemia de COVID-19 (REACT-UE), para compensar el sobrecoste energético de gas natural y/o electricidad a pymes y autónomos especialmente afectados por el incremento de los precios del gas natural y la electricidad provocados por el impacto de la guerra de agresión de Rusia contra Ucrania.
    </div> 
    
  </div>


      <div class="text-gray-700 fixed left-0 bottom-0 right-0 px-4 pt-2 pb-4 md:py-2 bg-blue-100 z-10 border-t border-blue-700 text-center flex flex-col-reverse md:flex-row items-center justify-center" id="cookie-consent">
    Este sitio usa cookies. Para más información &nbsp;<a href="https://cinevip.es/Cookies"><b>Pulse aqui</b></a>
    <div class="cursor-pointer px-6 pt-2 pb-4 md:px-0 md:pt-0 md:pb-0" data-behavior="accept-cookie-consent">
      <button class="text-gray-700 md:mb-0 ml-0 md:ml-4 px-3 py-1 rounded-lg bg-blue-200">Okay</button>
    </div>
  </div>
  

  
</footer>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('[data-behavior="accept-cookie-consent"]').forEach(element => {
      element.addEventListener('click', () => {
        const expirationDate = new Date();
        expirationDate.setFullYear(expirationDate.getFullYear() + 1);
        document.cookie = 'cookie_consent_accepted=true; path=/; expires=' + expirationDate.toUTCString();
        document.getElementById('cookie-consent').classList.add('hidden');
      });
    });
  });
</script>

    <!-- Footer-->
        
    <!-- /Footer end-->
    

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
    <script src="/js/app.js"></script>

    </body>

<!-- <script src="{ asset('js/app.js') }}"></script> -->
<script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'rvmv9eOKUEho8eXy2tjTifc0Bul8G0eSXPHZmyuJ';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
</html><script>
$(document).ready(function(){
    
    $(".tabs>a").on("click",function(){
        
         var id = $(this).attr("mostrar");
         //alert(id);
         $(this).addClass("activar").siblings().removeClass("activar");
         $(".header>a").removeClass("activar").siblings(id).addClass("activar");//hace que todos cambien a la vez
         $(".views>div").removeClass("activar").siblings(id).addClass("activar");
         
    });

    $(".tabs2>a").on("click",function(){
        
        var id = $(this).attr("mostrar");
        //alert(id);
        $(this).addClass("activar").siblings().removeClass("activar");
        $(".header2>a").removeClass("activar").siblings(id).addClass("activar");//hace que todos cambien a la vez
        $(".views2>div").removeClass("activar").siblings(id).addClass("activar");
        
   });
    

   $(".trailerbtn").on("click",function(){
        var id = $(this).attr("mostrar");

        if ($('#'+id).hasClass("ocultar"))
            $('#'+id).removeClass("ocultar").addClass("mostrar");
        else
            $('#'+id).removeClass("mostrar").addClass("ocultar");
   });

   $(".fichatecnicabtn").on("click",function(){
        var id = $(this).attr("mostrar");

        if ($('#FT'+id).hasClass("ocultar"))
            $('#FT'+id).removeClass("ocultar");
        else
            $('#FT'+id).addClass("ocultar");
   });

    $('.checkbox').click(function() {
        //alert("A");
        if ($(this).is(':checked')) {
            // Do stuff
        }else{
            window.location.href = '.';
        }
    });


 });
</script>