/* MARCENARIA & ESTOFOS - REDESIGN UNIFORMIZADO */
.page-marcenaria main *{box-sizing:border-box}
.page-marcenaria main{font-family:'Jost',sans-serif;padding-top:0}
.page-marcenaria{background:#fefdf9}

/* CONTAINER */
.page-marcenaria .container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}

/* HERO COM BADGE PREMIUM */
.page-marcenaria .marcenaria-hero{
    position:relative;
    height:90vh;
    min-height:650px;
    background:url('https://images.unsplash.com/photo-1616047006789-b7af5afb8c20?q=80&w=2000') center/cover;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.page-marcenaria .marcenaria-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.35) 100%);
    z-index:1;
}

.page-marcenaria .marcenaria-hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
    padding:0 20px;
    animation:fadeInUp 1s ease;
}

@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(30px)}
    100%{opacity:1;transform:translateY(0)}
}

.page-marcenaria .marcenaria-badge{
    display:inline-block;
    padding:8px 24px;
    background:rgba(228,210,170,0.15);
    border:1px solid rgba(228,210,170,0.3);
    border-radius:30px;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.15em;
    text-transform:uppercase;
    color:#e4d2aa;
    margin-bottom:32px;
    backdrop-filter:blur(10px);
}

.page-marcenaria .marcenaria-hero h1{
    font-size:clamp(48px,8vw,80px);
    font-weight:300;
    letter-spacing:-0.03em;
    line-height:1.1;
    margin:0;
}

/* INTRO - TIPOGRAFIA UNIFORMIZADA */
.page-marcenaria .marcenaria-intro{
    background:#fefdf9;
    padding:clamp(100px,15vh,140px) 0;
}

.page-marcenaria .marcenaria-intro-content{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.page-marcenaria .marcenaria-intro h2{
    font-size:clamp(32px,5vw,48px);
    font-weight:300;
    letter-spacing:-0.02em;
    margin:0 0 32px 0;
    color:#191919;
}

.page-marcenaria .marcenaria-line{
    width:80px;
    height:1px;
    background:linear-gradient(to right,transparent,#e4d2aa,transparent);
    margin:0 auto 40px;
}

.page-marcenaria .marcenaria-line.center{
    margin-left:auto;
    margin-right:auto;
}

.page-marcenaria .marcenaria-intro p{
    font-size:19px;
    line-height:1.9;
    color:rgba(25,25,25,0.8);
    font-weight:300;
    margin-bottom:32px;
}

.page-marcenaria .marcenaria-intro p.marcenaria-highlight{
    font-size:19px;
    line-height:1.9;
    font-weight:300;
    color:rgba(25,25,25,0.85);
    margin-bottom:0;
}

/* SERVIÇOS CARDS COM IMAGEM */
.page-marcenaria .marcenaria-services-new{
    background:#fefdf9;
    padding:0;
    overflow:hidden;
}

.page-marcenaria .marcenaria-services-new-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0;
    width:100%;
}

.page-marcenaria .marcenaria-service-new-card{
    position:relative;
    aspect-ratio:4/5;
    overflow:hidden;
    cursor:pointer;
}

.page-marcenaria .marcenaria-service-new-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);
}

.page-marcenaria .marcenaria-service-new-card:hover .marcenaria-service-new-bg{
    transform:scale(1.1);
}

.page-marcenaria .marcenaria-service-new-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(25,25,25,0.85) 0%,transparent 60%);
    transition:background 0.4s ease;
}

.page-marcenaria .marcenaria-service-new-card:hover .marcenaria-service-new-overlay{
    background:linear-gradient(to top,rgba(25,25,25,0.9) 0%,rgba(25,25,25,0.4) 100%);
}

.page-marcenaria .marcenaria-service-new-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:32px 24px;
    color:#fff;
}

.page-marcenaria .marcenaria-service-new-content h3{
    font-size:clamp(16px,1.8vw,20px);
    font-weight:500;
    letter-spacing:0.02em;
    text-transform:uppercase;
    margin:0;
    line-height:1.3;
    color:#fff;
    transition:transform 0.4s ease;
}

.page-marcenaria .marcenaria-service-new-card:hover .marcenaria-service-new-content h3{
    transform:translateY(-8px);
}

.page-marcenaria .marcenaria-service-new-desc{
    font-size:14px;
    line-height:1.6;
    color:rgba(255,255,255,0.95);
    font-weight:300;
    margin:12px 0 0 0;
    opacity:0;
    transform:translateY(20px);
    transition:all 0.4s ease;
}

.page-marcenaria .marcenaria-service-new-card:hover .marcenaria-service-new-desc{
    opacity:1;
    transform:translateY(0);
}

/* SHOWCASE SPLIT */
.page-marcenaria .marcenaria-showcase{
    background:#fefdf9;
    padding:clamp(100px,15vh,140px) 0;
}

.page-marcenaria .marcenaria-showcase-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 clamp(20px,4vw,40px);
}

.page-marcenaria .marcenaria-showcase-images{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:48px;
}

.page-marcenaria .marcenaria-showcase-img{
    aspect-ratio:4/3;
    background-size:cover;
    background-position:center;
    border-radius:8px;
    box-shadow:0 20px 60px rgba(0,0,0,0.15);
    transition:transform 0.4s ease;
}

.page-marcenaria .marcenaria-showcase-img:hover{
    transform:translateY(-8px);
}

.page-marcenaria .marcenaria-showcase-text{
    max-width:800px;
    margin:0 auto;
    text-align:center;
}

.page-marcenaria .marcenaria-showcase-text p{
    font-size:19px;
    line-height:1.9;
    color:rgba(25,25,25,0.8);
    font-weight:300;
}

.page-marcenaria .marcenaria-showcase-text strong{
    font-weight:500;
    color:#191919;
}

/* CATEGORIAS ESTOFOS - TIPOGRAFIA UNIFORMIZADA */
.page-marcenaria .marcenaria-categories{
    background:#191919;
    padding:clamp(100px,15vh,140px) 0;
}

.page-marcenaria .marcenaria-categories-header{
    text-align:center;
    margin-bottom:80px;
}

.page-marcenaria .marcenaria-categories-header h2{
    font-size:clamp(36px,5vw,48px);
    font-weight:300;
    letter-spacing:-0.02em;
    margin:0 0 24px 0;
    color:#e4d2aa;
}

.page-marcenaria .marcenaria-categories-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    max-width:1100px;
    margin:0 auto;
}

.page-marcenaria .marcenaria-category-card{
    position:relative;
    aspect-ratio:16/10;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
}

.page-marcenaria .marcenaria-category-img{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    transition:transform 0.6s ease;
}

.page-marcenaria .marcenaria-category-card:hover .marcenaria-category-img{
    transform:scale(1.1);
}

.page-marcenaria .marcenaria-category-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 60%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:40px;
    transition:background 0.4s ease;
}

.page-marcenaria .marcenaria-category-card:hover .marcenaria-category-overlay{
    background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.3) 100%);
}

.page-marcenaria .marcenaria-category-overlay h3{
    font-size:22px;
    font-weight:500;
    letter-spacing:0.02em;
    margin:0 0 12px 0;
    color:#fff;
}

.page-marcenaria .marcenaria-category-overlay p{
    font-size:15px;
    line-height:1.8;
    color:rgba(255,255,255,0.9);
    font-weight:300;
    margin:0;
}

/* PROCESSO - TIPOGRAFIA UNIFORMIZADA */
.page-marcenaria .marcenaria-processo{
    background:#fefdf9;
    padding:clamp(100px,15vh,140px) 0;
}

.page-marcenaria .marcenaria-processo-header{
    text-align:center;
    margin-bottom:80px;
}

.page-marcenaria .marcenaria-processo-header h2{
    font-size:clamp(36px,5vw,48px);
    font-weight:300;
    letter-spacing:-0.02em;
    margin:0 0 24px 0;
    color:#191919;
}

.page-marcenaria .marcenaria-processo-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:clamp(24px,3vw,40px);
    max-width:1200px;
    margin:0 auto;
}

.page-marcenaria .marcenaria-processo-item{
    text-align:center;
    padding:32px 20px;
    background:#fff;
    border-radius:8px;
    border:1px solid #f0f0f0;
    transition:all 0.4s ease;
}

.page-marcenaria .marcenaria-processo-item:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 40px rgba(0,0,0,0.08);
    border-color:#e4d2aa;
}

.page-marcenaria .marcenaria-processo-number{
    width:56px;
    height:56px;
    margin:0 auto 24px;
    border:2px solid #e4d2aa;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:600;
    color:#b39a68;
    background:#fefdf9;
    transition:all 0.4s ease;
}

.page-marcenaria .marcenaria-processo-item:hover .marcenaria-processo-number{
    background:#e4d2aa;
    color:#191919;
    transform:scale(1.1);
}

.page-marcenaria .marcenaria-processo-item p{
    font-size:15px;
    line-height:1.8;
    color:rgba(25,25,25,0.75);
    font-weight:300;
    margin:0;
}

/* GALERIA ESTÁTICA COM BOTÕES */
.page-marcenaria .marcenaria-galeria{
    background:#fefdf9;
    padding:clamp(100px,15vh,140px) 0;
    position:relative;
}

.page-marcenaria .marcenaria-galeria-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 80px;
    position:relative;
}

.page-marcenaria .marcenaria-galeria-viewport{
    overflow:hidden;
}

.page-marcenaria .marcenaria-galeria-track{
    display:flex;
    gap:24px;
    transition:transform 0.5s ease;
}

.page-marcenaria .marcenaria-galeria-item{
    min-width:calc(33.333% - 16px);
    aspect-ratio:4/3;
    flex-shrink:0;
    background-size:cover;
    background-position:center;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(0,0,0,0.1);
}

.page-marcenaria .marcenaria-galeria-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:56px;
    height:56px;
    border:2px solid #e4d2aa;
    background:rgba(255,255,255,0.95);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all 0.3s ease;
    z-index:10;
}

.page-marcenaria .marcenaria-galeria-btn:hover{
    background:#e4d2aa;
    transform:translateY(-50%) scale(1.1);
    box-shadow:0 8px 24px rgba(228,210,170,0.3);
}

.page-marcenaria .marcenaria-galeria-btn.prev{
    left:20px;
}

.page-marcenaria .marcenaria-galeria-btn.next{
    right:20px;
}

.page-marcenaria .marcenaria-galeria-btn svg{
    width:24px;
    height:24px;
    stroke:#b39a68;
    transition:stroke 0.3s ease;
}

.page-marcenaria .marcenaria-galeria-btn:hover svg{
    stroke:#191919;
}

/* CTA FINAL - TIPOGRAFIA UNIFORMIZADA */
.page-marcenaria .marcenaria-cta{
    background:linear-gradient(135deg,#191919 0%,#000 100%);
    padding:clamp(100px,15vh,140px) 0;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.page-marcenaria .marcenaria-cta::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%,rgba(228,210,170,0.1) 0%,transparent 70%);
    pointer-events:none;
}

.page-marcenaria .marcenaria-cta-content{
    max-width:900px;
    margin:0 auto;
    padding:0 20px;
    position:relative;
    z-index:1;
}

.page-marcenaria .marcenaria-cta h2{
    font-size:clamp(36px,6vw,64px);
    font-weight:300;
    letter-spacing:-0.02em;
    margin:0 0 24px 0;
    line-height:1.2;
}

.page-marcenaria .marcenaria-cta p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,0.85);
    font-weight:300;
    margin:0 0 48px 0;
}

.page-marcenaria .marcenaria-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:20px 48px;
    background:#e4d2aa;
    color:#000;
    border:2px solid #e4d2aa;
    text-decoration:none;
    font-size:14px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:600;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
    border-radius:4px;
}

.page-marcenaria .marcenaria-cta-btn:hover{
    background:transparent;
    color:#e4d2aa;
    transform:translateY(-2px);
    box-shadow:0 12px 40px rgba(228,210,170,0.3);
}

/* FOOTER */
.page-marcenaria .ss-footer{
    position:relative;
    background:#000;
    color:#fff;
    padding:80px 60px 30px;
}

.page-marcenaria .ss-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#e4d2aa 25%,#e4d2aa 50%,#e4d2aa 75%,transparent 100%);
    box-shadow:0 0 20px rgba(228,210,170,.35);
    pointer-events:none;
}

.page-marcenaria .ss-footer__wrap{
    display:flex;
    flex-wrap:nowrap;
    gap:clamp(24px,4vw,48px);
    align-items:flex-start;
    justify-content:space-between;
    max-width:1200px;
    margin:0 auto;
    padding:52px 24px;
    box-sizing:border-box;
}

.page-marcenaria .ss-footer__brand,
.page-marcenaria .ss-footer__nav,
.page-marcenaria .ss-footer__contact{
    flex:0 0 32%;
    min-width:0;
}

/* RESPONSIVE */
@media(max-width:1200px){
.page-marcenaria .marcenaria-services-new-grid{grid-template-columns:repeat(3,1fr)}
.page-marcenaria .marcenaria-processo-grid{grid-template-columns:repeat(3,1fr)}
.page-marcenaria .marcenaria-galeria-item{min-width:calc(50% - 12px)}
}

@media(max-width:1024px){
.page-marcenaria .marcenaria-galeria-item{min-width:calc(100% - 24px)}
.page-marcenaria .marcenaria-galeria-container{padding:0 60px}
}

@media(max-width:768px){
.page-marcenaria main{padding-top:80px}
.page-marcenaria .marcenaria-hero{height:70vh;min-height:500px}
.page-marcenaria .marcenaria-services-new-grid{grid-template-columns:repeat(2,1fr)}
.page-marcenaria .marcenaria-showcase-images{grid-template-columns:1fr;gap:16px}
.page-marcenaria .marcenaria-categories-grid{grid-template-columns:1fr;gap:32px}
.page-marcenaria .marcenaria-processo-grid{grid-template-columns:1fr;gap:24px}
.page-marcenaria .marcenaria-galeria-container{padding:0 20px}
.page-marcenaria .marcenaria-galeria-btn{width:48px;height:48px}
.page-marcenaria .marcenaria-galeria-btn.prev{left:10px}
.page-marcenaria .marcenaria-galeria-btn.next{right:10px}
.page-marcenaria .ss-footer{padding:60px 30px 20px}
.page-marcenaria .ss-footer__wrap{flex-wrap:wrap}
.page-marcenaria .ss-footer__brand,
.page-marcenaria .ss-footer__nav,
.page-marcenaria .ss-footer__contact{flex:1 1 100%}
}

@media(max-width:480px){
.page-marcenaria .marcenaria-services-new-grid{grid-template-columns:1fr}
.page-marcenaria .marcenaria-service-new-card{aspect-ratio:16/10}
}