﻿
.navbar,.navbar.bg-body-tertiary{
    background-color:#D2691E !important;
    box-shadow:0 5px 5px rgba(0,0,0,0.15);
    position:sticky;
    top:0;
    z-index:1100;
    }
.navbar .navbar-brand{
    color:#ffffff;
    font-weight:600;
    font-size:1.5rem;
    transition:color 160ms ease-in-out;
    }
.navbar .navbar-brand:hover,.navbar .navbar-brand:focus{
    color:#ffe606;
    text-decoration:none;
    }
.navbar .nav-link{
    color:#ffffff;
    opacity:1;
    transition:color 160ms ease-in-out;
    }
.navbar .nav-link:hover,.navbar .nav-link:focus,.navbar .nav-link.active{
    color:#ffe606;
    }
.navbar-toggler{
    border:none;
    font-size:1.25rem;
    }
.navbar-toggler:focus,.btn-close:focus{
    box-shadow:none;
    outline:none;
    }
.titulo{
    text-align:center;
    margin:1rem 0;
    }
.titulo h2{
    margin:0 0 0rem 0;
    font-size:2rem;
    font-weight:700;
    color:#222;
    }
@media (min-width:992px){
    .titulo h2{
    margin-bottom:1rem;
    }
}
.grupos .container .img_grupos{
    object-fit:cover;
    width:100%;
    margin-bottom:2rem;
    height:20rem;
    border-radius:10px;
    }
.descriçao{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
    color:#222;
    line-height:1.6;
    }
.descriçao h2,.descriçao h3{
    color:#1f2937;
    margin-top:0.6rem;
    margin-bottom:0.5rem;
    }
.descriçao ul{
    list-style:none;
    padding:0;
    margin:0 0 1.25rem 0;
    background:#ffffff;
    border-radius:10px;
    padding:0.8rem 1rem;
    box-shadow:0 6px 18px rgba(15,23,42,0.06);
    transition:box-shadow 220ms ease,transform 220ms ease;
    }
.descriçao ul li{
    position:relative;
    padding-left:3.2rem;
    margin-bottom:0.9rem;
    font-size:0.98rem;
    font-weight:500;
    display:flex;
    align-items:flex-start;
    gap:0.6rem;
    transition:transform 220ms cubic-bezier(.2,.9,.3,1),box-shadow 220ms ease,background-color 220ms ease;
    }
.descriçao ul li::before{
    content:"";
    position:absolute;
    left:0.9rem;
    top:0.7rem;
    width:0.9rem;
    height:0.9rem;
    background:#D2691E;
    border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    transition:transform 180ms ease,box-shadow 180ms ease;
    transform-origin:center;
    }
.descriçao ul li i.fa-solid,.descriçao ul li i.fas,.descriçao ul li i.fa{
    margin-left:auto;
    color:#D2691E;
    font-size:1.05rem;
    line-height:1;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,0.06));
    transition:transform 180ms ease,filter 180ms ease;
    }
.descriçao ul li:hover,.descriçao ul li:focus-within{
    transform:translateY(-6px);
    }
.descriçao ul:hover{
    box-shadow:0 14px 34px rgba(15,23,42,0.10);
    }
.descriçao ul li:hover::before,.descriçao ul li:focus-within::before{
    transform:scale(1.06);
    box-shadow:0 6px 14px rgba(0,0,0,0.12);
    }
.descriçao ul li:hover i,.descriçao ul li:focus-within i{
    transform:translateY(-2px) scale(1.02);
    filter:drop-shadow(0 4px 6px rgba(0,0,0,0.08));
    }
.descriçao ul ul{
    margin-top:0.4rem;
    margin-left:0;
    background:transparent;
    box-shadow:none;
    padding-left:0.8rem;
    }
@media (max-width:576px){
    .descriçao ul li{
    padding-left:2.6rem;
    font-size:0.96rem;
    }
.descriçao ul li::before{
    left:0.7rem;
    top:0.6rem;
    width:0.8rem;
    height:0.8rem;
    }
}
mark{
    background-color:rgb(217,255,0);
    padding:0 4px;
    border-radius:4px;
    }
.pdf{
    text-align:center;
    margin:3rem 0;
    }
.pdf .buttons-container{
    display:flex;
    gap:1rem;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin-top:1.5rem;
    }
.btn-comprar-pacote{
    background-color:#D2691E;
    color:white;
    padding:12px 24px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:1.1rem;
    border:none;
    cursor:pointer;
    position:relative;
    transition:all 0.3s ease;
    box-shadow:0 4px 15px rgba(210,105,30,0.3);
    }
.btn-comprar-pacote::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    display:block;
    width:100%;
    height:100%;
    background-color:#D2691E;
    border-radius:8px;
    animation:pulse-comprar 1500ms ease-out infinite;
    }
.btn-comprar-pacote:hover{
    background-color:#B8621C;
    text-decoration:none;
    color:white;
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(210,105,30,0.4);
    }
.btn-comprar-pacote:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(210,105,30,0.5);
    }
@keyframes pulse-comprar{
    0%{
    transform:translateX(-50%) translateY(-50%) scale(1);
    opacity:1;
    }
25%{
    transform:translateX(-50%) translateY(-50%) scale(1.06);
    opacity:0.8;
    }
50%{
    transform:translateX(-50%) translateY(-50%) scale(1.12);
    opacity:0.6;
    }
75%{
    transform:translateX(-50%) translateY(-50%) scale(1.18);
    opacity:0.3;
    }
100%{
    transform:translateX(-50%) translateY(-50%) scale(1.22);
    opacity:0;
    }
}
.album{
    text-align:center;
    margin:3rem 0;
    }
.album img{
    width:80%;
    max-width:600px;
    border-radius:10px;
    box-shadow:0 8px 32px rgba(0,0,0,0.15);
    margin-bottom:1.5rem;
    }
.whatsapp-button{
    position:fixed;
    background-color:#25d366;
    border-radius:50px;
    color:white;
    font-weight:700;
    font-size:30px;
    bottom:70px;
    right:20px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    z-index:1000;
    box-shadow:0 0 20px rgba(0,0,0,0.15);
    transition:all 0.3s ease;
    }
.whatsapp-button::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    display:block;
    width:60px;
    height:60px;
    background-color:#25d366;
    border-radius:50%;
    -webkit-animation:pulse-border 1500ms ease-out infinite;
    animation:pulse-border 1500ms ease-out infinite;
    }
.whatsapp-button:focus{
    border:none;
    outline:none;
    }
.whatsapp-button:hover{
    background-color:#00ff62;
    text-decoration:none;
    color:white;
    transform:scale(1.1);
    }
@keyframes pulse-border{
    0%{
    transform:translateX(-50%) translateY(-50%) scale(1);
    opacity:1;
    }
100%{
    transform:translateX(-50%) translateY(-50%) scale(1.5);
    opacity:0;
    }
}
.site-footer{
    margin-top:7rem;
    background:chocolate;
    color:#eee;
    padding-top:1rem;
    }
.site-footer .footer-inner{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:1rem;
    align-items:center;
    padding:1rem 0;
    }
.footer-col{
    padding:0 1rem;
    }
.footer-logo{
    max-width:140px;
    height:auto;
    }
.footer-nav .footer-menu{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:1rem;
    justify-content:center;
    }
.footer-nav .footer-menu a{
    color:#eee;
    text-decoration:none;
    opacity:0.9;
    }
.footer-nav .footer-menu a:hover{
    color:#f8e801;
    text-decoration:none;
    opacity:1;
    }
.site-footer .footer-nav .footer-menu a{
    transition:color 160ms ease-in-out,opacity 160ms ease-in-out;
    }
.site-footer .footer-nav .footer-menu a:hover,.site-footer .footer-nav .footer-menu a:focus{
    color:#f8e801 !important;
    opacity:1 !important;
    text-decoration:none !important;
    }
.footer-socials{
    display:flex;
    gap:0.75rem;
    justify-content:flex-end;
    }
.footer-socials .social{
    color:#eee;
    background:rgba(255,255,255,0.06);
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    }
.footer-socials .social:hover{
    background:#fff;
    color:#000;
    text-decoration:none;
    }
.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.04);
    padding:0.75rem 0;
    margin-top:1rem;
    color:rgba(255,255,255,0.6);
    font-size:0.9rem;
    }
@media (max-width:768px){
    .site-footer .footer-inner{
    grid-template-columns:1fr;
    text-align:center;
    }
.footer-socials{
    justify-content:center;
    }
.footer-col{
    padding:0.5rem 0;
    }
}
