CINXE.COM

ABAO-OLBE

<!-- DEBUG-VIEW START 6 APPPATH/Views/head.php --> <!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>ABAO-OLBE</title> <meta name="description" content=""> <meta property="og:title" content=""> <meta property="og:description" content=""> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '671559230717131'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=671559230717131&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-NZQD4KF"></script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZQD4KF'); </script> <link rel="shortcut icon" type='image/x-icon' href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <!-- Font Awesome --> <!--<link property="" type="text/css" rel="stylesheet" media="print" onload="this.media='all'; this.onload=null;" href="/includes/fa/css/all.css">--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" /> <link type="text/css" rel="stylesheet" href="/includes/css/abao_menu.css"> <link type="text/css" rel="stylesheet" href="/includes/css/thor.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!--Scripts Prueba--> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script> <script src="/includes/js/_1_diagonal-movement.js"></script> <script src="/includes/js/_1_tabs.js"></script> <script src="/includes/js/_2_dropdown.js"></script> <script src="/includes/js/_3_mega-site-navigation.js"></script> <script src="/includes/js/tabmasonry.js"></script> <!--<script src="/lte/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>--> <link media="print" onload="this.media='all'; this.onload=null;" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.full.min.js"></script> <link media="print" onload="this.media='all'; this.onload=null;" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.1.1/dist/select2-bootstrap-5-theme.css" /> <!-- Font Awesome --> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/all.min.js" integrity="sha512-yFjZbTYRCJodnuyGlsKamNE/LlEaEAxSUDe5+u61mV8zzqJVFOH7TnULE2/PP/l5vKWpUNnF4VGVkXh3MjgLsg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> <!-- JavaScript Bundle with Popper --> <script async src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> <link rel="stylesheet" href="/lte/plugins/toastr/toastr.min.css"> <script src="/lte/plugins/toastr/toastr.min.js"></script> <link type="text/css" rel="stylesheet" href="/includes/css/abao.css" rel="stylesheet"><link type="text/css" rel="stylesheet" href="/includes/css/thor.css" rel="stylesheet"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZQD4KF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="dana" style="position: relative;"> <!-- DEBUG-VIEW ENDED 6 APPPATH/Views/head.php --> <!-- DEBUG-VIEW START 7 ROOTPATH/Modules/ThorMenus/Views/abao_menu.php --> <style> .over{overflow-y:scroll} .menu_container .icon_svg { stroke: #000; /* Color negro */ } /* Estilo para el icono cuando el body tiene la clase "dark" (blanco) */ body.dark .menu_container .icon_svg { stroke: #fff; /* Color blanco */ } </style> <div id="menu_container" style=""> <div class="menu_div" id="menu_abao"> <header class="mega-nav mega-nav--desktop@md position-relative js-mega-nav mega-nav--desktop"> <div class="mega-nav__container"> <!-- 👇 logo --> <a href="/es" class="mega-nav__logo"> <img src="/assets/images/abao_logo.png"></img> </a> <a onclick="openMobileNav();" id="burger--menu"> <div class="burger--menu"> <svg width="50px" height="50px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:relative;top:-24px;"> <g id="03.-ICONOS-/-MINIS-/-Burguer-menu" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="26.2" y1="6.8" x2="3.8" y2="6.8" id="Line-5" stroke="#000000"></line> <line x1="26.2" y1="11.6" x2="8.6" y2="11.6" id="Line-5-Copy" stroke="#000000"></line> <line x1="26.2" y1="16.4" x2="15" y2="16.4" id="Line-5-Copy-2" stroke="#000000"></line> <line x1="26.2" y1="21.2" x2="11.8" y2="21.2" id="Line-5-Copy-3" stroke="#000000"></line> </g> </svg> </div> </a> <a onclick="closeMobile();" id="close--mobile" hidden> <div class="close--mobile"> <svg width="50px" height="50px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg> </div> </a> <style> .mega-nav--mobile .mega-nav__nav, .mega-nav--mobile .mega-nav__search{position:relative !important;} </style> <!-- 👇 APARTADO DE LOS ICONOS PARA EL MOVIL --> <div id="nav--mobile" class="mega-nav__nav js-mega-nav__nav mega-nav__nav--is-visible" id="mega-nav-navigation" role="navigation" aria-label="Main" hidden style="top:50px;height:auto;"> <div class="mega-nav__nav-inner"> <ul class="mega-nav__items"> <li class="mega-nav__item js-mega-nav__item"> <div class="search_input"> <svg class="icon_svg" width="35px" height="35px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="searchIcon" style="display:none"> <g id="03.-ICONOS-/-MINIS-/-Search" stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#000000" cx="13" cy="13" r="8.5"></circle> <line x1="20.5" y1="21.5" x2="26" y2="27" id="Line" stroke="#000000" stroke-linecap="square"></line> </g> </svg> <input class="form-control" type="text" id="searchInput" style="width:90%" placeholder="Buscar" aria-label="Search"> </div> </li> <li id="nuevo-elemento" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <svg class="icon_svg" width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Tiket" stroke="none" stroke-width="1.2" fill="none" fill-rule="evenodd"> <path d="M26,7.5 C26.4142136,7.5 26.7892136,7.66789322 27.0606602,7.93933983 C27.3321068,8.21078644 27.5,8.58578644 27.5,9.00005726 L27.5,9.00005726 L27.5002011,10.756133 C26.6774937,11.0468908 25.9644669,11.5699472 25.4402985,12.2467763 C24.8509208,13.0078065 24.5,13.9629058 24.5,15 C24.5,16.0370942 24.8509208,16.9921935 25.4402985,17.7532237 C25.9644669,18.4300528 26.6774937,18.9531092 27.5002011,19.243867 L27.5002011,19.243867 L27.5,21 C27.5,21.4142136 27.3321068,21.7892136 27.0606602,22.0606602 C26.7892136,22.3321068 26.4142136,22.5 26,22.5 L26,22.5 L4,22.5 C3.58578644,22.5 3.21078644,22.3321068 2.93933983,22.0606602 C2.66789322,21.7892136 2.5,21.4142136 2.5,20.99998 L2.5,20.99998 L2.49992971,19.2438207 C3.32261146,18.9530433 4.03561217,18.4299793 4.55975812,17.7531506 C5.14910169,16.9921323 5.5,16.037061 5.5,15 C5.5,13.962939 5.14910169,13.0078677 4.55975812,12.2468494 C4.03561217,11.5700207 3.32261146,11.0469567 2.49992971,10.7561793 L2.49992971,10.7561793 L2.5,9 C2.5,8.58578644 2.66789322,8.21078644 2.93933983,7.93933983 C3.21078644,7.66789322 3.58578644,7.5 4,7.5 L4,7.5 Z" id="Combined-Shape" stroke="currentColor"></path> <line x1="19.5" y1="8.5" x2="19.5" y2="21.5" id="Line-6" stroke-linecap="square" stroke-dasharray="2" stroke="currentColor"></line> </g> </svg> <b>Entradas <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <ul class="mega-nav__sub-items"> <!--&&!empty(trim($play->buy_url))--> <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422167&lang=es" class="mega-nav__sub-link"> La Favorite </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li> <!--&&!empty(trim($play->buy_url))--> <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422168&lang=es" class="mega-nav__sub-link"> Otello </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li> <!--&&!empty(trim($play->buy_url))--> <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486471&lang=es" class="mega-nav__sub-link"> El traje nuevo del emperador </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li> <!--&&!empty(trim($play->buy_url))--> <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486472&lang=es" class="mega-nav__sub-link"> ¡Soy Salvaje! </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li> <!--&&!empty(trim($play->buy_url))--> <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10229236417090&lang=es" class="mega-nav__sub-link"> Recital Amartuvshin Enkhbat </a> </li> </ul> </div> </div> </li> <li class="mega-nav__item js-mega-nav__item"> <a class="reset mega-nav__control js-mega-nav__control js-tab-focus" href="https://abao.shop.secutix.com/list/events"> <svg class="icon_svg" width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Shop" stroke="currentColor" stroke-width="1.2" fill="none" fill-rule="evenodd"> <path d="M1.64770919,4.02693001 L6.62149208,4.02693001 C7.10395917,4.02693001 7.51763382,4.37141153 7.60497108,4.84590779 L10.2151744,19.02693 L10.2151744,19.02693 L24.7726224,19.02693 L27.0028954,9.79009675 C27.1325218,9.25323975 26.8023962,8.71294819 26.2655392,8.58332176 C26.1886822,8.5647643 26.1098955,8.55538735 26.0308298,8.55538735 L13.8928455,8.55538735 L13.8928455,8.55538735" id="Path-8" stroke="currentColor"></path> <circle id="Oval" stroke="currentColor" cx="12.0540099" cy="24.1880945" r="1.83883554"></circle> <circle id="Oval-Copy" stroke="currentColor" cx="23.0870232" cy="24.1880945" r="1.83883554"></circle> </g> </svg> <b>Tienda </b> </a> </li> <li class="mega-nav__item js-mega-nav__item"> <a class="reset mega-nav__control js-mega-nav__control js-tab-focus" href="https://www.abao.org/es/socios"> <svg class="icon_svg" width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Avatar" stroke="currentColor" stroke-width="1.2" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="currentColor" cx="15" cy="12" r="7.5"></circle> <path d="M4,27 L4,26.5 C4,24.5670034 5.56700338,23 7.5,23 L22.5,23 C24.4329966,23 26,24.5670034 26,26.5 L26,27 L26,27" id="Rectangle" stroke="currentColor"></path> </g> </svg> <b>Mi Área </b> </a> </li> <li class="mega-nav__item js-mega-nav__item"> <a class="reset mega-nav__control js-mega-nav__control js-tab-focus" href="https://forms.gle/Unp6XvzuibXhM4Wr9" target="_blank" > <svg class="icon_svg" width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Tiket" stroke="none" stroke-width="1.2" fill="none" fill-rule="evenodd"> <path d="M26,7.5 C26.4142136,7.5 26.7892136,7.66789322 27.0606602,7.93933983 C27.3321068,8.21078644 27.5,8.58578644 27.5,9.00005726 L27.5,9.00005726 L27.5002011,10.756133 C26.6774937,11.0468908 25.9644669,11.5699472 25.4402985,12.2467763 C24.8509208,13.0078065 24.5,13.9629058 24.5,15 C24.5,16.0370942 24.8509208,16.9921935 25.4402985,17.7532237 C25.9644669,18.4300528 26.6774937,18.9531092 27.5002011,19.243867 L27.5002011,19.243867 L27.5,21 C27.5,21.4142136 27.3321068,21.7892136 27.0606602,22.0606602 C26.7892136,22.3321068 26.4142136,22.5 26,22.5 L26,22.5 L4,22.5 C3.58578644,22.5 3.21078644,22.3321068 2.93933983,22.0606602 C2.66789322,21.7892136 2.5,21.4142136 2.5,20.99998 L2.5,20.99998 L2.49992971,19.2438207 C3.32261146,18.9530433 4.03561217,18.4299793 4.55975812,17.7531506 C5.14910169,16.9921323 5.5,16.037061 5.5,15 C5.5,13.962939 5.14910169,13.0078677 4.55975812,12.2468494 C4.03561217,11.5700207 3.32261146,11.0469567 2.49992971,10.7561793 L2.49992971,10.7561793 L2.5,9 C2.5,8.58578644 2.66789322,8.21078644 2.93933983,7.93933983 C3.21078644,7.66789322 3.58578644,7.5 4,7.5 L4,7.5 Z" id="Combined-Shape" stroke="currentColor"></path> <line x1="19.5" y1="8.5" x2="19.5" y2="21.5" id="Line-6" stroke-linecap="square" stroke-dasharray="2" stroke="currentColor"></line> </g> </svg> <b>Cambio de función</b> </a> </li> <script> document.addEventListener('DOMContentLoaded', function () { // Obtener elementos del DOM const searchInput = document.getElementById('searchInput'); const searchIcon = document.getElementById('searchIcon'); // Escuchar el clic en el icono de búsqueda searchIcon.addEventListener('click', function () { performSearch(); }); // Escuchar la pulsación de Enter en el campo de búsqueda searchInput.addEventListener('keydown', function (event) { if (event.key === 'Enter' || event.key === 'Next' || event.keyCode === 13 || event.which === 13) { performSearch(); } }); searchInput.addEventListener('input', function(event) { if (event.inputType === 'insertLineBreak') { // Realiza las acciones necesarias cuando se presiona la flecha (Enter/Next). performSearch(); } }); // Función para realizar la búsqueda function performSearch() { const searchTerm = searchInput.value; // Redirige a la página de búsqueda o realiza la acción deseada aquí // Por ejemplo: window.location.href = 'https://www.abao.org/es/s?s=' + searchTerm; } }); </script> <!-- 👇 layout 2 -> multiple lists --> <li id="programacion--mobile" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>PROGRAMACIÓN <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <ul class="mega-nav__sub-items first_ul"> <li class="mega-nav__sub-item"> <a href="/es/temporadas/temporada-2024-2025" class="mega-nav__sub-link">Ópera 2024-2025</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/abao-txiki-2024-2025" class="mega-nav__sub-link">ABAO Txiki 24-25</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/conciertos-y-recitales" class="mega-nav__sub-link">Conciertos</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="mega-nav__sub-item"> <a href="/es/actividades" class="mega-nav__sub-link">El ABC de la Ópera</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/calendario-temporada" class="mega-nav__sub-link">Calendario</a> </li> <li class="mega-nav__sub-item"> <a href="/es/congreso" class="mega-nav__sub-link">Congreso</a> </li> </ul> </div> </div> </li> <li id="opera--mobile" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>VEN A LA ÓPERA <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2 grid_img"> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Tarifas</li> <li class="mega-nav__label"> <a href="/es/tarifas" class="mega-nav__sub-link">Entradas y zonas</a> </li> <li class="mega-nav__label"> <a href="/es/descuentos" class="mega-nav__sub-link">Precios especiales</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Abonos</li> <li class="mega-nav__label"> <a href="/es/ventajas-hazte-socio" class="mega-nav__sub-link">Hazte socio</a> </li> </ul> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Experiencias</li> <li class="mega-nav__label"> <a href="/es/organiza-evento" class="mega-nav__sub-link">Organiza tu evento</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Información práctica</li> <li class="mega-nav__label"> <a href="/es/ubicaciones" class="mega-nav__sub-link">Cómo llegar</a> </li> <li class="mega-nav__label"> <a href="/es/servicios" class="mega-nav__sub-link">Información y servicios</a> </li> </ul> </div> </div> </li> <li id="conocenos--mobile" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>CONÓCENOS <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Actualidad ABAO</li> <li class="mega-nav__label"> <a href="/es/noticias" class="mega-nav__sub-link">Noticias</a> </li> <li class="mega-nav__label"> <a href="/es/articulos" class="mega-nav__sub-link">Artículos</a> </li> <li class="mega-nav__label"> <a href="/es/newsletter" class="mega-nav__sub-link">Suscríbete a newsletter</a> </li> <li class="mega-nav__label"> <a href="/es/prensa" class="mega-nav__sub-link">Sala de prensa</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Conoce ABAO</li> <li class="mega-nav__label"> <a href="/es/quienes-somos" class="mega-nav__sub-link">Quiénes somos</a> </li> <li class="mega-nav__label"> <a href="/es/nuestra-historia" class="mega-nav__sub-link">Nuestra historia</a> </li> <li class="mega-nav__label"> <a href="/es/contacto" class="mega-nav__sub-link">Contacto</a> </li> </ul> <ul class="mega-nav__sub-items third_ul"> <li class="parent_child">Organos de gobierno</li> <li class="mega-nav__label"> <a href="/es/junta-directiva" class="mega-nav__sub-link">Junta directiva</a> </li> <li class="mega-nav__label"> <a href="/es/equipo-gestor" class="mega-nav__sub-link">Equipo gestor</a> </li> <li class="mega-nav__label"> <a href="/es/estatutos" class="mega-nav__sub-link">Estatutos</a> </li> <li class="mega-nav__label"> <a href="/es/memorias2" class="mega-nav__sub-link">Memorias</a> </li> </ul> <ul class="mega-nav__sub-items last_ul"> <li class="parent_child">Alquiler de producciones</li> <li class="mega-nav__label"> <a href="/es/temporadas/producciones-en-alquiler" class="mega-nav__sub-link">Producciones</a> </li> </ul> </div> </div> </li> <li id="apoya--mobile" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>APOYA A ABAO <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2 grid_img"> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Empresas</li> <li class="mega-nav__label"> <a href="/es/modalidades-y-ventajas" class="mega-nav__sub-link">Modalidades y ventajas</a> </li> <li class="mega-nav__label"> <a href="/es/patrocinadores" class="mega-nav__sub-link">Patrocinadores</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Particulares</li> <li class="mega-nav__label"> <a href="/es/donaciones" class="mega-nav__sub-link">Donaciones</a> </li> </ul> </div> </div> </li> <li id="COMPROMISO ABAO--mobile" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>COMPROMISO ABAO <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <ul class="mega-nav__sub-items first_ul"> <li class="mega-nav__sub-item"> <a href="/es/opera-plus" class="mega-nav__sub-link">Ópera y +</a> </li> <li class="mega-nav__sub-item"> <a href="/es/gazteam" class="mega-nav__sub-link">Gazteam</a> </li> <li class="mega-nav__sub-item"> <a href="/es/programa-didactico" class="mega-nav__sub-link">Programa didáctico</a> </li> </ul> </div> </div> </li> </ul> <div class="dark_lang"> <ul class="mega-nav__items icon_ul" id="lang_mode" hidden> <li class="mega-nav__icon-btns mega-nav__icon-btns--mobile"> <div class="mega-nav__icon-btn inline-block"> <a onclick="changeDarkMode();" class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger dark_mode"> <svg id="sun" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Dia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#ffffff" stroke-width="1.13333333" cx="14.9333333" cy="14.9333333" r="7.36666667"></circle> <line x1="15" y1="5.28571429" x2="15" y2="3" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="15" y1="27" x2="15" y2="24.7142857" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="27" y1="15" x2="24.7142857" y2="15" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="5.28571429" y1="15" x2="3" y2="15" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="22.497041" y1="8.69343521" x2="22.497041" y2="6.31248283" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(22.497041, 7.502959) rotate(-315.000000) translate(-22.497041, -7.502959) "></line> <line x1="6.50295902" y1="24.6875172" x2="6.50295902" y2="22.3065648" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(6.502959, 23.497041) rotate(-315.000000) translate(-6.502959, -23.497041) "></line> <line x1="23.6875172" y1="23.497041" x2="21.3065648" y2="23.497041" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(22.497041, 23.497041) rotate(-315.000000) translate(-22.497041, -23.497041) "></line> <line x1="7.69343521" y1="7.50295902" x2="5.31248283" y2="7.50295902" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(6.502959, 7.502959) rotate(-315.000000) translate(-6.502959, -7.502959) "></line> </g> </svg> <svg id="moon" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" hidden> <g id="03.-ICONOS-/-MINIS-/-Noche" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M14.5678526,6.62038262 C13.8856316,7.93078598 13.5,9.42034637 13.5,11 C13.5,13.6233526 14.5633237,15.9983526 16.2824856,17.7175144 C17.8186507,19.2536796 19.8784632,20.2661973 22.1710106,20.464377 C21.6388499,21.2795463 20.8876341,21.9633433 19.993646,22.4741936 C18.847653,23.1290467 17.4670122,23.5 16,23.5 C13.6527898,23.5 11.5277898,22.5486051 9.98959236,21.0104076 C8.45139491,19.4722102 7.5,17.3472102 7.5,15 C7.5,12.7371386 8.38422668,10.6807888 9.82605747,9.15767204 C11.064448,7.84946487 12.7141344,6.93448591 14.5678526,6.62038262 Z" id="Oval-2" stroke="#ffffff"></path> </g> </svg> </a> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--mobile" style="height: 200px;"> <div class="dropdown inline-block js-dropdown"> <div class="mega-nav__icon-btn dropdown__wrapper inline-block"> <a href="#0" class="lang color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger" onclick="changeDropdownState();"> ES <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </a> <ul class="dropdown__menu js-dropdown__menu lang_dropdown" id="dropdown-lang-mobil" aria-label="submenu"> <li><a href="/en" class="dropdown__item" style="margin: 10px">EN</a></li> <li><a href="/eu" class="dropdown__item" style="margin: 10px">EU</a></li> </ul> </div> </div> </li> </ul> </div> </div> </div> <!--APARTADO MENU DESKTOP--> <div class="mega-nav__nav js-mega-nav__nav" id="mega-nav-navigation" role="navigation" aria-label="Main"> <div class="mega-nav__nav-inner"> <ul class="mega-nav__items"> <li class="mega-nav__label">Menu</li> <!-- 👇 layout 2 -> multiple lists --> <li id="programacion--desktop" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>PROGRAMACIÓN</b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg></a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="mega-nav__sub-item"> <a href="/es/temporadas/temporada-2024-2025" class="mega-nav__sub-link">Ópera 2024-2025</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/abao-txiki-2024-2025" class="mega-nav__sub-link">ABAO Txiki 24-25</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/conciertos-y-recitales" class="mega-nav__sub-link">Conciertos</a> </li> </ul> <ul class="mega-nav__sub-items "> <li class="mega-nav__sub-item"> <a href="/es/actividades" class="mega-nav__sub-link">El ABC de la Ópera</a> </li> <li class="mega-nav__sub-item"> <a href="/es/temporadas/calendario-temporada" class="mega-nav__sub-link">Calendario</a> </li> <li class="mega-nav__sub-item"> <a href="/es/congreso" class="mega-nav__sub-link">Congreso</a> </li> </ul> </div> </div> </li> <li id="opera--desktop" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>VEN A LA ÓPERA</b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2 grid_img"> <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg> </a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Tarifas</li> <li class="mega-nav__label long_link"> <a href="/es/tarifas" class="mega-nav__sub-link">Entradas y zonas</a> </li> <li class="mega-nav__label "> <a href="/es/descuentos" class="mega-nav__sub-link">Precios especiales</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Abonos</li> <li class="mega-nav__label "> <a href="/es/ventajas-hazte-socio" class="mega-nav__sub-link">Hazte socio</a> </li> </ul> <div class="menu_img" style="background:linear-gradient(#00000030, #00000030, #00000030), url('/public/assets/image/tarjeta-regalo_3.jpg');"> <h2>REGALA ÓPERA</h2> <p>El presente ideal para los amantes de la ópera. Descubre las diferentes opciones y formatos que ofrecemos para adaptar el obsequio a las preferencias de la persona destinataria.</p> <a href="/es/regala-opera"><button>TARJETA REGALO</button></a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Experiencias</li> <li class="mega-nav__label long_link"> <a href="/es/organiza-evento" class="mega-nav__sub-link">Organiza tu evento</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Información práctica</li> <li class="mega-nav__label long_link"> <a href="/es/ubicaciones" class="mega-nav__sub-link">Cómo llegar</a> </li> <li class="mega-nav__label long_link"> <a href="/es/servicios" class="mega-nav__sub-link">Información y servicios</a> </li> </ul> </div> </div> </li> <li id="conocenos--desktop" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>CONÓCENOS</b> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2" > <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg></a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Actualidad ABAO</li> <li class="mega-nav__label"> <a href="/es/noticias" class="mega-nav__sub-link">Noticias</a> </li> <li class="mega-nav__label"> <a href="/es/articulos" class="mega-nav__sub-link">Artículos</a> </li> <li class="mega-nav__label"> <a href="/es/newsletter" class="mega-nav__sub-link">Suscríbete a newsletter</a> </li> <li class="mega-nav__label"> <a href="/es/prensa" class="mega-nav__sub-link">Sala de prensa</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Conoce ABAO</li> <li class="mega-nav__label"> <a href="/es/quienes-somos" class="mega-nav__sub-link">Quiénes somos</a> </li> <li class="mega-nav__label"> <a href="/es/nuestra-historia" class="mega-nav__sub-link">Nuestra historia</a> </li> <li class="mega-nav__label"> <a href="/es/contacto" class="mega-nav__sub-link">Contacto</a> </li> </ul> <ul class="mega-nav__sub-items third_ul"> <li class="parent_child">Organos de gobierno</li> <li class="mega-nav__label"> <a href="/es/junta-directiva" class="mega-nav__sub-link">Junta directiva</a> </li> <li class="mega-nav__label"> <a href="/es/equipo-gestor" class="mega-nav__sub-link">Equipo gestor</a> </li> <li class="mega-nav__label"> <a href="/es/estatutos" class="mega-nav__sub-link">Estatutos</a> </li> <li class="mega-nav__label"> <a href="/es/memorias2" class="mega-nav__sub-link">Memorias</a> </li> </ul> <ul class="mega-nav__sub-items last_ul"> <li class="parent_child">Alquiler de producciones</li> <li class="mega-nav__label"> <a href="/es/temporadas/producciones-en-alquiler" class="mega-nav__sub-link">Producciones</a> </li> </ul> </div> </div> </li> <li id="apoya--desktop" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>APOYA A ABAO</b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2 grid_img"> <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg> </a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="parent_child">Empresas</li> <li class="mega-nav__label"> <a href="/es/modalidades-y-ventajas" class="mega-nav__sub-link">Modalidades y ventajas</a> </li> <li class="mega-nav__label"> <a href="/es/patrocinadores" class="mega-nav__sub-link">Patrocinadores</a> </li> </ul> <ul class="mega-nav__sub-items"> <li class="parent_child">Particulares</li> <li class="mega-nav__label"> <a href="/es/donaciones" class="mega-nav__sub-link">Donaciones</a> </li> </ul> <div class="menu_img" style="background:linear-gradient(#00000030, #00000030, #00000030), url('/public/assets/image/stage-g8e6106f1a_1920.jpg');"> <h2>DONACIONES</h2> <p>¿Quieres colaborar con nuestro proyecto cultural de forma activa? Súmate de la forma que tú decidas.</p> <a href="https://abao.shop.secutix.com/selection/service?productId=102042679566"><button>HAZ UNA DONACIÓN</button></a> </div> </div> </div> </li> <li id="{"es":"COMPROMISO ABAO","en":"COMMITMENT ABAO","eu":"ABAO KONPROMISOA"}--desktop" class="mega-nav__item js-mega-nav__item" onclick="openNav(this);"> <button class="reset mega-nav__control js-mega-nav__control js-tab-focus"> <b>COMPROMISO ABAO</b> <!--<i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i>--> </button> <div class="mega-nav__sub-nav-wrapper"> <div class="mega-nav__sub-nav mega-nav__sub-nav--layout-2"> <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg></a> </div> <ul class="mega-nav__sub-items first_ul"> <li class="mega-nav__sub-item"> <a href="/es/opera-plus" class="mega-nav__sub-link">Ópera y +</a> </li> <li class="mega-nav__sub-item"> <a href="/es/gazteam" class="mega-nav__sub-link">Gazteam</a> </li> <li class="mega-nav__sub-item"> <a href="/es/programa-didactico" class="mega-nav__sub-link">Programa didáctico</a> </li> </ul> </div> </div> </li> <li class="mega-nav__label">Other</li> </ul> <ul class="mega-nav__items icon_ul" id="icon--desktop"> <!-- 👇 icon buttons --desktop --> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="dropdown inline-block js-dropdown"> <div class="mega-nav__icon-btn dropdown__wrapper inline-block"> <a href="#0" class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger tickets"> <div class="row"> <div class="col-md-2"> <svg class="icon_svg" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Tiket" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M26,7.5 C26.4142136,7.5 26.7892136,7.66789322 27.0606602,7.93933983 C27.3321068,8.21078644 27.5,8.58578644 27.5,9.00005726 L27.5,9.00005726 L27.5002011,10.756133 C26.6774937,11.0468908 25.9644669,11.5699472 25.4402985,12.2467763 C24.8509208,13.0078065 24.5,13.9629058 24.5,15 C24.5,16.0370942 24.8509208,16.9921935 25.4402985,17.7532237 C25.9644669,18.4300528 26.6774937,18.9531092 27.5002011,19.243867 L27.5002011,19.243867 L27.5,21 C27.5,21.4142136 27.3321068,21.7892136 27.0606602,22.0606602 C26.7892136,22.3321068 26.4142136,22.5 26,22.5 L26,22.5 L4,22.5 C3.58578644,22.5 3.21078644,22.3321068 2.93933983,22.0606602 C2.66789322,21.7892136 2.5,21.4142136 2.5,20.99998 L2.5,20.99998 L2.49992971,19.2438207 C3.32261146,18.9530433 4.03561217,18.4299793 4.55975812,17.7531506 C5.14910169,16.9921323 5.5,16.037061 5.5,15 C5.5,13.962939 5.14910169,13.0078677 4.55975812,12.2468494 C4.03561217,11.5700207 3.32261146,11.0469567 2.49992971,10.7561793 L2.49992971,10.7561793 L2.5,9 C2.5,8.58578644 2.66789322,8.21078644 2.93933983,7.93933983 C3.21078644,7.66789322 3.58578644,7.5 4,7.5 L4,7.5 Z" id="Combined-Shape" stroke="#ffffff"></path> <line x1="19.5" y1="8.5" x2="19.5" y2="21.5" id="Line-6" stroke="#ffffff" stroke-linecap="square" stroke-dasharray="2"></line> </g> </svg> </div> <div class="col-md-8"> Entradas </div> <div class="col-md-2"> <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </div> </div> </a> <ul class="dropdown__menu js-dropdown__menu tickets_ul" aria-label="submenu"> <!--&&!empty(trim($play->buy_url))--> <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422167&lang=es" class="dropdown__item"> La Favorite </a> </li> <li class="dropdown__separator" role="separator"></li> <!--&&!empty(trim($play->buy_url))--> <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422168&lang=es" class="dropdown__item"> Otello </a> </li> <li class="dropdown__separator" role="separator"></li> <!--&&!empty(trim($play->buy_url))--> <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486471&lang=es" class="dropdown__item"> El traje nuevo del emperador </a> </li> <li class="dropdown__separator" role="separator"></li> <!--&&!empty(trim($play->buy_url))--> <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486472&lang=es" class="dropdown__item"> ¡Soy Salvaje! </a> </li> <li class="dropdown__separator" role="separator"></li> <!--&&!empty(trim($play->buy_url))--> <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10229236417090&lang=es" class="dropdown__item"> Recital Amartuvshin Enkhbat </a> </li> </ul> </div> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="mega-nav__icon-btn inline-block"> <a href="https://abao.shop.secutix.com/list/events" target="_blanK" class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger shop"> <div class="row"> <div class="col-md-2"> <svg class="icon_svg" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Shop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M1.64770919,4.02693001 L6.62149208,4.02693001 C7.10395917,4.02693001 7.51763382,4.37141153 7.60497108,4.84590779 L10.2151744,19.02693 L10.2151744,19.02693 L24.7726224,19.02693 L27.0028954,9.79009675 C27.1325218,9.25323975 26.8023962,8.71294819 26.2655392,8.58332176 C26.1886822,8.5647643 26.1098955,8.55538735 26.0308298,8.55538735 L13.8928455,8.55538735 L13.8928455,8.55538735" id="Path-8" stroke="#ffffff"></path> <circle id="Oval" stroke="#ffffff" cx="12.0540099" cy="24.1880945" r="1.83883554"></circle> <circle id="Oval-Copy" stroke="#ffffff" cx="23.0870232" cy="24.1880945" r="1.83883554"></circle> </g> </svg> </div> <div class="col-md-10"> Tienda </div> </div> </a> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="dropdown inline-block js-dropdown"> <div class="mega-nav__icon-btn dropdown__wrapper inline-block"> <a href="https://www.abao.org/es/socios" class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger area"> <div class="row"> <div class="col-md-2"> <svg class="icon_svg" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Avatar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#ffffff" cx="15" cy="12" r="7.5"></circle> <path d="M4,27 L4,26.5 C4,24.5670034 5.56700338,23 7.5,23 L22.5,23 C24.4329966,23 26,24.5670034 26,26.5 L26,27 L26,27" id="Rectangle" stroke="#ffffff"></path> </g> </svg> </div> <div class="col-md-9"> Mi Área </div> </div> </a> <ul class="dropdown__menu js-dropdown__menu tickets_ul" aria-label="submenu"> <li><a href="https://forms.gle/Unp6XvzuibXhM4Wr9" target="_blank" class="dropdown__item"> Cambio de función </a> </li> <li><a href="https://www.abao.org/es/socios" target="_blank" class="dropdown__item"> Mi Área </a> </li> </ul> </div> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="mega-nav__icon-btn inline-block"> <a class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger search" onclick="openSearch();"> <div class="row"> <div class="col-md-2"> <svg class="icon_svg" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#ffffff" cx="13" cy="13" r="8.5"></circle> <line x1="20.5" y1="21.5" x2="26" y2="27" id="Line" stroke="#ffffff" stroke-linecap="square"></line> </g> </svg> </div> <div class="col-md-10"> Buscar </div> </div> </a> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="dropdown inline-block js-dropdown"> <div class="mega-nav__icon-btn dropdown__wrapper inline-block"> <a href="#0" class="lang color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger"> <div class="row"> <div class="col-md-10"> ES </div> <div class="col-md-2"> <i class="mega-nav__arrow-icon" aria-hidden="true"> <svg class="icon" viewBox="0 0 16 16"> <g class="icon__group" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"> <path d="M2 2l12 12" /> <path d="M14 2L2 14" /> </g> </svg> </i> </div> </div> </a> <ul class="dropdown__menu js-dropdown__menu lang_dropdown" aria-label="submenu"> <li><a href="/en/plays/la-favorite" class="dropdown__item">EN</a></li> <li><a href="/eu/abaoobras/la-favorite" class="dropdown__item">EU</a></li> </ul> </div> </div> </li> <li class="mega-nav__icon-btns mega-nav__icon-btns--desktop"> <div class="mega-nav__icon-btn inline-block"> <a onclick="changeDarkMode();" class="color-inherit flex height-100% width-100% flex-center dropdown__trigger js-dropdown__trigger dark_mode"> <svg id="sun-desktop" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Dia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#ffffff" stroke-width="1.13333333" cx="14.9333333" cy="14.9333333" r="7.36666667"></circle> <line x1="15" y1="5.28571429" x2="15" y2="3" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="15" y1="27" x2="15" y2="24.7142857" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="27" y1="15" x2="24.7142857" y2="15" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="5.28571429" y1="15" x2="3" y2="15" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square"></line> <line x1="22.497041" y1="8.69343521" x2="22.497041" y2="6.31248283" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(22.497041, 7.502959) rotate(-315.000000) translate(-22.497041, -7.502959) "></line> <line x1="6.50295902" y1="24.6875172" x2="6.50295902" y2="22.3065648" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(6.502959, 23.497041) rotate(-315.000000) translate(-6.502959, -23.497041) "></line> <line x1="23.6875172" y1="23.497041" x2="21.3065648" y2="23.497041" id="Line-3" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(22.497041, 23.497041) rotate(-315.000000) translate(-22.497041, -23.497041) "></line> <line x1="7.69343521" y1="7.50295902" x2="5.31248283" y2="7.50295902" id="Line-3-Copy" stroke="#ffffff" stroke-width="1.16666667" stroke-linecap="square" transform="translate(6.502959, 7.502959) rotate(-315.000000) translate(-6.502959, -7.502959) "></line> </g> </svg> <svg id="moon-desktop" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" hidden> <g id="03.-ICONOS-/-MINIS-/-Noche" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M14.5678526,6.62038262 C13.8856316,7.93078598 13.5,9.42034637 13.5,11 C13.5,13.6233526 14.5633237,15.9983526 16.2824856,17.7175144 C17.8186507,19.2536796 19.8784632,20.2661973 22.1710106,20.464377 C21.6388499,21.2795463 20.8876341,21.9633433 19.993646,22.4741936 C18.847653,23.1290467 17.4670122,23.5 16,23.5 C13.6527898,23.5 11.5277898,22.5486051 9.98959236,21.0104076 C8.45139491,19.4722102 7.5,17.3472102 7.5,15 C7.5,12.7371386 8.38422668,10.6807888 9.82605747,9.15767204 C11.064448,7.84946487 12.7141344,6.93448591 14.5678526,6.62038262 Z" id="Oval-2" stroke="#ffffff"></path> </g> </svg> </a> </div> </li> </ul> </div> </div> <!-- 👇 search --> <div class="mega-nav__search js-mega-nav__search" id="mega-nav-search"> <div class="mega-nav__search-inner"> <div class="close" > <a href="javascript:close();"> <svg width="40px" height="40px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Close" stroke="none" stroke-width="1.1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2" stroke="#000000"></line> <line x1="4.5" y1="4.5" x2="25.5" y2="25.5" id="Line-2-Copy" stroke="#000000" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></line> </g> </svg> </a> </div> <div class="search_input"> <input class="form-control" type="reset search" name="megasite-search" id="megasite-search" onkeydown="busquedaenter(event)" style="width:80%" placeholder="Search..." aria-label="Search"> <a href="javascript:searchPage();" style="position:relative;right:40px;bottom:3px"> <svg class="icon_svg" width="35px" height="35px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Search" stroke="none" stroke-width="1.5" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#000000" cx="13" cy="13" r="8.5"></circle> <line x1="20.5" y1="21.5" x2="26" y2="27" id="Line" stroke="#000000" stroke-linecap="square"></line> </g> </svg> </a> </div> <div class="resultados" style="width:100vw;"></div> <div class="margin-top-lg"> <p id="search_result" class="mega-nav__label" hidden>Resultados De Búsqueda</p> <ul id="search_ul"> <!--<li><a href="#0" class="mega-nav__quick-link">Contact Us</a></li>--> </ul> </div> </div> </div> </div> </header> </div> </div> <script type="text/javascript"> $( document ).ready(function() { menuResize(); }); function busquedaenter(e){ if (e.key === "Enter") { searchPage(); } } function searchPage(){ $.get("/es/search", { s: $('#megasite-search').val() }, function(response) { $(".resultados").html(response); }).fail(function(xhr, textStatus, errorThrown) { // Manejar errores aquí console.error("Error: " + textStatus, errorThrown); }); } function changeDropdownState(){ var dropdown=document.getElementById("dropdown-lang-mobil"); if(dropdown.getAttribute('style')==null || dropdown.getAttribute('style')==undefined){ dropdown.style.opacity=1; dropdown.style.visibility="visible"; }else{ dropdown.removeAttribute('style'); } } function openSearch(){ var ul = document.getElementById('search_ul'); var p = document.getElementById('search_result'); p.setAttribute('hidden',true); childs=ul.children; let remove_childs=[]; if(childs.length>0){ for(let i=0;i<childs.length;i++){ if(remove_childs.length==0){ remove_childs=[childs[i]]; }else{ remove_childs.push(childs[i]); } } for(let i=0;i<remove_childs.length;i++){ remove_childs[i].remove(); } } var nav=document.getElementById('mega-nav-search'); if(nav.classList.contains('mega-nav__search--is-visible')) nav.classList.remove('mega-nav__search--is-visible'); else nav.classList.add('mega-nav__search--is-visible'); var ul=document.getElementsByClassName('mega-nav__nav--is-visible'); if(ul!=null){ var expanded = document.getElementsByClassName('mega-nav__item--expanded'); if(expanded[0]!=null){ expanded[0].classList.remove('mega-nav__item--expanded'); } }else{ var expanded = document.getElementsByClassName('mega-nav__item--expanded'); if(expanded[0]!=null){ expanded[0].classList.remove('mega-nav__item--expanded'); } } } function openNav(nav){ var right_container=document.getElementById('right_container'); if(right_container!=undefined && right_container!=null){ var svg=right_container.getElementsByTagName('svg'); if(svg.length>0){ if(svg[0].style.filter=="initial") svg[0].removeAttribute('style'); else svg[0].style.filter="initial"; } } var ul=document.getElementsByClassName('mega-nav__nav--is-visible'); if(ul!=null){ var expanded = document.getElementsByClassName('mega-nav__item--expanded'); if(expanded[0]!=null){ var li=expanded[0]; expanded[0].classList.remove('mega-nav__item--expanded'); if(li.id!=nav.id) nav.classList.add('mega-nav__item--expanded'); }else nav.classList.add('mega-nav__item--expanded'); }else{ var expanded = document.getElementsByClassName('mega-nav__item--expanded'); if(expanded[0]!=null){ var li=expanded[0]; expanded[0].classList.remove('mega-nav__item--expanded'); if(li.id!=nav.id) nav.classList.add('mega-nav__item--expanded'); } } var search=document.getElementById('mega-nav-search'); if(search.classList.contains('mega-nav__search--is-visible')){ search.classList.remove('mega-nav__search--is-visible'); } } function close(){ var right_container=document.getElementById('right_container'); if(right_container!=undefined && right_container!=null){ var svg=right_container.getElementsByTagName('svg'); if(svg.length>0){ svg[0].removeAttribute('style'); } } var expanded = document.getElementsByClassName('mega-nav__item--expanded'); if(expanded[0]!=null&&expanded[0]!=undefined){ expanded[0].classList.remove('mega-nav__item--expanded'); }else{ expanded = document.getElementsByClassName('mega-nav__search--is-visible'); if(expanded[0]!=null){ var p = document.getElementById('search_result'); expanded[0].classList.remove('mega-nav__search--is-visible'); p.setAttribute('hidden',true); } } } function openMobileNav(){ //var icon_mobile=document.getElementById('icon--mobile'); var container=document.getElementsByClassName('container-fluid'); var footer=document.getElementsByClassName('footer_container'); var mobile=document.getElementsByClassName('mega-nav__nav--is-visible'); var langMode=document.getElementById('lang_mode'); var closeMobile=document.getElementById('close--mobile'); var menu=document.getElementById('burger--menu'); var logo=document.getElementsByClassName('mega-nav__logo'); var nav=document.getElementById('nav--mobile'); var abao=document.getElementById('menu_abao'); //icon_mobile.removeAttribute('hidden'); langMode.removeAttribute('hidden'); closeMobile.removeAttribute('hidden'); nav.removeAttribute('hidden'); for(let i=0;i<container.length;i++){ if(container[i].classList.contains('home_slider')){ var carousel = document.getElementsByClassName('carousel-inner'); carousel[0].setAttribute('hidden',true); var home_menu = document.getElementsByClassName('menu'); home_menu[0].removeAttribute('hidden'); logo[0].style.filter="var(--svg)"; var donaciones=document.getElementsByClassName('img_donaciones'); if(donaciones[0]!=undefined) donaciones[0].setAttribute('hidden',true); }else{ container[i].setAttribute('hidden',true); } } if(footer[0]!=undefined && footer[0]!=null) footer[0].setAttribute('hidden',true); mobile[0].removeAttribute('hidden'); mobile[0].style.visibility= "visible"; menu.setAttribute('hidden',true); var width=window.innerWidth; if(width>768){ logo[0].style.width="100px"; } else{ logo[0].style.width="90px"; } abao.style.height="700px"; abao.removeAttribute('hidden'); } function closeMobile(){ //var icon_mobile=document.getElementById('icon--mobile'); var container=document.getElementsByClassName('container-fluid'); var footer=document.getElementsByClassName('footer_container'); var mobile=document.getElementsByClassName('mega-nav__nav--is-visible'); var langMode=document.getElementById('lang_mode'); var closeMobile=document.getElementById('close--mobile'); var menu=document.getElementById('burger--menu'); var logo=document.getElementsByClassName('mega-nav__logo'); var nav=document.getElementById('nav--mobile'); var abao=document.getElementById('menu_abao'); //icon_mobile.setAttribute('hidden',true); for(let i=0;i<container.length;i++){ if(container[i].classList.contains('home_slider')){ var carousel = document.getElementsByClassName('carousel-inner'); carousel[0].removeAttribute('hidden'); logo[0].style.filter=""; }else{ container[i].removeAttribute('hidden'); } } if(footer[0]!=undefined && footer[0]!=null) footer[0].removeAttribute('hidden'); mobile[0].setAttribute('hidden',true); nav.setAttribute('hidden',true); langMode.setAttribute('hidden',true); closeMobile.setAttribute('hidden',true); menu.removeAttribute('hidden',true); logo[0].style.width="90px"; abao.style.height="auto"; } //window.addEventListener('resize', menuResize); function changeDarkMode(){ var sun=document.getElementById('sun'); var moon=document.getElementById('moon'); var sun_desktop=document.getElementById('sun-desktop'); var moon_desktop=document.getElementById('moon-desktop'); var html=document.getElementsByTagName('html'); html=html[0]; if(sun.getAttribute('hidden')=='true'||sun_desktop.getAttribute('hidden')=='true'){ document.cookie = "theme=dark;expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; sun.removeAttribute('hidden'); moon.setAttribute('hidden',true); sun_desktop.removeAttribute('hidden'); moon_desktop.setAttribute('hidden',true); html.classList.remove('dark'); //document.cookie = "theme=dark;expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; document.cookie = "theme=light;path=/;"; }else{ document.cookie = "theme=light;expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; moon.removeAttribute('hidden'); sun.setAttribute('hidden',true); sun_desktop.setAttribute('hidden',true); moon_desktop.removeAttribute('hidden'); html.classList.add('dark'); // document.cookie = "theme=light;expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; document.cookie = "theme=dark; path=/;"; } console.log(document.cookie); console.log(getCookie('theme')); } function menuResize(){ var width=window.innerWidth; var container=document.getElementById('menu_container'); var menu=document.getElementsByClassName('mega-nav'); var menuBurger=document.getElementById('burger--menu'); var abao=document.getElementById('menu_abao'); var icon_desktop=document.getElementById('icon--desktop'); var logo=document.getElementsByClassName('mega-nav__logo'); if(width<=1000&&menuBurger!=undefined&&menu!=undefined){ container.classList.add('over'); menu[0].classList.add('mega-nav--mobile'); menu[0].classList.remove('mega-nav--desktop'); abao.classList.add('menu_div--mobile'); abao.style.height="auto"; icon_desktop.setAttribute('hidden',true); logo[0].style.width="90px"; closeMobile(); }else if(menu!=undefined&&menu!=undefined){ container.classList.remove('over'); menu[0].classList.add('mega-nav--desktop'); menu[0].classList.remove('mega-nav--mobile'); abao.classList.remove('menu_div--mobile'); icon_desktop.removeAttribute('hidden'); logo[0].style.width="104px"; closeMobile(); menuBurger.setAttribute('hidden',true); } } </script> <!-- DEBUG-VIEW ENDED 7 ROOTPATH/Modules/ThorMenus/Views/abao_menu.php --> <!-- DEBUG-VIEW START 5 ROOTPATH/Modules/AbaoObras/Views/play_template.php --> <div class="container-fluid g-0" id="slider_container"> <!-- DEBUG-VIEW START 2 ROOTPATH/Modules/AbaoObras/Views/header.php --> <style> #carousel_img{ color: white; /* Color del texto */ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), -1px -1px 0 rgba(0, 0, 0, 0.1), 1px -1px 0 rgba(0, 0, 0, 0.1), -1px 1px 5px rgba(0, 0, 0, 0.5); } </style> <div class="container-fluid g-0 header d-none d-md-block"> <div id="carouselExampleControls" class="carousel slide image" data-bs-ride="carousel"> <div id="carousel_img" class="carousel-inner"> <div class="carousel-item active" style="background: linear-gradient(#00000030, #00000030, #00000030),url(/assets/imagenes/AbaoObras/La_Favorite_icono.jpg);"> <div class="autor">GAETANO DONIZETTI</div> <div class="titulo">LA FAVORITE</div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"> <span class="carousel-control-prev-icon visually-hidden" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> <span class="carousel-control-next-icon visually-hidden" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> <div class="container-fluid g-0 header d-md-none"> <div id="carouselExampleControls" class="carousel slide image" data-bs-ride="carousel"> <div id="carousel_img" class="carousel-inner"> <div class="carousel-item active" style="background: linear-gradient(#00000030, #00000030, #00000030),url(/assets/imagenes/AbaoObras/La_Favorite_icono.jpg);"> <div class="autor">GAETANO DONIZETTI</div> <div class="titulo">LA FAVORITE</div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"> <span class="carousel-control-prev-icon visually-hidden" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> <span class="carousel-control-next-icon visually-hidden" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> <div class="container-fluid d-md-none text-center"> <div class="row"> <div class="col-lg-12 col-md-12 col-12 buy222"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422167&lang=es"> <button type="button" class="ancho buy"> Comprar entradas </button> </a> </div> </div> </div> <!-- DEBUG-VIEW ENDED 2 ROOTPATH/Modules/AbaoObras/Views/header.php --> </div> <div class="container-fluid"> <div class="row"> <div class="col-md-12 col-lg-9 col-12 main" id="main_container"> <!-- DEBUG-VIEW START 4 ROOTPATH/Modules/AbaoObras/Views/play_info_template.php --> <!-- Go to www.addthis.com/dashboard to customize your tools --> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-632c1c03aad63e89"></script> <div> <div class="nav" id="nav-tab1" role="tablist" > <a class="nav-item nav-link active_nav" id="nav-presentation-tab" data-toggle="tab" href="#nav-presentation" role="tab" aria-controls="nav-ajustes" aria-selected="true" onclick="changeActive(this)" data-name="resume">Presentación</a> <a class="nav-item nav-link" id="nav-artistic_sheet-tab" data-toggle="tab" href="#nav-artistic_sheet" role="tab" aria-controls="nav-artistic_sheet" aria-selected="true" onclick="changeActive(this)" data-name="artistic_sheet">Ficha artística</a> <a class="nav-item nav-link" id="nav-sinopsis-tab" data-toggle="tab" href="#nav-sinopsis" role="tab" aria-controls="nav-sinopsis" aria-selected="true" onclick="changeActive(this)" data-name="sinopsis">Sinopsis</a> <a class="nav-item nav-link" id="nav-multimedia-tab" data-toggle="tab" href="#nav-multimedia" role="tab" aria-controls="nav-multimedia" aria-selected="true" onclick="changeActive(this)" data-name="multimedia">Multimedia</a> </div> </div> <div class="container-fluid plays_info"> <div id="resume"> <div class="row"> <div class="col-lg-4"> <h3 class="section_head">PRESENTACIÓN</h3> </div> <div class="col-lg-8"> <p class="div_play_resume" id="nav-presentation" role="tabpanel" aria-labelledby="nav-presentation-tab"><p style="text-align: justify; ">En febrero ABAO Bilbao Opera pone en escena el segundo gran estreno de la temporada, La favorite de Donizetti en versión original en francés. Hasta ahora, solo se había representado en ABAO la versión en italiano, La favorita, la última vez hace 25 años. </p><p style="text-align: justify; ">La ópera de Donizetti tiene el estilo de la grand opéra francesa, con cuatro actos, ballet, coros y escenas espectaculares, y responde al llamado exotismo español que determinó el Romanticismo. Se inspira en la relación entre el rey Alfonso XI de Castilla y Leonor de Guzmán, con quien tuvo nueve hijos al margen de su relación con la reina María de Portugal. Una historia con triángulo amoroso, personajes históricos, abuso de poder, sacrificio, destino trágico y escándalo moral y religioso. </p><p style="text-align: justify; ">Siendo una ópera ideal para el lucimiento de grandes voces, atrae a cantantes de reconocido prestigio en este tipo de repertorio como la mezzosoprano Silvia Tro Santafé que interpreta a la sufrida Léonor De Guzmán, el tenor Ismael Jordi como el tercer vértice del triángulo amoroso, Fernand, y el barítono Vladimir Stoyanov en el rol del despechado amante Alphonse XI. Simón Orfila, Mikeldi Atxalandabaso y Alba Chantar, completan el cartel. </p><p style="text-align: justify; ">El director del Festival Donizetti de Bérgamo, Riccardo Frizza, Premio Tutto Verdi de ABAO Bilbao Opera, se hace cargo de la dirección musical al frente de la Euskadiko Orkestra, para poner música a la partitura original, de extraordinaria belleza melódica, ambición dramática y bel canto romanticista. </p><p style="text-align: justify; ">La producción de Valentina Carrasco, que debuta en ABAO, viene de la Fondazione Teatro Donizetti y l’Opéra National de Bordeaux y en 2022 obtuvo el Premio Abbiati a la mejor producción de la crítica italiana. La regista argentina sorprende con una propuesta con visión feminista, elegante, ambiciosa y con referencias históricas impactantes. </p><p style="text-align: justify; "><b><br></b></p></p> </div> </div> <div class="row play_img"> <div class="col-lg-12 col-md-12 col-12"> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> <img class="gallery_img" src="/assets/imagenes/AbaoObras/Diseño_T73_040324_Página_07.jpg"></img> </div> </div> </div> </div> </div> <div class="row artistic_sheet" id="artistic_sheet" hidden> <div class="col-lg-4 col-md-12 col-12"> <h3 class="section_head">FICHA ARTÍSTICA</h3> </div> <div class="col-lg-8 col-md-12 col-12"> <div id="nav-artistic_sheet" role="tabpanel" aria-labelledby="nav-artistic_sheet-tab"></div> <h3 class="artistic_sheet_subtitle">ELENCO</h3> <ul> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Léonor de Guzman</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/silvia-tro-santafe"> Silvia Tro Santafé </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Fernand</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/ismael_jordi"> Ismael Jordi </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Alphonse XI</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/vladimir-stoyanov"> Vladimir Stoyanov </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Balthazar</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/simon-orfila"> Simón Orfila </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Don Gaspar</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/mikeldi-atxalandabaso"> Mikeldi Atxalandabaso </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Inès</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/alba-chantar"> Alba Chantar </a></li> </div> </div> <div class="row"> <div class="col-md-4 col-md-4 col-6"> <li>Un Seigneur</li> </div> <div class="col-md-8 col-md-8 col-6"> <li><a href="../artistas/martin-barcelona"> Martín Barcelona (COB) </a></li> </div> </div> </ul> <hr> <h3 class="artistic_sheet_subtitle">EQUIPO ARTISTÍCO</h3> <ul> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Director Musical</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/riccardo-frizza"> Ricardo Frizza </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Director De Escena</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/valentina-carrasco"> Valentina Carrasco </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Escenografía</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/carles-berga"> Carles Berga </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Vestuario</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/silvia-aymonino"> Silvia Aymonino </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Escenografía|iluminación</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/peter-van-praet"> Peter Van Praet </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Coreografía</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/massimiliano-volpini"> Massimiliano Volpini </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Producción</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/festival-donizetti-bergamo"> Festival Donizetti Bergamo </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Orquesta</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/euskadiko-orkestra"> Euskadiko Orkestra </a> </li> </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-6"> <li>Coro</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/coro-de-opera-de-bilbao"> Coro de Ópera de Bilbao </a> </li> </div> </div> </ul> <div style="float: right;">* Debuta en ABAO</div> </hr> </div> </div> <div id="multimedia" class="row" hidden> <div class="col-lg-4"> <h3 class="section_head" id="nav-multimedia" role="tabpanel" aria-labelledby="nav-multimedia-tab">MULTIMEDIA</h3> </div> <div class="col-lg-8 col-md-12 col-12"> <div class="row" style="margin-top: 4rem;"> <div class="col-lg-12 col-md-12 col-12"> <div class="play_video"> <h3 class="subtitle">La Favorite HD</h3> <video style="width: 100%" controls> <source src="/assets/imagenes/AbaoObras/La_Favorite_HD.mp4"> </video> <!--<a style="position: absolute;top: 41%;left: 44%; color:white"> <svg width="100px" height="100px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Play" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon id="Rectangle" stroke="#ffffff" transform="translate(13.500000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-13.500000, -15.000000) " points="17.3180195 9.06066017 19.4393398 20.9393398 7.56066017 18.8180195"></polygon></g> </svg> <br/> REPRODUCE </a>--> </div> </div> </div> <div class="row other_videos_row" style="width: 166.5%; margin-top: 15px;"> <div class="col-lg-3 col-md-3 col-3"> <div class="play_video"> <video width="100%" controls> <source src="/assets/imagenes/AbaoObras/ABAO_La_Favorite.mp4" type="video/mp4"> Tu navegador no soporta el elemento <code>video</code>. </video> </div> </div> </div> <h3 class="subtitle">PUBLICACIONES</h3> <div class="row"> <div class="col-lg-6 col-md-6 col-12"> <div class="row"> <div class="col-lg-4 col-md-4 col-12"> <svg class="multimedia_svg" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MEDIUM-/-Multimedia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect id="Rectangle" stroke="#ffffff" x="8" y="9" width="44" height="34" rx="2"></rect><line x1="8" y1="35.05" x2="52" y2="35.05" id="Line-15" stroke="#ffffff" stroke-linecap="square"></line><line x1="26.05" y1="43.1842105" x2="26.05" y2="49.8157895" id="Line-16" stroke="#ffffff" stroke-linecap="square"></line><line x1="34.05" y1="43.1842105" x2="34.05" y2="49.8157895" id="Line-16-Copy" stroke="#ffffff" stroke-linecap="square"></line><path d="M16.5530395,50 L44.4469605,50 C44.7058253,50 44.9546038,50.1003838 45.140976,50.28004 L47.2157424,52.28004 C47.6133653,52.6633342 47.6249811,53.2963926 47.2416869,53.6940155 C47.0532063,53.8895421 46.7933067,54 46.5217269,54 L14.4782731,54 C13.9259884,54 13.4782731,53.5522847 13.4782731,53 C13.4782731,52.7284202 13.588731,52.4685206 13.7842576,52.28004 L15.859024,50.28004 C16.0453962,50.1003838 16.2941747,50 16.5530395,50 Z" id="Rectangle" stroke="#ffffff" stroke-linejoin="round"></path><circle id="Oval" stroke="#ffffff" cx="30.5" cy="39.5" r="1.5"></circle><line x1="28.1538462" y1="12.05" x2="31.8461538" y2="12.05" id="Line-17" stroke="#ffffff" stroke-linecap="round"></line></g> </svg> </div> <div class="col-lg-8 col-md-8 col-12 multimedia_links"> <div class="row"> <h6 class="multimedia_names">Programa de mano</h6> <div class="col-12"></div> </div> <div class="row"> <a href="/assets/imagenes/AbaoObras/PDM_Favorite_WEB.pdf">VER ONLINE<svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(12.000000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-12.000000, -15.000000) " points="19 8 19 22 5 22"></polyline></g> </svg></a> </div> <div class="row"> <a href="/assets/imagenes/AbaoObras/PDM_Favorite_WEB.pdf" download>DESCARGA<svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(15.000000, 15.242641) scale(-1, 1) rotate(-315.000000) translate(-15.000000, -15.242641) " points="19 11.2426407 19 19.2426407 11 19.2426407"></polyline><line x1="15" y1="20.5" x2="15" y2="4.5" id="Line" stroke="#ffffff" stroke-linecap="square"></line><line x1="6.5" y1="24.5" x2="24.5" y2="24.5" id="Line-21" stroke="#ffffff" stroke-linecap="square"></line></g> </svg> </a> </div> </div> </div> </div> <div class="col-lg-6 col-md-6 col-12"> <div class="row"> <div class="col-lg-4 col-md-4 col-12"> <svg class="multimedia_svg" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MEDIUM-/-Multimedia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect id="Rectangle" stroke="#ffffff" x="8" y="9" width="44" height="34" rx="2"></rect><line x1="8" y1="35.05" x2="52" y2="35.05" id="Line-15" stroke="#ffffff" stroke-linecap="square"></line><line x1="26.05" y1="43.1842105" x2="26.05" y2="49.8157895" id="Line-16" stroke="#ffffff" stroke-linecap="square"></line><line x1="34.05" y1="43.1842105" x2="34.05" y2="49.8157895" id="Line-16-Copy" stroke="#ffffff" stroke-linecap="square"></line><path d="M16.5530395,50 L44.4469605,50 C44.7058253,50 44.9546038,50.1003838 45.140976,50.28004 L47.2157424,52.28004 C47.6133653,52.6633342 47.6249811,53.2963926 47.2416869,53.6940155 C47.0532063,53.8895421 46.7933067,54 46.5217269,54 L14.4782731,54 C13.9259884,54 13.4782731,53.5522847 13.4782731,53 C13.4782731,52.7284202 13.588731,52.4685206 13.7842576,52.28004 L15.859024,50.28004 C16.0453962,50.1003838 16.2941747,50 16.5530395,50 Z" id="Rectangle" stroke="#ffffff" stroke-linejoin="round"></path><circle id="Oval" stroke="#ffffff" cx="30.5" cy="39.5" r="1.5"></circle><line x1="28.1538462" y1="12.05" x2="31.8461538" y2="12.05" id="Line-17" stroke="#ffffff" stroke-linecap="round"></line></g> </svg> </div> <div class="col-lg-8 col-md-8 col-12 multimedia_links"> <div class="row"> <h6 class="multimedia_names">Scena</h6> <div class="col-12"></div> </div> <div class="row"> <a href="/assets/imagenes/AbaoObras/Scena_La_Favorite_WEB.pdf">VER ONLINE <svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(12.000000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-12.000000, -15.000000) " points="19 8 19 22 5 22"></polyline></g> </svg></a> </div> <div class="row"> <a href="/assets/imagenes/AbaoObras/Scena_La_Favorite_WEB.pdf" download>DESCARGA<svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(15.000000, 15.242641) scale(-1, 1) rotate(-315.000000) translate(-15.000000, -15.242641) " points="19 11.2426407 19 19.2426407 11 19.2426407"></polyline><line x1="15" y1="20.5" x2="15" y2="4.5" id="Line" stroke="#ffffff" stroke-linecap="square"></line><line x1="6.5" y1="24.5" x2="24.5" y2="24.5" id="Line-21" stroke="#ffffff" stroke-linecap="square"></line></g> </svg> </a> </div> </div> </div> </div> </div> <h3 class="subtitle">DOSIER</h3> <div class="row"> <div class="col-12"></div> <div class="col-lg-4 col-md-4 col-xs-4"> <svg class="multimedia_svg" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MEDIUM-/-Multimedia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect id="Rectangle" stroke="#ffffff" x="8" y="9" width="44" height="34" rx="2"></rect><line x1="8" y1="35.05" x2="52" y2="35.05" id="Line-15" stroke="#ffffff" stroke-linecap="square"></line><line x1="26.05" y1="43.1842105" x2="26.05" y2="49.8157895" id="Line-16" stroke="#ffffff" stroke-linecap="square"></line><line x1="34.05" y1="43.1842105" x2="34.05" y2="49.8157895" id="Line-16-Copy" stroke="#ffffff" stroke-linecap="square"></line><path d="M16.5530395,50 L44.4469605,50 C44.7058253,50 44.9546038,50.1003838 45.140976,50.28004 L47.2157424,52.28004 C47.6133653,52.6633342 47.6249811,53.2963926 47.2416869,53.6940155 C47.0532063,53.8895421 46.7933067,54 46.5217269,54 L14.4782731,54 C13.9259884,54 13.4782731,53.5522847 13.4782731,53 C13.4782731,52.7284202 13.588731,52.4685206 13.7842576,52.28004 L15.859024,50.28004 C16.0453962,50.1003838 16.2941747,50 16.5530395,50 Z" id="Rectangle" stroke="#ffffff" stroke-linejoin="round"></path><circle id="Oval" stroke="#ffffff" cx="30.5" cy="39.5" r="1.5"></circle><line x1="28.1538462" y1="12.05" x2="31.8461538" y2="12.05" id="Line-17" stroke="#ffffff" stroke-linecap="round"></line></g> </svg> </div> <div class="col-lg-8 col-md-8 col-xs-8 multimedia_links"> <div class="row"> <a href="/assets/imagenes/AbaoObras/DOSIER_DE_PRENSA_LA_FAVORITE.pdf">VER ONLINE<svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(12.000000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-12.000000, -15.000000) " points="19 8 19 22 5 22"></polyline></g> </svg></a> </div> <div class="row"> <a href="/assets/imagenes/AbaoObras/DOSIER_DE_PRENSA_LA_FAVORITE.pdf" download>DESCARGA<svg class="multimedia_svg" width="20px" height="22px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MINIS-/-Download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polyline id="Rectangle" stroke="#ffffff" transform="translate(15.000000, 15.242641) scale(-1, 1) rotate(-315.000000) translate(-15.000000, -15.242641) " points="19 11.2426407 19 19.2426407 11 19.2426407"></polyline><line x1="15" y1="20.5" x2="15" y2="4.5" id="Line" stroke="#ffffff" stroke-linecap="square"></line><line x1="6.5" y1="24.5" x2="24.5" y2="24.5" id="Line-21" stroke="#ffffff" stroke-linecap="square"></line></g> </svg> </a> </div> </div> </div> <hr> <h3 class="subtitle">PODCAST</h3> <div class="row"> <div class="audio_col"> <div class="row audio_row"> <div class="col-lg-1 col-md-1 col-12"> <svg class="multimedia_svg" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MEDIUM-/-Potcast" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="Oval" stroke="#ffffff" cx="30" cy="26" r="6"></circle><path d="M38.249633,46.3176133 C45.7466504,43.1118491 51,35.6694173 51,27 C51,15.4020203 41.5979797,6 30,6 C18.4020203,6 9,15.4020203 9,27 C9,35.7151466 14.3089164,43.1903294 21.8691893,46.3679884" id="Oval" stroke="#ffffff" stroke-linecap="round"></path><path d="M38.3371554,39.4715257 C42.3549633,36.7803088 45,32.1990451 45,27 C45,18.7157288 38.2842712,12 30,12 C21.7157288,12 15,18.7157288 15,27 C15,32.1118173 17.5570262,36.6264092 21.4617817,39.3344787" id="Oval-Copy" stroke="#ffffff" stroke-linecap="round"></path><path d="M28.2049969,34 L31.7950031,34 C34.0041421,34 35.7950031,35.790861 35.7950031,38 C35.7950031,38.0666147 35.7933391,38.1332189 35.7900125,38.1997505 L35.1900125,50.1997505 C35.0835706,52.3285878 33.3264999,54 31.1950031,54 L28.8049969,54 C26.6735001,54 24.9164294,52.3285878 24.8099875,50.1997505 L24.2099875,38.1997505 C24.0996684,35.9933677 25.7988637,34.1153098 28.0052464,34.0049906 C28.071778,34.0016641 28.1383822,34 28.2049969,34 Z" id="Rectangle" stroke="#ffffff"></path></g> </svg> </div> <div class="col-lg-11 col-md-11 col-10"> <div class="podcast_text"><p><a href="https://abao.shop.secutix.com/selection/event/date?productId=10229376499646" target="_blank">Podcast La Favorite</a><br></p> <div style="text-align:right"><a href=""> <button type="button" class="buy"> Podcast </button> </a></div> </div> </div> </div> </div> </div> </hr> <hr> <h3 class="subtitle">AUDIO</h3> <div class="row"> <div class="col-lg-8 col-md-8 col-12 audio_col"> <div class="row mb-4"> <div class="col-lg-auto col-md-auto col-12 mt-3"> <svg class="multimedia_svg" width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="03.-ICONOS-/-MEDIUM-/-Audio" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M54.8228705,15.9127899 C40.809388,15.9127899 29.4492159,27.272962 29.4492159,41.2864445" id="Oval" stroke="#ffffff" stroke-linecap="round" transform="translate(42.136043, 28.599617) rotate(-225.000000) translate(-42.136043, -28.599617) "></path><path d="M46.0718103,19.5375977 C36.06218,19.5375977 27.9477714,27.6520064 27.9477714,37.6616367" id="Oval-Copy" stroke="#ffffff" stroke-linecap="round" transform="translate(37.009791, 28.599617) rotate(-225.000000) translate(-37.009791, -28.599617) "></path><path d="M28.662792,9.88973684 C28.8772272,10.0795408 29,10.35217 29,10.6385404 L29,44.2700558 C29,44.8223405 28.5522847,45.2700558 28,45.2700558 C27.7058494,45.2700558 27.426618,45.1405485 27.2366137,44.915998 L19.6915499,35.9995004 L12,36 C11.4477153,36 11,35.5522847 11,35 L11,19 C11,18.4477153 11.4477153,18 12,18 L20.1485499,17.9995004 L27.2511965,9.97574833 C27.6172464,9.56219557 28.2492393,9.52368691 28.662792,9.88973684 Z" id="Combined-Shape" stroke="#ffffff"></path></g></svg> </div> <div class="col-lg-8 col-md-8 col-12"> <div class="podcast_text"> <div style="margin-left:23px">O Mon Fernand. Silvia Tro Santafe</div> <audio controls> <source src="/assets/audios/La_favorite__O_Mon_Fernand__Silvia_Tro_Santafe.mp3">Your browser does not support the <code>audio</code> element.</source></audio> </div> </div> </div> </div> </div> </hr> <hr> <h3 class="subtitle">Youtube</h3> <div class="row"> <div class="col-lg-8 col-md-8 col-12 audio_col"> <iframe width="560" height="315" src="https://youtu.be/RW_btcZu2lA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> </hr> </div> </div> <div class="row synopsis" id="sinopsis" hidden> <div class="col-lg-4 col-md-4 col-12"> <h3 class="section_head">SINOPSIS</h3> <img class="side_img" src=""></img> </div> <div class="col-lg-8 col-md-8 col-12"> <div class="synopsis_info"> <p id="nav-sinopsis" role="tabpanel" aria-labelledby="nav-sinopsis-tab"><p style="text-align: justify; "><b>ACTO I </b></p><p style="text-align: justify; ">Reino de Castilla, 1340. La Sinfonía se abre con una breve introducción para los instrumentos de cuerda, que van entrando sucesiva e imitativamente, de los contrabajos a los violines; los sonidos austeros y meditativos parecen un presagio del preludio de Aida. A continuación, el misterioso tema es expuesto y amplificado por toda la orquesta: hasta aquí, la atmósfera es religiosa y adusta. El primer tema, nervioso y agitado, cumple una función narrativa similar, dentro de la Sinfonía, que el que será el primer tema de la Sinfonía de La forza del destino; se retoma en un fugato con diversas combinaciones instrumentales y se contrapone a un segundo tema, una gran frase ascendente y descendente, cantable, que será tocada por toda orquesta al final de esta introducción instrumental. En el monasterio de Santiago de Compostela, los monjes cruzan el escenario. Su coro es uno de los más sencillos de Donizetti (una frase ascendente y luego descendente, un comienzo crescendo seguido de un lento diminuendo, como si se tratara de una sola respiración), pero al mismo tiempo uno de sus más refinados coros introductorios, con multitud de pequeños gestos instrumentales que conforman un sencillo contrapunto con respecto al canto. </p><p style="text-align: justify; ">El padre superior Baltasar está a punto de seguir a los monjes, pero ve a Fernando, el novicio destinado a sucederle, absorto en sus pensamientos y le pregunta por qué. Fernando le confiesa que es presa de un amor terrenal por una mujer cuyo nombre y condición desconoce. Fernando tiene la intención de abandonar el monasterio, a pesar de que su padre espiritual le recuerda las insidias de la vida mundana. En la playa de la isla de León, Inés y otras doncellas esperan el barco que llevará a Fernando hasta la dama desconocida: la atmósfera solemne e íntima del ambiente del monasterio contrasta con la ligereza del canto femenino de Inés y del coro, que cuenta con una orquestación leve, vaporosa, y parece avanzar de puntillas, como en la música de ballet. Fernando pide en vano a Leonor que revele su nombre y el secreto que la rodea; ella le confiesa que lo ama, pero que no puede convertirse en su esposa. Inés anuncia la llegada del rey: Fernando debe partir inmediatamente. Para recompensarle por su amor, Leonor le entrega una carta de recomendación con la que podrá hacer una brillante carrera militar. Ingenuo e idealista, Fernando cree que Leonor es una dama de alto rango y que el rey Alfonso XI, aunque casado, pretende su mano. </p><p style="text-align: justify; "><b>ACTO II </b></p><p style="text-align: justify; ">Alfonso pasea, enamorado y soñador, por los jardines del Alcázar y comenta con don Gaspar la victoria sobre los infieles: en la batalla ha destacado el joven Fernando, a quien el soberano desea recompensar. Aunque espera a un mensajero del Papa, Alfonso se propone primero recibir a su amante Leonor, con la que mantiene desde hace tiempo un romance al que se oponen tanto la corte como la curia romana. Leonor se rebela contra el rey, decepcionada y cansada de su condición de amante. Cuando el rey promete repudiar a la reina, haciendo caso omiso de las protestas del Papa, Leonor le pide que recapacite y que no cometa ninguna imprudencia. Durante la fiesta que ha organizado Alfonso para Leonor, el rey intercepta una nota que le ha escrito Fernando, que confiesa así su nuevo amor por un joven, aunque sin revelar su nombre. Baltasar, enviado del Papa, irrumpe para interrumpir la fiesta: amenaza al monarca –culpable de adulterio– con el anatema, maldice a la mujer por el escándalo y muestra una bula papal que contiene la excomunión de Alfonso. </p><p style="text-align: justify; "><b>ACTO III </b></p><p style="text-align: justify; ">Fernando declara al rey su amor por Leonor; haciendo fríamente sus cálculos, Alfonso decide casar a los dos de inmediato, en venganza por la traición de Leonor y para ponerse de nuevo a bien con la Iglesia. El aria de Alfonso constituye un ejemplo de cómo la música y el canto pueden tener dos significados: uno explícito y literal, el otro oculto y sutilmente irónico. Leonor sigue estando repudiada, pero decide confesar de inmediato su pasado a Fernando, renunciando a la felicidad: para ello envía a Inés en busca del joven. Don Gaspar hace detener a Inés, el rey nombra marqués a Fernando, le concede el título de caballero y se celebra la boda. Fernando está feliz, pero inmediatamente es objeto de burla por parte de los cortesanos, que se niegan a estrecharle la mano. Cuando llega Baltasar, el joven se da cuenta de la verdad: se ha casado con “la amante del rey”. Indignado con Alfonso y Leonor, Fernando tira al suelo su insignia de caballero, rompe su espada a los pies del rey (en un arrebato de remordimiento) y sale seguido de Baltasar. La declamación orgullosa y desesperada de Fernando, en el tempo di mezzo intercalado entre el tempo lento y la stretta del final, tiene la misma función que la maldición de Edgardo en el segundo final de Lucia di Lammermoor y revela otro aspecto del carácter del joven tenor romántico, hasta entonces soñador e idealista. Su primer intérprete, Gilbert Duprez, lo convirtió en uno de los momentos más famosos de la ópera. </p><p style="text-align: justify; "><b>ACTO IV </b></p><p style="text-align: justify; ">De nuevo en el monasterio de Santiago. Los monjes están cavando sus propias tumbas, lo que simboliza su deseo de abandonar los placeres terrenales. Baltasar exhorta a los peregrinos a rezar. Fernando está a punto de hacer sus votos, pero sus pensamientos están siempre con “la amante del rey”. Se acerca Leonor, moribunda y vestida de novicia: agotada por el dolor, moribunda, desea pedir perdón a Fernando, cuya voz oye rezar procedente de la capilla: está celebrándose la ceremonia de la vestición del joven. Este sale, reconoce a Leonor y se queda conmocionado. Ella declara su inocencia y pide perdón a su amado, quien, dominado por la pasión, le propone huir juntos, aunque ella le insta a que respete sus votos. Leonor muere, bendiciendo a Fernando, que dice a gritos a Baltasar y a los mojes que muy pronto va a llegar el momento de su propia muerte. </p><p style="text-align: justify; "><br></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></p> </div> </div> </div> </div> <!----> <div class="modal fade" id="modalShare" data-bs-backdrop="static" aria-modal="true" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content" style="text-align: center;"> <div class="modal-header panel-heading"> <span style="font-size: 30px;">Compartir</span> <div style="margin-top: 8px;" class="addthis_inline_share_toolbox"></div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> </div> </div> <script type="text/javascript"> function changeActive(element){ console.log("ELemento pulsado "+element.id); var active=document.getElementsByClassName('active_nav'); document.getElementById(active[0].dataset.name).setAttribute('hidden',true); active[0].classList.remove('active_nav'); element.classList.add('active_nav'); document.getElementById(element.dataset.name).removeAttribute('hidden'); } </script> <style type="text/css"> @font-face { font-family: 'Graphik Web'; src: url('/includes/fonts/Graphik-Regular-Web.eot'); src: url('/includes/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/Graphik-Regular-Web.woff2') format('woff2'), url('/includes/fonts/Graphik-Regular-Web.woff') format('woff'); font-style: normal; } @font-face { font-family: 'Graphik Web Bold'; src: url('/includes/fonts/Graphik-Bold-Web.eot'); src: url('/includes/fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/Graphik-Bold-Web.woff2') format('woff2'), url('/includes/fonts/Graphik-Bold-Web.woff') format('woff'); font-style: normal; } @font-face { font-family: 'Graphik XXCond Regular'; src: url('/includes/fonts/Graphik-Regular-Web.eot'); src: url('/includes/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/Graphik-Regular-Web.woff2') format('woff2'), url('/includes/fonts/Graphik-Regular-Web.woff') format('woff'); font-size: 120px; font-kerning: 1; line-height: 100px; } </style> <!-- DEBUG-VIEW ENDED 4 ROOTPATH/Modules/AbaoObras/Views/play_info_template.php --> </div> <div class="col-md-12 col-lg-3 col-12 right_pane" id="right_container"> <!-- DEBUG-VIEW START 3 ROOTPATH/Modules/AbaoObras/Views/right_container.php --> <!-- Go to www.addthis.com/dashboard to customize your tools --> Próxima Representación:<br> <div class="col-lg-12 col-md-12 col-12"> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> 21/02/2025 19:30 </div> <div class="col-lg-12 col-md-12 col-12 buy222"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422167&lang=es"> <button type="button" class="buy"> Comprar entradas </button> </a> </div> <!--<div class="col-lg-6 col-md-6 col-6"> <a onclick="openShareModal()"> <button type="button" class="share">COMPARTIR <svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Share" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle id="Oval" stroke="#ffffff" cx="9" cy="15" r="3"></circle> <circle id="Oval-Copy" stroke="#ffffff" cx="21" cy="7" r="3"></circle> <circle id="Oval-Copy-2" stroke="#ffffff" cx="21" cy="24" r="3"></circle> <line x1="18.5" y1="8.5" x2="12" y2="13.5" id="Line-4-Copy" stroke="#ffffff" stroke-linecap="square"></line> <line x1="17.5" y1="17.5" x2="11" y2="22.5" id="Line-4-Copy-2" stroke="#ffffff" stroke-linecap="square" transform="translate(14.500000, 20.000000) scale(-1, 1) translate(-14.500000, -20.000000) "></line> </g> </svg> </button> </a> </div>--> </div> </div> <div class="row"> <div class="ubication col-lg-12 col-md-6 col-12"> <span class="titles"> <div class="row"> <div class="col-lg-12 col-md-12"> <svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Location" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M15,28 C15,28 24,15.6701205 24,10.8064516 C24,5.94278269 19.9705627,2 15,2 C10.0294373,2 6,5.94278269 6,10.8064516 C6,15.6701205 15,28 15,28 Z" id="Oval" stroke="#ffffff"></path> <circle id="Oval-Copy-2" stroke="#ffffff" cx="15" cy="10" r="3"></circle> </g> </svg> </div> <div class="col-lg-12 col-md-12 card_header"> Ubicación: </div> </div> </span> <div class="card content_card"> <div class="card-body ubication_body"> <b>Euskalduna Bilbao</b> <br> <a href="/es/ubicaciones">¿Cómo llegar?</a> </br> </div> </div> </div> <div class="div_card col-lg-12 col-md-12 col-12"> <span class="titles"> <div class="row"> <div class="col-lg-12 col-md-12"> <svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Calendario" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="Rectangle" stroke="#ffffff" x="7" y="7" width="16" height="17"></rect> <line x1="9.5" y1="5.33333333" x2="9.5" y2="8.66666667" id="Line-19" stroke="#ffffff" stroke-linecap="square"></line> <line x1="18.5" y1="5.33333333" x2="18.5" y2="8.66666667" id="Line-19-Copy-2" stroke="#ffffff" stroke-linecap="square"></line> <line x1="11.5" y1="5.33333333" x2="11.5" y2="8.66666667" id="Line-19-Copy" stroke="#ffffff" stroke-linecap="square"></line> <line x1="20.5" y1="5.33333333" x2="20.5" y2="8.66666667" id="Line-19-Copy-3" stroke="#ffffff" stroke-linecap="square"></line> <line x1="7.5" y1="11.5" x2="22.5" y2="11.5" id="Line-20" stroke="#ffffff" stroke-linecap="square"></line> </g> </svg> </div> <div class="col-lg-12 col-md-12 card_header"> Calendario: </div> </div> </span> <div class="card col-lg-12 col-md-12 col-12"> <!-- DEBUG-VIEW START 1 ROOTPATH/Modules/AbaoObras/Views/calendar.php --> <div class="minicalendar"> <div class="calendar_div"> <span value="0" id="prev" onclick="prev_month()"> <svg width="20px" height="20px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Arrow-left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polyline id="Rectangle" stroke="#ffffff" transform="translate(17.000000, 15.000000) rotate(-225.000000) translate(-17.000000, -15.000000) " points="24 8 24 22 10 22"></polyline> </g> </svg> </span> <span class="month" id="label" data-fecha=""></span> <span value="0" id="next" onclick="next_month()"> <svg width="20px" height="20px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polyline id="Rectangle" stroke="#ffffff" transform="translate(12.000000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-12.000000, -15.000000) " points="19 8 19 22 5 22"></polyline> </g> </svg> </span> </div> <table> <thead class="calendarhead"> <tr> <th>L</th> <th>M</th> <th>X</th> <th>J</th> <th>V</th> <th>S</th> <th>D</th> </tr> </thead> <tbody class="calendarbody"> </tbody> </table> </div> <script type="text/javascript"> $(document).ready(function(){ var date = new Date(); init_calendar(date); }); function init_calendar(date) { $(".calendarbody").empty(); var calendar_days = $(".calendarbody"); var month = date.getMonth(); var year = date.getFullYear(); var day_count = days_in_month(month, year); var row = $("<tr></tr>"); var today = date.getDate(); var last_day=0; // Set date to 1 to find the first day of the month date.setDate(1); var first_day= date.getDay()-1; if(first_day<0)first_day=6; //console.log(new Date().getMonth()); /* if(last_day>=0&&last_day!=6) first_day=last_day; else if(last_day==6) first_day=6;*/ // alert('first_day'+first_day); // 35+firstDay is the number of date elements to be added to the dates table // 35 is from (7 days in a week) * (up to 5 rows of dates in a month) for(var i=0; i<38+first_day; i++) { // Since some of the elements will be blank, // need to calculate actual date from index var day = i-first_day+1; // If it is a sunday, make a new row if(i%7==0) { calendar_days.append(row); row = $("<tr></tr>"); } // if current index isnt a day in this month, make it blank if(i < first_day || day > day_count) { if(i===0){ var last_day=days_in_month(month-1,year); if(first_day>1) last_day=last_day-first_day+1; last_day=Math.floor(last_day); } if(last_day>=28&&i!=0&&i>first_day){ last_day=1; }else if(i!=0){ last_day++; } if(day>day_count&&i%7==0) break; //alert(last_day); //alert(i%7); var other_month; if(last_day<10) other_month=month+1; else other_month=month-1; var curr_date = $("<td class='other_month'>"+last_day+"</td>"); row.append(curr_date); } else { var curr_date; var auxday; //ANALIZA SI HAY ALGUNA REPRESENTACION EN LA MISMA FECHA, EN CASO DE QUE LAS HAYA LAS ALMACENA EN UN ARRAY DE MANERA ORDENADA if(15==day&&1==month&&2025==year){ var pass=true; pass=true; console.log('dia: '+day+' pasar:'+pass); if(pass===true){ auxday=day; if(auxday>10){ if(auxday<20){ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 4px;padding-right: 5px;' title='Hora de inicio: 19:00'>"+day+"</span>"+"</td>"); row.append(curr_date); }else{ curr_date = $("<td>"+"<span class='circle' data-bs-toggle='tooltip' data-bs-html='true' data-bs-placement='auto' title='Hora de inicio: 19:00 '>"+day+"</span>"+"</td>"); row.append(curr_date); } }else{ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 10px;padding-right: 10px;' title='Hora de inicio: 19:00'>"+day+"</span>"+"</td>"); row.append(curr_date); } } }else{ if(day!=auxday){ curr_date = $("<td>"+day+"</td>"); } } var auxday; //ANALIZA SI HAY ALGUNA REPRESENTACION EN LA MISMA FECHA, EN CASO DE QUE LAS HAYA LAS ALMACENA EN UN ARRAY DE MANERA ORDENADA if(18==day&&1==month&&2025==year){ var pass=true; pass=true; console.log('dia: '+day+' pasar:'+pass); if(pass===true){ auxday=day; if(auxday>10){ if(auxday<20){ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 4px;padding-right: 5px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); }else{ curr_date = $("<td>"+"<span class='circle' data-bs-toggle='tooltip' data-bs-html='true' data-bs-placement='auto' title='Hora de inicio: 19:30 '>"+day+"</span>"+"</td>"); row.append(curr_date); } }else{ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 10px;padding-right: 10px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); } } }else{ if(day!=auxday){ curr_date = $("<td>"+day+"</td>"); } } var auxday; //ANALIZA SI HAY ALGUNA REPRESENTACION EN LA MISMA FECHA, EN CASO DE QUE LAS HAYA LAS ALMACENA EN UN ARRAY DE MANERA ORDENADA if(21==day&&1==month&&2025==year){ var pass=true; pass=true; console.log('dia: '+day+' pasar:'+pass); if(pass===true){ auxday=day; if(auxday>10){ if(auxday<20){ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 4px;padding-right: 5px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); }else{ curr_date = $("<td>"+"<span class='circle' data-bs-toggle='tooltip' data-bs-html='true' data-bs-placement='auto' title='Hora de inicio: 19:30 '>"+day+"</span>"+"</td>"); row.append(curr_date); } }else{ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 10px;padding-right: 10px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); } } }else{ if(day!=auxday){ curr_date = $("<td>"+day+"</td>"); } } var auxday; //ANALIZA SI HAY ALGUNA REPRESENTACION EN LA MISMA FECHA, EN CASO DE QUE LAS HAYA LAS ALMACENA EN UN ARRAY DE MANERA ORDENADA if(24==day&&1==month&&2025==year){ var pass=true; pass=true; console.log('dia: '+day+' pasar:'+pass); if(pass===true){ auxday=day; if(auxday>10){ if(auxday<20){ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 4px;padding-right: 5px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); }else{ curr_date = $("<td>"+"<span class='circle' data-bs-toggle='tooltip' data-bs-html='true' data-bs-placement='auto' title='Hora de inicio: 19:30 '>"+day+"</span>"+"</td>"); row.append(curr_date); } }else{ curr_date = $("<td>"+"<span class='o_circle' data-bs-toggle='tooltip' data-bs-placement='auto' style='padding-left: 10px;padding-right: 10px;' title='Hora de inicio: 19:30'>"+day+"</span>"+"</td>"); row.append(curr_date); } } }else{ if(day!=auxday){ curr_date = $("<td>"+day+"</td>"); } } // Set onClick handler for clicking a date row.append(curr_date); } } // Append the last row and set the current year calendar_days.append(row); $(".month").text(months[month]+" "+date.getFullYear()); var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }) } function days_in_month(month, year) { var monthStart = new Date(year, month, 1); var monthEnd = new Date(year, month + 1, 1); if(month==2){ return (monthEnd - monthStart) / (1000 * 60 * 60 * 24) +1; }else if(month==1){ return new Date(year, month+1, 0).getDate(); }else return (monthEnd - monthStart) / (1000 * 60 * 60 * 24); } function next_month() { var month=document.getElementById("label").innerHTML; var date=new Date(); date.setDate(1); var new_month = date.getMonth()+1; var new_date = new Date(); if($('.month').data('fecha')!='')new_date=$('.month').data('fecha'); if (new_date.getMonth() == 11) { var new_date = new Date(new_date.getFullYear() + 1, 0, 1); } else { var new_date = new Date(new_date.getFullYear(), new_date.getMonth() + 1, 1); } //new_date.setMonth(new_month);//alert($('.month').html()); $(".month").data("fecha",new_date); /*date.setMonth(new_month); if(document.getElementById('prev').getAttribute('value')<today.getFullYear()&&document.getElementById('prev').getAttribute('value')>0){ if(date.getMonth()==0){ date.setYear(parseInt(document.getElementById('prev').getAttribute('value'))+1); document.getElementById('prev').setAttribute('value',date.getFullYear()); } else date.setYear(document.getElementById('prev').getAttribute('value')); } else if(new_month<today.getMonth()||document.getElementById('next').getAttribute('value')!=0){ if(document.getElementById('next').getAttribute('value')!=0){ if(date.getMonth()==0) date.setYear(parseInt(document.getElementById('next').getAttribute('value'))+1); else date.setYear(document.getElementById('next').getAttribute('value')); }else if(document.getElementById('prev').getAttribute('value')!=today.getFullYear()) date.setYear(date.getFullYear()+1); document.getElementById('next').setAttribute('value',date.getFullYear()); }*/ init_calendar($('.month').data('fecha')); } // Event handler for when the year left-button is clicked function prev_month() { var month=document.getElementById("label").innerHTML; var date=new Date(); date.setDate(1); var new_month = date.getMonth()-1; var new_date = new Date(); if($('.month').data('fecha')!='')new_date=$('.month').data('fecha'); if (new_date.getMonth() == 0) { var new_date = new Date(new_date.getFullYear() - 1, 11, 1); } else { var new_date = new Date(new_date.getFullYear(), new_date.getMonth() - 1, 1); } //new_date.setMonth(new_month);//alert($('.month').html()); $(".month").data("fecha",new_date); //$(".month").html(new_month); /* date.setMonth(new_month); if(document.getElementById('next').getAttribute('value')>today.getFullYear()&&document.getElementById('next').getAttribute('value')>0){ if(date.getMonth()==11){ date.setYear(parseInt(document.getElementById('next').getAttribute('value'))-1); document.getElementById('next').setAttribute('value',date.getFullYear()); } else{ date.setYear(document.getElementById('next').getAttribute('value')); } }else if(new_month>today.getMonth()||document.getElementById('prev').getAttribute('value')!=0){ if(document.getElementById('prev').getAttribute('value')!=0){ if(date.getMonth()==11) date.setYear(parseInt(document.getElementById('prev').getAttribute('value'))-1); else date.setYear(document.getElementById('prev').getAttribute('value')); }else if(document.getElementById('next').getAttribute('value')!=today.getFullYear()) date.setYear(date.getFullYear()-1); else if(date.getMonth()==11){ date.setYear(date.getFullYear()-1); } document.getElementById('prev').setAttribute('value',date.getFullYear()); } //alert(months[new_month]);*/ init_calendar($('.month').data('fecha')); } const months = [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ]; </script> <style type="text/css"> *{ --circle_background: #f293a4; --calendar_background:white; --calendar_font: white; --circle_font: black; --font: black; } .dark *{ --circle_background: #f293a4; --month_background: white; --calendar_background:black; --calendar_font:whitesmoke; --circle_font: black; --font: white; } </style> <!-- DEBUG-VIEW ENDED 1 ROOTPATH/Modules/AbaoObras/Views/calendar.php --> <div class="show_calendar"> <a href=" /es/temporadas/calendario-temporada "> VER TODO <svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="03.-ICONOS-/-MINIS-/-Arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <polyline id="Rectangle" stroke="#ffffff" transform="translate(12.000000, 15.000000) scale(-1, 1) rotate(-225.000000) translate(-12.000000, -15.000000) " points="19 8 19 22 5 22"></polyline> </g> </svg> </a> </div> </div> </div> <div class="div_card col-12 col-md-12 col-12"> <hr class="activity_separator"> <h3 class="activity_title">ACTIVIDADES RELACIONADAS</h3> <div class="card activity_card"> <b class="activity_resume">Conferencia La Favorite</b> <span class="activity_content">14 febrero'25 18:30</span> <span class="activity_content">Universidad de Deusto. Auditorio</span> <img src="/public/assets/image/Eva.jpg" style="width: 100%;"></img> <span class="activity_type"><p style="text-align: justify; "><span style="font-size: 1rem;">Ponente: </span><b style="font-size: 1rem;">Eva Sandoval</b><span style="font-size: 1rem;">.</span></p><p style="text-align: justify; ">Biografía: Musicóloga e informadora de Radio Clásica de RTVE desde 2008. Ha presentado programas como Té para tres, Grandes ciclos, Música viva o Estudio 206. En la actualidad dirige junto a Clara Sánchez el magazine Café Zimmermann, con entrevistas y actuaciones musicales en directo, y el espacio de cultura contemporánea Miramondo multiplo, junto a José Luis Besada. Participa como presentadora de los conciertos de la Orquesta Sinfónica y Coro RTVE en Los conciertos de La 2 y de óperas en El palco, así como en otros eventos musicales televisados. Colabora en revistas de divulgación musical, escribe regularmente notas al programa para las principales instituciones musicales españolas, presenta conciertos, imparte conferencias, ejerce como moderadora o participante de mesas redondas y presenta discos de música clásica. </p><p style="text-align: justify; "><br></p></span> </div> </hr> </div> </div> <script type="text/javascript"> function openShareModal(){ $('#modalShare').modal('show'); } </script> <!-- DEBUG-VIEW ENDED 3 ROOTPATH/Modules/AbaoObras/Views/right_container.php --> </div> </div> </div> <!-- DEBUG-VIEW ENDED 5 ROOTPATH/Modules/AbaoObras/Views/play_template.php --> <div id="igng" class="g-0 container footer_container escritorio"><div id="icuyj" class="row"><div id="iygeu" class="col"><div id="iuxo1"><a href="/es/modalidades-y-ventajas" id="irmu"><button type="button" id="i28z" class="buy">APOYA ABAO</button></a></div></div><div id="ijo6b" class="col"><div id="ijszr"><a href="/es/ventajas-hazte-socio" id="in4kv"><button type="button" id="i1ipp" class="buy">HAZTE SOCIO</button></a></div></div></div><div id="ipe2w4" class="row"><div id="ia65q" class="abao_logo col-md-2 col-12 col-lg-2"><img src="/assets/pagebuilder/PageBuilderIMG_1251968863.png" id="if2g2" class="img-fluid"/></div><div id="i0sii" class="col-md-auto col-12"><div id="iv4un"><div id="ilotk"><!-- DEBUG-VIEW START 8 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/temporada-2024-2025"><i class="empty"></i>La Temporada</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/abao-txiki-2024-2025"><i class="empty"></i>ABAO Txiki 24-25</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/conciertos-y-recitales"><i class="empty"></i>Conciertos</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/patrocinadores"><i class="empty"></i>Patrocinadores</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/quienes-somos"><i class="empty"></i>Quiénes somos</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 8 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div></div><div id="ivb5h" class="col-md-auto col-12"><div id="isymj"><!-- DEBUG-VIEW START 9 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="https://abao.shop.secutix.com/list/events"><i class="empty"></i>Comprar entradas</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/regala-opera"><i class="empty"></i>Regala Abao</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/abonos-temporada"><i class="empty"></i>Abonos</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/socios"><i class="empty"></i>Mi área</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 9 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div><div id="ienqu" class="col-md-auto col-12"><div id="i5rj7"><!-- DEBUG-VIEW START 10 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="https://abao.shop.secutix.com/selection/service?productId=102042679566"><i class="empty"></i>Donar</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/ubicaciones"><i class="empty"></i>Cómo llegar</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/faqs"><i class="empty"></i>FAQs</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/contacto"><i class="empty"></i>Contacto</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/prensa"><i class="empty"></i>Sala de prensa</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 10 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div><div id="ivs3rt" class="follow col-sm-12 col-12 col-md"><div id="i4pn9">Síguenos en: <br/></div><a href="https://www.facehttps://www.facebook.com/ABAOopera" target="_blank" id="izjsm"><img src="/assets/pagebuilder/PageBuilderIMG_327667079.png" id="i9cbh" class="footer_icon"/></a><a href="https://twitter.com/ABAOBilbaoOpera" target="_blank" id="ip9aj"><img src="/assets/pagebuilder/PageBuilderIMG_1775065142.png" id="if72m" class="footer_icon"/></a><a href="https://www.instagram.com/abaobilbaoopera/" target="_blank" id="iuhoe"><img src="/assets/pagebuilder/PageBuilderIMG_1479896659.png" id="ijq4x" class="footer_icon"/></a><a href="https://www.abao.org/podcast.xml" target="_blank" id="i0jpe"><img src="/assets/pagebuilder/PageBuilderIMG_788162233.png" id="iha9i" class="footer_icon"/></a><a target="_blank" id="i1ga3"><img src="/assets/pagebuilder/PageBuilderIMG_1656931764.png" id="ikm5m" class="footer_icon"/></a><div id="i9fymu"><div draggable="true" id="ixkh91"><div><div><div id="ihg5jp"><a draggable="true" data-highlightable="1" href="/es/aviso-legal/" class="link footer_link">Aviso legal</a> | <a draggable="true" data-highlightable="1" href="/es/politica-privacidad" class="link footer_link">Política de privacidad</a> | <a draggable="true" data-highlightable="1" href="/es/uso-cookies" class="link footer_link">Uso de cookies</a></div></div></div></div></div></div></div><div id="iu6ka" class="row"><div id="i4go2" class="col"><div id="i845l">Agradecemos la colaboración de nuestros <b draggable="true" data-highlightable="1">patrocinadores </b>y <b draggable="true" data-highlightable="1">mecenas</b> por su apoyo: </div></div></div><div id="iqz32" class="row"><div id="i1m8a" class="row"><div class="col"><div id="i8dsc">  <!-- DEBUG-VIEW START 11 ROOTPATH/Modules/AbaoPatrocinadores/Views/footer_sponsors.php --> <div class="sponsors"> <div class="sponsors-carousel"> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fbbva.es/"><img src="/public/assets/image/bbva_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.euskadi.eus/gobierno-vasco/departamento-educacion/"><img src="/public/assets/image/GV.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.legebiltzarra.eus/portal/web/eusko-legebiltzarra"><img src="/public/assets/image/Parlamento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.laboralkutxa.com/es/particulares"><img src="/public/assets/image/Laboral Kutxa.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://portal.kutxabank.es/cs/Satellite/kb/es/particulares"><img src="/public/assets/image/Kutxabank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.culturaydeporte.gob.es/portada.html"><img src="/public/assets/image/Inaem.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://jjggbizkaia.eus/eu/hasierea"><img src="/public/assets/image/JuntasGenerales.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.sidenor.com/es/"><img src="/public/assets/image/Sidenor.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/LOGOTIPO ZABALGARBI a color.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://web.bizkaia.eus/es/inicio"><img src="/public/assets/image/Diputacion.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fundacionacs.com/"><img src="/public/assets/image/Captura de pantalla 2022-05-18 090744.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://petronor.eus/es/"><img src="/public/assets/image/Logo_Petronor_Color_Vertical.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.bilbao.eus/cs/Satellite?language=es&pagename=Bilbaonet%2FPage%2FBIO_home"><img src="/public/assets/image/Ayuntamiento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.elcorreo.com/"><img src="/public/assets/image/El Correo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.dianacapital.com/language/es/home/"><img src="/public/assets/image/dianacapital.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bolsasymercados.es/esp/Home"><img src="/public/assets/image/Bolsa de Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.idealista.com/"><img src="/public/assets/image/idealista.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IMQ-Cuidamos de ti-cas.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/TUBACEX.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Fundiciones_del_Estanda.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.perodri.es/"><img src="/public/assets/image/perodri.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.totalenergies.es/es/hogares"><img src="/public/assets/image/TotalEnergies.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.alantra.com/"><img src="/public/assets/image/alantra567.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.familiamartinezzabala.com/"><img src="/public/assets/image/Bodegas Campillo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bbk.eus/en/"><img src="/public/assets/image/LOGOTIPO_bbk.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://cadenaser.com/"><img src="/public/assets/image/Ser Radio Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.deia.eus/"><img src="/public/assets/image/Deia.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.naiz.eus/es/hemeroteca/gara"><img src="/public/assets/image/gara.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.caixabank.es/particular/home/particulares_es.html"><img src="/public/assets/image/Logo CaixaBank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://samperimpresores.com/"><img src="/public/assets/image/GrupoGraficoGarcinuno.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ree.es/es"><img src="/public/assets/image/REDELECTRICA_POS_RGB.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IBARRETA DENTAL.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.aranzazu-hoteles.com/"><img src="/public/assets/image/aranzazuhoteles.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://grupoarrasate.com/"><img src="/public/assets/image/GrupoArrrasate.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.contratasmedrano.net/"><img src="/public/assets/image/medrano.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bancamarch.es/es/ "><img src="/public/assets/image/Logo Banca March.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.club-deportivo.com/deportes/"><img src="/public/assets/image/ClubDeportivoBilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://bilbaomuseoa.eus/"><img src="/public/assets/image/MBBAA.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Deusto_castellano_euskera.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/UPV_EHU_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.rcmarsc.es/"><img src="/public/assets/image/RCMA_SRC.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://exclusivascircuito.es/"><img src="/public/assets/image/ExclusivasCircuito.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://lariadelocio.com/"><img src="/public/assets/image/lariaocio.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://radiopopular.com/"><img src="/public/assets/image/RadioPopular.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.cope.es/"><img src="/public/assets/image/Cope.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ondacero.es/"><img src="/public/assets/image/OndaCero.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.spend-in.com/"><img src="/public/assets/image/Spendin.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.berria.eus/"><img src="/public/assets/image/Berria.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/PT - Telefonica 100 Azul Positivo Horizontal.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Bizkaibus_CLAIM_CMYK.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fbbva.es/"><img src="/public/assets/image/bbva_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.euskadi.eus/gobierno-vasco/departamento-educacion/"><img src="/public/assets/image/GV.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.legebiltzarra.eus/portal/web/eusko-legebiltzarra"><img src="/public/assets/image/Parlamento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.laboralkutxa.com/es/particulares"><img src="/public/assets/image/Laboral Kutxa.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://portal.kutxabank.es/cs/Satellite/kb/es/particulares"><img src="/public/assets/image/Kutxabank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.culturaydeporte.gob.es/portada.html"><img src="/public/assets/image/Inaem.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://jjggbizkaia.eus/eu/hasierea"><img src="/public/assets/image/JuntasGenerales.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.sidenor.com/es/"><img src="/public/assets/image/Sidenor.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/LOGOTIPO ZABALGARBI a color.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://web.bizkaia.eus/es/inicio"><img src="/public/assets/image/Diputacion.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fundacionacs.com/"><img src="/public/assets/image/Captura de pantalla 2022-05-18 090744.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://petronor.eus/es/"><img src="/public/assets/image/Logo_Petronor_Color_Vertical.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.bilbao.eus/cs/Satellite?language=es&pagename=Bilbaonet%2FPage%2FBIO_home"><img src="/public/assets/image/Ayuntamiento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.elcorreo.com/"><img src="/public/assets/image/El Correo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.dianacapital.com/language/es/home/"><img src="/public/assets/image/dianacapital.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bolsasymercados.es/esp/Home"><img src="/public/assets/image/Bolsa de Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.idealista.com/"><img src="/public/assets/image/idealista.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IMQ-Cuidamos de ti-cas.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/TUBACEX.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Fundiciones_del_Estanda.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.perodri.es/"><img src="/public/assets/image/perodri.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.totalenergies.es/es/hogares"><img src="/public/assets/image/TotalEnergies.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.alantra.com/"><img src="/public/assets/image/alantra567.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.familiamartinezzabala.com/"><img src="/public/assets/image/Bodegas Campillo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bbk.eus/en/"><img src="/public/assets/image/LOGOTIPO_bbk.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://cadenaser.com/"><img src="/public/assets/image/Ser Radio Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.deia.eus/"><img src="/public/assets/image/Deia.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.naiz.eus/es/hemeroteca/gara"><img src="/public/assets/image/gara.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.caixabank.es/particular/home/particulares_es.html"><img src="/public/assets/image/Logo CaixaBank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://samperimpresores.com/"><img src="/public/assets/image/GrupoGraficoGarcinuno.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ree.es/es"><img src="/public/assets/image/REDELECTRICA_POS_RGB.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IBARRETA DENTAL.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.aranzazu-hoteles.com/"><img src="/public/assets/image/aranzazuhoteles.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://grupoarrasate.com/"><img src="/public/assets/image/GrupoArrrasate.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.contratasmedrano.net/"><img src="/public/assets/image/medrano.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bancamarch.es/es/ "><img src="/public/assets/image/Logo Banca March.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.club-deportivo.com/deportes/"><img src="/public/assets/image/ClubDeportivoBilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://bilbaomuseoa.eus/"><img src="/public/assets/image/MBBAA.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Deusto_castellano_euskera.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/UPV_EHU_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.rcmarsc.es/"><img src="/public/assets/image/RCMA_SRC.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://exclusivascircuito.es/"><img src="/public/assets/image/ExclusivasCircuito.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://lariadelocio.com/"><img src="/public/assets/image/lariaocio.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://radiopopular.com/"><img src="/public/assets/image/RadioPopular.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.cope.es/"><img src="/public/assets/image/Cope.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ondacero.es/"><img src="/public/assets/image/OndaCero.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.spend-in.com/"><img src="/public/assets/image/Spendin.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.berria.eus/"><img src="/public/assets/image/Berria.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/PT - Telefonica 100 Azul Positivo Horizontal.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Bizkaibus_CLAIM_CMYK.jpg"></img></a> </div> </div> </div> <style type="text/css"> /*.footer_sponsors_col{ position: relative; }*/ .footer_sponsors_col img{ height: auto; margin: 1.5rem; width: 70%; } /*.footer_sponsors_col .img_small{ position: absolute; top: 20px; left: 20px; }*/ .sponsors{ padding-left: 6rem; } *{ --sponsor_logo: invert(0%); } .dark *{ --sponsor_logo: invert(100%); } .sponsors { overflow: hidden; } .sponsors-carousel { display: flex; /* Asegúrate de actualizar la duración de la animación en función del número de elementos */ animation: scrolling 100s linear infinite; } .footer_sponsors_col { flex: 0 0 25%; padding: 0 10px; box-sizing: border-box; text-align: center; } @keyframes scrolling { 0% { transform: translateX(0%); } 50% { /* Asegúrate de que el valor del translateX coincida con el tamaño total del conjunto de elementos */ transform: translateX(-1250%); } 100% { transform: translateX(0%); } } </style> <script type="text/javascript"> /*$(document).ready(function() { let col=document.getElementsByClassName('footer_sponsors_col'); for(let i=0;i<col.length;i++){ var img=col[i].getElementsByTagName('img'); if(img[0].height<50){ img[0].classList.add('img_small'); }else if(img[0].height<100){ img[0].classList.add('img_medium'); } } })*/ </script> <!-- DEBUG-VIEW ENDED 11 ROOTPATH/Modules/AbaoPatrocinadores/Views/footer_sponsors.php --> </div><div id="ixi5l" class="contact"><span role="presentation" dir="ltr" id="i5ko7">ABAO Bilbao Opera - Asociación Bilbaina de amigos de la Ópera. Jose Maria Olabarri, 2</span><span role="presentation" dir="ltr" id="ir636">-</span><span role="presentation" dir="ltr" id="ikhjf">4 bajo. 48001 Bilbao, España. Tel: 944 355 100 | Fax: 944 355 101 | E-mail: abao@abao.org</span><br role="presentation"/><span role="presentation" dir="ltr" id="ipgxh">Copyright © 1953 - 2019. ABAO Bilbao Opera. Todos los derechos reservados. Powered by The Mood Project y La Kolmena Digital.</span></div></div></div></div></div><div id="il3rd5" class="g-0 container footer_container movil"><div id="igjvz" class="row"><div id="istau" class="col-12"><div id="iqlf5"><a href="/es/modalidades-y-ventajas"><button type="button" id="igl0a" class="buy">APOYA ABAO</button></a></div></div><div id="ioknb" class="col-12"><div id="il2sc"><a href="/es/ventajas-hazte-socio"><button type="button" id="is1gg" class="buy">HAZTE SOCIO</button></a></div></div></div><div id="iryrjt" class="row"><div id="iteuf" class="abao_logo col-12"><img src="/assets/pagebuilder/PageBuilderIMG_1251968863.png" id="ijxxw" class="img-fluid"/></div><div id="irvvq" class="col-12"><div id="iyfpp"><div id="ihe7f"><!-- DEBUG-VIEW START 8 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/temporada-2024-2025"><i class="empty"></i>La Temporada</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/abao-txiki-2024-2025"><i class="empty"></i>ABAO Txiki 24-25</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/temporadas/conciertos-y-recitales"><i class="empty"></i>Conciertos</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/patrocinadores"><i class="empty"></i>Patrocinadores</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/quienes-somos"><i class="empty"></i>Quiénes somos</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 8 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div></div><div id="i6hk9" class="col-12"><div id="iudre"><!-- DEBUG-VIEW START 9 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="https://abao.shop.secutix.com/list/events"><i class="empty"></i>Comprar entradas</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/regala-opera"><i class="empty"></i>Regala Abao</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/abonos-temporada"><i class="empty"></i>Abonos</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/socios"><i class="empty"></i>Mi área</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 9 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div><div id="iorw5w" class="col-12"><div id="ixgz8"><!-- DEBUG-VIEW START 10 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> <ul class="vertical_menu"> <li class=""><a class="" style="padding:10px;" aria-current="page" href="https://abao.shop.secutix.com/selection/service?productId=102042679566"><i class="empty"></i>Donar</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/ubicaciones"><i class="empty"></i>Cómo llegar</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/faqs"><i class="empty"></i>FAQs</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/contacto"><i class="empty"></i>Contacto</a></li><li class=""><a class="" style="padding:10px;" aria-current="page" href="/es/prensa"><i class="empty"></i>Sala de prensa</a></li> </ul> <style> .vertical_menu{ list-style: none; font-size: 13px; font-weight: 600; border-left: 1px solid var(--font); margin-bottom: 0; padding-left: 1rem; height: 85%; } .vertical_menu li{ padding-bottom: 10px; } .vertical_menu li a{ color: var(--font)!important; } *{ --font: black; } .dark *{ --font: white; } </style> <!-- DEBUG-VIEW ENDED 10 ROOTPATH/Modules/ThorMenus/Views/simple_vertical.php --> </div></div><div id="inxukl" class="follow col-sm-12 col-12 col-md"><div id="iox0u1">Síguenos en: <br/></div><a href="https://www.facebook.com/ABAOopera" target="_blank" id="i1x26c"><img src="/assets/pagebuilder/PageBuilderIMG_327667079.png" id="i7d9q3" class="footer_icon"/></a><a href="https://twitter.com/ABAOBilbaoOpera" target="_blank" id="i8u91x"><img src="/assets/pagebuilder/PageBuilderIMG_1775065142.png" id="ivhz8w" class="footer_icon"/></a><a href="https://www.instagram.com/abaobilbaoopera/" target="_blank" id="if11vo"><img src="/assets/pagebuilder/PageBuilderIMG_1479896659.png" id="i75aw4" class="footer_icon"/></a><a href="https://www.abao.org/podcast.xml" target="_blank" id="izm5jk"><img src="/assets/pagebuilder/PageBuilderIMG_788162233.png" id="iht80j" class="footer_icon"/></a><a target="_blank" id="ietozd"><img src="/assets/pagebuilder/PageBuilderIMG_1656931764.png" id="i4p2bq" class="footer_icon"/></a><div id="ii16el"><div draggable="true" id="itp0u9"><div><div><div id="i1gzqk"><a draggable="true" data-highlightable="1" href="/es/aviso-legal/" class="link footer_link">Aviso legal</a> | <a draggable="true" data-highlightable="1" href="/es/politica-privacidad" class="link footer_link">Política de privacidad</a> | <a draggable="true" data-highlightable="1" href="/es/uso-cookies" class="link footer_link">Uso de cookies</a></div></div></div></div></div></div></div><div id="ij35rk" class="row"><div class="col"><div id="ia9c9v">Agradecemos la colaboración de nuestros <b draggable="true" data-highlightable="1">patrocinadores </b>y <b draggable="true" data-highlightable="1">mecenas</b> por su apoyo: </div></div></div><div id="iwwj4k" class="row"><div class="row"><div class="col"><div id="i9vzay">  <!-- DEBUG-VIEW START 11 ROOTPATH/Modules/AbaoPatrocinadores/Views/footer_sponsors.php --> <div class="sponsors"> <div class="sponsors-carousel"> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fbbva.es/"><img src="/public/assets/image/bbva_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.euskadi.eus/gobierno-vasco/departamento-educacion/"><img src="/public/assets/image/GV.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.legebiltzarra.eus/portal/web/eusko-legebiltzarra"><img src="/public/assets/image/Parlamento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.laboralkutxa.com/es/particulares"><img src="/public/assets/image/Laboral Kutxa.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://portal.kutxabank.es/cs/Satellite/kb/es/particulares"><img src="/public/assets/image/Kutxabank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.culturaydeporte.gob.es/portada.html"><img src="/public/assets/image/Inaem.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://jjggbizkaia.eus/eu/hasierea"><img src="/public/assets/image/JuntasGenerales.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.sidenor.com/es/"><img src="/public/assets/image/Sidenor.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/LOGOTIPO ZABALGARBI a color.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://web.bizkaia.eus/es/inicio"><img src="/public/assets/image/Diputacion.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fundacionacs.com/"><img src="/public/assets/image/Captura de pantalla 2022-05-18 090744.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://petronor.eus/es/"><img src="/public/assets/image/Logo_Petronor_Color_Vertical.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.bilbao.eus/cs/Satellite?language=es&pagename=Bilbaonet%2FPage%2FBIO_home"><img src="/public/assets/image/Ayuntamiento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.elcorreo.com/"><img src="/public/assets/image/El Correo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.dianacapital.com/language/es/home/"><img src="/public/assets/image/dianacapital.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bolsasymercados.es/esp/Home"><img src="/public/assets/image/Bolsa de Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.idealista.com/"><img src="/public/assets/image/idealista.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IMQ-Cuidamos de ti-cas.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/TUBACEX.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Fundiciones_del_Estanda.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.perodri.es/"><img src="/public/assets/image/perodri.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.totalenergies.es/es/hogares"><img src="/public/assets/image/TotalEnergies.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.alantra.com/"><img src="/public/assets/image/alantra567.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.familiamartinezzabala.com/"><img src="/public/assets/image/Bodegas Campillo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bbk.eus/en/"><img src="/public/assets/image/LOGOTIPO_bbk.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://cadenaser.com/"><img src="/public/assets/image/Ser Radio Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.deia.eus/"><img src="/public/assets/image/Deia.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.naiz.eus/es/hemeroteca/gara"><img src="/public/assets/image/gara.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.caixabank.es/particular/home/particulares_es.html"><img src="/public/assets/image/Logo CaixaBank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://samperimpresores.com/"><img src="/public/assets/image/GrupoGraficoGarcinuno.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ree.es/es"><img src="/public/assets/image/REDELECTRICA_POS_RGB.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IBARRETA DENTAL.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.aranzazu-hoteles.com/"><img src="/public/assets/image/aranzazuhoteles.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://grupoarrasate.com/"><img src="/public/assets/image/GrupoArrrasate.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.contratasmedrano.net/"><img src="/public/assets/image/medrano.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bancamarch.es/es/ "><img src="/public/assets/image/Logo Banca March.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.club-deportivo.com/deportes/"><img src="/public/assets/image/ClubDeportivoBilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://bilbaomuseoa.eus/"><img src="/public/assets/image/MBBAA.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Deusto_castellano_euskera.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/UPV_EHU_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.rcmarsc.es/"><img src="/public/assets/image/RCMA_SRC.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://exclusivascircuito.es/"><img src="/public/assets/image/ExclusivasCircuito.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://lariadelocio.com/"><img src="/public/assets/image/lariaocio.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://radiopopular.com/"><img src="/public/assets/image/RadioPopular.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.cope.es/"><img src="/public/assets/image/Cope.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ondacero.es/"><img src="/public/assets/image/OndaCero.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.spend-in.com/"><img src="/public/assets/image/Spendin.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.berria.eus/"><img src="/public/assets/image/Berria.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/PT - Telefonica 100 Azul Positivo Horizontal.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Bizkaibus_CLAIM_CMYK.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fbbva.es/"><img src="/public/assets/image/bbva_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.euskadi.eus/gobierno-vasco/departamento-educacion/"><img src="/public/assets/image/GV.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.legebiltzarra.eus/portal/web/eusko-legebiltzarra"><img src="/public/assets/image/Parlamento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.laboralkutxa.com/es/particulares"><img src="/public/assets/image/Laboral Kutxa.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://portal.kutxabank.es/cs/Satellite/kb/es/particulares"><img src="/public/assets/image/Kutxabank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.culturaydeporte.gob.es/portada.html"><img src="/public/assets/image/Inaem.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://jjggbizkaia.eus/eu/hasierea"><img src="/public/assets/image/JuntasGenerales.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.sidenor.com/es/"><img src="/public/assets/image/Sidenor.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/LOGOTIPO ZABALGARBI a color.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://web.bizkaia.eus/es/inicio"><img src="/public/assets/image/Diputacion.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.fundacionacs.com/"><img src="/public/assets/image/Captura de pantalla 2022-05-18 090744.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://petronor.eus/es/"><img src="/public/assets/image/Logo_Petronor_Color_Vertical.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.bilbao.eus/cs/Satellite?language=es&pagename=Bilbaonet%2FPage%2FBIO_home"><img src="/public/assets/image/Ayuntamiento.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.elcorreo.com/"><img src="/public/assets/image/El Correo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.dianacapital.com/language/es/home/"><img src="/public/assets/image/dianacapital.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bolsasymercados.es/esp/Home"><img src="/public/assets/image/Bolsa de Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.idealista.com/"><img src="/public/assets/image/idealista.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IMQ-Cuidamos de ti-cas.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/TUBACEX.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Fundiciones_del_Estanda.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.perodri.es/"><img src="/public/assets/image/perodri.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.totalenergies.es/es/hogares"><img src="/public/assets/image/TotalEnergies.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.alantra.com/"><img src="/public/assets/image/alantra567.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.familiamartinezzabala.com/"><img src="/public/assets/image/Bodegas Campillo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bbk.eus/en/"><img src="/public/assets/image/LOGOTIPO_bbk.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://cadenaser.com/"><img src="/public/assets/image/Ser Radio Bilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.deia.eus/"><img src="/public/assets/image/Deia.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.naiz.eus/es/hemeroteca/gara"><img src="/public/assets/image/gara.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.caixabank.es/particular/home/particulares_es.html"><img src="/public/assets/image/Logo CaixaBank.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://samperimpresores.com/"><img src="/public/assets/image/GrupoGraficoGarcinuno.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ree.es/es"><img src="/public/assets/image/REDELECTRICA_POS_RGB.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/IBARRETA DENTAL.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.aranzazu-hoteles.com/"><img src="/public/assets/image/aranzazuhoteles.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://grupoarrasate.com/"><img src="/public/assets/image/GrupoArrrasate.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.contratasmedrano.net/"><img src="/public/assets/image/medrano.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.bancamarch.es/es/ "><img src="/public/assets/image/Logo Banca March.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.club-deportivo.com/deportes/"><img src="/public/assets/image/ClubDeportivoBilbao.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://bilbaomuseoa.eus/"><img src="/public/assets/image/MBBAA.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Deusto_castellano_euskera.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/UPV_EHU_logo.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.rcmarsc.es/"><img src="/public/assets/image/RCMA_SRC.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://exclusivascircuito.es/"><img src="/public/assets/image/ExclusivasCircuito.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://lariadelocio.com/"><img src="/public/assets/image/lariaocio.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://radiopopular.com/"><img src="/public/assets/image/RadioPopular.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.cope.es/"><img src="/public/assets/image/Cope.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.ondacero.es/"><img src="/public/assets/image/OndaCero.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="https://www.spend-in.com/"><img src="/public/assets/image/Spendin.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href="http://www.berria.eus/"><img src="/public/assets/image/Berria.jpg"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/PT - Telefonica 100 Azul Positivo Horizontal.png"></img></a> </div> <div class="col-lg-3 col-md-6 footer_sponsors_col"> <a href=""><img src="/public/assets/image/Logo_Bizkaibus_CLAIM_CMYK.jpg"></img></a> </div> </div> </div> <style type="text/css"> /*.footer_sponsors_col{ position: relative; }*/ .footer_sponsors_col img{ height: auto; margin: 1.5rem; width: 70%; } /*.footer_sponsors_col .img_small{ position: absolute; top: 20px; left: 20px; }*/ .sponsors{ padding-left: 6rem; } *{ --sponsor_logo: invert(0%); } .dark *{ --sponsor_logo: invert(100%); } .sponsors { overflow: hidden; } .sponsors-carousel { display: flex; /* Asegúrate de actualizar la duración de la animación en función del número de elementos */ animation: scrolling 100s linear infinite; } .footer_sponsors_col { flex: 0 0 25%; padding: 0 10px; box-sizing: border-box; text-align: center; } @keyframes scrolling { 0% { transform: translateX(0%); } 50% { /* Asegúrate de que el valor del translateX coincida con el tamaño total del conjunto de elementos */ transform: translateX(-1250%); } 100% { transform: translateX(0%); } } </style> <script type="text/javascript"> /*$(document).ready(function() { let col=document.getElementsByClassName('footer_sponsors_col'); for(let i=0;i<col.length;i++){ var img=col[i].getElementsByTagName('img'); if(img[0].height<50){ img[0].classList.add('img_small'); }else if(img[0].height<100){ img[0].classList.add('img_medium'); } } })*/ </script> <!-- DEBUG-VIEW ENDED 11 ROOTPATH/Modules/AbaoPatrocinadores/Views/footer_sponsors.php --> </div><div id="iewksn" class="contact"><span role="presentation" dir="ltr" id="iqixfc">ABAO Bilbao Opera - Asociación Bilbaina de amigos de la Ópera. Jose Maria Olabarri, 2</span><span role="presentation" dir="ltr" id="irrs9j">-</span><span role="presentation" dir="ltr" id="i6zg8i">4 bajo. 48001 Bilbao, España. Tel: 944 355 100 | Fax: 944 355 101 | E-mail: abao@abao.org</span><br role="presentation"/><span role="presentation" dir="ltr" id="ivzfyg">Copyright © 1953 - 2019. ABAO Bilbao Opera. Todos los derechos reservados. Powered by The Mood Project y La Kolmena Digital.</span></div></div></div></div></div><style type="text/css">* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;--font:black;--background-color:white;--background-image:invert(0%);--sponsor:black;--logo:invert(0%);}body{margin:0;}.col.menu{margin:12% 0 0 0;min-height:auto;}.col.follow{margin:11% 0 0 0;padding:0 110px 0 12px;min-width:100px;}.follow{width:auto;margin:0 0 0 0;padding:0 12px 0 12px;min-width:100px;}.col-md-2.menu{margin:11% 0 0 0;min-height:auto;width:17.667%;}.link.footer_link{margin:0 2px 0 2px;padding:0 4px 0 4px;}.footer_link{color:gray !important;text-decoration:none;}.footer_link:hover{color:gray !important;}.contact{color:var(--font);}.footer_icon{border-radius:50% 50% 50% 50%;max-width:20%;max-height:20%;height:24.3333px;width:24.533299999999997px;margin:0 5px 0 0;filter:var(--logo);}#igng{font-family:'Graphik Web';background-color:var(--background-color);}#iqz32{min-height:134px;}#ixi5l{padding:10px;text-align:center;}#i5ko7{left:403.255px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.02479);}#ir636{left:927.949px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;}#ikhjf{left:932.658px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.02481);}#ipgxh{left:545.419px;top:6902.69px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.03847);}.col-md-2 .menu{margin:11% 0 0 0;min-height:auto;width:17.667%;}.dark *{--font:white;--background-color:black;--background-image:invert(100%);--sponsor:#89CFF0;--logo:invert(100%);}#i8w9 #isqi{max-height:20%;margin:10% 0 0 0;}#icuyj{min-height:0;margin:50px -12px 0 -12px;}#i8dsc{padding:10px;text-align:center;}#iv4un{padding:10px;}#i0sii{max-height:5%;}#isymj{padding:10px;}#ivb5h{max-height:20%;}#i5rj7{padding:10px;}#ienqu{max-height:20%;}#i4pn9{padding:10px;font-size:14px;display:inline-block;margin:0 0 0 0;}#i9cbh{max-width:100%;max-height:100%;}#izjsm{display:inline-block;}#if72m{max-width:100%;max-height:100%;}#ip9aj{display:inline-block;}#ijq4x{max-width:100%;max-height:100%;}#iuhoe{display:inline-block;}#iha9i{max-width:100%;max-height:100%;}#i0jpe{display:inline-block;}#ikm5m{max-width:100%;max-height:100%;}#i1ga3{display:inline-block;}#ihg5jp{text-align:left;margin:0 0 0 0;}#ixkh91{text-align:left;}#i9fymu{padding:10px;font-size:11px;color:#8f98a2;text-align:right;}#if2g2{margin:0 0 0 0;width:100%;filter:var(--logo);}#ia65q{margin:35px 0 0 0;}#i845l{padding:10px;text-align:center;margin:3% 0 0 0;color:var(--sponsor);font-size:14px;}#iu6ka{min-height:0;}#ijszr{padding:10px;text-align:center;margin:2% 0 2% 0;color:var(--sponsor);font-size:14px;float:left;}#iuxo1{padding:10px;text-align:center;margin:2% 0 2% 0;color:var(--sponsor);width:auto;float:right;}#iqlf5{padding:10px;text-align:center;margin:2% 0 2% 0;color:var(--sponsor);float:right;width:100%;}#il2sc{padding:10px;text-align:center;margin:2% 0 2% 0;color:var(--sponsor);font-size:14px;float:left;width:100%;}#igjvz{min-height:0;margin:50px -12px 0 -12px;}#ijxxw{margin:0 0 0 0;width:auto;filter:var(--logo);padding:20px 0 0 0;}#iteuf{padding:0 12px 0 12px;text-align:center;}#iyfpp{padding:10px;}#irvvq{max-height:5%;}#iudre{padding:10px;text-align:center;}#i6hk9{max-height:20%;}#ixgz8{padding:10px;text-align:center;}#iorw5w{max-height:20%;}#iox0u1{padding:10px;font-size:14px;display:inline-block;margin:0 0 0 0;}#i7d9q3{max-width:100%;max-height:100%;}#i1x26c{display:inline-block;}#ivhz8w{max-width:100%;max-height:100%;}#i8u91x{display:inline-block;}#i75aw4{max-width:100%;max-height:100%;}#if11vo{display:inline-block;}#iht80j{max-width:100%;max-height:100%;}#izm5jk{display:inline-block;}#i4p2bq{max-width:100%;max-height:100%;}#ietozd{display:inline-block;}#i1gzqk{text-align:center;margin:0 0 0 0;}#itp0u9{text-align:left;}#ii16el{padding:10px;font-size:11px;color:#8f98a2;text-align:center;}#ia9c9v{padding:10px;text-align:center;margin:3% 0 0 0;color:var(--sponsor);font-size:14px;}#ij35rk{min-height:0;}#i9vzay{padding:10px;text-align:center;}#iqixfc{left:403.255px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.02479);}#irrs9j{left:927.949px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;}#i6zg8i{left:932.658px;top:6871.64px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.02481);}#ivzfyg{left:545.419px;top:6902.69px;font-size:12.9375px;font-family:sans-serif;transform:scaleX(1.03847);}#iewksn{padding:10px;text-align:center;}#iwwj4k{min-height:134px;}#il3rd5{font-family:'Graphik Web';background-color:var(--background-color);}#ioknb{text-align:center;}#igl0a{width:90%;margin:0 10px 10px 0;}#is1gg{width:90%;margin:0 10px 10px 0;}#inxukl{text-align:center;}#ihe7f{text-align:center;}</style><!-- DEBUG-VIEW START 16 APPPATH/Views/foot.php --> <script type="text/javascript" defer></script> <script type="text/javascript"> /*$('.select2').select2({ theme: "bootstrap-5", placeholder: $(this).data('placeholder'), allowClear: true, containerCssClass: "select2--small", // For Select2 v4.0 selectionCssClass: "select2--small", // For Select2 v4.1 dropdownCssClass: "select2--small", ajax: { url: '', dataType: 'json' // Additional AJAX parameters go here; see the end of this chapter for the full code of this example } });*/ function successMSJ(msj=false){ if(msj){ toastr.success(msj); }else{ toastr.success('Acción realizada correctamente'); } } function infoMSJ(msj=false) { if(msj){ toastr.info(msj); }else{ toastr.info('Info'); } } function errorMSJ(msj=false) { if(msj){ toastr.error(msj); }else{ toastr.error('Algo ha salido mal'); } } function warningMSJ(msj=false) { if(msj){ toastr.warning(msj); }else{ toastr.warning('¡Atención!'); } } window.onscroll = function() { stickNav(); }; //const header = document.getElementById("header"); var nav = document.getElementById("menu_container"); function stickNav() { if(!nav){nav = document.getElementById("menu_container");} var sticky = 2; if (window.pageYOffset >= sticky) { nav.classList.add("sticky"); } else { nav.classList.remove("sticky"); } console.log("LOG"+sticky); } </script> </body> </html> <!-- DEBUG-VIEW ENDED 16 APPPATH/Views/foot.php -->

Pages: 1 2 3 4 5 6 7 8 9 10