:root {
    --f-reglamento-height: 700px;
}

.spacer {
    margin: 150px 150px;
}

.folders-reglamentos {
    width: 100%;
    height: var(--f-reglamento-height);
    .f1, .f2, .f3, .f4 {
        width: 100%;
        height:100%;
        position: relative;
        background: var(--primary-color);
        margin-top: calc( -1 * var(--f-reglamento-height) );
    }
}

.folders-reglamentos div:first-child {
    margin-top: 0px !important;
}

.f1 {
    clip-path: url(#f1-clip-path);
    .f-header {
        margin-left: 5%;
    }
}

.f2 {
    clip-path: url(#f2-clip-path);
    .f-header {
        margin-left: 28%;
    }
}

.f3 {
    clip-path: url(#f3-clip-path);
    .f-header {
        margin-left: 51%;
    }
}

.f4 {
    clip-path: url(#f4-clip-path);
    .f-header {
        margin-left: 82%;
    }
}

.f-active {
    background: white !important;
    z-index: 2;
}

.f-header {
    position: absolute;
    margin-top: 2%;
}

.f-content {
    position: absolute;
    margin-top: 12%;
    width: 100%;
}

.sub-folder{
    font-size: 40px;
    font-family: "DotGothic16", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 0;
}

.margin-etica{
    padding-top: 20px;
}

.centrar-img{
    display: grid !important;
    place-items: center !important;
}

.justificado{
    text-align: justify;
}