/* ===========================================
   PÁGINA POLÍTICAS
=========================================== */

.hero-politicas{

    position:relative;

    height:350px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
        135deg,
        #111111,
        #2b2b2b,
        #000000
    );

    color:#fff;

    text-align:center;

    overflow:hidden;

}


.hero-overlay{

    position:absolute;

    inset:0;

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

}


.hero-conteudo{

    position:relative;

    z-index:2;

    width:90%;

    max-width:900px;

}


.hero-conteudo span{

    display:inline-block;

    background:#ffffff;

    color:#111111;

    padding:8px 20px;

    border-radius:30px;

    font-size:.9rem;

    margin-bottom:20px;

}


.hero-conteudo h1{

    font-size:3rem;

    margin-bottom:20px;

}


.hero-conteudo p{

    font-size:1.1rem;

    line-height:1.8;

}


/* ========================================= */

.politicas{

    background:#f5f5f5;

    padding:70px 0;

}


.politicas-container{

    width:92%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:280px 1fr;

    gap:35px;

}


/* ========================================= */

.menu-politicas{

    background:#ffffff;

    border-radius:15px;

    padding:25px;

    position:sticky;

    top:110px;

    height:max-content;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}


.menu-politicas h3{

    margin-bottom:20px;

    color:#222222;

    font-size:1.3rem;

}


.menu-politicas a{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#555555;

    padding:13px 15px;

    border-radius:10px;

    margin-bottom:8px;

    transition:.3s;

    font-weight:500;

}


.menu-politicas a:hover{

    background:#111111;

    color:#ffffff;

    transform:translateX(5px);

}


.menu-politicas i{

    font-size:1.1rem;

}


/* ========================================= */

.conteudo-politicas{

    display:flex;

    flex-direction:column;

    gap:30px;

}


.bloco-politica{

    background:#ffffff;

    border-radius:15px;

    padding:35px;

    box-shadow:0 10px 25px rgba(0,0,0,.07);

    transition:.3s;

}


.bloco-politica:hover{

    transform:translateY(-4px);

}


.bloco-politica h2{

    color:#222222;

    margin-bottom:25px;

    display:flex;

    align-items:center;

    gap:12px;

    font-size:1.8rem;

}


.bloco-politica h2 i{

    color:#333333;

}


.bloco-politica p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}


.bloco-politica ul{

    margin-left:20px;

}


.bloco-politica li{

    margin-bottom:12px;

    color:#555555;

    line-height:1.8;

}


/* ========================================= */

.contacto-box{

    margin-top:25px;

    display:grid;

    gap:15px;

}


.contacto-box p{

    background:#fafafa;

    border-left:5px solid #222222;

    padding:18px;

    border-radius:10px;

}


.contacto-box i{

    color:#222222;

    margin-right:10px;

}


/* ========================================= */

.faq-item{

    background:#fafafa;

    border-radius:12px;

    padding:20px;

    margin-top:20px;

    border-left:5px solid #333333;

}


.faq-item h4{

    color:#222222;

    margin-bottom:12px;

}


.faq-item p{

    margin:0;

}


/* ========================================= */

#btnTopo{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#111111;

    color:#ffffff;

    font-size:22px;

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    z-index:999;

}


#btnTopo:hover{

    transform:translateY(-5px);

    background:#333333;

}


#btnTopo.mostrar{

    opacity:1;

    visibility:visible;

}


/* ========================================= */

::-webkit-scrollbar{

    width:10px;

}


::-webkit-scrollbar-thumb{

    background:#333333;

    border-radius:30px;

}


::-webkit-scrollbar-thumb:hover{

    background:#111111;

}


::-webkit-scrollbar-track{

    background:#e9e9e9;

}


/* ========================================= */

@media(max-width:1100px){

    .politicas-container{

        grid-template-columns:1fr;

    }

    .menu-politicas{

        position:relative;

        top:0;

    }

}


/* ========================================= */

@media(max-width:768px){

    .hero-politicas{

        height:300px;

    }

    .hero-conteudo h1{

        font-size:2.2rem;

    }

    .hero-conteudo p{

        font-size:1rem;

    }

    .bloco-politica{

        padding:25px;

    }

    .bloco-politica h2{

        font-size:1.5rem;

    }

}


/* ========================================= */

@media(max-width:500px){

    .hero-conteudo h1{

        font-size:1.8rem;

    }

    .hero-conteudo span{

        font-size:.8rem;

    }

    .menu-politicas{

        padding:18px;

    }

    .menu-politicas a{

        font-size:.9rem;

        padding:12px;

    }

    .bloco-politica{

        padding:20px;

    }

    #btnTopo{

        width:50px;

        height:50px;

        right:20px;

        bottom:20px;

    }

}