/* ===============================================
   HERO SECUNDARIO (SUBPAGES)
   Fondo oscurecido + efecto elegante
=============================================== */

.subhero{
    position: relative;
    min-height: 420px;
    padding-top: 95px; /* compensar navbar fixed */
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #0b1322;
}

.subhero-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: right center;
    transform: scale(1.03);
    filter: saturate(.9) contrast(1.05);
    z-index: 0;
}

.subhero-overlay{
    position: absolute;
    inset: 0;
    background:
        radial-gradient(1200px 600px at 20% 30%, rgba(0,0,0,.35), rgba(0,0,0,.75)),
        linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.85));
    z-index: 1;
}

.subhero-inner{
    position: relative;
    z-index: 3;
    padding: 70px 0;
    color: #ffffff;
}

.subhero-kicker{
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255,255,255,.65);
    margin-bottom: 10px;
}

.subhero-title{
    font-size: 2.6rem;
    font-weight: 750;
    margin-bottom: 10px;
}

.subhero-breadcrumbs{
    font-size: .9rem;
    color: rgba(255,255,255,.75);
}

.subhero-breadcrumbs a{
    color: rgba(255,255,255,.85);
    text-decoration: none;
}

.subhero-breadcrumbs .sep{
    margin: 0 6px;
    opacity: .6;
}