Agéndate para la Semana de la Sostenibilidad Areandina
Con el objetivo de reafirmar el compromiso de Areandina con la sostenibilidad, del 6 a 11 de septiembre, la Dirección nacional de Responsabilidad Social realiza la Semana de la Sostenibilidad, la cual tendrá una mirada de gestión integral a los aspectos sociales, ambientales y económicos de las regiones.
¿Qué es CONECTA?
/* --- ESTILOS GENERALES --- */
* { box-sizing: border-box; }
.areandina_container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
text-align: center;
}
.seccion-izquierda { text-align: left !important; }
.bg-blanco { background-color: #ffffff; }
.bg-gris { background-color: #f9f9f9; }
/* --- TITULOS --- */
.areandina_titulo_seccion {
font-size: 23px;
color: #555;
text-transform: uppercase;
font-weight: 700;
display: table;
¿QUÉ ES SIGA?
/* --- ESTILOS GENERALES --- */
* { box-sizing: border-box; }
.areandina_container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
text-align: center;
}
.seccion-izquierda { text-align: left !important; }
.bg-blanco { background-color: #ffffff; }
.bg-gris { background-color: #f9f9f9; }
/* --- TITULOS --- */
.areandina_titulo_seccion {
font-size: 23px;
color: #555;
text-transform: uppercase;
font-weight: 700;
display: table;
¿QUÉ ES ACA?
/* ===== CONTENEDOR GENERAL ===== */
.areandina_container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
}
.areandina_flex_row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 40px;
}
.areandina_col_texto {
flex: 1 1 300px;
max-width: 600px;
}
.areandina_col_imagen {
flex: 1 1 250px;
max-width: 500px;
}
.areandina_imagen_redondeada {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
/* --- TIPOGRAFÍAS EN PX --- */
humanismo
/* 1. ESTILOS GENERALES Y TABS */
.tab-hori-aa-seccion {
max-width: 1200px;
margin: auto;
padding: 60px 5%;
}
.tab-hori-aa-input {
display: none;
}
.tab-hori-aa-menu {
display: flex;
gap: 5px;
border-bottom: 3px solid #e5e5e5;
justify-content: center;
}
.tab-hori-aa-boton {
padding: 15px 30px;
cursor: pointer;
font-weight: 700;
background: #f5f5f5;
transition: 0.3s;
}
.tab-hori-aa-boton:hover {
background: #eaeaea;
}
.tab-hori-aa-contenido {
display: none;
padding: 40px 0;
animation: tab-hori-aa-fade .4s ease;
}