/* ==================================================
   POLÍTICA DE TRATAMIENTO DE DATOS
   RUTA 55
================================================== */


/* ==================================================
   HERO
================================================== */

.privacy-hero {

    margin-top: 76px;

    min-height: 330px;

    display: flex;

    align-items: center;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.72),
            rgba(0, 0, 0, 0.72)
        ),
        url("../img/banners/banner_1.webp");

    background-size: cover;

    background-position: center;

    color: #ffffff;

}


.privacy-hero-content {

    max-width: 850px;

    padding: 70px 0;

}


.privacy-hero-content span {

    display: inline-block;

    margin-bottom: 15px;

    font-size: 0.82rem;

    font-weight: 600;

    letter-spacing: 2px;

    color: #d71920;

}


.privacy-hero-content h1 {

    margin: 0;

    font-size: clamp(2rem, 4vw, 3.3rem);

    font-weight: 700;

    line-height: 1.15;

}


.privacy-hero-content p {

    margin: 18px 0 0;

    max-width: 650px;

    font-size: 1rem;

    line-height: 1.7;

    color: rgba(255, 255, 255, 0.88);

}



/* ==================================================
   CONTENIDO
================================================== */

.privacy-page {

    padding: 80px 0 100px;

    background: #f7f7f7;

}


.privacy-content {

    max-width: 950px;

    margin: 0 auto;

    padding: 55px;

    background: #ffffff;

    border-radius: 10px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);

}


.privacy-intro {

    padding-bottom: 25px;

    margin-bottom: 35px;

    border-bottom: 1px solid #e5e5e5;

}


.privacy-content section {

    margin-bottom: 42px;

}


.privacy-content h2 {

    margin-bottom: 18px;

    color: #171717;

    font-size: 1.35rem;

    font-weight: 700;

    line-height: 1.35;

}


.privacy-content p {

    margin-bottom: 15px;

    color: #4b4b4b;

    font-size: 0.96rem;

    line-height: 1.8;

}


.privacy-content ul {

    margin: 15px 0 20px;

    padding-left: 25px;

}


.privacy-content li {

    margin-bottom: 10px;

    color: #4b4b4b;

    font-size: 0.95rem;

    line-height: 1.7;

}


.privacy-content strong {

    color: #222222;

}



/* ==================================================
   INFORMACIÓN EMPRESARIAL
================================================== */

.privacy-info-box {

    margin: 22px 0;

    padding: 25px 28px;

    border-left: 4px solid #d71920;

    background: #f7f7f7;

    border-radius: 5px;

}


.privacy-info-box p {

    margin-bottom: 8px;

}


.privacy-info-box p:last-child {

    margin-bottom: 0;

}



/* ==================================================
   CONTACTO
================================================== */

.privacy-contact {

    margin: 20px 0;

    padding: 20px 24px;

    background: #f7f7f7;

    border-radius: 6px;

}


.privacy-contact a {

    color: #d71920;

    font-weight: 600;

    text-decoration: none;

}


.privacy-contact a:hover {

    text-decoration: underline;

}



/* ==================================================
   FINAL
================================================== */

.privacy-final {

    margin-top: 45px;

    padding-top: 30px;

    border-top: 1px solid #e5e5e5;

}


.privacy-final p {

    margin-bottom: 10px;

}



/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 768px) {

    .privacy-hero {

        min-height: 290px;

    }


    .privacy-hero-content {

        padding: 55px 15px;

    }


    .privacy-hero-content h1 {

        font-size: 2rem;

    }


    .privacy-page {

        padding: 45px 0 65px;

    }


    .privacy-content {

        padding: 30px 22px;

        border-radius: 7px;

    }


    .privacy-content section {

        margin-bottom: 35px;

    }


    .privacy-content h2 {

        font-size: 1.2rem;

    }


    .privacy-content p,
    .privacy-content li {

        font-size: 0.92rem;

    }


    .privacy-info-box {

        padding: 20px;

    }

}


@media (max-width: 480px) {

    .privacy-hero {

        margin-top: 68px;

        min-height: 260px;

    }


    .privacy-hero-content {

        padding: 45px 15px;

    }


    .privacy-hero-content h1 {

        font-size: 1.75rem;

    }


    .privacy-content {

        padding: 25px 18px;

    }


    .privacy-page {

        padding: 30px 0 50px;

    }

}