@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
a {
    text-decoration: none;
}
.container {
    max-width: 1060px;
}
.btn-primary {
    color: #FFF !important;
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 25px;
    text-transform: uppercase;
    border-radius: 11px;
    background: #3AAA35;
}

h2 {
    color: #3AAA35;
    font-family: 'Calibri', sans-serif;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h3 {
    color: #3AAA35;
    font-family: 'Calibri', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p, ul > li {
    color: #5C5C5C;
    font-family: 'Calibri', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.navi {
    & a {
    flex-shrink: 0;
    }
    & li {
        list-style: none;
    }
}

/* IDIOMA */
.idioma {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    position: relative;
    padding: 5px 0px;

    & span {
        font-size: 21px;
        font-weight: 400;
    }

    .dropdown {
        position: absolute;
        background: #fff;
        border-radius: 20px;
        padding: 10px 20px;
        top: 40px;
        right: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        display: none;
        transition: .3s all;
        animation: rotateMenuIn 400ms ease-in-out forwards;
        transform-origin: top center;
        z-index: 1;

        & li a {
            display: flex;
            flex-direction: row;
            gap: 8px;
            color: #006950;
            align-items: center;


        }
        & li {
            opacity: 0.35;
            transition: .3s all;
        }
        & li:hover {
            opacity: 1;
        }
    }

    .bandera {
        border-radius: 50%;
        width: 23px;
        height: 23px;
        object-fit: cover;
    }
}
.idioma:hover .dropdown {
    display: flex;
}
.idioma:not(:hover) .dropdown {
    display: flex;
    animation: rotateMenuOut 400ms ease-in-out forwards;
}
@keyframes rotateMenuIn {
    0% {
        transform: rotateX(-90deg)
    }
    70% {
        transform: rotateX(20deg) 
    }
    100% {
        transform: rotateX(0deg)
    }
}
@keyframes rotateMenuOut {
    0% {
        transform: rotateX(0deg)
    }
    50% {
        transform: rotateX(20deg) 
    }
    100% {
        transform: rotateX(-90deg) 
    }
}

/* TÍTULO */
.titulo {
    padding: 70px 0 60px;
    background: #0B5D0F;
    text-align: center;
    & h2, p {
        color: #fff;
    }
}

/* HORARIO */
.horario {
    padding: 62px 0;
    background: #008D36;
    & h2 {
        color: #FFF;
        text-align: center;
        font-family: 'Calibri', sans-serif;
        font-size: 41px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    & p {
        color: #FFF;
        text-align: center;
        font-family: 'Calibri', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}


/* FOOTER */
footer.top {
    background: #008D36;
    width: 100%;
    padding: 70px 0 40px;

    & a {
        color: rgba(255, 255, 255, 0.60);
        font-family: 'Calibri', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 160% */
    }
    p {
        color: #FFF;
        font-family: 'Calibri', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    ul {
        padding: 0;
        position: relative;
        & li {
            list-style: none;
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
            & a {
                color: #FFF;
                font-family: 'Calibri', sans-serif;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
            }
        }
        & li::before {
            content: url('../img/dotlist.png');
            position: absolute;
            left: 0;
            top: 2px;
        }
    }
    & h2 {
        color: #FFF;
        font-family: 'Calibri', sans-serif;
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 95.238% */
    }
}
footer.legal {
    background: #0B5E0F;
    padding: 25px 0;

    & a {
        color: rgba(255, 255, 255, 0.37);
        text-align: center;
        font-family: 'Calibri', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    & ul {
        margin: 0;
        padding: 0;
        & li {
            list-style: none;
        }
    }
}

iframe {
    width: 100%;
}

/* CATEGORÍAS */
.categoria {
    aspect-ratio: 1 / 1;
    background: #008D36;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    position: relative;
    transition: .3s all;
    border-radius: 14px;

    & span {
        color: #FFF;
        text-align: center;
        font-family: 'Calibri', sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        z-index: 1;
    }
    & a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}
.categoria::before {
    content: ' ';
    position: absolute;
    background: #008d36b6;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 14px;
}

.categoria:hover {
    transform: scale(1.1);
}

.grid-item {
    margin-bottom: 25px;
    position: relative;

    & a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    & .contenido {
        background: #008d36ab;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        opacity: 0;
        transition: .3s;
        & span, p {
            color: #fff;
        }

    }
}
.grid-item:hover .contenido {
    opacity: 1;
}


.formulario {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.13);
    padding: 44px 36px;
    text-align: center;
}

/* RESPONSIVE */
@media all and (max-width: 768px) {
    footer.top {
        & ul {
          & li::before {
            left: auto;
            transform: translateX(-18px);
          }
        }
    }
}


#leymebambaCarousel .carousel-inner img {
    aspect-ratio: 16 / 5;
    object-fit: cover;
    object-position: center;
}

.pata p, .pata ul li{

    color: #fff;
}

.pata h1, .pata h2, .pata h3, .pata a {
    color: #ffffff;
}
.pata a {
    color: #dbd800;
}