ABAO-OLBE

<!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="">  <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>   <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">   <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>  <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>  <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" />  <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>  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">  <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>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZQD4KF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="dana" style="position: relative;">   <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">  <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>  <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">  <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422165&lang=es" class="mega-nav__sub-link"> Il Trittico </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li>  <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422166&lang=es" class="mega-nav__sub-link"> Tristan und Isolde </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li>  <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>  <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>  <li class="mega-nav__sub-item"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486470&lang=es" class="mega-nav__sub-link"> D'Artagnan y los jóvenes mosqueteros </a> </li> <li class="mega-nav__label"> <span class="separator"></span> </li>  <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>  <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>  <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>  <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>  </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>  </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>  </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>  </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>  <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>  <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>  </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>  </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>  </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>  </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">  <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">  <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422165&lang=es" class="dropdown__item"> Il Trittico </a> </li> <li class="dropdown__separator" role="separator"></li>  <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422166&lang=es" class="dropdown__item"> Tristan und Isolde </a> </li> <li class="dropdown__separator" role="separator"></li>  <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>  <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>  <li><a href="https://abao.shop.secutix.com/selection/event/date?productId=10229230486470&lang=es" class="dropdown__item"> D'Artagnan y los jóvenes mosqueteros </a> </li> <li class="dropdown__separator" role="separator"></li>  <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>  <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>  <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/il-trittico" class="dropdown__item">EN</a></li> <li><a href="/eu/abaoobras/il-trittico" 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>  <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">  </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>   <div class="container-fluid g-0" id="slider_container">  <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/Il_Trittico_icono.jpg);"> <div class="autor">GIACOMO PUCCINI</div> <div class="titulo">IL TRITTICO</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/Il_Trittico_icono.jpg);"> <div class="autor">GIACOMO PUCCINI</div> <div class="titulo">IL TRITTICO</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=10228959422165&lang=es"> <button type="button" class="ancho buy"> Comprar entradas </button> </a> </div> </div> </div>  </div> <div class="container-fluid"> <div class="row"> <div class="col-md-12 col-lg-9 col-12 main" id="main_container">    <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; ">El 29 de noviembre se conmemora el centenario del fallecimiento de Giacomo Puccini, un genio musical absoluto, una personalidad única e inclasificable y un maestro teatral cuyas óperas están entre las obras maestras imprescindibles de la historia de la lírica, y sus personajes y heroínas entre las más célebres y populares. Para conmemorar esta efeméride, ABAO programa de forma íntegra por primera vez en su historia Il Trittico, con el patrocinio de la Fundación BBVA. </p><p style="text-align: justify; ">Con la muerte como hilo conductor, Il Trittico es una trilogía de tres óperas cortas: Il Tabarro, Suor Angelica y Gianni Schicchi. Inspirándose en la Divina Comedia de Dante Alighieri, Puccini quería que Il Tabarro, trágica y verista, representara el infierno; Suor Angelica, melancólica y lírica el purgatorio; y Gianni Schicchi el cielo, en forma de comedia. </p><p style="text-align: justify; ">Vocalmente, las tres obras contienen exigencias para los cantantes que participan en ellas y en esta tríada operística participan solistas de la talla de Carlos Álvarez, Ángeles Blancas, Marco Berti, Chiara Isotton, Karita Mattila, Ioan Hotea, Stefano Palatchi, Ana Ibarra, Anna Gomá, Sofía Esparza, o Itziar de Unda, entre los 29 intérpretes participantes en este auténtico tour de force artístico. </p><p style="text-align: justify; ">Pedro Halffter al frente de la Orquesta Sinfónica de Navarra, será el encargado de dirigir el intenso e increíble lenguaje orquestal y la inmensa paleta expresiva, llena de colores y texturas, que aglutinan tres partituras de ritmo trepidante y enormes contrastes dramáticos. </p><p style="text-align: justify; ">En escena el estreno de una gran producción de ABAO Bilbao Opera, firmada por Paco Azorín que presenta las tres óperas de forma creativa recreando tres cuadros individuales con una impactante escenografía en movimiento, donde iluminación y proyecciones cobran un papel relevante inspirado en el neorrealismo italiano. </p><p style="text-align: justify; "><br></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_10.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"><h4><b><u>IL TABARRO </u></b></h4><p style=""><b>Michele</b>: Carlos Álvarez<br><b style="font-size: 1rem;">Giorgetta</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ángeles Blancas<br></span><b style="font-size: 1rem;">Luigi</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Marco Berti<br></span><b style="font-size: 1rem;">Frugola</b><span style="font-size: 1rem;">: </span><b style="font-size: 1rem;"> </b> <span style="font-size: 1rem;">Ana Ibarra<br></span><b style="font-size: 1rem;">Talpa</b><span style="font-size: 1rem;">: </span><b style="font-size: 1rem;"> </b> <span style="font-size: 1rem;">Stefano Palatchi<br></span><b style="font-size: 1rem;">Tinca</b><span style="font-size: 1rem;">: </span><b style="font-size: 1rem;"> </b> <span style="font-size: 1rem;">Igor Peral<br></span><b style="font-size: 1rem;">Un venditore di canzonette</b><span style="font-size: 1rem;">:</span><b style="font-size: 1rem;"> </b><span style="font-size: 1rem;">J</span><span style="font-size: 1rem;">osu Cabrero<br></span><b style="font-size: 1rem;">Amante 1</b><span style="font-size: 1rem;">: </span><b style="font-size: 1rem;"> </b> <span style="font-size: 1rem;">Sofía Esparza<br></span><b style="font-size: 1rem;">Amante 2</b><span style="font-size: 1rem;">: </span><b style="font-size: 1rem;"> </b> Ioan Hotea<b>*</b></p><p><b><br></b></p><p><b style="color: inherit; font-family: inherit; font-size: 1.5rem;"><u>SUOR ANGELICA</u></b><br></p><p><b>Suor Angelica</b>: Chiara Isotton<b>*</b><br><b style="font-size: 1rem;">La zia Principessa</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Karita Mattila<b>*<br></b></span><b style="font-size: 1rem;">La Badessa</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ana Ibarra<br></span><b style="font-size: 1rem;">La suora zelatrice</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Anna Gomà<br></span><b style="font-size: 1rem;">La maestra delle novizie</b><span style="font-size: 1rem;">: </span> I<span style="font-size: 1rem;">txaro Mentxaka<br></span><b style="font-size: 1rem;">Suor Genovieffa</b><span style="font-size: 1rem;">: </span> Naroa Intxausti<span style="font-size: 1rem;"><br></span><b style="font-size: 1rem;">Suor Osmina</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Angéline Danel<b>*<br></b></span><b style="font-size: 1rem;">Suor Dolcina</b><span style="font-size: 1rem;">: </span> Adhara Martínez<b>*</b><span style="font-size: 1rem;"><br></span><b style="font-size: 1rem;">La suora infirmiera</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Marifé Nogales<br></span><b style="font-size: 1rem;">Cercatrice 1</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Marta Ubieta<br></span><b style="font-size: 1rem;">Cercatrice 2</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Eider Torrijos<br></span><b style="font-size: 1rem;">Novizia</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ana Sagastizábal<br></span><b style="font-size: 1rem;">Conversa 1</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Olga Revuelta<br></span><b style="font-size: 1rem;">Conversa 2</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ainhoa Zubillaga</span></p><p><br></p><p> </p><h4><b><u>GIANNI SCHICCHI </u></b></h4><p><b>Gianni Schicchi</b>: Carlos Álvarez<br><b style="font-size: 1rem;">Lauretta</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Sofía Esparza<br></span><b style="font-size: 1rem;">Rinuccio</b><span style="font-size: 1rem;">: </span> Ioan Hotea<span style="font-size: 1rem;"><br></span><b style="font-size: 1rem;">Zita</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ana Ibarra<br></span><b style="font-size: 1rem;">Gherardo</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Josu Cabrero<br></span><b style="font-size: 1rem;">Nella</b><span style="font-size: 1rem;">: </span> Naroa Intxausti<span style="font-size: 1rem;"><br></span><b style="font-size: 1rem;">Gherardino</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Niño<br></span><b style="font-size: 1rem;">Betto di Signa</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Isaac Galán<br></span><b style="font-size: 1rem;">Simone</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Stefano Palatchi<br></span><b style="font-size: 1rem;">Marco</b><span style="font-size: 1rem;">: </span> J<span style="font-size: 1rem;">osé Manuel Díaz<br></span><b style="font-size: 1rem;">La Ciesca</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Ainhoa Zubillaga<br></span><b style="font-size: 1rem;">Maestro Spinelloccio</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Juan Laborería<br></span><b style="font-size: 1rem;">Ser Amantio di Nicolao</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Fernando Latorre<br></span><b style="font-size: 1rem;">Pinellino</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Mikel Zabala<br></span><b style="font-size: 1rem;">Guccio</b><span style="font-size: 1rem;">: </span> <span style="font-size: 1rem;">Gexan Etxabe</span></p><p><br></p><p><b>Orquesta Sinfónica de Navarra<br></b><b style="font-size: 1rem;">Coro de Ópera de Bilbao</b><span style="font-size: 1rem;"> Director: Boris Dujin<br></span><b style="font-size: 1rem;">Director musical</b><span style="font-size: 1rem;"> </span> <span style="font-size: 1rem;">Pedro Halffter<br></span><b style="font-size: 1rem;">Director de escena</b><span style="font-size: 1rem;"> </span> <span style="font-size: 1rem;">Paco Azorín<br><b>Vestuario</b></span> Ana Garay<br><b>Diseño audiovisual e iluminación</b> Pedro Chamizo</p><p><b style="font-size: 1rem;">Producción</b><span style="font-size: 1rem;"> ABAO Bilbao Opera</span></p><p><b>*</b>Debuta en ABAO Bilbao Opera</p><p><br></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></div> <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>Orquesta</li> </div> <div class="col-lg-12 col-md-12 col-12"> <li class="artistic_team"> <a href="../artistas/orquesta-sinfonica-navarra"> Orquesta Sinfónica de Navarra </a> </li> </div> </div> </ul> </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"> <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_Il_Trittico_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_Il_Trittico_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_Il_trittico_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_Il_trittico_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> <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">Suor Angelica Senza mamma o bimbo tu sei morto Miriam Gauci Tatiana Davidova coro</div> <audio controls> <source src="/assets/audios/Suor_Angelica_Senza_mamma_o_bimbo_tu_sei_morto_Miriam_Gauci_Tatiana_Davidova_coro.mp3">Your browser does not support the <code>audio</code> element.</source></audio> </div> </div> </div> </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: center;"><b>IL TABARRO </b></p><p style="text-align: justify; ">En su barcaza, Michele se sienta junto al timón a fumar su pipa y admirar la puesta de sol mientras los descargadores vacían la bodega. Giorgetta, la joven esposa de Michele, ofrece a todos un trago: el día toca a su fin y Michele baja a la bodega. En cubierta, los descargadores llaman a un organillero que pasa junto a la orilla y Giorgetta se pone a bailar, primero con Tinca y luego con Luigi, su amante. Reaparece Michele, el baile se interrumpe y todos vuelven al trabajo. Comienza entonces un tenso diálogo entre marido y mujer, y Michele anuncia a Giorgetta que algunos trabajadores, entre ellos Luigi, se quedarán en tierra cuando parta de nuevo la barcaza. Al fondo, un vendedor de canciones intenta ofrecer su mercancía a un grupo de modistillas, cantando una de sus melodías. </p><p style="text-align: justify; ">Entra la Frugola, la mujer del Talpa, con un saco viejo sobre los hombros lleno de todo tipo de ropas que ha ido recogiendo; se las enseña a Giorgetta y, al mismo tiempo, la entretiene con tonterías sobre su vida y su gato. Los descargadores han terminado su trabajo y están a punto de marcharse. La Frugola reprocha a Tinca que beba demasiado, a lo que este responde que el alcohol sirve para ahogar los instintos de rebelión; Luigi se muestra de acuerdo. La Frugola sueña con una casita en el campo a la que poder retirarse a vivir con tranquilidad, mientras que Giorgetta y Luigi, por el contrario, alaban la ciudad, donde puede llevarse una vida no tan miserable como la que ofrece el río. La Frugola se aleja junto con el Talpa. </p><p style="text-align: justify; ">Luigi, cansado de su vida de miseria e incapaz de soportar el tormento de un amor clandestino, pide a Michele que lo desembarque en Ruán. Michele lo disuade y se retira a la bodega. Los dos amantes se quedan solos y conciertan una cita para esa noche: como de costumbre, Giorgetta encenderá una cerilla para indicar a Luigi el momento oportuno para subir al barco. Él se marcha. </p><p style="text-align: justify; ">Michele sube de la bodega y recuerda a su mujer los tiempos felices de su matrimonio, antes de la muerte de su hijo, cuando solía envolverla en su tabardo. Giorgetta dice que está cansada y entra en el camarote. Michele, que se ha quedado solo, expresa toda su pena y su deseo de averiguar quién es, de entre los descargadores, el amante de Giorgetta. Enciende su pipa con una cerilla y Luigi, desde la orilla, al pensar que se trata de la señal acordada con su amante, corre hacia la barcaza. Michele lo sujeta, le obliga a confesar y lo estrangula, ocultando el cadáver bajo su tabardo. Giorgetta, alarmada por los ruidos, sube a cubierta, pero se tranquiliza al ver a su marido solo. Para ahuyentar las sospechas de Michele, le pide que la envuelva en el tabardo, como en los viejos tiempos; Michele accede, abre el tabardo y acerca violentamente el rostro de su mujer al de su amante muerto. </p><p style="text-align: center;"><b>SUOR ANGELICA </b></p><p style="text-align: justify; ">Un monasterio de clausura de finales del siglo XVII. Es una tarde de primavera y las monjas se encuentran en la iglesia. Dos hermanas legas entran tarde, seguidas de sor Angelica, que hace el acto de contrición besando el suelo antes de atravesar la puerta. Terminado el oficio, las monjas se marchan y, antes de comenzar el recreo, la hermana celadora llama a penitencia a algunas hermanas pecadoras. De repente, les llama la atención el agua de la fuente, que, con los últimos rayos del sol, parece dorada. Tras recordar cuánto le gustaba este efecto a la hermana Bianca Rosa, recientemente fallecida, deciden llenar un cubo y llevarlo a su tumba. Los muertos, comenta Angelica, no tienen deseos y esto hace de la muerte una vida hermosa. Los deseos profanos son cosas prohibidas y las hermanas confiesan sus sencillos sueños prohibidos. Angelica niega tenerlos, pero las otras susurran que no es cierto, ya que ha sido encerrada en un convento por su noble familia, de la que nunca ha dejado de desear tener noticias. </p><p style="text-align: justify; ">Las interrumpe la monja enfermera, que pide ayuda a Angelica, experta en el uso de hierbas medicinales, para curar a una hermana a la que han picado las avispas. Llegan otras hermanas cargadas de provisiones. Una de ellas, intrigada, pregunta quién es el visitante de la magnífica berlina que se encuentra delante de la puerta. Las otras responden que aún no ha aparecido nadie, pero Angelica adivina que la visita es para ella. En efecto, poco después, la abadesa anuncia la llegada de la Tía Princesa. Esta, desde la muerte prematura de los padres de Angelica, se encarga de la custodia de los bienes familiares y de la educación de los hijos. Ahora ha venido al convento para obtener el consentimiento de su sobrina para la división patrimonial que va a llevarse a cabo con motivo de la boda de la hermana pequeña de Angelica. </p><p style="text-align: justify; ">Cuando esta pregunta el nombre del novio, su tía, gélida, le responde que es un hombre que ha perdonado la vergüenza con que ella ha mancillado el honor de su familia. Angustiada por esta respuesta, Angelica pide que le hable sobre la causa inocente de su desgracia: su hijo ilegítimo, cuyo nacimiento siete años antes la condenó a una existencia de expiación sin fin. La princesa le informa fríamente de que el niño murió hace ya dos años. Angelica, desconsolada, cae al suelo entre sollozos y luego, serenándose, se arrastra hasta la mesa y firma el documento que le muestra su tía. </p><p style="text-align: justify; ">Tras quedarse sola, Angelica piensa en su hijo muerto, que nunca llegó a conocerla. Le habla y le pide que interceda ante la Virgen para que le permita reunirse con él. En un momento de gracia, parece iluminada por una visión mística y gozosa. Cae la noche, Angelica se retira, como las demás monjas, a su celda. Pero al cabo de unos minutos, sale de nuevo al claustro, recoge hierbas venenosas en su jardín, prepara una infusión con ellas y se la bebe. Al recobrar repentinamente la lucidez, se da cuenta de que será condenada por haberse quitado voluntariamente la vida. Entonces suplica desesperadamente perdón por haber perdido la razón en un momento de dolor extremo. Finalmente, se produce el milagro. Aparece la Virgen, solemne y luminosa, que empuja dulcemente a su hijo hacia la monja moribunda. </p><p style="text-align: center;"><b>GIANNI SCHICCHI </b></p><p style="text-align: justify; ">En una gran cama con dosel, con cuatro candelabros encendidos a cada lado, yace Buoso Donati, recientemente fallecido. Pero los lamentos de los familiares duran poco, interrumpidos por la fundada sospecha de que Buoso se ha olvidado, en su testamento, de sus propios parientes. De hecho, se rumorea que ha dejado todo su patrimonio a los frailes. Preocupados, los parientes piden la ilustrada opinión de Simone, que fue durante un tiempo juez de Fucecchio. Él responde que si el testamento ha sido entregado a un notario, el problema es irreparable; si, por el contrario, el documento se encuentra en la casa, las cosas podrían tomar un rumbo muy diferente. Rinuccio piensa en su novia, con la que está deseando casarse el 1 de mayo. </p><p style="text-align: justify; ">De repente, Rinuccio grita jubiloso que ha encontrado el famoso rollo de pergamino y aprovecha el alboroto de la familia para pedir el consentimiento para su boda. Todos lo leen ansiosamente, con la respiración contenida. Pero la esperanza de heredar se convierte enseguida en una amarga desilusión, ya que Buoso ha dejado todo su patrimonio al monasterio. Rinuccio aconseja a los parientes que acudan para que les ayude al padre de Lauretta, y su futuro suegro, Gianni Schicchi, una persona astuta y de extrema sagacidad. Mientras los parientes discuten, entra corriendo Gherardino, anunciando la llegada de Gianni Schicchi, que ha sido llamado por Rinuccio. </p><p style="text-align: justify; ">Gianni Schicchi entra con su hija Lauretta y pregunta irónicamente si Buoso ha mejorado, dada la desolación de los familiares. Al enterarse de su muerte, se burla de todos ellos y añade rápidamente: “¡Se pierde a Buoso, pero está la herencia!” Ahora la furia de los familiares estalla sin freno, con un solo grito de amargura: “¡Desheredados! Sí, sí, ¡desheredados!” Vuelve a estallar una disputa por la boda de Rinuccio y Lauretta, que carece de dote. La muchacha se dirige suplicante a su padre, al que finalmente se le ocurre la idea: hay que fingir que Buoso sigue vivo. Se hace enseguida la cama y se traslada el cuerpo del difunto a otra habitación para que Gianni Schicchi ocupe su lugar. Justo entonces llama a la puerta Maestro Spinelloccio. El médico viene a interesarse por el estado de salud de Buoso: ha mejorado, mienten a coro los parientes. Y Gianni Schicchi, imitando la voz de Buoso, ruega al médico que le deje descansar, pidiéndole que vuelva por la noche. </p><p style="text-align: justify; ">Llega entonces el feliz desenlace de la estratagema: hay que llamar inmediatamente al notario, pues Buoso ha empeorado y quiere hacer testamento de inmediato. Al estar la habitación a oscuras, no se dará cuenta de que no es él, asegura Gianni Schicchi. Entusiasmados con esta idea, los parientes aclaman a Gianni Schicchi y Rinuccio, inflamado por la esperanza de casarse por fin con su Lauretta, corre en busca del notario. Todos se abrazan y se besan con gran entusiasmo. </p><p style="text-align: justify; ">Regresa Rinuccio y anuncia por fin la llegada del notario con dos testigos. Oculto por las cortinas de la cama, Gianni Schicchi se excusa diciendo que le hubiera gustado escribir el testamento de su puño y letra, pero que, desgraciadamente, su parálisis se lo impide. A continuación, dicta sus últimas voluntades: funerales sencillos y sin adornos. Una modesta ofrenda a los frailes de Santa Reparata. Semejante lucidez, a punto de morir, suscita la admiración de todos. Y Gianni Schicchi continúa impertérrito con las cláusulas del testamento, asignando a cada uno de los parientes una parte de la herencia. Sin embargo, quedan por repartir los bienes más codiciados: la casa, la mula y los molinos de Signa. Y, en este punto, Gianni Schicchi, burlándose de los incrédulos parientes, se asigna impúdicamente a sí mismo todas esas propiedades. La cólera de los parientes no tarda en estallar, pero Gianni Schicchi hace callar a todos, refiriéndose a la pena que corresponde a los ladrones: “Adiós, Florencia, adiós, divino cielo, yo os saludo...” Finalmente ordena a Zita que entregue cien florines de su propio bolsillo al notario y veinte a los testigos, que lo bendicen emocionados. </p><p style="text-align: justify; ">Al quedarse a solas con Gianni Schicchi, los parientes lo atacan furiosamente, pero él coge el bastón de Buoso en la cabecera de la cama y les golpea sin cesar. Los parientes, en su huida, intentan apoderarse, no obstante, de todo lo que pueden, y acaban abandonando la casa. Cuando el alboroto se ha calmado, Rinuccio y Lauretta aparecen en la terraza bañada por el sol. Los dos jóvenes se abrazan con ternura, recordando su primer beso, cuando Florencia parecía un paraíso a sus ojos. Regresa Gianni Schicchi y, al ver a su Lauretta y a Rinuccio abrazados y felices, en un nuevo día primaveral, sonríe conmovido, exclamando: “Díganme, señores, si los cuatrines de Buoso podrían haber tenido un destino mejor”. Y con una astuta aquiescencia, añade: “Por esta excentricidad me han mandado al infierno... y que así sea”, aunque confía en que el público, “con licencia del gran padre Dante”, le conceda la atenuante. </p><p style="text-align: justify; "><br></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>  </div> <div class="col-md-12 col-lg-3 col-12 right_pane" id="right_container">   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"> 29/11/2024 19:00 </div> <div class="col-lg-12 col-md-12 col-12 buy222"> <a href="https://abao.shop.secutix.com/selection/event/date?productId=10228959422165&lang=es"> <button type="button" class="buy"> Comprar entradas </button> </a> </div>  </div> </div> <div class="row"> <div class="sponsor col-lg-12 col-md-12"> <b class="titles">Patrocinado por</b> <div class="card sponsor_card"> <a href="https://www.fbbva.es/"> <img src="/public/assets/image/bbva_logo.jpg" alt="Fundacion BBVA"> </a> </div> </div> <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">  <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(23==day&&10==month&&2024==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(26==day&&10==month&&2024==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(29==day&&10==month&&2024==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(2==day&&11==month&&2024==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>"); } } // 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>  <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 Il Trittico</b> <span class="activity_content">22 noviembre'24 18:30</span> <span class="activity_content">Universidad de Deusto. CRAI Sala Ellacuría</span> <img src="/public/assets/image/Pedro.jpg" style="width: 100%;"></img> <span class="activity_type"><p style="text-align: justify; ">Ponente: <b>Pedro Halffter</b>. </p><p style="text-align: justify; ">Biografía: Compositor y director de orquesta. Ha sido director de la Sinfónica de Nürnberg, de la Filarmónica de Gran Canaria, de la Sinfónica de Sevilla y director artístico del Maestranza de Sevilla. Dirige habitualmente importantes orquestas en prestigiosos escenarios internacionales. De sus éxitos como compositor destacan sus versiones de Wagner y Ullmann, además de una veintena de obras propias. Tiene grabaciones para los sellos Deutsche Grammophon, Warner Music y Warner Classics. Es miembro de la Real Academia de BBAA de Santa Isabel de Hungría de Sevilla. </p><p style="text-align: justify; "><br></p></span> </div> </hr> </div> </div> <script type="text/javascript"> function openShareModal(){ $('#modalShare').modal('show'); } </script>  </div> </div> </div>  <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"> <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>  </div></div></div><div id="ivb5h" class="col-md-auto col-12"><div id="isymj"> <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>  </div></div><div id="ienqu" class="col-md-auto col-12"><div id="i5rj7"> <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>  </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">  <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://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://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="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="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://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://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="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="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 98s 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(-1225%); } 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>  </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"> <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>  </div></div></div><div id="i6hk9" class="col-12"><div id="iudre"> <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>  </div></div><div id="iorw5w" class="col-12"><div id="ixgz8"> <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>  </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">  <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://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://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="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="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://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://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="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="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 98s 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(-1225%); } 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>  </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> <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>

CINXE.COM

ABAO-OLBE