*,
 ::after,
 ::before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

body {
    font-family: "Poppins", sans-serif;
    background: #f5f5f5;
}

.listContainer {
    max-width: 1000px;
    margin: auto;
    background: white;
}

.logos {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.logos svg {
    display: block;
    margin: -30px -150px -50px 100px;
}

.kind {
    font-weight: 900;
    color: red;
    font-size: 120%;
}

.block ul {
    list-style-type: none;
    text-align: center;
    padding: 2em;
}

.clubName {
    font-size: 160%;
    font-weight: 900;
}

.hdr {
    margin: 2em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center -55px;
    height: 150px;
    clip-path: polygon(78% 5%, 100% 0, 100% 100%, 30% 97%, 0 100%, 0 0);
    backdrop-filter: saturate(300%) blur(20px);
    background-color: #ffffffc9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='392' viewBox='0 0 640 392'%3E%3Cpath fill='%23FFF' d='M71.4 76.2c2.8 1 6 3 10 4.5 3.2 1 4.4-2.3 4.4 2.4 0 2-3 4-2.4 7H85c.7 1 1.6 1 3.3 1l-.8 1h.8l-.8 1 4 2 .8-1h-.8l.8-1v1h.8v-1h1c1 1 1 1 3 0 1 1 2 1 3 2h1v1h1c3-3 8 5 6 9h1v1h2c0-2 6 1 8 1v1c2 1 3 1 4 0-3-1 1-3 3-5h-1c4-1 7 3 10 1 2 7 4 9 9 12 3 2 9 0 11 5 1-2 3-2 4-4l1 1c2-4 11-3 15-4v1c2-2 3-1 5-1s2-3 3-4 3-5 3-6c0-3-2-1-1-4 .8-2 5-4 5-4 0-3 2.6-7 6-4 1-1 2-1 1 0v-1c1 1 4-2 7 0l1-2v1c0-1 1-2 1.7-2 1 1 2 1 3 2l.4-1c0 1-.4 0-1 1 2 0 2 1 1.5 3-1-1-.5-2-2-2l1 2c-1.5 2.7-8.5 3-4.6 8 4 6 9-7.2 16-5 0-3 3.3-3 5-5-3-2.3 6-12-1-15.2l1-1-2-2.4h1c-2-2-5-6.3-1-8-.6-1-3.6-3-3-4 2-4 1-5.2 4-8v1c1-1 2-1 2.6-2.5.3 1 1 .6 1.4 2 3-1 10.4-9 10-10.4 1-1 0 0 1-2 1 1 2 1 2 1v-2c0-1 0-1 2-3h-1c3-1 5 1 8 1-.5-5 7.4-6 9-10h1v1h1v-3h1v1h1v-2l1 1 1-1h-1v-1h2c0-2.3-1-4-1-7 1.6 0 1 1 2 1.8 2-2.6 4 1 7 1 1 0 5-3 5.4-4 2.3 1 6 3 4 5 3.3 1 6 1 9 1.8h4c2 2 2 7 2 10s15 5 17 9h-1c1 1 5 3 7 3 1.4 0 2 4 3 5s5.6 3 7 2c1.6 2.6 5 5 6.6 7 1 1 2 4 2.7 4 2 2 3 0 5 3 2-1 7 1 8 3l1-.3c.4 1 0 1 1 2l.5-1c1 1.5 2 1.5 2.8 2.4 1 0 2-.6 3-1-7-11.6 16-3.6 20-3.3l10.7 1c2 0 11.6-1.3 12.6 0 4-3 5-12.4 13-6 0-.2 0-1 .6-1.3 3 2 11 5 14 3v1c3-2 1-10 6-6.2 1 1 .3 2 .3 3 0 2 2 1 3 2 6.6 3 7.4-1 13-4 1-.7-1-3.6.6-5 3-3 8 0 9.3 1 1.5 1.3 7 2 9 2 3 0 5.4 2 8 1.6 2 0 6-4 7.5-5 2 3 5 8 7 9.8l-1-.3c1-1 0-2.5 1-3-.8 0 3-4 3-4 0-3 7-.7 8 2 0-2 0-1 1-1l-1-1c1.4-1 3-1 3-1 1-1 0-2.5 2-1 0-.7-.7-1 0-2l.3 1c0-2 1-2 2-3v1-2l1 1c0-1.5 1-1.7 1-3l1 1c0-2 .5-2 .7-3.5 3 .6 4 3 7 4 3.3 1 5 0 8-1 5.4-1 9 3 6.4 9h1c-3 4.5 2 6 5 6 4 0 5 7 4 10h1c-2 3-1 5 2.5 5.6 3 1 2 5.5 1 7 2 1.5-1.8 3 0 4 3 3-2 4.6-2 6 0 2-4 3.6-5 5-1.8 2-2 5-4 7 2 1.5 7 1 8 4 2-1 6 2 9 2.6 6 2 8 2 11 8 4 6.8 12 14 18 10.6 1 2 3 3 4 4 1-1.3 2-3 4-1.3 2 2 5-1 6-.6 3 2.6 0 5-.7 7-1 3-.2 8-.2 11 0 3.6-2.3 9-.3 13 1.5 3 5.8 7 5 10 7 3.5 8 18 16 21-.2-3.6 6.7-3.5 8.6-1.6 4 3.2 8 5 12 9-5 2-7 8-11 12.3-3 3-7 8-8 14-.4-1 .4-1-1-1 0 5-2.4 9-2.4 14 0 2-2.4 6-4 8 2 2-3 5-1 7l-.6-1v2-1c-1 1 0 1 0 1-1 2-1 2.3-3 4 0 .5-2 .3-3 1-1 .6-.3 1.5-1.2 2.3-1.5 1-6 4-4 6-.7 2 0 1 0 3 0 2.4-3.5 1.6-3.5 2.3 0 2-5 2-3 5h-.4c1 1 0 .2 0 1l.4 1.3c-1.5.7-5.7 1.7-4.7 3-1.6 1.8-1.4 1.8-2.6 3.6v-1c-2 1-4.4 1-6.3 2.5-6-5-15-25-26-12-1.2-2-3.3-3.6-5.4-4l1.6 1.5c-1-1-2-1-3-1 1 0 1 0 1-1-2 2-5.5 1-8 3-4 2-5.4 6-6.4 10-2 6-12.7 8-17 7v.3l-4-2v1c-1-.5-1-1 0-1-1-1.3-3-1.4-6 0-2 2-5-4-7-5-1-1.6-11 0-12 .6-3-2.3-14-1.3-17-1.3-4 0-10-1-15 0-4 2-5 4-9 5-5 2-10 3-13-2h-1v1c-2 0-3 1-5.5-.2-3-2-3-3-6-3s-6 2-9 1c-1 0-2 0-2.4 2h-1c-.5-2.5-2-3-3.6-2h-.6c-2-5.3-10-1.3-13.6-1.3-3 0-5.5 1.8-8.6 1-2 0-5-2-7-2-1 0-3-1-4 0-2 1-2 4.6-5 3-2-1-11 2.8-14 2-4-1-16.2-3-18 0v-1c-1 1 0 1 0 1 1.7 0 1 1 0 1v-1c-2 3-8 18-12 18-2.2 0-4.2 0-6 1-1.6 1-5 5-2.5 4-2 3-3 7-7 5-2 7.7-19-1-24-.4-6.5 0-11 7-19.5 7-.5 0-10 4-11 5-2 1-5 5-6 7.4-3 9-13.3 17.6-12 28.2-3-2-4-4-7.4-4s-5.2 6.4-4 6.4c1 0-.2-.6 0-1 0 1 1 1 0 2 1 .3 1 0 1-.7 0 .7-.7 1 .3 1v-1 2.4h-1c0-1 0 0-1-1 1 1 1 1.4 2 2-3 2 2 5-4 8-3 1.7-15.5 4.8-15 6.8-3-3-4.4-9-10-9-2 0-4-1-6-1-2.5 0-3-5-5.2-1-2-2-3-6-6-8l-7-7c-2-2-2-1-2-.6-3-1-7 1.4-10-1-3 3-6.4-17.6-11-14.6-.4 0 0-1.7-1 0-2-9-8-13-10.5-21v1c-2.3-4-2.6-13-8-12l1-1v1l.7-1h-.5c1-1 2-1 3-1-1 0-1 .2 0 1h-1c1 0 1 1 2 0-1 0-1 1 0 1h-1c.5 1 1.5 2 3.3 2-3 1 0 7 2.7 4.2 2 0 2-1.7 4-2.5 0-1 .6-2 3-2-2-4-6 4-9-2 2 0 2 0 3-.6h-1c3.3-4.4 2-7-2-7-1 0-7-11-10-5h-1c-2.7-2.6-10-13-7-19 1 1 8-3 9-6.3-6 1-7-9-8.7-13-2.6-7-8-11-13-16-11-9.3-24.6-15-35.5-23.4-2 2-3.5-1-5 0 0-1 0-1-1-1h1c-3-2-8-5-12-6-1 1-1 0-2 1v-1c-3.4 3-24.4-2-30 1l1 1c-3 1-9 3.6-9-2 0-3-1-5-1-7v-5c0-3.5 1-9.4 0-12.5 0-2-4-4-1-5-2-3 0-7.5-1-10.6-1.6-4.4-5-4-5.6-10l1.7 1c-2-3 3-3.4 1-7 2-1 4.6-4 4-6 2-1 2.7-3 1.7-4 3-3 3-10 6-12.2h1v1h.6c2-4.5 11-8 11-11s3-6.4 3-8.4c0-1 2-6 3-8h-2c0-2-1-5.7 2.3-4v-1c3 1 6 0 8 1l1-2c2 .5 2-.4 3 0v-3h-2 1v1l1-1.5c1.5 0 1 .7 1 1 0-1 0-.6 1-1.5 1.4 1 2.4 2 3 1 1 1 1.4 2 2.5 3 2-2 4-1.4 5-1 0-3 2-4 2-8 0-3 3.2-3.4 2-6 1-.3 1-.4 1.2-1.5h-1l1-2c-5 0 0-5 2.5-7.5z'/%3E%3C/svg%3E%0A");
}

.and {
    color: red;
    font-size: 200%;
    -webkit-background-clip: none;
    -webkit-text-fill-color: red;
    margin-left: 18px;
    margin-right: 18px;
    
}

.subKind {
    font-size: 1.1em;
    display: inline;
    font-weight: 900;
    color: #074A99;
}

.title {
    font-weight: 900;
    font-size: 46px;
    display: flex;
    background-image: url(../img/frontCue.jpg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 68px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-weight: 900;
    opacity: 1;
    background-size: cover;
    
}

.mainClaim {
    border-radius: 79% 21% 83% 17% / 19% 82% 18% 81%;
    background: white;
    padding: 2em;
    margin-top: 30px;
}

.secondaryClaim {
    border-radius: 15% 85% 49% 51% / 58% 36% 64% 42%;
    background: #ffffffcc;
    padding: 1em 3em;
    text-align: center;
    font-weight: 900;
    color: #074A99;
}

.note {
    padding: 3em;
    font-size: .6em;
}

.province {
    font-size: 28px;
    font-weight: 900;
    display: flex;
    flex-direction: column;
    padding: 1em;
}

.province ul {
    font-size: 16px;
    font-weight: 300;
}

.province {
    color: var(--Pcolor);
}

.almeria {
    --Pcolor: #46beb2;
}

.cadiz {
    --Pcolor: #fdb03a;
}

.cordoba,
.granada,
.jaen {
    --Pcolor: #a17bb4;
}

.malaga {
    --Pcolor: #d32071;
}

.huelva {
    --Pcolor: #f2707a;
}

.sevilla {
    --Pcolor: #cf7a20;
}


/* .6 {
    --Pcolor: #3d7fbbc;
    }
    
    .7 {
    --Pcolor: #3fac53cc;
    }
    
    .8 {
    --Pcolor: #ce7c33cc;
    } */

.listContainer .lead {
    background: #074a995e;
    margin: -3em;
    padding: 3em;
    color: white;
    font-size: inherit;
    font-weight: inherit;
}

.block {
    font-size: 24px;
    font-weight: normal;
    color: #0e273a;
    padding: 3em;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(-120deg, #5CA6E0 0%, #fff 100%);
    clip-path: polygon(3% 3%, 98% 0, 99% 97%, 0 99%);
}

.provTitle {
    display: block;
    width: 100%;
}

.province>ul {
    counter-reset: list-counter;
    list-style: none;
    float: left;
    background: linear-gradient(0deg, var(--Pcolor) -300%, #fff 120%), white;
    border-radius: 12px;
    padding-left: inherit;
}

.province li {
    margin: 1.5em 0;
}

.province>ul li:before {
    content: counter(list-counter);
    counter-increment: list-counter;
    width: 1em;
    height: 1em;
    padding: 0.5em;
    margin-right: 1em;
    border-radius: 30% 70% 44% 56% / 30% 45% 55% 70%;
    border: 0.25em solid #fff;
    background: var(--Pcolor);
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.listContainer dl,
.listContainer ol,
.listContainer ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

@media screen and (max-width: 1024px) {
    .hdr {
        height: auto;
       
    }
    .title {
        height: auto;
        font-size: 1.5em;
        
    }
    .logos svg {
        display: block;
        margin: 0;
        height: auto;
    }
    .logos svg image {
        width: 45em;
    }
    .block {
        padding: 1px;
    }
    .secondaryClaim {
        padding: 1px;
    }
    .note {
        padding: 2em;
    }
    .province li {
        word-break: break-word;
        font-size: 0.8em;
    }
    .clubName {
        word-break: break-word;
        font-size: 1.2em;
    }
    .province li:before {
        word-break: keep-all;
    }
    .listContainer .lead {
        margin: 1em;
        padding: 1em;
        font-size: 0.8em;
    }
    /* .container {
        padding: 0;
    } */
    .block ul {
        padding: 1em;
    }
    .province>ul {
        padding: 0 0.85em;
    }
}

.listContainer {
    background: #09382582;
}

body.fondo {
    background-color: #447e19;
    background-image: url(../img/fondoFamilies.jpg);
    background-size: 121vw;
    background-position-x: 0vw;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.container {
    background: transparent;
    box-shadow: none;
}