body{

    margin:0;

    font-family:'Montserrat',sans-serif;

    background-image:url("../public/images/privasidad.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-attachment:fixed;

    color:#ffffff;

}
.back-button{

    position: fixed;

    top: 30px;

    left: 30px;

    z-index: 1000;

    padding: 14px 22px;

    border-radius: 999px;

    background: rgba(20,20,20,.55);

    backdrop-filter: blur(12px);

    color: white;

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;

    transition: .3s;

    border: 1px solid rgba(255,255,255,.12);

}

.back-button:hover{

    background: #6A8F4A;

    transform: translateY(-2px);

}

.back-button i{

    font-size: 18px;

}

.legal-page{

    min-height:100vh;

    padding:120px 20px;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    background:
        linear-gradient(
            rgba(0,0,0,.55),
            rgba(0,0,0,.70)
        );

}

.legal-container{

    width:min(100%,900px);

    padding:70px;

    border-radius:12px;

    background:
        rgba(20,20,20,.55);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border:
        1px solid
        rgba(255,255,255,.10);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.35);

}

.legal-container h1{

    font-size:clamp(
        42px,
        5vw,
        68px
    );

    font-weight:500;

    letter-spacing:-0.05em;

    margin:0 0 18px;

}

.legal-container h2{

    font-size:28px;

    font-weight:500;

    margin-top:55px;

    margin-bottom:18px;

    color:#BBD6A9;

}

.legal-container p{

    font-size:15px;

    line-height:1.9;

    color:
        rgba(
            255,
            255,
            255,
            .82
        );

    margin-bottom:18px;

}

.legal-container ul{

    padding-left:24px;

}

.legal-container li{

    margin-bottom:12px;

    line-height:1.9;

    color:
        rgba(
            255,
            255,
            255,
            .82
        );

}

.legal-container strong{

    color:#ffffff;

}

.legal-container::before{

    content:"LEGAL";

    display:block;

    font-size:11px;

    letter-spacing:.25em;

    color:#BBD6A9;

    margin-bottom:15px;

}

@media (max-width:768px){

    .legal-container{

        padding:40px 28px;

    }

}