/* =========================================================
   CANOPUS V8 — ENTREGA 4: INTEGRACIÓN FINAL DEL HERO
   Cargar después de dashboard-v8.css
   ========================================================= */

/* Acerca las tarjetas inferiores al dashboard sin pisarlo */
.cp-dashboard-v8__lower{
    top:525px;
}

/* Ajuste fino de profundidad y unión visual */
.cp-dashboard-v8{
    box-shadow:
        0 34px 75px rgba(30,87,165,.15),
        0 10px 28px rgba(30,87,165,.06);
}

.cp-dashboard-v8__lower article{
    box-shadow:
        0 22px 46px rgba(26,76,147,.12),
        0 7px 18px rgba(26,76,147,.05);
}

/* El bloque derecho queda ligeramente más cerca del texto */
.cp-visual{
    margin-left:-8px;
}

/* Equilibra la altura total del Hero */
.cp-hero{
    min-height:1045px;
    padding-bottom:92px;
}

/* Beneficios inferiores más limpios y alineados */
.cp-benefits{
    align-items:start;
}

.cp-benefit{
    min-width:0;
}

.cp-benefit strong{
    white-space:nowrap;
}

/* Suaviza el fondo detrás del dashboard */
.cp-hero__glow--one{
    top:135px;
    right:-20px;
    opacity:.92;
}

/* Reduce la intensidad de los puntos decorativos */
.cp-hero__dots{
    opacity:.34;
}

/* Evita que las tarjetas inferiores se salgan en pantallas medianas */
@media (max-width:1250px){
    .cp-dashboard-v8__lower{
        top:515px;
    }
}

@media (max-width:1050px){
    .cp-visual{
        margin-left:0;
    }

    .cp-dashboard-v8__lower{
        top:525px;
    }

    .cp-hero{
        min-height:auto;
        padding-bottom:70px;
    }
}

@media (max-width:700px){
    .cp-dashboard-v8__lower{
        top:525px;
    }

    .cp-benefit strong{
        white-space:normal;
    }
}