@font-face {
    font-family: 'Metropolis-Black';
    src: url('fonts/metropolis/Metropolis-Black.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('fonts/metropolis/Metropolis-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-ExtraBold';
    src: url('fonts/metropolis/Metropolis-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-ExtraLight';
    src: url('fonts/metropolis/Metropolis-ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Light';
    src: url('fonts/metropolis/Metropolis-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('fonts/metropolis/Metropolis-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('fonts/metropolis/Metropolis-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-SemiBold';
    src: url('fonts/metropolis/Metropolis-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Thin';
    src: url('fonts/metropolis/Metropolis-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('fonts/montserrat/Montserrat-black.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/montserrat/Montserrat-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('fonts/montserrat/Montserrat-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('fonts/montserrat/Montserrat-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('fonts/montserrat/Montserrat-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/montserrat/Montserrat-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/montserrat/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url('fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
}

:root {
    --default-ansa: white;
    --ultraBlack-ansa: black;
    --dark: #1d1d1b;
    --dark-light: #565655;
    --red-ansa: #ca0634;
    --yellow-ansa: #f4a100;
    --light: #ececec;
    --bg-ansa: rgb(11,10,12);
}

body, html {
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    background-color: var(--default-ansa);
    overflow-x: hidden;
}
a {
    text-decoration: none; /* opcional, para quitar el subrayado */
}
.logo {
    padding-top:4rem;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width: auto;
    height: auto;
}
.logo img{
    width: 200px;
    height: auto;
}
a img {
    transition: 0.3s ease; /* transición suave */
}

    a img:hover {
        opacity: 0.8; /* ejemplo: la imagen se aclara */
        transform: scale(1.3); /* ejemplo: efecto zoom */
    }
.aviso-de-privacidad-content {
    text-align: justify;
    display: flex;
    flex-direction: column;
    padding: 2% 20% 2% 20%;
    padding-bottom: 1rem;
}

    .aviso-de-privacidad-content p{
        color: var(--ultraBlack-ansa);
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: normal;
    }

    .aviso-de-privacidad-content h1 {
        color: var(--red-ansa);
        font-family: Montserrat;
        font-size: clamp(2rem,3vw,6em);
        font-weight: bold;
        text-align: center;
        margin-bottom: 0;
    }

    .aviso-de-privacidad-content h3{
        color: var(--ultraBlack-ansa);
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: normal;
        border-bottom: 1px solid var(--red-ansa);
        padding-bottom: 1rem;
    }

    .aviso-de-privacidad-content h4{
        color: var(--red-ansa);
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: bold;
    }
    li{
        color: var(--ultraBlack-ansa);
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: normal;
    }
    li b {
        color: var(--red-ansa);
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: bold;
    }

.design-footer {
    padding:5em;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    z-index: 2000;
}

    .design-footer a, p {
        font-family: Montserrat;
        font-size: 1em;
        font-weight: normal;
        color: var(--dark-light);
        margin: 0;
        padding: 0;
    }

        .design-footer a:hover {
            color: var(--red-ansa); /* cambia este a tu color preferido */
        }