¿Qué es CONECTA?
/* --- ESTRUCTURA SEGURA --- */
.areandina_container, .areandina_container *,
.enlaces-rapidos, .enlaces-rapidos *,
.oa-modulo-completo, .oa-modulo-completo *,
.section-conecta, .section-conecta *,
.tabs_wrapper, .tabs_wrapper * {
box-sizing: border-box;
}
/* --- ESTILOS GENERALES --- */
.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; }
¿QUÉ ES SIGA?
/* ===== 1. ENCAPSULAMIENTO SEGURO ===== */
.siga-bloque-seguro,
.siga-bloque-seguro *,
.siga-bloque-seguro *::before,
.siga-bloque-seguro *::after {
box-sizing: border-box;
}
/* --- ESTILO PARA EL TAG "SERVICIOS" --- */
.siga-bloque-seguro .tag-servicios {
background-color: #7fb536;
color: #ffffff;
padding: 5px 15px;
border-radius: 10px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-bottom: 15px;
}
/* --- ESTILOS GENERALES DE CONTENEDOR --- */
¿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;
}
