@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.cielos-circuito-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;
}
/* CONTENIDO PRINCIPAL */
.cielos-circuito-content {
max-width: 1200px;
margin: 80px auto 0;
padding: 0 40px;
}
/* SECCIÓN DE "QUIÉNES SOMOS Y QUÉ HACEMOS" */
.cielos-about-section {
background-color: #0f172a;
border: 1px solid #1e293b;
border-radius: 24px;
padding: 50px;
margin-bottom: 60px;
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.cielos-about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.cielos-about-text h2 {
font-size: 2rem;
color: #ffffff;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.3;
}
.cielos-about-text h2 span {
color: #00e5ff;
}
.cielos-about-text p {
font-size: 1rem;
color: #94a3b8;
line-height: 1.7;
margin-bottom: 16px;
}
.cielos-about-box {
background: rgba(0, 229, 255, 0.03);
border: 1px solid rgba(0, 229, 255, 0.15);
border-radius: 16px;
padding: 30px;
}
.cielos-about-box h4 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 12px;
}
.cielos-about-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.cielos-about-box ul li {
font-size: 0.95rem;
color: #cbd5e1;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
gap: 10px;
}
.cielos-about-box ul li::before {
content: "▪";
color: #00e5ff;
font-weight: bold;
}
/* GRID DE TARJETAS */
.cielos-circuito-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-bottom: 60px;
}
.cielos-circuito-card {
background-color: #0f172a;
border: 1px solid #1e293b;
border-radius: 20px;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.cielos-circuito-card:hover {
border-color: #00e5ff;
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}
.cielos-circuito-image {
width: 100%;
height: 240px;
background-size: cover;
background-position: center;
position: relative;
}
.cielos-circuito-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-circuito-body {
padding: 35px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
}
.cielos-circuito-body h3 {
font-size: 1.5rem;
color: #ffffff;
font-weight: 800;
margin-bottom: 12px;
}
.cielos-circuito-body p {
font-size: 0.95rem;
color: #94a3b8;
line-height: 1.6;
margin-bottom: 24px;
}
.cielos-circuito-list {
list-style: none;
padding: 0;
margin: 0 0 24px;
border-top: 1px solid #1e293b;
padding-top: 16px;
}
.cielos-circuito-list li {
font-size: 0.9rem;
color: #cbd5e1;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 8px;
}
.cielos-circuito-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;
}
/* SECCIÓN DE VIDEO DESTACADO */
.cielos-video-section {
background-color: #0f172a;
border: 1px solid #1e293b;
border-radius: 24px;
padding: 50px;
text-align: center;
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.cielos-video-section h2 {
font-size: 2rem;
color: #ffffff;
font-weight: 800;
margin-bottom: 12px;
}
.cielos-video-section p {
color: #94a3b8;
font-size: 1rem;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.cielos-video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
border-radius: 16px;
overflow: hidden;
border: 1px solid #334155;
}
.cielos-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@media(max-width: 900px) {
.cielos-circuito-grid,
.cielos-about-grid {
grid-template-columns: 1fr;
}
.cielos-page-hero h1 {
font-size: 2.3rem;
}
.cielos-about-section,
.cielos-video-section {
padding: 25px;
}
}
Ver Sedes Asociadas →
Explorar Escuela y Talleres →
Extensión Territorial
Circuito Cuatro Cielos
Una ruta artística itinerante que conecta diversos puntos de la región austral, acercando las artes escénicas y comunitarias más allá de los grandes escenarios urbanos.
¿Quiénes somos y qué hacemos?
El Circuito Cuatro Cielos es la plataforma de descentralización territorial del Festival de Artes Cielos del Infinito. Nuestro equipo trabaja para romper las barreras geográficas de la Patagonia, llevando muestras artísticas de alto nivel directamente a los territorios.
Buscamos generar un puente vivo entre creadores escénicos y comunidades aisladas, promoviendo el acceso democrático a la cultura, el patrimonio y la formación artística en cada rincón de la región.
Nuestros Pilares de Acción
- Itinerancia regional: Llevamos funciones a comunas y localidades apartadas.
- Mediación de públicos: Espacios de diálogo entre artistas, estudiantes y vecinos.
- Descentralización: Cobertura artística equitativa en el territorio austral.
Ruta Austral
Intervenciones en Espacios Públicos
Presentaciones itinerantes de teatro callejero, danza y música en plazas y centros comunitarios seleccionados de la Patagonia.
- Modalidad: Acceso liberado y abierto a todo público
- Enfoque: Descentralización cultural
Encuentros de Creación
Funciones Educativas y Mediación
Funciones exclusivas y conversatorios dirigidos a estudiantes y organizaciones sociales para estrechar el vínculo entre la comunidad y los creadores.
- Participación: Previa inscripción comunitaria
- Formato: Obras + Diálogos abiertos
Vive la Experiencia del Circuito
Revive los mejores momentos de las intervenciones artísticas y el recorrido territorial por la región de Magallanes.