*{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:0;
    width:100%;
}

/* FORÇA TUDO OCUPAR A TELA */
html, body{
    max-width:100%;
}

/* RESET */
body, html{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family: Arial, sans-serif;
}

/* CONTAINER */
.container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* MENU */
.menu{
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    padding:10px 30px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    z-index:999;
}

/* LOGO */
.logo img{
    height:50px;
}

/* MENU LINKS */
.nav a{
    margin:0 15px;
    text-decoration:none;
    color:#1a1a1a;
    font-weight:500;
}

.nav a:hover{
    color:#2b2bd6;
}

/* DIREITA (REDES + LOGIN) */
.right{
    display:flex;
    align-items:center;
    gap:15px;
}

/* ÍCONES */
.icon{
    width:35px;
    height:35px;
    background:#2b2bd6;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    text-decoration:none;
}

/* LOGIN */
.login{
    background:#2b2bd6;
    color:#fff;
    padding:8px 15px;
    border-radius:8px;
    text-decoration:none;
}

/* HERO */
.hero{
    width:100vw;   /* IMPORTANTE */
    height:100vh;
    position:relative;
    overflow:hidden;
    margin:0;
}

/* SLIDER */
.slider{
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100%;
}
/* No seu style.css */
.slider img {
    display: none; /* Esconde todas as imagens por padrão */
    width: 100%;
    height: auto;
}

.slider img.active {
    display: block; /* Mostra apenas a que tem a classe .active */
}
.slider img{
    width:100vw;
    height:100%;
    object-fit:cover;
}

.slider img.active{
    opacity:1;
    transform:scale(1);
}

/* OVERLAY */
.overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:1;
}

/* TEXTO HERO */
.hero-content{
    position:relative;
    z-index:2;
    color:white;
    text-align:center;
    top:40%;
}

/* BOTÕES SLIDER */
.prev, .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:#fff;
    border:none;
    padding:10px 15px;
    cursor:pointer;
    font-size:20px;
    z-index:2;
}

.prev{ left:20px; }
.next{ right:20px; }

/* BOLINHAS */
.dots{
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center;
    z-index:2;
}

.dot{
    height:10px;
    width:10px;
    margin:5px;
    background:#fff;
    display:inline-block;
    border-radius:50%;
    opacity:0.5;
    cursor:pointer;
}

.dot.active{
    opacity:1;
    background:#2b2bd6;
}

/* BOTÃO PADRÃO */
.btn{
    background:#00a86b;
    color:white;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
}

/* SEÇÕES */
section{
    padding:80px 20px;
    text-align:center;
}
#depoimentos{
    padding:10px 20px; /* diminui espaço */
    margin-top:-70px;  /* sobe a seção */
}
/* DOAÇÃO */
.doacao{
    background:#2b2bd6;
    color:white;
}

.doacao .container{
    display:flex;
    justify-content:space-between;
}

/* GRID */
.grid{
    display:flex;
    gap:30px;
    align-items:center;
}

.grid3{
    display:flex;
    justify-content:space-around;
}

/* CARDS */
.cards{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
}

.card{
    background:#1f1fd1;
    color:white;
    padding:25px;
    border-radius:10px;
    transition:0.3s;
}

.card:hover{
    transform:translateY(-5px);
}

/* FORM */
.form{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-width:400px;
    margin:auto;
}

.form input,
.form textarea{
    padding:10px;
    border:1px solid #ccc;
    border-radius:5px;
}

.form button{
    border:none;
    cursor:pointer;
}
/* MENU MOBILE */
.menu-toggle{
    display:none;
    font-size:22px;
    cursor:pointer;
}

/* RESPONSIVO */
@media(max-width:900px){

    .nav{
        position:absolute;
        top:70px;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        display:none;
    }

    .nav a{
        padding:15px;
        border-bottom:1px solid #eee;
    }

    .nav.active{
        display:flex;
    }

    .menu-toggle{
        display:block;
    }

    .right{
        display:none;
    }
}
.menu.scrolled{
    background:#ffffff;
    padding:5px 30px;
    transition:0.3s;
}
/* MODAL */
.modal{
    display:none;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}

.modal-content{
    background:#fff;
    margin:10% auto;
    padding:50px;
    width:90%;
    max-width:400px;
    border-radius:10px;
    text-align:center;
    position:relative;
}

.fechar{
    position:absolute;
    top:10px;
    right:15px;
    font-size:25px;
    cursor:pointer;
}

.qrcode{
    width:250px;
    margin:20px 0;
}
/* DOAÇÃO ESTILO PROFISSIONAL */
.doacao{
    background:#fff;
    padding:10px 20px;
}

.doacao-box{
    max-width:+1600px;
    margin:auto;
    background:#2b2bd6;
    color:#fff;
    border-radius:20px;
    padding:80px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.doacao-texto h2{
    font-size:40px;
    margin-bottom:10px;
}

.doacao-texto p{
    font-size:30px;
    opacity:0.9;
}

.btn-doar{
    background:#222323;
    color:#fff;
    padding:30px 50px;
    border-radius:30px;
    font-size:18px;
    text-decoration:none;
    transition:0.3s;
}

.btn-doar:hover{
    background:#0d5f59;
}
@media(max-width:768px){
    .doacao-box{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }
}
/* SOBRE */
.sobre{
    padding:0px 20px;
    background:#fff;
}

.container-sobre{
    max-width:1100px;
    margin:auto;
}

.titulo{
    text-align:center;
    font-size:40px;
    margin-bottom:10px;
    color:#2b2bd6;
}

.subtitulo{
    text-align:center;
    color:#2b2bd6;
    font-weight:600;
    margin-bottom:40px;
    font-size:25px;
}

.sobre-grid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.texto{
    flex:1;
    text-align:left;
    line-height:1.6;
    color:#000;
    font-size:18px;
}

.texto p{
    margin-bottom:15px;
}

.imagem{
    flex:1;
    text-align:center;
}

.imagem img{
    width:100%;
    max-width:500px;
    border-radius:50%;
    border:5px solid #000;
}
@media(max-width:768px){
    .sobre-grid{
        flex-direction:column;
        text-align:center;
    }

    .texto{
        text-align:center;
    }
}
/* NÚMEROS ESTILO PROFISSIONAL */
.numeros{
    background:#2b2bd6;
    padding:60px 20px;
    color:#fff;
}

.numeros-box{
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.numeros-box h2{
    margin-bottom:40px;
    font-size:40px;
    font-weight:500;
}

.numeros-grid{
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.item{
    flex:1;
    min-width:200px;
    text-align:center;
}

.item h3{
    font-size:80px;
    line-height:1;
}

.item p{
    font-size:18px;
}
@media(max-width:768px){
    .numeros-grid{
        flex-direction:column;
        gap:20px;
    }

    .item h3{
        font-size:45px;
    }
}
/* SERVIÇOS */
.servicos{
    padding:0px 20px;
    background:#fff;
    text-align:center;
}

.servicos h2{
    margin-bottom:30px;
}

/* CAIXA PRETA */
.servicos-box{
    max-width:1800px;
    margin:auto;
    background:#000;
    padding:100px;
    border-radius:30px;

    display:flex;
    gap:20px;
    overflow-x:auto;
}

/* CARD */
.servico{
    background:#2b2bd6;
    color:#fff;
    padding:30px;
    border-radius:15px;
    min-width:220px;
    text-align:left;
    transition:0.3s;
}

.servico h3{
    font-size:25px;
    margin-bottom:10px;
}

.servico p{
    font-size:20px;
    line-height:1.5;
}

/* HOVER */
.servico:hover{
    transform:translateY(-5px);
}
.servicos-box::-webkit-scrollbar{
    height:6px;
}

.servicos-box::-webkit-scrollbar-thumb{
    background:#2b2bd6;
    border-radius:10px;
}
/* DROPDOWN */
.dropdown{
    position:relative;
    display:inline-block;
}

.dropdown-menu{
    display:none;
    position:absolute;
    top:30px;
    left:0;
    background:#fff;
    min-width:180px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    border-radius:8px;
    overflow:hidden;
    z-index:999;
}

.dropdown-menu a{
    display:block;
    padding:10px;
    color:#000;
    text-decoration:none;
}

.dropdown-menu a:hover{
    background:#2b2bd6;
    color:#fff;
}

/* MOSTRAR AO PASSAR O MOUSE */
.dropdown:hover .dropdown-menu{
    display:block;
}
/* HORÁRIOS */
/* HORÁRIOS SLIDER */
.horarios{
    padding:80px 20px;
    text-align:center;
    margin-top: 0;
}
.horarios h2{
    margin-top:0;
    margin-bottom:15px; /* aproxima do slider */
}

.horarios-slider{
        box-shadow:0 10px 30px rgba(0,0,0,0.2);

    position:relative;
    max-width:900px;
    width:100%;
    height:400px;

    margin:0px auto; /* CENTRALIZA */
    
    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
    border-radius:15px;
    background:#000; /* evita fundo branco feio */
}

/* IMAGENS */
.slide-horario{
    position:absolute;
    width:100%;
    height:100%;

    object-fit:contain; /* 👈 NÃO CORTA */
    object-position:center;

    background:#000; /* fundo preto tipo profissional */

    opacity:0;
    transition:opacity 0.8s ease, transform 6s ease;
}

.slide-horario.active{
    opacity:1;
    transform:scale(1.05); /* leve zoom */
}

/* BOTÕES */
.prev-h, .next-h{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:#fff;
    border:none;
    padding:10px 15px;
    cursor:pointer;
    font-size:20px;
}

.prev-h{ left:10px; }
.next-h{ right:10px; }

/* DOTS */
.dots-h{
    position:absolute;
    bottom:15px;
    width:100%;
    text-align:center;
}

.dot-h{
    height:10px;
    width:10px;
    margin:0px;
    background:#fff;
    display:inline-block;
    border-radius:50%;
    opacity:0.5;
    cursor:pointer;
}

.dot-h.active{
    opacity:1;
    background:#2b2bd6;
}

/* DEPOIMENTOS */
/* CONTAINER */
.depoimentos-box{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

/* CARD */
.depoimento{
    background:linear-gradient(135deg, #2b2bd6, #1a1aa8);
    color:#fff;
    padding:25px;
    border-radius:15px;
    max-width:300px;
    text-align:center;

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

    transition:0.3s;
}

/* TEXTO */
.depoimento p{
    font-size:25px;
    margin-bottom:15px;
    font-style:italic;
}

/* NOME */
.depoimento span{
    font-size:20px;
    opacity:0.8;
}

/* HOVER */
.depoimento:hover{
    transform:translateY(-8px) scale(1.02);
    box-shadow:0 15px 35px rgba(0,0,0,0.3);
}
.depoimento p::before{
    content:"“";
    font-size:30px;
}

.depoimento p::after{
    content:"”";
    font-size:30px;
}
/* TRANSPARÊNCIA */
.transparencia{
    padding:20px 20px;
    background:#fff;
    text-align:center;
}

.transparencia h2{
    margin-bottom:10px;
}

/* CAIXA AZUL */
.transparencia-box{
    max-width:1600px;
    margin:auto;
    background:#2b2bd6;
    color:#fff;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    padding:40px;
    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

/* TEXTO */
.transparencia-info{
    flex:1;
    text-align:left;
}

.transparencia-info p{
    margin:8px 0;
    font-size:20px;
}

/* BOTÃO */
.btn-transparencia{
    display:inline-block;
    margin-top:20px;
    padding:10px 20px;
    background:#fff;
    color:#2b2bd6;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
    transition:0.3s;
}

.btn-transparencia:hover{
    background:#ddd;
}

/* IMAGEM */
.transparencia-img{
    flex:1;
    text-align:center;
}

.transparencia-img img{
    width:100%;
    max-width:350px;
    border-radius:10px;
}
@media(max-width:768px){
    .transparencia-box{
        flex-direction:column;
        text-align:center;
    }

    .transparencia-info{
        text-align:center;
    }
}
/* CONTATO */
.contato{
    padding:60px 20px;
    text-align:center;
}

.contato-box{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:30px;
    align-items:flex-start;
}

/* ESQUERDA */
.contato-info{
    flex:1;
    text-align:left;
}

.info-item{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
}

.info-item i{
    font-size:20px;
    color:#2b2bd6;
}

/* FORM */
.contato-form{
    flex:1;
}

.contato-form form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.contato-form input,
.contato-form select,
.contato-form textarea{
    padding:10px;
    border:1px solid #ccc;
    border-radius:5px;
    font-size:14px;
}

.contato-form textarea{
    height:120px;
}

.btn-enviar{
    background:#00a86b;
    color:#fff;
    border:none;
    padding:12px;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
}

.btn-enviar:hover{
    background:#008f5a;
}
@media(max-width:768px){
    .contato-box{
        flex-direction:column;
    }
}
/* FOOTER */
.footer{
    background:#fff;
    padding:60px 20px 0;
}

/* CONTAINER */
.footer-box{
    max-width:1200px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    gap:40px;
}

/* ESQUERDA */
.footer-left{
    flex:1;
}

.footer-left img{
    width:200px;
    margin-bottom:10px;
}

.footer-left p{
    font-size:20px;
    color:#333;
}

/* DIREITA */
.footer-right{
    flex:1;
}

.footer-right h3{
    color:#2b2bd6;
    margin-bottom:10px;
}

.footer-right p{
    font-size:20px;
    margin:5px 0;
}

/* ÍCONES */
.footer-right i{
    color:#2b2bd6;
    margin-right:8px;
}

/* BARRA FINAL */
.footer-bottom{
    background:#2b2bd6;
    color:#fff;
    text-align:center;
    padding:10px;
    margin-top:30px;
    font-size:12px;
}
@media(max-width:768px){
    .footer-box{
        flex-direction:column;
        text-align:center;
    }
}
.login{
    background:linear-gradient(135deg,#2b2bd6,#4a4aff);
    color:#fff;
    padding:8px 18px;
    border-radius:20px;
    text-decoration:none;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:5px;
    transition:0.3s;
}

.login:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}