/* ================================
   FORCE REVOLUTION SLIDER FULL WIDTH
   ================================ */

.page-slider {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

/* Altura del slider */
.revolution-slider,
.fullwidthbanner-container,
.fullwidthabnner {
    width: 100%;
    height: 600px; /* ajusta si quieres */
}



/* Quitar líneas y sombras alrededor del slider */
.page-slider,
.page-slider * {
    border: none !important;
    box-shadow: none !important;
}


.header,
.header * {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* Separación visual entre slider y sección siguiente */
.page-slider + .container,
.page-slider + section,
.page-slider + div {
    margin-top: 40px; /* ajusta: 30–60px */
}


.page-slider {
    margin-bottom: 0;
    padding-bottom: 0;
}


.section-tips {
    padding-top: 40px;
}


/* Separación entre slider y bloque de tips */
.TipsPrincipal {
    margin-top: 50px; /* ajusta 40–70px a gusto */
}


/* Eliminar bordes o separadores heredados */
.TipsPrincipal,
.TipsPrincipal * {
    border-top: none !important;
    box-shadow: none !important;
}



.TipsPrincipal .Cards {
    padding-top: 10px;
}


.TipsPrincipal .Cards {
    margin-bottom: 20px;
}