/*
Theme Name: Imperial Decorações
Theme URI: https://imperial-decoracoes.mfdigitalms.chatgpt.site
Author: MF Digital MS
Description: Tema institucional da Imperial Decorações, com página inicial e catálogo de produtos.
Version: 1.0.0
Text Domain: imperial-decoracoes
*/
.footer-credit{color:#ff9c3a;font-weight:700}
.home-products{padding:110px max(5vw,30px);background:#171613;color:#fff}
.home-products-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:50px}
.home-products-head h2{margin-bottom:0}
.home-products-head>div:last-child{max-width:430px;padding-bottom:8px}
.home-products-head>div:last-child p{color:#bdb8b0;font-size:16px;line-height:1.8;margin:0 0 22px}
.home-products-link{display:inline-block;color:#ff922f;border-bottom:1px solid #ff922f;padding-bottom:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.home-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-post{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#0d0c0b}
.home-post img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease,filter .4s ease}
.home-post:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090807e8)}
.home-post span{position:absolute;z-index:1;left:18px;right:18px;bottom:18px;font:18px Georgia,serif;line-height:1.25}
.home-post:hover img{transform:scale(1.035);filter:brightness(.88)}
.home-products-cta{display:none;text-align:center;margin-top:32px}
@media(max-width:1000px){.home-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.home-products-head{display:block}.home-products-head>div:last-child{margin-top:25px}.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-products{padding:75px 20px}.home-products-head>div:last-child p,.home-products-link{display:none}.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-post span{left:12px;right:12px;bottom:12px;font-size:14px}.home-products-cta{display:block}}
.catalog-page{background:#f7f4ef}
.catalog-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 clamp(24px,5vw,80px);background:#11100e;color:#fff;border-bottom:1px solid #ffffff1f}
.catalog-hero{min-height:570px;display:flex;align-items:center;padding:90px max(6vw,40px);color:#fff;background:linear-gradient(90deg,#11100ef7 0%,#11100ed9 52%,#11100e70),url('estoque-placas-imperial.jpeg') center/cover}
.catalog-hero>div{width:min(900px,90vw)}
.catalog-hero h1{font-size:clamp(50px,6vw,82px)}
.catalog-hero>div>p:not(.section-kicker){max-width:670px;margin:28px 0 34px;color:#d6d1c8;font-size:17px;line-height:1.75}
.catalog-content{padding:110px max(5vw,30px);background:#fff}
.catalog-title{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:55px}
.catalog-title h2{margin-bottom:0}
.catalog-title>p{max-width:430px;color:#716c63;font-size:16px;line-height:1.8}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.catalog-card{background:#f6f2ea;border:1px solid #ded6ca;transition:.25s}
.catalog-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #2b211619}
.catalog-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171613}
.catalog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.catalog-card:hover .catalog-image img{transform:scale(1.025)}
.catalog-image span{position:absolute;right:16px;top:16px;padding:8px 10px;background:#f58220;color:#17130f;font:italic 13px Georgia,serif}
.catalog-card-copy{padding:24px 24px 26px}
.catalog-card-copy h3{font:26px Georgia,serif;margin:0 0 12px}
.catalog-card-copy p{min-height:48px;color:#716c63;font-size:14px;line-height:1.7;margin:0 0 20px}
.catalog-card-copy a{display:inline-block;color:#d86500;border-bottom:1px solid #d86500;padding-bottom:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.catalog-cta{text-align:center;padding:115px 20px;background:#171613;color:#fff}
.catalog-cta h2{margin-bottom:20px}
.catalog-cta>p:not(.section-kicker){max-width:650px;margin:0 auto 34px;color:#c9c4bb;font-size:16px;line-height:1.8}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-title{display:block}.catalog-title>p{margin-top:25px}}
@media(max-width:900px){.catalog-header nav{display:none}.catalog-header .button-small{display:none}}
@media(max-width:560px){.catalog-header{height:76px;padding:0 20px}.catalog-hero{min-height:650px;padding:70px 22px}.catalog-hero h1{font-size:46px}.catalog-content{padding:75px 20px}.catalog-grid{grid-template-columns:1fr;gap:24px}.catalog-card-copy h3{font-size:24px}.catalog-cta{padding:85px 22px}}
.instagram-section{padding:110px max(5vw,30px);background:#f6f2ea}
.instagram-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:55px}
.instagram-head h2{margin-bottom:0}
.instagram-intro{max-width:430px;padding-bottom:8px}
.instagram-intro p{color:#716c63;font-size:16px;line-height:1.8;margin:0 0 24px}
.instagram-link{display:inline-block;color:#d86500;border-bottom:1px solid #d86500;padding-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.reel-card{background:#171613;color:#fff;box-shadow:0 22px 50px #2f251c18;overflow:hidden}
.reel-label{min-height:86px;display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #ffffff20}
.reel-label span{color:#f58220;font:italic 13px Georgia,serif}
.reel-label p{margin:0;font:18px/1.25 Georgia,serif}
.reel-frame{position:relative;aspect-ratio:9/16;background:#0d0c0b}
.reel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.instagram-mobile-cta{display:none;text-align:center;margin-top:34px}
@media(max-width:900px){.instagram-head{display:block}.instagram-intro{margin-top:25px}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-card:last-child{grid-column:1/-1;width:calc(50% - 14px);justify-self:center}}
@media(max-width:560px){.instagram-section{padding:75px 20px}.reels-grid{grid-template-columns:1fr;gap:22px}.reel-card:last-child{grid-column:auto;width:100%}.instagram-link{display:none}.instagram-mobile-cta{display:block}.reel-label p{font-size:17px}}
.feature-photo{background-image:url('estoque-placas-imperial.jpeg')!important;background-position:center!important;filter:none!important}

/* Cartões visuais da linha de produtos */
.product-card{min-height:500px!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.product-image{height:210px;position:relative;overflow:hidden;background:#eee9e0}
.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0005)}
.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.product-card:hover .product-image img{transform:scale(1.04)}
.product-image .card-number{z-index:1;top:18px;right:18px;background:#f37a17;color:#17130f;padding:7px 9px;font-weight:700}
.product-body{position:relative;flex:1;padding:26px 26px 62px}
.product-body h3{margin-bottom:14px}
.product-body .tag{left:26px;bottom:25px}
@media(max-width:1100px) and (min-width:901px){.product-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.product-card{min-height:480px!important}.product-image{height:225px}}

/* Movimento, navegação móvel e refinamento responsivo */
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer;position:relative;z-index:12}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:#f58220;transition:transform .3s ease,opacity .3s ease}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.product-card:nth-child(2),.home-post:nth-child(2),.catalog-card:nth-child(2),.adv-grid article:nth-child(2),.reel-card:nth-child(2){transition-delay:.08s}
.product-card:nth-child(3),.home-post:nth-child(3),.catalog-card:nth-child(3),.adv-grid article:nth-child(3),.reel-card:nth-child(3){transition-delay:.16s}
.product-card:nth-child(4),.home-post:nth-child(4),.catalog-card:nth-child(4),.adv-grid article:nth-child(4){transition-delay:.24s}
.hero{animation:hero-focus 8s ease-out both}
.hero-content{animation:hero-copy-in 1s .15s ease-out both}
.about-image,.feature-photo{transition:background-size 1s ease,filter .5s ease}
.home-post img,.catalog-image img,.product-image img{will-change:transform}
@keyframes hero-focus{from{background-size:106% 106%}to{background-size:100% 100%}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .site-header,.catalog-header{position:relative;height:74px;padding:0 18px;background:#11100e}
  .site-header{position:absolute}
  .menu-toggle{display:block;margin-left:auto}
  .site-header nav,.catalog-header nav{display:flex;position:absolute;left:0;right:0;top:74px;z-index:11;flex-direction:column;gap:0;padding:10px 20px 22px;background:#11100efb;border-top:1px solid #ffffff1c;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s}
  .site-header nav a,.catalog-header nav a{padding:15px 4px;border-bottom:1px solid #ffffff14;font-size:12px}
  .menu-open nav{opacity:1;visibility:visible;transform:none}
  .menu-open .menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .menu-open .menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
}

@media(max-width:560px){
  body{overflow-x:hidden}
  .brand{min-width:132px;width:132px;height:70px}
  .brand img{width:184px;height:184px}
  .hero{min-height:760px;aspect-ratio:auto;background-size:auto 100%;background-position:center top;animation:none}
  .hero-content{width:calc(100% - 36px);margin-top:76px}
  .eyebrow,.section-kicker{font-size:9px;line-height:1.6;letter-spacing:.2em;margin-bottom:20px}
  .eyebrow:before,.section-kicker:before{width:25px;margin-right:9px}
  h1{font-size:clamp(35px,10.5vw,43px);line-height:1.04;letter-spacing:-.035em}
  h2{font-size:clamp(32px,9vw,39px);line-height:1.08;letter-spacing:-.03em}
  .hero-copy{margin:22px 0 25px;font-size:14px;line-height:1.65}
  .button{width:100%;padding:15px 17px;font-size:10px;text-align:center}
  .text-link{font-size:10px}
  .hero-proof{margin-top:34px}
  .hero-proof strong{font-size:22px}
  .hero-proof span{font-size:7px;line-height:1.4}
  .about-image,.feature-photo{min-height:390px}
  .about-copy,.feature-copy{padding:64px 20px}
  .about-copy>p:not(.section-kicker),.section-head>p,.feature-copy>p,.cta>p{font-size:14px;line-height:1.7}
  .image-badge{width:118px;height:118px;right:14px;bottom:18px}
  .image-badge strong{font-size:40px}
  .solutions,.advantages,.home-products,.instagram-section,.catalog-content{padding:68px 18px}
  .section-head,.home-products-head,.instagram-head,.catalog-title{margin-bottom:34px}
  .product-card{min-height:445px!important}
  .product-image{height:205px}
  .product-body{padding:22px 20px 56px}
  .product-card h3,.adv-grid h3{font-size:24px}
  .product-body .tag{left:20px}
  .home-post-grid{gap:9px}
  .home-post span{font-size:12px;line-height:1.25}
  .feature-copy li{font-size:12px;line-height:1.45}
  .reel-label{min-height:74px;padding:15px 17px}
  .reel-label p{font-size:15px}
  .cta{padding:82px 18px}
  .cta h2{font-size:clamp(35px,10vw,42px)}
  .catalog-hero{min-height:590px;padding:68px 20px}
  .catalog-hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1.05}
  .catalog-hero>div>p:not(.section-kicker){font-size:14px;line-height:1.65;margin:22px 0 28px}
  .catalog-image{aspect-ratio:4/5}
  .catalog-card-copy{padding:21px 20px 24px}
  .catalog-card-copy h3{font-size:23px}
  footer{padding:52px 20px 22px}
  .footer-top{gap:25px;padding-bottom:35px}
  .floating{width:50px;height:50px;right:16px;bottom:16px}
  .reveal{transform:translateY(22px)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero,.hero-content,.home-post img,.catalog-image img,.product-image img{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
:root{--ink:#11100e;--gold:#f58220;--cream:#f7f4ef;--muted:#716c63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 clamp(24px,5vw,80px);background:#11100ef2;color:white;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff1f}.brand{display:flex;align-items:center;position:relative;overflow:hidden;min-width:190px;height:86px}.brand img{position:absolute;width:250px;height:250px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.brand-footer{width:230px;height:120px}.brand-footer img{width:320px;height:320px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:29px}.brand strong,.brand small{display:block;letter-spacing:.16em}.brand strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.brand small{margin-top:4px;color:#c9c4bb;font-size:8px}nav{display:flex;gap:clamp(18px,2.4vw,38px);font-size:12px;text-transform:uppercase;letter-spacing:.12em}nav a{color:#d8d5cf}nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:17px 24px;border:1px solid var(--gold);background:var(--gold);color:#15120c;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button:hover{background:#ff9d3d;transform:translateY(-2px)}.button-small{padding:12px 17px;font-size:10px}.hero{min-height:0;height:auto;aspect-ratio:16/9;position:relative;display:flex;align-items:center;overflow:hidden;color:white;background:url('fachada-imperial.jpg') center/100% 100% no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#11100ef5 0%,#11100ecb 44%,#11100e42 78%,#11100e7a),linear-gradient(0deg,#11100eaa,transparent 45%)}.hero-content{width:min(1180px,88vw);margin:70px auto 0;position:relative;z-index:2}.eyebrow,.section-kicker{color:#d86500;font-size:11px;text-transform:uppercase;letter-spacing:.3em;margin:0 0 28px}.eyebrow:before,.section-kicker:before{content:"";display:inline-block;width:40px;height:1px;margin:0 14px 3px 0;background:var(--gold)}.eyebrow{color:#ff9c3a}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}h1{max-width:900px;margin:0;font-size:clamp(48px,6.3vw,92px);line-height:.99}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-copy{max-width:620px;margin:28px 0 34px;color:#d9d6d0;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.text-link{padding:14px 0;border-bottom:1px solid #ffffff66;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.text-link span{color:var(--gold);margin-left:10px}.hero-proof{display:flex;margin-top:60px;border-top:1px solid #ffffff2e;width:min(720px,100%)}.hero-proof div{flex:1;padding:22px 22px 0 0;border-right:1px solid #ffffff2e}.hero-proof div+div{padding-left:28px}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{color:var(--gold);font-family:Georgia,serif;font-size:27px;font-weight:400}.hero-proof span{margin-top:6px;color:#c9c5be;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.hero-side-label{position:absolute;right:22px;top:50%;z-index:2;writing-mode:vertical-rl;transform:translateY(-40%);color:#d3cec5;font-size:9px;letter-spacing:.22em}.about{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#f6f2ea}.about-image{position:relative;margin:90px 0 90px max(5vw,30px);background:url('drywall-estrutura.jpg') center/cover}.image-badge{position:absolute;right:-55px;bottom:50px;width:150px;height:150px;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.image-badge strong{font:52px Georgia,serif}.image-badge span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;max-width:95px}.about-copy{padding:110px clamp(50px,8vw,130px)}h2{font-size:clamp(40px,4.7vw,68px);line-height:1.04;margin:0 0 32px}.about-copy>p:not(.section-kicker),.section-head>p,.feature-copy>p,.cta>p{font-size:16px;line-height:1.8;color:var(--muted)}.signature{margin-top:45px;padding-top:28px;border-top:1px solid #cfc6b6;font:20px Georgia,serif;line-height:1.5}.signature span{color:#d86500;font-style:italic}.solutions,.advantages{padding:110px max(5vw,30px);background:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:55px}.section-head>p{max-width:430px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd5c8;border-left:1px solid #ddd5c8}.product-card{min-height:390px;padding:28px;border-right:1px solid #ddd5c8;border-bottom:1px solid #ddd5c8;position:relative;transition:.25s}.product-card:hover{background:#151411;color:white;transform:translateY(-6px)}.card-number{position:absolute;right:22px;top:20px;color:#d86500;font:italic 13px Georgia,serif}.card-icon{font-size:42px;color:var(--gold);margin:45px 0 42px}.product-card h3,.adv-grid h3{font:28px Georgia,serif;margin:0 0 18px}.product-card p,.adv-grid p{color:#7a746a;font-size:14px;line-height:1.7}.product-card:hover p{color:#bbb6ae}.tag{position:absolute;bottom:28px;left:28px;color:#d86500;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:780px;background:#171613;color:white}.feature-photo{background:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1400&q=85') center/cover;filter:grayscale(.25)}.feature-copy{padding:105px clamp(45px,7vw,110px)}.section-kicker.light{color:#ff9c3a}.feature-copy>p{color:#c1bcb3}.feature-copy ul{list-style:none;padding:10px 0 24px;margin:0}.feature-copy li{border-top:1px solid #ffffff24;padding:17px 0;font-size:13px;letter-spacing:.04em}.feature-copy li span{color:var(--gold);font:italic 12px Georgia,serif;margin-right:24px}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.adv-grid article{padding-top:26px;border-top:2px solid #d6cfc3}.adv-grid b{color:var(--gold);font:italic 13px Georgia,serif}.adv-grid h3{font-size:23px;margin-top:35px}.cta{text-align:center;padding:130px 20px;background:linear-gradient(#11100ee8,#11100ef5),url('fachada-imperial.jpg') center/cover;color:white}.cta .section-kicker:before{display:none}.cta h2{font-size:clamp(48px,6vw,82px);margin-bottom:22px}.cta>p{color:#c9c4bb;max-width:590px;margin:0 auto 35px}footer{padding:65px max(5vw,30px) 25px;background:#0d0c0b;color:#d4d0c8}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px;padding-bottom:55px}.footer-top b{color:#ff9c3a;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.footer-top p{font-size:13px;line-height:1.9;color:#a9a59e}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding-top:22px;color:#77736c;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.floating{position:fixed;z-index:20;right:25px;bottom:25px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:25px;box-shadow:0 8px 28px #0004}@media(max-width:900px){nav{display:none}.button-small{display:none}.about,.feature{grid-template-columns:1fr}.about-image,.feature-photo{min-height:520px;margin:0}.image-badge{right:20px}.product-grid,.adv-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:560px){.site-header{height:76px;padding:0 20px}.hero{min-height:900px;aspect-ratio:auto;background-color:#0d0c0b;background-size:100% auto;background-position:top center;background-repeat:no-repeat}.hero-content{width:calc(100% - 40px);margin-top:60px}h1{font-size:46px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-proof{margin-top:38px}.hero-proof div{padding-right:9px}.hero-proof div+div{padding-left:9px}.hero-proof span{font-size:7px}.hero-side-label{display:none}.about-copy,.feature-copy{padding:75px 25px}.product-grid,.adv-grid{grid-template-columns:1fr}.solutions,.advantages{padding:75px 20px}.product-card{min-height:320px}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block;line-height:2}.brand{min-width:150px;height:72px}.brand img{width:210px;height:210px}.brand-footer{width:190px;height:110px}.brand-footer img{width:280px;height:280px}}