/*----------------------------------------------------------------------

[-----*** TABLE OF CONTENT ***-----]

1. Aviso legal



-----------------------------------------------------------------------*/


/* --------------------------------------------------
[1. Aviso legal]
---------------------------------------------------- */

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

a:link {
    text-decoration-line: none;
}

.main-footer a:visited,
a:link {
    text-decoration: none;
    color: #202020;
}

a:hover {
    text-decoration: none;
    color: #202020;
}


.main-container {
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
    padding-top: 80px;
}

.container-legal {
    margin: auto;
    width: 745px;
}

.legal-text {
    font-weight: normal;
    font-size: 15px;
    line-height: 144%;
    color: rgba(32, 32, 32, 0.8);
    font-style: normal;
}

.legal-text-box {
    font-weight: normal;
    font-size: 15px;
    line-height: 144%;
    color: rgba(32, 32, 32, 0.8);
    font-style: normal;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 16px;
    padding-bottom: 32px;
}

.text-list-letters {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
}

.main-text-legal {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 120%;
    /* or 38px */

    display: flex;
    align-items: center;
    letter-spacing: -0.02em;

}


/* Navbar container */
.navbar-header {
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 64px;
    position: fixed;
    /* Cambiar a absolute en caso de que se quiera mantener barra arriba*/
    right: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background: white;
}

.navbar-header-logo {
    min-width: 130px;
    min-height: 34px;
}

.navbar-container {
    width: 1136px;
    display: flex;
}

/* --------------------------------------------------
[3. FOOTER]
---------------------------------------------------- */
.main-footer {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F0F0F0;
}

.footer-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1126px;
    grid-gap: 40px;
}

.services-column1-list {

    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    font-style: normal;
    list-style: none;
    color: #202020;
    padding: 0;
}

.list-item {
    padding-bottom: 8px;
}

.title-card-event {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 124%;
    /* identical to box height, or 14px */
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    /* On Surface / High */
    color: #202020;
}


    .list-item-footer {
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    font-style: normal;
    list-style: none;
    color: rgba(32, 32, 32, 0.64);
    padding: 0;
    padding-top: 16px;
}


@media (min-width: 768px) and (max-width: 1024px) {
    /* --------------------------------------------------
[1. Aviso legal]
---------------------------------------------------- */

    .container-legal {
        padding-left: 64px;
        padding-right: 64px;
        width: auto;
    }

    /* --------------------------------------------------
[3. FOOTER]
---------------------------------------------------- */

    /*Padding en ambos lados de cada sección*/

    .main-footer {
        padding-left: 24px;
        padding-right: 24px;

    }

}


@media (max-width: 1024px) {
    /* --------------------------------------------------
[3. FOOTER]
---------------------------------------------------- */

    /*Padding en ambos lados de cada sección*/

    .main-footer {
        padding-left: 24px;
        padding-right: 24px;

    }

}




/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/



@media (min-width: 481px) and (max-width: 767px) {

    /* --------------------------------------------------
[1. Aviso legal]
---------------------------------------------------- */

    .container-legal {
        padding-left: 32px;
        padding-right: 32px;
        width: auto;
        margin: auto;
    }

    /* --------------------------------------------------
[3. FOOTER]
---------------------------------------------------- */

    .main-footer {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/*Maximo 600*/
@media (max-width: 600px) {

    /* --------------------------------------------------
[1. Aviso legal]
---------------------------------------------------- */

    .container-legal {
        padding-left: 24px;
        padding-right: 24px;
    }



    /* --------------------------------------------------
[3. FOOTER]
---------------------------------------------------- */
    .main-footer {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #F0F0F0;
    }

    .footer-container {

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        column-gap: 20px;
    }

    /*Tamaño de la lista del footer*/
    .services-column1-list {
        font-size: 14px;
        padding-bottom: 0px
    }

    /*Lista elemtnos footer*/
    .services-column1-list {
        font-size: 14px;
        padding-bottom: 0px;
    }

}