/* --- SECCIÓN TIPS CORDILLERA --- */
.tips-cordillera-section {
    position: relative;
    width: 100%;
    background: var(--Amarillo, #DA8D09);
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Importante para ocultar cualquier desbordamiento si solapamos mucho */
    overflow: hidden; 
}

/* VECTORES SEPARADORES  */
.vector-top-divider,
.vector-bottom-divider {
    width: 100%;
    line-height: 0;
    z-index: 2;
    position: relative; /* Asegura que z-index funcione */
}
.vector-top-divider {
    /* Mueve el vector 1px hacia abajo para tapar la unión */
    margin-bottom: -1px; 
}
.vector-bottom-divider {
    /* Mueve el vector 1px hacia arriba para tapar la unión */
    margin-top: -1px; 
}
/* Asegurar que el SVG llene todo el ancho sin huecos laterales */
.vector-top-divider svg,
.vector-bottom-divider svg {
    width: 101%; /* Un 1% extra para evitar líneas verticales laterales */
    margin-left: -0.5%; /* Centrar ese exceso */
    height: auto;
    display: block;
    fill: #E8EAEC;
}

/* CONTENEDOR PRINCIPAL */
.tips-container {
    width: 100%;
    max-width: 1400px;
    padding: 60px 20px 80px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px; 
}

/* TÍTULO H2 */
.tips-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 64px;
    font-weight: 800;
    line-height: 1; 
    text-transform: uppercase;
    color: var(--Barro-10, #FDF3EF); 
    text-align: center;
    margin: 0;
    
    -webkit-text-stroke: 1px var(--Barro-10, #FDF3EF);
}

/* GRID DE 4 COLUMNAS */
.tips-grid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px; 
    width: 100%;
    flex-wrap: wrap; 
}

/* ITEM INDIVIDUAL */
.tip-item {
    flex: 1;
    min-width: 250px; 
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* CAJA BLANCA DEL ICONO */
.tip-icon-box {
    width: 110px;
    height: 110px;
    background: var(--Azul-10, #F3F5F6); 
    border: 1px solid var(--Azul-10, #F3F5F6);
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.tip-icon-box img {
    max-width: 60%;
    height: auto;
}

/* TEXTO */
.tip-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4; 
    color: #FFFFFF; 
    text-align: center;
    margin: 0;
}

/* --- RESPONSIVE (Móvil) --- */
@media (max-width: 900px) {
    .tips-title {
        font-size: 42px; 
    .tips-grid {
        gap: 30px;
    }
}

@media (max-width: 600px) {
    .tips-title {
        font-size: 32px; 
    }
    
    .tips-grid {
        flex-direction: column; 
        align-items: center;
    }
    
    .tip-item {
        max-width: 100%;
        padding: 0 20px;
    }
}