1 2 3 4 5<!doctype html> 6<html lang="es"> 7 8<head> 9<!-- Google Tag Manager -->
10<script>
vendor: 327 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 11new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 12j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 13'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 14})(window,document,'script','dataLayer','
14GTM-5FKLHQH6
vendor: 3 bytes, line 14
14');
14</script>
14 15<!-- End Google Tag Manager --> 16 <meta charset="utf-8"> 17 <meta name="viewport" content="width=device-width, initial-scale=1"> 18 <title>Inicio</title> 19 20 <meta name="referrer" content="strict-origin-when-cross-origin"> 21 22 23 <meta name="description" content="El Centro Gabriela Mistral, GAM, es un centro cultural contemporáneo, ubicado en un edificio histórico en el corazón de Santiago."> 24 25 26 27 <link rel="canonical" href="https://gam.cl/es/"> 28 29 30 31 <meta property="og:title" content="Inicio"> 32 <meta property="og:site_name" content="GAM"> 33 <meta property="og:url" content="https://gam.cl/es/"> 34 <meta property="og:description" content="GAM Centro de las artes, la cultura y las personas"> 35 <meta property="og:type" content="website"> 36 37 38 39 <meta name="twitter:card" content="summary_large_image"> 40 <meta name="twitter:site" content="@centrogam"> 41 <meta name="twitter:title" content="Inicio"> 42 <meta name="twitter:description" content="GAM Centro de las artes, la cultura y las personas"> 43 <meta name="twitter:domain" content="gam.cl"> 44 45 46 <!--bootstrap 5.3.3--> 47 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 48 49 <!--css--> 50 <link href="/static/gam2026/assets/css/base.css?version=060526a" rel="stylesheet"> 51 <link href="/static/gam2026/assets/css/base-mobile.css?version=060526a" rel="stylesheet"> 52 <link href="/static/gam2026/assets/css/font.css?version=200126a" rel="stylesheet"> 53 54 <!--fontawesome--> 55
55<script src="https://kit.fontawesome.com/2f9372351c.js" crossorigin="anonymous"></script>
55 56 57 <!-- favicon --> 58 <link rel="apple-touch-icon" sizes="57x57" href="/static/gam2026/assets/favicon/apple-icon-57x57.png"> 59 <link rel="apple-touch-icon" sizes="60x60" href="/static/gam2026/assets/favicon/apple-icon-60x60.png"> 60 <link rel="apple-touch-icon" sizes="72x72" href="/static/gam2026/assets/favicon/apple-icon-72x72.png"> 61 <link rel="apple-touch-icon" sizes="76x76" href="/static/gam2026/assets/favicon/apple-icon-76x76.png"> 62 <link rel="apple-touch-icon" sizes="114x114" href="/static/gam2026/assets/favicon/apple-icon-114x114.png"> 63 <link rel="apple-touch-icon" sizes="120x120" href="/static/gam2026/assets/favicon/apple-icon-120x120.png"> 64 <link rel="apple-touch-icon" sizes="144x144" href="/static/gam2026/assets/favicon/apple-icon-144x144.png"> 65 <link rel="apple-touch-icon" sizes="152x152" href="/static/gam2026/assets/favicon/apple-icon-152x152.png"> 66 <link rel="apple-touch-icon" sizes="180x180" href="/static/gam2026/assets/favicon/apple-icon-180x180.png"> 67 <link rel="icon" type="image/png" sizes="192x192" href="/static/gam2026/assets/favicon/android-icon-192x192.png"> 68 <link rel="icon" type="image/png" sizes="32x32" href="/static/gam2026/assets/favicon/favicon-32x32.png"> 69 <link rel="icon" type="image/png" sizes="96x96" href="/static/gam2026/assets/favicon/favicon-96x96.png"> 70 <link rel="icon" type="image/png" sizes="16x16" href="/static/gam2026/assets/favicon/favicon-16x16.png"> 71 <link rel="manifest" href="/static/gam2026/assets/favicon/manifest.json"> 72 <meta name="msapplication-TileColor" content="#ffffff"> 73 <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> 74 75 76 <style> 77 .obra.c-1 { 78 background-color: #009e89 !important; 79 } 80 .obra.c-2 { 81 background-color: #a6fcc0 !important; 82 } 83 .obra.c-3 { 84 background-color: #f88a46 !important; 85 } 86 .obra.c-4 { 87 background-color: #a6fcc0 !important; 88 } 89 .obra.c-5 { 90 background-color: #009e89 !important; 91 } 92 .obra.c-6 { 93 background-color: #8fa6f0 !important; 94 } 95 .obra.c-7 { 96 background-color: #ff7a3a !important; 97 } 98 .obra.c-8 { 99 background-color: #009e89 !important; 100 } 101 .obra.c-9 { 102 background-color: #a6fcc0 !important; 103 } 104 .obra.c-10 { 105 background-color: #8fa6f0 !important; 106 } 107 .obra.c-11 { 108 background-color: #a6fcc0 !important; 109 } 110 .obra.c-12 { 111 background-color: #009e89 !important; 112 } 113 </style> 114 115 116 <!-- Meta Pixel Code --> 117
117<script>
vendor: 417 bytes, lines 117-126
117 118 !function(f,b,e,v,n,t,s) 119 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 120 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 121 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 122 n.queue=[];t=b.createElement(e);t.async=!0; 123 t.src=v;s=b.getElementsByTagName(e)[0]; 124 s.parentNode.insertBefore(t,s)}(window, document,'script', 125 'https://connect.facebook.net/en_US/fbevents.js'); 126 fbq('init', '
1263068177776726216
vendor: 34 bytes, lines 126-128
126'); 127 fbq('track', 'PageView'); 128
128</script>
128 129 <noscript><img height="1" width="1" style="display:none" 130 src="https://www.facebook.com/tr?id=3068177776726216&ev=PageView&noscript=1" 131 /></noscript> 132 <!-- End Meta Pixel Code --> 133</head> 134 135<body> 136<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 136-137
136 137<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
137GTM-5FKLHQH6
vendor: 83 bytes, lines 137-138
137" 138height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
139<!-- End Google Tag Manager (noscript) --> 140 141 <!-- HEADER --> 142 <header class="site-header d-none d-md-block"> 143 <div class="topbar"> 144 <div class="container d-flex justify-content-between align-items-center"> 145 <div class="brand py-3"> 146 <a href="https://gam.cl/es/"> 147 <img class="logo-gam" src="/static/gam2026/assets/img/gam.png" alt="logo imagen"> 148 </a> 149 </div> 150 <div class="hdr-right pt-2"> 151 <div class="lang-tabs mb-3"> 152 <a href="#" class="active">Esp</a> 153 154 155 </div> 156 <div class="hdr-icons"> 157 <a href="/calendario/" aria-label="calendario"> 158 <img src="/static/gam2026/assets/img/calendar.svg" class="img-fluid"> 159 </a> 160 <a href="#" aria-label="Buscar" class="search-trigger"> 161 <img src="/static/gam2026/assets/img/lupa.svg" class="img-fluid"> 162 </a> 163 <a href="https://gam.ticketplus.cl/" aria-label="ticket"> 164 <img src="/static/gam2026/assets/img/ticket.svg" class="img-fluid"> 165 </a> 166 <a href="#" id="menuTrigger" class="menu-trigger" aria-expanded="false" aria-controls="megaPanel"> 167 Menú 168 </a> 169 </div> 170 </div> 171 </div> 172 </div> 173 </header> 174 175 <!-- HEADER MOBILE --> 176 <header class="site-header-mobile sticky-top d-md-none"> 177 <div class="topbar-mobile"> 178 <div class="container d-flex justify-content-between align-items-center"> 179 <div class="brand"> 180 <a href="https://gam.cl/es/"> 181 <img class="logo-gam" src="/static/gam2026/assets/img/gam.png" alt="logo imagen"> 182 </a> 183 </div> 184 <div class="hdr-right-mobile pt-1"> 185 <div class="lang-tabs-mobile mb-2"> 186 <a href="#" class="active">Esp</a> 187 188 189 </div> 190 <div class="hdr-icons-mobile"> 191 <a href="/calendario/" aria-label="calendario"> 192 <img src="/static/gam2026/assets/img/calendar.svg" class="img-fluid"> 193 </a> 194 <a href="#" aria-label="Buscar" class="search-trigger"> 195 <img src="/static/gam2026/assets/img/lupa.svg" class="img-fluid"> 196 </a> 197 <a href="https://gam.ticketplus.cl/" target="_blank" aria-label="ticket"> 198 <img src="/static/gam2026/assets/img/ticket.svg" class="img-fluid"> 199 </a> 200 <a href="#" id="menuTriggerMobile" class="menu-trigger" aria-expanded="false" aria-controls="megaPanel"> 201 Menú 202 </a> 203 </div> 204 </div> 205 </div> 206 </div> 207 </header> 208 209 210 211 212 213 <!-- HERO: carousel fade con Imagen + YouTube + Vimeo + Video local --> 214 <section class="hero d-none d-md-block"> 215 <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5200"> 216 <div class="carousel-inner"> 217 218 219 <!-- Slide: Vimeo --> 220 <div class="carousel-item has-video active"> 221 <div class="embed-wrap"> 222 <iframe src="https://player.vimeo.com/video/1226626106?background=1&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> 223 </div> 224 <div class="carousel-caption"> 225 226 </div> 227 </div> 228 229 230 </div> 231 232 </div> 233 </section> 234 235 <!-- HERO MOBILE --> 236 <section class="hero-mobile d-md-none"> 237 <div id="heroCarouselMobile" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5200"> 238 <div class="carousel-inner"> 239 240 241 <!-- Slide: Vimeo --> 242 <div class="carousel-item has-video active"> 243 <div class="embed-wrap"> 244 <iframe src="https://player.vimeo.com/video/1226626106?background=1&auto
244play=1&muted=1&loop=1&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> 245 </div> 246 <div class="carousel-caption"> 247 248 </div> 249 </div> 250 251 252 </div> 253 254 </div> 255 </section> 256 257 <!-- OBRAS --> 258 <section class="obras-section d-none d-md-block"> 259 <div class="container"> 260 <div class="d-flex align-items-center justify-content-between mb-3 obras-filtros"> 261 <div class="d-flex align-items-center flex-wrap"> 262 <a href="#" class="link filter_link hide_others" data-link="">Cartelera</a> 263 <a href="#" class="link filter_link hide_others" data-link="hoy=true">Hoy</a> 264 <a href="#" class="link filter_link hide_others" data-link="free=true">Gratis</a> 265 <a href="#" class="link" data-bs-target="#disciplinas" role="button" id="show-disciplinas" 266 aria-expanded="false" aria-controls="disciplinas">Por disciplina</a> 267 <a href="#" class="link" data-bs-target="#edades" id="show-edades">Por edad</a> 268 </div> 269 <div class="d-flex align-items-center gap-2"> 270 <a href="https://online.fliphtml5.com/centrogam/Brochure-26/#p=29" class="btn btn-calendario" target="_blank">Libro T2026</a> 271 <a href="/calendario/" class="btn btn-calendario">Calendario</a> 272 </div> 273 </div> 274 <div id="filters" class="col-12"> 275 <div class="collapse col-12 portada-filters p-0 mb-4 pb-1" id="disciplinas"> 276 <div class="disciplinas filter-pills text-left p-0 m-0 d-flex"> 277 278 279 <a href="#" class="page-link filter_link pe-3" 280 data-link="cat=1">Teatro</a> 281 282 283 284 <a href="#" class="page-link filter_link pe-3" 285 data-link="cat=9">Danza</a> 286 287 288 289 <a href="#" class="page-link filter_link pe-3" 290 data-link="cat=26">Familiar</a> 291 292 293 294 <a href="#" class="page-link filter_link pe-3" 295 data-link="cat=6">Música popular</a> 296 297 298 299 <a href="#" class="page-link filter_link pe-3" 300 data-link="cat=25">Música clásica</a> 301 302 303 304 <a href="#" class="page-link filter_link pe-3" 305 data-link="cat=10">Artes Visuales y Mediales</a> 306 307 308 309 <a href="#" class="page-link filter_link pe-3" 310 data-link="cat=29">Stand Up Comedy</a> 311 312 313 314 <a href="#" class="page-link filter_link pe-3" 315 data-link="cat=23">Ideas y Pensamiento</a> 316 317 318 319 <a href="#" class="page-link filter_link pe-3" 320 data-link="cat=3">Actividades</a> 321 322 323 </div> 324 </div> 325 <div class="collapse col-12 portada-filters p-0 mb-4 pb-1" id="edades"> 326 <div class="disciplinas filter-pills text-left p-0 m-0 d-flex"> 327 328 329 <a href="#" class="page-link filter_link pe-3" 330 data-link="age=12">Infancias</a> 331 332 333 334 <a href="#" class="page-link filter_link pe-3" 335 data-link="age=6">Adolescentes</a> 336 337 338 339 <a href="#" class="page-link filter_link pe-3" 340 data-link="age=11">Adultos</a> 341 342 343 344 <a href="#" class="page-link filter_link pe-3" 345 data-link="age=8">Personas mayores</a> 346 347 348 </div> 349 </div> 350 </div> 351 <div class="obras-wrap"> 352 <div class="obras-grid"> 353 <div id="obras"></div> 354 <div class="spinner"> 355 <i class="fa-solid fa-spinner fa-spin"></i> 356 </div> 357 </div> 358 </div> 359 </div> 360 </section> 361 362 <!-- OBRAS MOBILE --> 363 <section class="obras-section-mobile d-md-none"> 364 <div class="container"> 365 <div class="mb-3 obras-filtros-mobile text-center"> 366 <div class="filtros-gam-mobile flex-wrap mb-4"> 367 <a href="#" class="link filter_link hide_others" data-link="">Cartelera</a> 368 <a href="#" class="link filter_link hide_others" data-link="hoy=true">Hoy</a> 369 <a href="#" class="link filter_link hide_others" data-link="free=true">Gratis</a> 370 <a href="#" class="link" data-bs-target="#disciplinas-mobile" role="button" id="show-disciplinas-mobile" 371 aria-expanded="false" aria-controls="disciplinas-mobile">Por disciplina</a> 372 <a href="#" class="link" data-bs-target="#edades-mobile" id="show-edades-mobile">Por edad</a> 373 </div> 374 <a href="https://online.fliphtml5.com/centrogam/Brochure-26/#p=29" class="btn btn-calendario-mobile" target="_blank">Libro T2026</a> 375 <a href="/calendario/" class="btn btn-calendario-mobile">Calendario</a> 376 </div> 377 <div id="filters-mobile" class="col-12"> 378 <div class="collapse col-12 portada-filters p-0 mb-4 pb-1" id="disciplinas-mobile"> 379 <div class="disciplinas filter-pills text-left p-0 m-0"> 380 381 382 <a href="#" class="page-link filter_link" 383 data-link="cat=1">Teatro</a> 384 385 386 387 <a href="#" class="page-link filter_link" 388 data-link="cat=9">Danza</a> 389 390 391 392 <a href="#" class="page-link filter_link" 393 data-link="cat=26">Familiar</a> 394 395 396 397 <a href="#" class="page-link filter_link" 398 data-link="cat=6">Música popular</a> 399 400 401 402 <a href="#" class="page-link filter_link" 403 data-link="cat=25">Música clásica</a> 404 405 406 407 <a href="#" class="page-link filter_link" 408 data-link="cat=10">Artes Visuales y Mediales</a> 409 410 411 412 <a href="#" class="page-link filter_link" 413 data-link="cat=29">Stand Up Comedy</a> 414 415 416 417 <a href="#" class="page-link filter_link" 418 data-link="cat=23">Ideas y Pensamiento</a> 419 420 421 422 <a href="#" class="page-link filter_link" 423 data-link="cat=3">Actividades</a> 424 425 426 </div> 427 </div> 428 <div class="collapse col-12 portada-filters p-0 mb-4 pb-1" id="edades-mobile"> 429 <div class="disciplinas filter-pills text-left p-0 m-0"> 430 431 432 <a href="#" class="page-link filter_link" 433 data-link="age=12">Infancias</a> 434 435 436 437 <a href="#" class="page-link filter_link" 438 data-link="age=6">Adolescentes</a> 439 440 441 442 <a href="#" class="page-link filter_link" 443 data-link="age=11">Adultos</a> 444 445 446 447 <a href="#" class="page-link filter_link" 448 data-link="age=8">Personas mayores</a> 449 450 451 </div> 452 </div> 453 </div> 454 <div class="obras-wrap-mobile"> 455 <div class="obras-grid-mobile"> 456 <div id="obras-mobile"></div> 457 <div class="spinner"> 458 <i class="fa-solid fa-spinner fa-spin"></i> 459 </div> 460 </div> 461 </div> 462 </div> 463 </section> 464 465 <!-- ENTÃRATE --> 466 <section class="enterate-section container d-none d-md-block"> 467 <div class="enterate-wrap pb-5"> 468 <div class="enterate-head"> 469 <p class="mb-0">Entérate</p> 470 <a class="enterate-more" href="/noticias/">Ver más <i class="fa-light fa-arrow-right-long"></i></a> 471 </div> 472 <div class="enterate-box"> 473 <div class="row"> 474 475 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 476 <a href="https://gam.cl/es/sala-de-prensa/prensa/entrevista-revista-anda-a-directora-ejecutiva-alejandra-mart%C3%AD/"> 477 <div class="mb-4"> 478 479 480 <div class="enterate-media mb-3" style="background-image: url('/media/images/Revista_Anda_page-0001.2e16d0ba.fill-660x660.jpg')"></div> 481 482 <div class="enterate-kicker mb-4"> 483 <p>Prensa</p> 484 </div> 485 <div class="enterate-desc"> 486 <p>Entrevista revista Anda a Directora Ejecutiva Alejandra MartÃ</p> 487 </div> 488 <div class="enterate-meta"> 489 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> Revista Anda</p> 490 </div> 491 </div> 492 </a> 493 </div> 494 495 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 496 <a href="https://www.eldinamo.cl/entretencion/cultura/2026/08/06/remodelacion-de-la-plaza-poniente-del-gam-busca-convertirla-e
496n-un-nuevo-polo-de-encuentro-ciudadano/"> 497 <div class="mb-4"> 498 499 500 <div class="enterate-media mb-3" style="background-image: url('/media/images/GAM.2e16d0ba.fill-660x660.png')"></div> 501 502 <div class="enterate-kicker mb-4"> 503 <p>Prensa</p> 504 </div> 505 <div class="enterate-desc"> 506 <p>Remodelación de la plaza poniente GAM busca convertirla en un nuevo polo de encuentro ciudadano</p> 507 </div> 508 <div class="enterate-meta"> 509 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> El DÃnamo</p> 510 </div> 511 </div> 512 </a> 513 </div> 514 515 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 516 <a href="https://gam.cl/es/sala-de-prensa/prensa/bernardita-nassar-el-teatro-musical-es-mi-vida/"> 517 <div class="mb-4"> 518 519 520 <div class="enterate-media mb-3" style="background-image: url('/media/images/1_uvg7QqK.2e16d0ba.fill-660x660.png')"></div> 521 522 <div class="enterate-kicker mb-4"> 523 <p>Prensa</p> 524 </div> 525 <div class="enterate-desc"> 526 <p>Bernardita Nassar âEl teatro musical es mi vidaâ</p> 527 </div> 528 <div class="enterate-meta"> 529 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> Revista Ya</p> 530 </div> 531 </div> 532 </a> 533 </div> 534 535 </div> 536 </div> 537 </div> 538 </section> 539 540 <!-- ENTÃRATE MOBILE --> 541 <section class="enterate-section-mobile container d-md-none"> 542 <div class="enterate-wrap-mobile pb-5"> 543 <div class="enterate-head-mobile"> 544 <p class="mb-0">Entérate</p> 545 <a class="enterate-more-mobile" href="/noticias/">Ver más <i class="fa-light fa-arrow-right-long"></i></a> 546 </div> 547 <div class="enterate-box-mobile"> 548 <div class="row"> 549 550 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 551 <a href="https://gam.cl/es/sala-de-prensa/prensa/entrevista-revista-anda-a-directora-ejecutiva-alejandra-mart%C3%AD/"> 552 <div class="mb-4"> 553 554 555 <div class="enterate-media-mobile mb-3" style="background-image: url('/media/images/Revista_Anda_page-0001.2e16d0ba.fill-660x660.jpg')"></div> 556 557 <div class="enterate-kicker-mobile mb-4"> 558 <p>Prensa</p> 559 </div> 560 <div class="enterate-desc-mobile"> 561 <p>Entrevista revista Anda a Directora Ejecutiva Alejandra MartÃ</p> 562 </div> 563 <div class="enterate-meta-mobile"> 564 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> Revista Anda</p> 565 </div> 566 </div> 567 </a> 568 </div> 569 570 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 571 <a href="https://www.eldinamo.cl/entretencion/cultura/2026/08/06/remodelacion-de-la-plaza-poniente-del-gam-busca-convertirla-e
571n-un-nuevo-polo-de-encuentro-ciudadano/"> 572 <div class="mb-4"> 573 574 575 <div class="enterate-media-mobile mb-3" style="background-image: url('/media/images/GAM.2e16d0ba.fill-660x660.png')"></div> 576 577 <div class="enterate-kicker-mobile mb-4"> 578 <p>Prensa</p> 579 </div> 580 <div class="enterate-desc-mobile"> 581 <p>Remodelación de la plaza poniente GAM busca convertirla en un nuevo polo de encuentro ciudadano</p> 582 </div> 583 <div class="enterate-meta-mobile"> 584 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> El DÃnamo</p> 585 </div> 586 </div> 587 </a> 588 </div> 589 590 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12"> 591 <a href="https://gam.cl/es/sala-de-prensa/prensa/bernardita-nassar-el-teatro-musical-es-mi-vida/"> 592 <div class="mb-4"> 593 594 595 <div class="enterate-media-mobile mb-3" style="background-image: url('/media/images/1_uvg7QqK.2e16d0ba.fill-660x660.png')"></div> 596 597 <div class="enterate-kicker-mobile mb-4"> 598 <p>Prensa</p> 599 </div> 600 <div class="enterate-desc-mobile"> 601 <p>Bernardita Nassar âEl teatro musical es mi vidaâ</p> 602 </div> 603 <div class="enterate-meta-mobile"> 604 <p>FUENTE <i class="fa-light fa-arrow-right-long"></i> Revista Ya</p> 605 </div> 606 </div> 607 </a> 608 </div> 609 610 </div> 611 </div> 612 </div> 613 </section> 614 615 616 617 618 <!-- FOOTER --> 619 <footer class="gam-footer d-none d-md-block" style="background-image: url('/static/gam2026/assets/img/bg-footer.svg')"> 620 <div class="container mb-5 top-footer"> 621 <div class="row"> 622 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12"> 623 <div class="text-center mb-4"> 624 <a href="/transparencia/">TRANSPARENCIA</a> 625 </div> 626 </div> 627 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12"> 628 <div class="text-center mb-4"> 629 <a href="/sala-de-prensa/">SALA DE PRENSA</a> 630 </div> 631 </div> 632 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12"> 633 <div class="text-center mb-4"> 634 <a href="/static/docs/2022-POLITICA-DE-PRIVACIDAD-GAM.pdf">POLÃTICAS DE PRIVACIDAD</a> 635 </div> 636 </div> 637 </div> 638 </div> 639 <div class="container gf-block"> 640 <div class="row"> 641 <div class="col-6 mb-5"> 642 <div class="footer-partners"> 643 <div class="footer-partners-top"> 644 <div class="footer-partner-group"> 645 <p>Auspiciador institucional</p> 646 <a href="#null"> 647 <img class="footer-logo footer-logo-ministerio" src="/static/gam2026/assets/img/footer-logo-ministerio.png" alt="Ministerio de las Culturas, las Artes y el Patrimonio"> 648 </a> 649 </div> 650 <div class="footer-partner-group"> 651 <p>Aliado estratégico</p> 652 <div class="footer-logo-stack"> 653 <a href="#null"> 654 <img class="footer-logo footer-logo-sura" src="/static/gam2026/assets/img/footer-logo-sura.png" alt="SURA"> 655 </a> 656 <a href="#null"> 657 <img class="footer-logo footer-logo-nescafe" src="/static/gam2026/assets/img/footer-logo-nescafe.png" alt="Nescafé"> 658 </a> 659 <a href="#null"> 660 <img class="footer-logo footer-logo-los-heroes" src="/static/gam2026/assets/img/footer-logo-los-heroes.png" alt="Los Héroes"> 661 </a> 662 </div> 663 </div> 664 <div class="footer-partner-group"> 665 <p>Media partner GAM</p> 666 <div class="footer-logo-stack"> 667 <a href="#null"> 668 <img class="footer-logo footer-logo-lt" src="/static/gam2026/assets/img/footer-logo-lt.png" alt="La Tercera"> 669 </a> 670 <a href="#null"> 671 <img class="footer-logo footer-logo-radio13c" src="/static/gam2026/assets/img/footer-logo-radio13c.png" alt="Radio 13c"> 672 </a> 673 </div> 674 </div> 675 </div> 676 <div class="footer-partners-member"> 677 <p>Somos parte</p> 678 <div class="footer-member-grid"> 679 <a href="#null"> 680 <img class="footer-logo footer-logo-chile" src="/static/gam2026/assets/img/footer-logo-chile.png" alt="Chile"> 681 </a> 682 <a href="#null"> 683 <img class="footer-logo footer-logo-red-salas" src="/static/gam2026/assets/img/footer-logo-red-salas.png" alt="Red Salas de Teatro Metropolitana"> 684 </a> 685 <a href="#null"> 686 <img class="footer-logo footer-logo-redelae" src="/static/gam2026/assets/img/footer-logo-redelae.png" alt="Redelae"> 687 </a> 688 <a href="#null"> 689 <img class="footer-logo footer-logo-riee" src="/static/gam2026/assets/img/footer-logo-riee.png" alt="RIEE"> 690 </a> 691 <a href="#null"> 692 <img class="footer-logo footer-logo-chile-cuida" src="/static/gam2026/assets/img/footer-logo-chile-cuida.png" alt="Chile Cuida"> 693 </a> 694 <a href="#null"> 695 <img class="footer-logo footer-logo-red-alameda" src="/static/gam2026/assets/img/footer-logo-red-alameda-cultural.png" alt="Red Alameda Cultural"> 696 </a> 697 </div> 698 </div> 699 </div> 700 </div> 701 <div class="col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12 mb-5"> 702 <div class="gf-news"> 703 <div class="gf-news-inner ps-3 pt-5"> 704 <p><strong>Del escenario a tu correo:</strong></p> 705 <div class="gf-news-sub mb-2"> 706 <p>SuscrÃbete a nuestro newsletter</p> 707 </div> 708 <form class="gf-form" action="/es/inscripcion/" method="post"> 709 <input type="hidden" name="csrfmiddlewaretoken" value="O0R8OAD8wEYthGWRITofVMq2mcpaLC0ju1tRURdpbhjBZ9Zf1GzNbbonb865p4Ev"> 710 <input id="gf-email" type="email" name="email" placeholder="Correo electrónico" required> 711 <button type="submit" class="gf-send" aria-label="Enviar"> 712 <i class="fa-light fa-arrow-right-long" aria-hidden="true"></i> 713 </button> 714 </form> 715 </div> 716 </div> 717 </div> 718 719 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 mt-5"> 720 <div class="logo-footer"> 721 <div class="row d-flex align-items-center"> 722 <div class="col-6"> 723 <img class="img-fluid" src="/static/gam2026/assets/img/gam.png"> 724 </div> 725 <div class="col-6 pl-0"> 726 <p style="font-size:90% !important;">Centro Cultural<br>Gabriela Mistral</p> 727 </div> 728 </div> 729 </div> 730 </div> 731 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 mt-5"> 732 <div class="text-center gam-stgo"> 733 <p>Av. Libertador Bernardo O'Higgins 227, Santiago, Chile</p> 734 <p>+562 2566 5500</p> 735 <p>[email protected]</p> 736 </div> 737 </div> 738 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 mt-5"> 739 <div class="social text-end"> 740 <ul class="mb-3"> 741 <li><a target="_blank" href="https://www.instagram.com/centrogam/"><i class="fab fa-instagram" aria-hidden="true"></i></a></li> 742 <li><a target="_blank" href="https://www.facebook.com/centroGAM"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li> 743 <li><a target="_blank" href="https://twitter.com/centrogam"><i class="fab fa-twitter" aria-hidden="true"></i></a></li> 744 <li><a target="_blank" href="http://www.youtube.com/user/CentroGam"><i class="fab fa-youtube" aria-hidden="true"></i></a></li> 745 <li><a target="_blank" href="https://www.tiktok.com/@centrogam"><i class="fab fa-tiktok" aria-hidden="true"></i></a></li> 746 <li><a target="_blank" href="https://cl.linkedin.com/company/centro-cultural-gabriela-mistral"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li> 747 </ul> 748 </div> 749 </div> 750 </div> 751 </div> 752 <div class="container"> 753 <div class="row"> 754 <div class="col-12"> 755 <div class="text-center" style="padding: 5px 0 0 0;"> 756 <p style="margin: 0; color: #aaa; font-size: 0.9rem;">Desarrollado por <a href="https://areaweb.cl/" target="_blank" style="color: #fff;">AW</a></p> 757 </div> 758 </div> 759 </div> 760 </div> 761 </footer> 762 763 <!-- FOOTER MOBILE --> 764 <footer class="gam-footer-mobile d-md-none" style="background-image: url('/static/gam2026/assets/img/bg-footer-mobile.svg')"> 765 <div class="container top-footer-mobile"> 766 <div class="row"> 767 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 p-0"> 768 <div class="text-center mb-4"> 769 <a href="/transparencia/">TRANSPARENCIA</a> 770 </div> 771 </div> 772 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 p-0"> 773 <div class="text-center mb-4"> 774 <a href="/sala-de-prensa/">SALA DE PRENSA</a> 775 </div> 776 </div> 777 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 p-0"> 778 <div class="text-center mb-4"> 779 <a href="/static/docs/2022-POLITICA-DE-PRIVACIDAD-GAM.pdf">POLÃTICAS DE PRIVACIDAD</a> 780 </div> 781 </div> 782 </div> 783 </div> 784 <div class="container gf-block-mobile"> 785 <div class="row"> 786 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-4"> 787 <div class="gf-news-mobile"> 788 <div class="gf-news-inner-mobile pt-3"> 789 <p><strong>Del escenario a tu correo:</strong></p> 790 <div class="gf-news-sub-mobile mb-2"> 791 <p>SuscrÃbete a nuestro newsletter</p> 792 </div> 793 <form class="gf-form-mobile" action="/es/inscripcion/" method="post"> 794 <input type="hidden" name="csrfmiddlewaretoken" value="O0R8OAD8wEYthGWRITofVMq2mcpaLC0ju1tRURdpbhjBZ9Zf1GzNbbonb865p4Ev"> 795 <input id="gf-email-mobile" type="email" name="email" placeholder="Correo electrónico" required> 796 <button type="submit" class="gf-send-mobile" aria-label="Enviar"> 797 <i class="fa-light fa-arrow-right-long" aria-hidden="true"></i> 798 </button> 799 </form> 800 </div> 801 </div> 802 </div> 803 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-5"> 804 <div class="footer-partners"> 805 <div class="footer-partners-top"> 806 <div class="footer-partner-group"> 807 <p>Auspiciador institucional</p> 808 <a href="#null"> 809 <img class="footer-logo footer-logo-ministerio" src="/static/gam2026/assets/img/footer-logo-ministerio.png" alt="Ministerio de las Culturas, las Artes y el Patrimonio"> 810 </a> 811 </div> 812 <div class="footer-partner-group"> 813 <p>
813Aliado estratégico</p> 814 <div class="footer-logo-stack"> 815 <a href="#null"> 816 <img class="footer-logo footer-logo-sura" src="/static/gam2026/assets/img/footer-logo-sura.png" alt="SURA"> 817 </a> 818 <a href="#null"> 819 <img class="footer-logo footer-logo-nescafe" src="/static/gam2026/assets/img/footer-logo-nescafe.png" alt="Nescafé"> 820 </a> 821 <a href="#null" > 822 <img class="footer-logo footer-logo-los-heroes" src="/static/gam2026/assets/img/footer-logo-los-heroes.png" alt="Los Héroes"> 823 </a> 824 </div> 825 </div> 826 <div class="footer-partner-group"> 827 <p>Media partner GAM</p> 828 <div class="footer-logo-stack"> 829 <a href="#null"> 830 <img class="footer-logo footer-logo-lt" src="/static/gam2026/assets/img/footer-logo-lt.png" alt="La Tercera"> 831 </a> 832 <a href="#null"> 833 <img class="footer-logo footer-logo-radio13c" src="/static/gam2026/assets/img/footer-logo-radio13c.png" alt="Radio 13c"> 834 </a> 835 </div> 836 </div> 837 </div> 838 <div class="footer-partners-member"> 839 <p>Somos parte</p> 840 <div class="footer-member-grid"> 841 <a href="#null"> 842 <img class="footer-logo footer-logo-chile" src="/static/gam2026/assets/img/footer-logo-chile.png" alt="Chile"> 843 </a> 844 <a href="#null"> 845 <img class="footer-logo footer-logo-red-salas" src="/static/gam2026/assets/img/footer-logo-red-salas.png" alt="Red Salas de Teatro Metropolitana"> 846 </a> 847 <a href="#null"> 848 <img class="footer-logo footer-logo-redelae" src="/static/gam2026/assets/img/footer-logo-redelae.png" alt="Redelae"> 849 </a> 850 <a href="#null"> 851 <img class="footer-logo footer-logo-riee" src="/static/gam2026/assets/img/footer-logo-riee.png" alt="RIEE"> 852 </a> 853 <a href="#null"> 854 <img class="footer-logo footer-logo-chile-cuida" src="/static/gam2026/assets/img/footer-logo-chile-cuida.png" alt="Chile Cuida"> 855 </a> 856 <a href="#null"> 857 <img class="footer-logo footer-logo-red-alameda" src="/static/gam2026/assets/img/footer-logo-red-alameda-cultural.png" alt="Red Alameda Cultural"> 858 </a> 859 </div> 860 </div> 861 </div> 862 </div> 863 <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 col-5 mt-5 p-0"> 864 <div class="logo-footer-mobile"> 865 <div class="row d-flex align-items-center"> 866 <div class="col-6"> 867 <img class="img-fluid" src="/static/gam2026/assets/img/gam.png"> 868 </div> 869 <div class="col-6 ps-0"> 870 <p style="font-size:60% !important;">Centro Cultural<br>Gabriela Mistral</p> 871 </div> 872 </div> 873 </div> 874 </div> 875 <div class="col-xl-7 col-lg-7 col-md-7 col-sm-7 col-7 mt-5 p-0"> 876 <div class="social-mobile text-end"> 877 <ul class="mb-3"> 878 <li><a target="_blank" href="https://www.instagram.com/centrogam/"><i class="fab fa-instagram" aria-hidden="true"></i></a></li> 879 <li><a target="_blank" href="https://www.facebook.com/centroGAM"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li> 880 <li><a target="_blank" href="https://twitter.com/centrogam"><i class="fab fa-twitter" aria-hidden="true"></i></a></li> 881 <li><a target="_blank" href="http://www.youtube.com/user/CentroGam"><i class="fab fa-youtube" aria-hidden="true"></i></a></li> 882 <li><a target="_blank" href="https://www.tiktok.com/@centrogam"><i class="fab fa-tiktok" aria-hidden="true"></i></a></li> 883 <li><a target="_blank" href="https://cl.linkedin.com/company/centro-cultural-gabriela-mistral"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li> 884 </ul> 885 </div> 886 </div> 887 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mt-5"> 888 <div class="text-center gam-stgo-mobile"> 889 <p>Av. Libertador Bernardo O'Higgins 227, Santiago, Chile</p> 890 <p>+562 2566 5500</p> 891 <p>[email protected]!</p> 892 893 </div> 894 895 </div> 896 </div> 897 </div> 898 <div class="container"> 899 <div class="row"> 900 <div class="col-12"> 901 <div class="text-center" style="padding: 10px 0;"> 902 <p style="margin: 0; color: #fff; font-size: 0.9rem;">Desarrollado por <a href="https://areaweb.cl/" target="_blank" style="color: #fff;">AW</a></p> 903 </div> 904 </div> 905 </div> 906 </div> 907 </footer> 908 909 <!-- Panel Fullscreen --> 910 911 912 913
914<div id="megaPanel" class="mega-panel" aria-hidden="true" style="background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20909%20720%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23a6fcc0%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebg-menu%3C%2Ftitle%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22909%22%20height%3D%22720%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22367.6%20720%200%20720%200%200%20321.1%200%20367.6%20720%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: top left; background-size: cover; display: none; --megamenu-col1-bg: #a6fcc0;"> 915 <div class="mega-center"> 916 <div class="container"> 917 <div class="mega-inner"> 918 <div class="row"> 919 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 menu-col-1"> 920 <div class="brand py-3 mb-3 d-md-none"> 921 <img class="logo-gam" src="/static/gam2026/assets/img/gam.png" alt="logo imagen"> 922 </div> 923 <aside class="menu-left pt-xl-0 pt-lg-0 pt-md-0 pt-sm-4 pt-4"> 924 <div> 925 926 927 <div class="mb-3"> 928 <h5><a href="https://gam.cl/es/que-hacer-en-gam/">Qué hacer en GAM</a></h5> 929 </div> 930 <div class="mb-xl-0 mb-lg-0 mb-md-0 mb-sm-4 mb-4"> 931 932 <ul> 933 934 <li><a href="https://gam.cl/es/que-hacer-en-gam/teatro/">Teatro</a></li> 935 936 <li><a href="https://gam.cl/es/que-hacer-en-gam/danza/">Danza</a></li> 937 938 <li><a href="https://gam.cl/es/que-hacer-en-gam/familiar/">Familiar</a></li> 939 940 <li><a href="https://gam.cl/es/que-hacer-en-gam/musica-popular/">Música Popular</a></li> 941 942 <li><a href="https://gam.cl/es/que-hacer-en-gam/musica-clasica/">Música Clásica</a></li> 943 944 <li><a href="https://gam.cl/es/que-hacer-en-gam/nueva-opera/">Nueva Ãpera</a></li> 945 946 <li><a href="https://gam.cl/es/que-hacer-en-gam/stand-up-comedy/">Stand Up Comedy</a></li> 947 948 <li><a href="https://gam.cl/es/que-hacer-en-gam/artesvisuales/">Artes Visuales y Mediales</a></li> 949 950 <li><a href="https://gam.cl/es/que-hacer-en-gam/ideasypensamiento/">Ideas y Pensamiento</a></li> 951 952 <li><a href="https://gam.cl/es/que-hacer-en-gam/actividades/">Actividades</a></li> 953 954 <li><a href="https://gam.cl/es/que-hacer-en-gam/bibliogam/">BiblioGAM</a></li> 955 956 <li><a href="https://gam.cl/es/que-hacer-en-gam/coleccion-de-arte/">Colección de arte</a></li> 957 958 <li><a href="https://gam.cl/es/que-hacer-en-gam/museo-de-arte-popular/">Museo de Arte Popular Americano</a></li> 959 960 <li><a href="https://gam.cl/es/que-hacer-en-gam/festivales-eventos-residentes/">Ferias & Festivales colaboradores</a></li> 961 962 </ul> 963 964 965 </div> 966 967 968 </div> 969 </aside> 970 </div> 971 <div class="col-xl-1 col-lg-1 col-md-2 d-none d-sm-block p-0"> 972 973 </div> 974 <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12 menu-col-2" style="background-color: #fff;"> 975 976 977 <div class="mega-col mb-xxl-5 mb-xl-4 mb-lg-4 mb-md-4 mb-sm-5 mb-5 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-4 pt-4"> 978 <div class="mb-3"> 979 <h5><a href="https://gam.cl/es/experiencia/">Experiencia</a></h5> 980 </div> 981 982 <ul> 983 984 <li><a href="https://gam.cl/es/experiencia/bar-el-bajo/">Bar El Bajo</a></li> 985 986 <li><a href="https://gam.cl/es/experiencia/cafe-publico/">Café Público</a></li> 987 988 <li><a href="https://gam.cl/es/experiencia/tiendas/">Tiendas</a></li> 989 990 <li><a href="https://gam.cl/es/experiencia/como-llegar/">Cómo llegar</a></li> 991 992 <li><a href="https://gam.cl/es/experiencia/horarios/">Horarios</a></li> 993 994 <li><a href="https://gam.cl/es/experiencia/servicios/">Servicios</a></li> 995 996 <li><a href="https://gam.cl/es/experiencia/accesibilidad/">Accesibilidad</a></li> 997 998 <li><a href="https://gam.cl/es/experiencia/estacionamientos/">Estacionamientos</a></li> 999 1000 <li><a href="https://gam.cl/es/experiencia/preguntas-frecuentes/">Preguntas frecuentes</a></li> 1001 1002 </ul> 1003 1004 </div> 1005 1006 <div class="mega-col mb-xxl-5 mb-xl-4 mb-lg-4 mb-md-4 mb-sm-5 mb-5 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-4 pt-4"> 1007 <div class="mb-3"> 1008 <h5><a href="https://gam.cl/es/participacion-y-creatividad/">Participación y Creatividad</a></h5> 1009 </div> 1010 1011 <ul> 1012 1013 <li><a href="https://gam.cl/es/participacion-y-creatividad/formacion-en-la-industria-de-las-artes/">Formación en la industria de las artes</a></li> 1014 1015 <li><a href="https://gam.cl/es/participacion-y-creatividad/educacion/">Educación</a></li> 1016 1017 <li><a href="https://gam.cl/es/participacion-y-creatividad/funciones-distendidas-gam/">Funciones y Conciertos Distendidos</a></li> 1018 1019 <li><a href="https://gam.cl/es/participacion-y-creatividad/visitas-mediadas/">Visitas Mediadas</a></li> 1020 1021 <li><a href="https://gam.cl/es/participacion-y-creatividad/laboratorios-creativos/">Laboratorios creativos</a></li> 1022 1023 <li><a href="https://gam.cl/es/participacion-y-creatividad/comunidadbibliogam/">MembresÃa BiblioGAM</a></li> 1024 1025 </ul> 1026 1027 </div> 1028 1029 1030 </div> 1031 <div class="col-xl-3 offset-xl-1 col-lg-3 offset-lg-1 col-md-3 offset-md-0 col-sm-12 offset-sm-0 col-12 offset-0" style="background-color: #fff;"> 1032 1033 1034 <div class="mega-col mb-xxl-5 mb-xl-4 mb-lg-4 mb-md-4 mb-sm-5 mb-5 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-4 pt-4"> 1035 <div class="mb-3"> 1036 <h5><a href="https://gam.cl/es/somos/">Somos</a></h5> 1037 </div> 1038 1039 <ul> 1040 1041 <li><a href="https://gam.cl/es/somos/gam/">GAM</a></li> 1042 1043 <li><a href="https://gam.cl/es/somos/corporacion/">Corporación</a></li> 1044 1045 <li><a href="https://gam.cl/es/somos/programacion-artistica/">Programación artÃstica</a></li> 1046 1047 <li><a href="https://gam.cl/es/somos/infraestructura/">Infraestructura</a></li> 1048 1049 <li><a href="https://gam.cl/es/somos/gabriela-mistral/">Gabriela Mistral</a></li> 1050 1051 <li><a href="https://gam.cl/es/somos/trabaja-en-gam/">Trabaja en GAM</a></li> 1052 1053 <li><a href="https://gam.cl/es/somos/estudios/">Estudios</a></li> 1054 1055 <li><a href="https://gam.cl/es/somos/archivo/">Archivo</a></li> 1056 1057 <li><a href="https://gam.cl/es/somos/contacto/">Contacto</a></li> 1058 1059 </ul> 1060 1061 </div> 1062 1063 <div class="mega-col mb-xxl-5 mb-xl-4 mb-lg-4 mb-md-4 mb-sm-5 mb-5 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-4 pt-4"> 1064 <div class="mb-3"> 1065 <h5><a href="https://gam.cl/es/apoyanos/">Apóyanos</a></h5> 1066 </div> 1067 1068 <ul> 1069 1070 <li><a href="https://gam.cl/es/apoyanos/arriendo-de-salas-y-espacios/">Arriendo de salas y espacios</a></li> 1071 1072 <li><a href="https://gam.cl/es/apoyanos/se-parte-2/">
1072Sé parte</a></li> 1073 1074 <li><a href="https://gam.cl/es/apoyanos/funciones-privadas-circulacion-2/">Funciones privadas y circulación</a></li> 1075 1076 </ul> 1077 1078 </div> 1079 1080 1081 </div> 1082 </div> 1083 </div> 1084 </div> 1085 </div> 1086 <button id="megaClose" class="mega-close" aria-label="Cerrar menú">â</button> 1087</div> 1088 1089 1090 <!--fullscreen Search--> 1091 <form class="search-wrapper hide"> 1092 <div class="container pt-4"> 1093 <div class="search-input-wrapper mt-5 mb-4"> 1094 <input class="search-input" type="text" placeholder="Buscar..." id="searchbox"> 1095 <button class="search-submit" type="button" disabled><i class="fas fa-search"></i></button> 1096 </div> 1097 </div> 1098 <div class="container"> 1099 <div class="search-info"> 1100 <div class="row row-eq-height" id="searchresults"> 1101 1102 1103 </div> 1104 </div> 1105 </div> 1106 <button class="search-close" type="button"> 1107 <img src="/static/img/close.svg" class="img-fluid"> 1108 </button> 1109 </form> 1110 1111
1111<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1111 1112
1112<script src="/static/gam2026/assets/js/main.js?version=200125a"></script>
1112 1113
1113<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1113 1114 1115 <!-- search --> 1116 <!--fullscreen--> 1117
1117<script> 1118 $(document).ready(function () { 1119 1120 function searchHandler() { 1121 var search = $(".search-wrapper"); 1122 search.keypress(function (e) { 1123 //Enter key 1124 if (e.which == 13) { 1125 return false; 1126 } 1127 }); 1128 if (search.hasClass('hide')) { 1129 search.css("display", "block"); 1130 setTimeout(function () { 1131 search.toggleClass('hide'); 1132 $(".search-input").focus(); 1133 }, 1); 1134 } else { 1135 search.toggleClass('hide'); 1136 setTimeout(function () { 1137 search.css("display", "none"); 1138 }, 500); 1139 1140 } 1141 } 1142 1143 $(".search-close").on('click', function () { 1144 searchHandler(); 1145 }) 1146 1147 $(".search").on('click', function () { 1148 searchHandler(); 1149 }) 1150 1151 $(".search-trigger").on('click', function (e) { 1152 e.preventDefault(); 1153 searchHandler(); 1154 }) 1155 }) 1156 </script>
1156 1157
1157<script> 1158 $(document).ready(function () { 1159 1160 var timeoutID = null; 1161 1162 function findMember(str) { 1163 let query = encodeURI(str); 1164 let url = "/asearch/" + query; 1165 $('#searchresults').html(' <div class="col-12" style="font-size:1em; color:#f4261b">Un segundo por favor, estamos buscando.<i class="fas fa-sync fa-spin "></i> </div> '); 1166 1167 $.get(url, function (data) { 1168 $(".overlay-content").addClass('results'); 1169 $('#searchresults').html(data); 1170 $('#searchresults a').hide(); 1171 let lis = $('a', '#searchresults'); 1172 let delay = 0; 1173 lis.each(function () { 1174 let $li = $(this); 1175 $li.queue('fade', function (next) { 1176 $li.delay(delay).fadeIn(200, next); 1177 }); 1178 $li.dequeue('fade'); 1179 delay += 50; 1180 }); 1181 }) 1182 } 1183 1184 $('#searchbox').keyup(function (e) { 1185 clearTimeout(timeoutID); 1186 //timeoutID = setTimeout(findMember.bind(undefined, e.target.value), 500); 1187 timeoutID = setTimeout(() => findMember(e.target.value), 500); 1188 }); 1189 1190 }); 1191 </script>
1191 1192 1193 1194 1195 1196
1196<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1196 1197
1197<script> 1198 $(document).ready(function () { 1199 // Desktop filter toggles 1200 $(document).on('click', '#show-disciplinas', function () { 1201 $('#disciplinas').addClass('show'); 1202 $('#edades').removeClass('show'); 1203 return false; 1204 }); 1205 $(document).on('click', '#show-edades', function () { 1206 $('#edades').addClass('show'); 1207 $('#disciplinas').removeClass('show'); 1208 return false; 1209 }); 1210 // Mobile filter toggles 1211 $(document).on('click', '#show-disciplinas-mobile', function () { 1212 $('#disciplinas-mobile').addClass('show'); 1213 $('#edades-mobile').removeClass('show'); 1214 return false; 1215 }); 1216 $(document).on('click', '#show-edades-mobile', function () { 1217 $('#edades-mobile').addClass('show'); 1218 $('#disciplinas-mobile').removeClass('show'); 1219 return false; 1220 }); 1221 $('.hide_others').click(function () { 1222 $('.show').removeClass('show'); 1223 }); 1224 $(document).on('click', '.filter_link', function () { 1225 let link = "/es/load_funciones_portada?" + $(this).attr('data-link'); 1226 $('.spinner').show(); 1227 // Load into both desktop and mobile containers 1228 $('#obras').load(link, function () { 1229 $('.spinner').hide(); 1230 }); 1231 $('#obras-mobile').load(link, function () { 1232 $('.spinner').hide(); 1233 }); 1234 // Scroll to the appropriate container based on screen size 1235 let targetElement = $(window).width() >= 768 ? $('#obras') : $('#obras-mobile'); 1236 $('html, body').animate({ 1237 scrollTop: targetElement.offset().top - 200 1238 }, 500); 1239 window.history.pushState({}, null, "?" + $(this).attr('data-link')); 1240 return false; 1241 }); 1242 1243 function loadObras() { 1244 let querystring = window.location.search; 1245 let link = querystring ? "/es/load_funciones_portada" + querystring : '/es/load_funciones_portada'; 1246 $('.spinner').show(); 1247 $('#obras').load(link, function () { 1248 $('.spinner').hide(); 1249 }); 1250 $('#obras-mobile').load(link, function () { 1251 $('.spinner').hide(); 1252 }); 1253 } 1254 1255 $(window).on('load', function () { 1256 loadObras(); 1257 }); 1258 }); 1259 </script>
1259 1260 1261</body> 1262 1263</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.