/* ==========================================================
   HOME
========================================================== */


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

.hero{

    position:relative;

    overflow:hidden;

}

.hero::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    border-radius:50%;

    background:rgba(47,128,237,.05);

    right:-250px;

    top:-200px;

}

.hero::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(16,185,129,.05);

    left:-180px;

    bottom:-180px;

}

.hero-content{

    position:relative;

    z-index:2;

}

.hero-image{

    position:relative;

    z-index:2;

}

.hero-image img{

    width:100%;

    max-width:540px;

    margin:auto;

}

.hero h1{

    max-width:620px;

}

.hero p{

    max-width:560px;

    margin-top:25px;

}

.hero-buttons{

    margin-top:40px;

}

/* ==========================================================
   HOME
========================================================== */


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

.hero{

    position:relative;

    overflow:hidden;

}

.hero::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    border-radius:50%;

    background:rgba(47,128,237,.05);

    right:-250px;

    top:-200px;

}

.hero::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(16,185,129,.05);

    left:-180px;

    bottom:-180px;

}

.hero-content{

    position:relative;

    z-index:2;

}

.hero-image{

    position:relative;

    z-index:2;

}

.hero-image img{

    width:100%;

    max-width:540px;

    margin:auto;

}

.hero h1{

    max-width:620px;

}

.hero p{

    max-width:560px;

    margin-top:25px;

}

.hero-buttons{

    margin-top:40px;

}


/* ==========================================================
   QUEM SOMOS
========================================================== */

.grid-2 img{

    width:100%;

    border-radius:24px;

    box-shadow:var(--shadow-md);

}


/* ==========================================================
   COMO PODEMOS AJUDAR
========================================================== */

.home-help{

    background:var(--surface-alt);

}

.home-help .section-title{

    margin-inline:auto;

}

.home-help .section-description{

    margin-inline:auto;

    margin-bottom:60px;

}

.home-help .card{

    text-align:left;

}

.home-help .card-icon{

    font-size:1.5rem;

}

.home-help .card:hover{

    border:1px solid rgba(47,128,237,.15);

}

/* ==========================================================
   HOME
========================================================== */

/* HERO */

.hero{
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:rgba(47,128,237,.05);
    right:-250px;
    top:-200px;
}

.hero::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(16,185,129,.05);
    left:-180px;
    bottom:-180px;
}

.hero-content,
.hero-image{
    position:relative;
    z-index:2;
}

.hero-image img{
    width:100%;
    max-width:540px;
    margin:auto;
}

.hero h1{
    max-width:620px;
}

.hero p{
    max-width:560px;
    margin-top:25px;
}

.hero-buttons{
    margin-top:40px;
}

/* QUEM SOMOS */

.grid-2 img{
    width:100%;
    border-radius:24px;
    box-shadow:var(--shadow-md);
}

/* COMO PODEMOS AJUDAR */

.home-help{
    background:var(--surface-alt);
}

.home-help .section-title,
.home-help .section-description{
    margin-inline:auto;
}

.home-help .section-description{
    margin-bottom:60px;
}

.home-help .card-icon{
    font-size:1.5rem;
}

.home-help .card:hover{
    border:1px solid rgba(47,128,237,.15);
}

/* ESPECIALIDADES */

.specialties-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:60px;

}

.specialty-card{

    background:white;

    border-radius:24px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:.35s;

}

.specialty-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}

.specialty-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.specialty-content{

    padding:30px;

}

.specialty-content h3{

    margin-bottom:15px;

}

.specialty-content p{

    margin-bottom:25px;

}

.specialty-content a{

    color:var(--primary);

    font-weight:600;

}

/* PROJETO */

.grid-2 .btn{

    margin-top:10px;

}

/* RESPONSIVO */

@media(max-width:992px){

.specialties-grid{

grid-template-columns:1fr;

}

}

/* ==========================================================
   PROGRAMA SOCIAL
========================================================== */

.home-social{

    background:#ffffff;

}

.social-list{

    margin:35px 0;

    display:flex;

    flex-direction:column;

    gap:15px;

}

.social-list li{

    color:var(--text);

    font-weight:500;

}

/* ==========================================================
   DIFERENCIAIS
========================================================== */

.feature-card{

    background:white;

    padding:40px;

    border-radius:24px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.3s;

}

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}

.feature-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:var(--primary-light);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:2rem;

}

.feature-card h3{

    margin-bottom:18px;

}

/* ==========================================================
   BIBLIOTECA
========================================================== */

.ebooks-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:60px;

}

.ebook-card{

    background:linear-gradient(180deg,#ffffff,#f8fbff);

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px;

    transition:.35s;

}

.ebook-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}

.ebook-card span{

    display:inline-block;

    margin-bottom:20px;

    color:var(--primary);

    font-weight:600;

}

.ebook-card h3{

    margin-bottom:15px;

}

@media(max-width:992px){

    .ebooks-grid{

        grid-template-columns:1fr;

    }

}

/* ==========================================================
   FAQ
========================================================== */

.accordion{

    max-width:900px;

    margin:60px auto 0;

}

.accordion-item{

    margin-bottom:20px;

}

.accordion-header{

    background:white;

}

.accordion-header strong{

    font-size:1.4rem;

    color:var(--primary);

}

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

.home-cta{

    padding:100px 0;

}

.home-cta-box{

    background:linear-gradient(
    135deg,
    var(--primary),
    var(--primary-dark)
    );

    color:white;

    border-radius:32px;

    padding:90px 70px;

    text-align:center;

    overflow:hidden;

    position:relative;

}

.home-cta-box::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    top:-180px;

    right:-120px;

}

.home-cta-box::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-180px;

    left:-120px;

}

.home-cta-box>*{

    position:relative;

    z-index:2;

}

.home-cta h2{

    color:white;

    margin:25px 0;

    font-size:3rem;

}

.home-cta p{

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

    max-width:700px;

    margin:0 auto 40px;

}

.home-cta .badge{

    background:rgba(255,255,255,.15);

    color:white;

}

.home-cta .badge::before{

    background:white;

}

.home-cta .hero-buttons{

    justify-content:center;

}

@media(max-width:992px){

.home-cta-box{

padding:60px 30px;

}

.home-cta h2{

font-size:2.2rem;

}

}

/* ==========================================================
   NOSSA FORMA DE CUIDAR
========================================================== */

.care-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    margin-top:60px;

}

.care-card{

    background:white;

    border-radius:24px;

    padding:40px;

    box-shadow:var(--shadow-sm);

    transition:.35s;

}

.care-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}

.care-number{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:60px;

    height:60px;

    border-radius:50%;

    background:var(--primary);

    color:white;

    font-weight:700;

    margin-bottom:25px;

}

.care-card h3{

    margin-bottom:18px;

}

@media(max-width:992px){

    .care-grid{

        grid-template-columns:1fr;

    }

}