
*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Cormorant Garamond', serif;
overflow-x:hidden;
background:#f4f4f4;
}

.topo{
width:100%;
height:82px;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
gap:58px;
position:fixed;
top:0;
left:0;
z-index:999;
}

.logo img{
width:165px;
display:block;
}

nav{
display:flex;
align-items:center;
gap:38px;
}

nav a{
text-decoration:none;
font-size:18px;
color:#111;
}

.instagram img{
width:17px;
height:17px;
display:block;
}

.contato{
background:#dfb52f;
padding:6px 22px;
border-radius:30px;
color:#fff;
}

.home{
width:100%;
height:100vh;
background:url('../assets/hero.jpg') center center/cover no-repeat;
display:flex;
justify-content:center;
align-items:center;
padding-top:82px;
}

.conteudo-home{
display:flex;
flex-direction:column;
align-items:center;
transform:translateY(15px);
}

.card-texto{
width:min(690px,88vw);
text-align:center;
}

.faixa-amarela{
background:#efc431;
padding:16px 30px;
border-radius:10px 10px 0 0;
}

.faixa-amarela h1{
font-family:'Great Vibes', cursive;
font-size:52px;
line-height:1.1;
font-weight:400;
}

.faixa-clara{
background:rgba(238,221,166,.76);
padding:14px 20px 20px;
border-radius:0 0 10px 10px;
}

.faixa-clara p{
font-size:24px;
}

.botao{
margin-top:45px;
padding:14px 40px;
border-radius:40px;
border:2px solid #fff;
background:rgba(255,255,255,.5);
color:#111;
text-decoration:none;
font-size:12px;
}

.sobre{
padding:90px 40px;
background:#f4f4f4;
display:flex;
justify-content:center;
}

.sobre-container{
max-width:1250px;
display:flex;
gap:70px;
align-items:flex-start;
}

.sobre-imagem img{
width:330px;
height:480px;
object-fit:cover;
border-radius:14px;
display:block;
}

.sobre-texto{
max-width:520px;
width:100%;
}

.sobre-texto h2{
font-family:'Great Vibes', cursive;
font-size:58px;
font-weight:400;
margin-bottom:18px;
}

.sobre-texto h3{
font-size:28px;
line-height:1.3;
font-weight:500;
margin-bottom:22px;
}

.linha{
width:130px;
height:4px;
background:#dcb22d;
margin-bottom:28px;
}

.sobre-texto p{
font-size:20px;
line-height:1.9;
color:#333;
margin-bottom:28px;
max-width:520px;
}

.portfolio{
background:#fff4cc;
padding:70px 30px 80px;
}

.portfolio-container{
max-width:1050px;
margin:0 auto;
text-align:center;
}

.portfolio-tag,
.depoimentos-tag{
display:block;
font-size:13px;
font-weight:500;
letter-spacing:.5px;
color:#d0a316;
margin-bottom:8px;
}

.portfolio h2,
.depoimentos h2{
font-size:38px;
font-weight:500;
color:#111;
margin-bottom:45px;
}

.portfolio-grid{
display:grid;
grid-template-columns:repeat(3, 300px);
justify-content:center;
gap:34px 48px;
}

.portfolio-card{
height:185px;
position:relative;
overflow:hidden;
border-radius:10px;
box-shadow:0 3px 6px rgba(0,0,0,.28);
text-decoration:none;
display:block;
}

.portfolio-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.3s ease;
}

.portfolio-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,.05));
}

.card-info{
position:absolute;
left:22px;
bottom:22px;
z-index:2;
}

.card-info span{
color:#fff;
font-size:26px;
}

.card-info i{
width:78px;
height:3px;
background:#dcb22d;
display:block;
margin-top:8px;
}

.portfolio-card-center{
grid-column:2;
}

.depoimentos{
padding:75px 30px 95px;
background:#f7f7f7;
}

.depoimentos-container{
max-width:1050px;
margin:0 auto;
text-align:center;
}

.depoimentos-grid{
display:grid;
grid-template-columns:245px 245px 245px;
justify-content:center;
gap:26px;
align-items:start;
}

.depoimentos-coluna{
display:flex;
flex-direction:column;
gap:18px;
}

.depoimento-img{
width:245px;
border-radius:8px;
box-shadow:0 2px 5px rgba(0,0,0,.2);
}

/* CTA */

.cta{
background:#ddb632;
padding:75px 20px;
text-align:center;
}

.cta h2{
font-size:72px;
font-weight:600;
color:#fff;
margin-bottom:18px;
}

.cta p{
font-size:28px;
color:#fff;
margin-bottom:45px;
}

.cta-botoes{
display:flex;
justify-content:center;
gap:24px;
flex-wrap:wrap;
}

.cta-btn{
padding:18px 34px;
border-radius:40px;
text-decoration:none;
font-size:22px;
transition:.2s;
min-width:300px;
}

.cta-btn-white{
background:#fff;
color:#ddb632;
box-shadow:0 3px 8px rgba(0,0,0,.18);
}

.cta-btn-outline{
border:3px solid #fff;
color:#fff;
}

/* FOOTER */

.footer{
background:#f5f5f5;
padding:65px 30px;
}

.footer-container{
max-width:1100px;
margin:0 auto;
display:flex;
justify-content:space-between;
gap:60px;
flex-wrap:wrap;
}

.footer-col{
display:flex;
flex-direction:column;
}

.footer-brand img{
width:150px;
margin-bottom:20px;
}

.footer h3{
font-size:20px;
margin-bottom:22px;
color:#111;
}

.footer a,
.footer p{
font-size:18px;
line-height:1.6;
text-decoration:none;
color:#222;
margin-bottom:8px;
}

.footer-icons{
display:flex;
gap:12px;
margin-bottom:18px;
}

.footer-icons span{
width:30px;
height:30px;
border-radius:50%;
background:#f1df9b;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
}

@media(max-width:980px){

.topo{
height:auto;
padding:15px;
gap:20px;
flex-wrap:wrap;
}

.logo img{
width:130px;
}

nav{
gap:15px;
flex-wrap:wrap;
justify-content:center;
}

nav a{
font-size:14px;
}

.sobre-container{
flex-direction:column;
align-items:center;
text-align:center;
}

.linha{
margin:0 auto 28px;
}

.portfolio-grid{
grid-template-columns:repeat(2, minmax(220px, 300px));
gap:24px;
}

.portfolio-card-center{
grid-column:auto;
}

.depoimentos-grid{
grid-template-columns:1fr;
justify-items:center;
}

.cta h2{
font-size:52px;
}

.cta p{
font-size:22px;
}

.footer-container{
justify-content:center;
text-align:center;
}
}

@media(max-width:520px){

.logo img{
width:115px;
}

nav{
gap:10px;
}

nav a{
font-size:11px;
}

.contato{
font-size:11px;
padding:5px 15px;
}

.faixa-amarela h1{
font-size:33px;
}

.faixa-clara p{
font-size:17px;
}

.sobre{
padding:70px 20px;
}

.sobre-imagem img{
width:100%;
max-width:320px;
height:auto;
}

.sobre-texto h2{
font-size:38px;
}

.sobre-texto h3{
font-size:21px;
}

.sobre-texto p{
font-size:18px;
}

.portfolio{
padding:60px 20px 70px;
}

.portfolio-grid{
grid-template-columns:1fr;
}

.portfolio-card{
width:100%;
max-width:300px;
margin:0 auto;
}

.depoimentos{
padding:60px 20px 80px;
}

.depoimento-img{
width:100%;
max-width:320px;
}

.cta{
padding:55px 20px;
}

.cta h2{
font-size:36px;
}

.cta p{
font-size:18px;
}

.cta-btn{
font-size:18px;
min-width:100%;
}

.footer{
padding:55px 20px;
}
}


/* RODAPÉ AJUSTADO */

.footer{
background:#f5f5f5;
padding:70px 30px 35px;
}

.footer-container{
max-width:980px;
margin:0 auto;
display:grid;
grid-template-columns:1.2fr .8fr 1fr;
align-items:start;
gap:95px;
}

.footer-brand img{
width:170px;
margin-bottom:16px;
}

.footer h3{
font-size:20px;
font-weight:600;
margin-bottom:22px;
color:#111;
}

.footer a,
.footer p{
font-size:19px;
line-height:1.35;
text-decoration:none;
color:#111;
margin-bottom:12px;
}

.footer-col:last-child h3{
margin-bottom:22px;
}

.footer-icons{
display:flex;
gap:16px;
margin-bottom:28px;
}

.footer-icons span{
width:31px;
height:31px;
border-radius:50%;
background:#f1df9b;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
}

.footer-col:last-child p{
font-size:20px;
line-height:1.25;
}

@media(max-width:900px){
.footer-container{
grid-template-columns:1fr;
gap:35px;
text-align:center;
justify-items:center;
}

.footer-col{
align-items:center;
}

.footer-icons{
justify-content:center;
}
}


/* AJUSTE CENTRALIZAÇÃO */

.footer{
display:flex;
justify-content:center;
}

.footer-container{
width:100%;
max-width:1100px;
display:grid;
grid-template-columns:repeat(3, 1fr);
align-items:start;
justify-items:center;
gap:40px;
}

.footer-col{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.footer-brand{
max-width:260px;
}

.footer-col:last-child{
align-items:flex-start;
}

.footer-icons{
justify-content:flex-start;
}

@media(max-width:900px){

.footer-container{
grid-template-columns:1fr;
justify-items:center;
text-align:center;
}

.footer-col,
.footer-col:last-child{
align-items:center;
}

.footer-icons{
justify-content:center;
}
}


/* ÍCONES FOOTER */

.footer-icons{
display:flex;
gap:18px;
align-items:center;
}

.icon-circle{
width:54px;
height:54px;
border-radius:50%;
background:#f1df9b;
display:flex;
align-items:center;
justify-content:center;
color:#111;
text-decoration:none;
transition:.2s;
}

.icon-circle svg{
width:25px;
height:25px;
stroke:#111;
}

.icon-circle:hover{
transform:scale(1.05);
}


/* AJUSTE FINAL ÍCONES */

.footer-icons{
gap:20px;
}

.icon-circle{
width:56px;
height:56px;
background:#f3e2a7;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.icon-circle svg{
width:28px;
height:28px;
stroke:#111;
stroke-width:2;
fill:none;
}

@media(max-width:520px){
.icon-circle{
width:52px;
height:52px;
}

.icon-circle svg{
width:26px;
height:26px;
}
}


/* AJUSTE FINAL RODAPÉ */

.footer{
background:#f5f5f5;
padding:70px 40px;
}

.footer-container{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:start;
justify-items:center;
column-gap:90px;
}

.footer-col{
display:flex;
flex-direction:column;
}

.footer-brand{
max-width:300px;
}

.footer-brand img{
width:170px;
margin-bottom:20px;
}

.footer-brand p{
max-width:260px;
font-size:18px;
line-height:1.5;
}

.footer h3{
font-size:20px;
font-weight:600;
margin-bottom:24px;
color:#111;
}

.footer-col a{
font-size:18px;
line-height:1.9;
text-decoration:none;
color:#111;
}

.footer-icons{
display:flex;
gap:16px;
margin-bottom:28px;
align-items:center;
}

.icon-circle{
width:52px;
height:52px;
border-radius:50%;
background:#f3e2a7;
display:flex;
align-items:center;
justify-content:center;
}

.icon-circle svg{
width:24px;
height:24px;
stroke:#111;
stroke-width:2;
}

.footer-col:last-child p{
font-size:18px;
line-height:1.5;
max-width:220px;
}

@media(max-width:900px){

.footer-container{
grid-template-columns:1fr;
justify-items:center;
text-align:center;
row-gap:45px;
}

.footer-col,
.footer-col:last-child{
align-items:center;
}

.footer-icons{
justify-content:center;
}

.footer-brand p,
.footer-col:last-child p{
max-width:none;
}
}

@media(max-width:520px){

.footer{
padding:60px 20px;
}

.footer-brand img{
width:145px;
}

.footer h3{
font-size:18px;
}

.footer-col a,
.footer-brand p,
.footer-col:last-child p{
font-size:16px;
}

.icon-circle{
width:48px;
height:48px;
}

.icon-circle svg{
width:22px;
height:22px;
}
}


/* COPYRIGHT */

.footer-bottom{
width:100%;
margin-top:55px;
display:flex;
flex-direction:column;
align-items:center;
}

.footer-line{
width:100%;
max-width:1200px;
height:2px;
background:#d8d8d8;
margin-bottom:28px;
}

.footer-bottom p{
font-size:16px;
color:#222;
text-align:center;
}

@media(max-width:520px){

.footer-bottom{
margin-top:40px;
}

.footer-line{
margin-bottom:20px;
}

.footer-bottom p{
font-size:14px;
padding:0 10px;
line-height:1.5;
}
}





/* GALERIA MODELO FINAL - GESTANTES */

.galeria-modelo-final{
    background:#fff4cc;
    padding:40px 30px 100px;
}

.galeria-modelo-container{
    width:100%;
    max-width:1096px;
    margin:0 auto;
}

.foto-horizontal{
    width:100%;
    margin:0 auto 48px;
}

.foto-horizontal img{
    width:100%;
    height:500px;
    object-fit:cover;
    object-position:center center;
    display:block;
}

.fotos-triplas{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:34px;
}

.foto-tripla{
    height:495px;
    overflow:hidden;
}

.foto-tripla img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
}

@media(max-width:900px){
    .galeria-modelo-container{
        max-width:92vw;
    }

    .foto-horizontal img{
        height:360px;
    }

    .fotos-triplas{
        gap:18px;
    }

    .foto-tripla{
        height:360px;
    }
}

@media(max-width:620px){
    .galeria-modelo-final{
        padding:30px 14px 70px;
    }

    .foto-horizontal{
        margin-bottom:22px;
    }

    .foto-horizontal img{
        height:240px;
    }

    .fotos-triplas{
        grid-template-columns:repeat(3, 1fr);
        gap:8px;
    }

    .foto-tripla{
        height:210px;
    }
}


/* FIX GRID GALERIA */

.galeria-fotos{
    background:#fff4cc;
    padding:60px 20px 80px;
}

.galeria-container{
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.galeria-container h2{
    font-size:48px;
    margin-bottom:50px;
}

.galeria-grid{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:28px !important;
    flex-wrap:nowrap !important;
}

.galeria-item{
    width:260px !important;
    min-width:260px !important;
}

.galeria-item img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}

@media(max-width:900px){
    .galeria-grid{
        overflow-x:auto;
        justify-content:flex-start !important;
        padding-bottom:10px;
    }
}


/* PRIMEIRA SESSÃO GESTANTES - AJUSTE FINAL */

.categoria-hero{
    width:100% !important;
    height:425px !important;
    margin-top:82px !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    overflow:hidden !important;
}

.gestantes-hero{
    background-image:url('../assets/gestantes.jpg') !important;
}

.categoria-overlay{
    position:absolute !important;
    inset:0 !important;
    background:rgba(0,0,0,.42) !important;
    z-index:1 !important;
}

.categoria-conteudo{
    position:relative !important;
    z-index:2 !important;
    color:#fff !important;
    transform:translateY(35px) !important;
}

.voltar{
    display:inline-block !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:600 !important;
    margin-bottom:20px !important;
}

.categoria-conteudo h1{
    font-size:82px !important;
    font-weight:500 !important;
    line-height:1 !important;
    margin-bottom:12px !important;
}

.categoria-conteudo p{
    font-size:30px !important;
    line-height:1 !important;
    font-weight:500 !important;
}

@media(max-width:900px){
    .categoria-hero{
        height:390px !important;
        margin-top:110px !important;
    }

    .categoria-conteudo h1{
        font-size:62px !important;
    }

    .categoria-conteudo p{
        font-size:24px !important;
    }
}

@media(max-width:520px){
    .categoria-hero{
        height:330px !important;
        margin-top:120px !important;
    }

    .categoria-conteudo h1{
        font-size:46px !important;
    }

    .categoria-conteudo p{
        font-size:20px !important;
    }

    .voltar{
        font-size:12px !important;
    }
}


/* GALERIA DE FOTOS */

.galeria-fotos{
    background:#fff4cc;
    padding:70px 20px 90px;
}

.galeria-container{
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.galeria-container h2{
    font-size:42px;
    font-weight:500;
    margin-bottom:45px;
    color:#111;
}

.galeria-topo{
    display:flex;
    justify-content:center;
    gap:26px;
    margin-bottom:55px;
}

.foto-item{
    width:246px;
    height:360px;
    overflow:hidden;
}

.foto-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.foto-horizontal{
    width:100%;
    max-width:820px;
    margin:0 auto;
}

.foto-horizontal img{
    width:100%;
    height:430px;
    object-fit:cover;
    display:block;
}

@media(max-width:900px){

    .galeria-topo{
        gap:16px;
    }

    .foto-item{
        width:220px;
        height:320px;
    }

    .foto-horizontal img{
        height:340px;
    }
}

@media(max-width:620px){

    .galeria-fotos{
        padding:55px 12px 70px;
    }

    .galeria-topo{
        gap:8px;
    }

    .foto-item{
        width:31%;
        height:190px;
    }

    .foto-horizontal img{
        height:240px;
    }

    .galeria-container h2{
        font-size:30px;
        margin-bottom:30px;
    }
}


/* CONTINUAÇÃO GALERIA */

.continuacao-galeria{
    background:#fff4cc;
    padding:0 20px 90px;
}

.continuacao-container{
    max-width:980px;
    margin:0 auto;
}

.continuacao-topo{
    display:flex;
    justify-content:center;
    gap:26px;
    margin-bottom:48px;
}

.continuacao-item{
    width:246px;
    height:360px;
    overflow:hidden;
}

.continuacao-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.continuacao-wide{
    width:100%;
    max-width:820px;
    margin:0 auto;
}

.continuacao-wide img{
    width:100%;
    height:470px;
    object-fit:cover;
    display:block;
}

@media(max-width:900px){

    .continuacao-topo{
        gap:16px;
    }

    .continuacao-item{
        width:220px;
        height:320px;
    }

    .continuacao-wide img{
        height:340px;
    }
}

@media(max-width:620px){

    .continuacao-galeria{
        padding:0 12px 70px;
    }

    .continuacao-topo{
        gap:8px;
    }

    .continuacao-item{
        width:31%;
        height:190px;
    }

    .continuacao-wide img{
        height:250px;
    }
}


/* AJUSTE CONTINUAÇÃO PARA FICAR IGUAL A DE CIMA */

.continuacao-container{
    max-width:820px !important;
}

.continuacao-topo{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:18px !important;
    margin-bottom:42px !important;
}

.continuacao-item{
    width:100% !important;
    height:340px !important;
}

.continuacao-wide{
    width:100% !important;
    max-width:820px !important;
}

.continuacao-wide img{
    width:100% !important;
    height:430px !important;
    object-fit:cover !important;
}

@media(max-width:620px){

    .continuacao-topo{
        grid-template-columns:repeat(3,1fr) !important;
        gap:8px !important;
    }

    .continuacao-item{
        height:190px !important;
    }

    .continuacao-wide img{
        height:250px !important;
    }
}


/* AJUSTE FINAL DA GALERIA */

.galeria-container{
    max-width:1100px !important;
}

.galeria-topo{
    width:100% !important;
    max-width:920px !important;
    margin:0 auto 42px auto !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:18px !important;
}

.foto-item{
    width:100% !important;
    height:420px !important;
}

.foto-horizontal{
    width:100% !important;
    max-width:920px !important;
    margin:0 auto !important;
}

.foto-horizontal img{
    width:100% !important;
    height:520px !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

@media(max-width:620px){

    .galeria-topo{
        gap:8px !important;
    }

    .foto-item{
        height:220px !important;
    }

    .foto-horizontal img{
        height:260px !important;
    }
}


/* IGUALAR TAMANHO DAS FOTOS DE BAIXO */

.continuacao-topo{
    width:100% !important;
    max-width:920px !important;
    margin:0 auto 42px auto !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:18px !important;
}

.continuacao-item{
    width:100% !important;
    height:420px !important;
    overflow:hidden !important;
}

.continuacao-item img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.continuacao-wide{
    width:100% !important;
    max-width:920px !important;
    margin:0 auto !important;
}

.continuacao-wide img{
    width:100% !important;
    height:520px !important;
    object-fit:cover !important;
    display:block !important;
}

@media(max-width:620px){

    .continuacao-item{
        height:220px !important;
    }

    .continuacao-wide img{
        height:260px !important;
    }
}


/* ALINHAMENTO FINAL DAS GALERIAS */

.galeria-fotos,
.continuacao-galeria,
.nova-secao-galeria,
.galeria-extra-dois{
    background:#fff4cc !important;
    padding-left:20px !important;
    padding-right:20px !important;
}

.galeria-container,
.continuacao-container,
.nova-secao-container,
.galeria-extra-dois-container{
    max-width:920px !important;
    margin:0 auto !important;
}

.galeria-topo,
.continuacao-topo{
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.foto-horizontal,
.continuacao-wide{
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.nova-secao-container img,
.galeria-extra-dois-container img{
    width:100% !important;
    display:block !important;
    margin:0 auto !important;
}

@media(max-width:620px){

    .galeria-container,
    .continuacao-container,
    .nova-secao-container,
    .galeria-extra-dois-container{
        max-width:100% !important;
    }
}


/* CORRIGIR LARGURA DAS GALERIAS DE BAIXO */

.nova-secao-container,
.galeria-extra-dois-container{
    max-width:920px !important;
    width:100% !important;
    margin:0 auto !important;
}

.nova-secao-container img,
.galeria-extra-dois-container img{
    width:100% !important;
    max-width:920px !important;
    display:block !important;
    margin:0 auto !important;
}


/* NOVA SESSÃO FINAL */

.nova-secao-final{
    background:#fff4cc;
    padding:0 20px 90px;
}

.nova-secao-final-container{
    max-width:980px;
    margin:0 auto;
}

.nova-secao-final-container img{
    width:100%;
    display:block;
}


/* NOVA SESSÃO COM FOTOS REAIS */

.nova-secao-final{
    background:#fff4cc;
    padding:0 20px 90px;
}

.nova-secao-grid{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:2.2fr 1fr;
    gap:38px;
    align-items:stretch;
}

.foto-horizontal{
    height:380px;
    overflow:hidden;
}

.foto-vertical{
    height:380px;
    overflow:hidden;
}

.foto-horizontal img,
.foto-vertical img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media(max-width:768px){

    .nova-secao-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .foto-horizontal,
    .foto-vertical{
        height:auto;
    }
}


.secao-baixo-galeria{
    background:#fff4cc;
    padding:0 20px 100px;
}

.secao-baixo-container{
    max-width:1100px;
    margin:0 auto;
}

.secao-baixo-container img{
    width:100%;
    display:block;
}


/* GALERIA GESTANTES - GRID ELEGANTE */

.galeria-elegante{
    background:#fff4cc;
    padding:78px 28px 105px;
}

.galeria-elegante-container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.galeria-elegante h2{
    font-family:'Cormorant Garamond', serif;
    font-size:42px;
    font-weight:500;
    color:#111;
    text-align:center;
    margin-bottom:46px;
}

.galeria-elegante-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows:230px;
    gap:18px;
}

.grid-card{
    position:relative;
    overflow:hidden;
    background:#eadb9f;
    text-decoration:none;
    display:block;
}

.grid-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease, filter .35s ease;
}

.grid-card:hover img{
    transform:scale(1.035);
    filter:brightness(.96);
}

.grid-card.wide{
    grid-column:span 2;
}

.grid-card.tall{
    grid-row:span 2;
}

@media(max-width:980px){
    .galeria-elegante-grid{
        grid-template-columns:repeat(3, 1fr);
        grid-auto-rows:210px;
        gap:14px;
    }

    .grid-card.wide{
        grid-column:span 2;
    }
}

@media(max-width:680px){
    .galeria-elegante{
        padding:58px 16px 80px;
    }

    .galeria-elegante h2{
        font-size:34px;
        margin-bottom:32px;
    }

    .galeria-elegante-grid{
        grid-template-columns:repeat(2, 1fr);
        grid-auto-rows:190px;
        gap:10px;
    }

    .grid-card.wide,
    .grid-card.tall{
        grid-column:span 1;
        grid-row:span 1;
    }
}

@media(max-width:420px){
    .galeria-elegante-grid{
        grid-auto-rows:170px;
    }
}
