/*--------------------------------------------------------------
# Allegiances
--------------------------------------------------------------*/
#hero.allegiances {
    height: 80vh;
    background-image: url('/img/hero/hero-allegiances.jpg'); /* usa una imagen propia para esta sección */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    #hero.allegiances h1 {
        color: #CC0000;
        text-shadow: 0 0 4px rgba(0,0,0,0.4), 0 0 8px rgba(0,0,0,0.6), 0 0 16px rgba(0,0,0,0.75);
    }


.allegiance {
}

    .allegiance.allegiance-imperium {
        /*border-bottom: 5px solid red;*/
    }

    .allegiance h2 {
        color: red;
        text-align: left;
        border-bottom: 3px solid red;
        padding-bottom: 4px;
        margin-bottom: 8px;
    }