Earthly Elegance

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap'); /* CABECERA FIJA Y TRANSLÚCIDA */ .header-cielos-wrapper { position: fixed; top: 0; left: 0; width: 100%; padding: 24px 40px; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; z-index: 9999; background-color: transparent; transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease; } /* ESTADO SCROLL (FONDO NEGRO) */ .header-cielos-wrapper.scrolled { background-color: rgba(8, 13, 20, 0.95) !important; backdrop-filter: blur(8px); padding: 16px 40px; border-bottom: 1px solid rgba(0, 229, 255, 0.2); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); } .header-cielos-inner { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } /* LOGO */ .header-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #ffffff; } .header-logo-icon { width: 32px; height: 32px; color: #00e5ff; } .header-logo-text { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.5px; text-transform: uppercase; line-height: 1; } .header-logo-text span { color: #00e5ff; display: block; font-size: 0.75rem; letter-spacing: 1.5px; font-weight: 600; } /* NAVEGACIÓN Y SUBMENÚS */ .header-nav { display: flex; align-items: center; gap: 36px; list-style: none; margin: 0; padding: 0; } .header-nav-item { position: relative; } .header-nav-link { color: #cbd5e1; text-decoration: none; font-size: 0.95rem; font-weight: 600; transition: color 0.2s ease; padding: 10px 0; display: flex; align-items: center; gap: 6px; } .header-nav-link:hover, .header-nav-item:hover > .header-nav-link, .header-nav-link.active { color: #00e5ff; text-shadow: 0 0 10px rgba(0, 229, 255, 0.4); } /* FLECHA DEL SUBMENÚ */ .dropdown-arrow { font-size: 0.7rem; transition: transform 0.2s ease; } .header-nav-item:hover .dropdown-arrow { transform: rotate(180deg); } /* SUBMENÚ DESPLEGABLE (DROPDOWN) */ .dropdown-menu { position: absolute; top: 100%; left: 0; background-color: #0f172a; border: 1px solid #1e293b; border-radius: 12px; padding: 10px 0; min-width: 220px; list-style: none; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; z-index: 10000; } .dropdown-menu::before { content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 10px; } /* DESPLEGAR AL PASAR EL CURSOR (HOVER) */ .header-nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-link { display: block; padding: 10px 20px; color: #94a3b8; text-decoration: none; font-size: 0.88rem; font-weight: 600; transition: background-color 0.2s, color 0.2s; } .dropdown-link:hover { background-color: #1e293b; color: #00e5ff; } document.addEventListener('DOMContentLoaded', function () { const header = document.getElementById('main-header'); window.addEventListener('scroll', function () { if (window.scrollY > 40) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }); });

sedespuq

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); .cielos-sedes-container { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #080d14; color: #cbd5e1; overflow-x: hidden; padding-bottom: 100px; } /* CABECERA DE LA PÁGINA (HERO) */ .cielos-page-hero { position: relative; padding: 180px 40px 80px; background: linear-gradient(180deg, rgba(8, 13, 20, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%), radial-gradient(circle at 50% 30%, rgba(0, 229, 255, 0.12) 0%, transparent 60%); text-align: center; border-bottom: 1px solid #1e293b; } .cielos-page-badge { display: inline-block; background-color: rgba(0, 229, 255, 0.1); color: #00e5ff; padding: 6px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; border: 1px solid rgba(0, 229, 255, 0.3); } .cielos-page-hero h1 { font-size: 3rem; font-weight: 800; color: #ffffff; max-width: 800px; margin: 0 auto 16px; letter-spacing: -1px; line-height: 1.2; } .cielos-page-hero h1 span { color: #00e5ff; text-shadow: 0 0 20px rgba(0, 229, 255, 0.3); } .cielos-page-hero p { font-size: 1.1rem; color: #94a3b8; max-width: 650px; margin: 0 auto; line-height: 1.6; } /* CONTENEDOR DE SEDES (GRID) */ .cielos-sedes-content { max-width: 1200px; margin: 80px auto 0; padding: 0 40px; } .cielos-sedes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } .cielos-sede-card { background-color: #0f172a; border: 1px solid #1e293b; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; display: flex; flex-direction: column; } .cielos-sede-card:hover { border-color: #00e5ff; transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); } .cielos-sede-image { width: 100%; height: 240px; background-size: cover; background-position: center; position: relative; } .cielos-sede-tag { position: absolute; top: 20px; right: 20px; background-color: rgba(8, 13, 20, 0.85); backdrop-filter: blur(6px); color: #00e5ff; border: 1px solid rgba(0, 229, 255, 0.3); padding: 6px 14px; border-radius: 30px; font-size: 0.8rem; font-weight: 700; } .cielos-sede-body { padding: 35px; display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .cielos-sede-body h3 { font-size: 1.5rem; color: #ffffff; font-weight: 800; margin-bottom: 12px; } .cielos-sede-body p { font-size: 0.95rem; color: #94a3b8; line-height: 1.6; margin-bottom: 24px; } .cielos-sede-info-list { list-style: none; padding: 0; margin: 0 0 24px; border-top: 1px solid #1e293b; padding-top: 16px; } .cielos-sede-info-list li { font-size: 0.9rem; color: #cbd5e1; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; } .cielos-sede-info-list li span { color: #00e5ff; font-weight: 600; } .cielos-btn-card { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px; background-color: rgba(0, 229, 255, 0.1); color: #00e5ff; border: 1px solid rgba(0, 229, 255, 0.3); border-radius: 10px; font-weight: 700; text-decoration: none; transition: all 0.25s ease; } .cielos-btn-card:hover { background-color: #00e5ff; color: #080d14; } @media(max-width: 900px) { .cielos-sedes-grid { grid-template-columns: 1fr; } .cielos-page-hero h1 { font-size: 2.3rem; } }
Territorio y Escenarios

Sedes PUQ y Espacios Culturales

Espacios patrimoniales, teatros y centros comunitarios en Punta Arenas que abren sus puertas para albergar la programación del festival.

Punta Arenas

Teatro Municipal José Bohr

Histórico recinto patrimonial ubicado en el corazón de Punta Arenas, equipado para recibir las grandes galas y obras escénicas principales del festival.

  • Ubicación: Ríoseco 777, Punta Arenas
  • Capacidad: Sala Principal / Acceso Liberado
Consultar Cómo Llegar →
Centro Cultural

Centro Cultural Cielos del Infinito

Espacio moderno destinado al desarrollo de las residencias creativas, seminarios abiertos, laboratorios de formación y exposiciones de artes visuales.

  • Ubicación: Costanera del Estrecho S/N
  • Enfoque: Escuela y Talleres
Ver Talleres en esta Sede →
Scroll al inicio