/* ============================================================
   CASA MAPLA — CSS COMPLETO DA PÁGINA ARQUITETOS & DESIGNERS
   ============================================================ */

/* ===================== 1. BASE GLOBAL ===================== */

:root{--green-900: #0F1A0F;--green-800: #111A11;--green-700: #1E3320;--green-600: #2A4A25;--green-500: #3D5C30;--green-400: #5A7A40;--green-300: #96B870;--green-200: #C8D9B8;--green-100: #EEF4E8;--green-50: #F4F8F0;--white: #ffffff;--black: #1A1A1A;--font-serif: Playfair Display, serif;--font-sans: Inter, sans-serif;--max-width: 1400px;--radius: 0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}body{font-family:"Inter",sans-serif;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:"Inter",sans-serif}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem}@media(max-width: 768px){.container{padding-left:1.25rem;padding-right:1.25rem}}.eyebrow{color:#2a4a25;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400}.eyebrow--light{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400}.section-header{margin-bottom:3.5rem}.section-header .eyebrow,.section-header .eyebrow--light{margin-bottom:.75rem}.section-header h2{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#1a1a1a;font-weight:500;line-height:1.2;margin-bottom:1rem}.section-header h2 em{font-style:italic;color:#1e3320}.section-header p{color:#6b6b6b;font-size:1rem;line-height:1.7;font-weight:300;max-width:44rem}#processo{padding:6rem 0;background:#f4f8f0}@media(max-width: 768px){#processo{padding:4rem 0}}.process-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media(max-width: 768px){.process-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}.process-step{padding:2rem 1.5rem;border:1px solid #c8d9b8;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}.process-step:hover{border-color:#5a7a40;box-shadow:0 4px 20px rgba(0,0,0,.07)}.process-step h3{font-family:"Playfair Display",serif;font-size:1.05rem;color:#1a1a1a;font-weight:500;margin-bottom:.75rem;line-height:1.3}.process-step ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}.process-step ul li{color:#6b6b6b;font-size:.82rem;font-weight:300;padding-left:1.1rem;position:relative;line-height:1.5}.process-step ul li::before{content:"—";position:absolute;left:0;color:#5a7a40}.process-step__num{font-family:"Playfair Display",serif;font-size:2.5rem;color:#96b870;opacity:.7;line-height:1;font-weight:500;margin-bottom:1rem;display:block}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.btn-primary{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;padding:1rem 2rem;background:#1e3320;color:#fff}.btn-primary:hover{background:#5a7a40;box-shadow:0 12px 32px rgba(30,51,32,.4);transform:translateY(-4px)}.btn-outline{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;padding:1rem 2rem;border:1px solid rgba(255,255,255,.5);color:#fff;background:none;font-weight:400;transition:border-color .3s ease,background .3s ease}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}.btn-whatsapp{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border:1px solid rgba(255,255,255,.3);color:#fff;background:none;transition:border-color .3s ease,background .3s ease}.btn-whatsapp:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.1)}.btn-submit{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;width:100%;padding:1rem;background:#1e3320;color:#fff;transition:background .3s ease,box-shadow .3s ease}.btn-submit:hover{background:#5a7a40;box-shadow:0 8px 24px rgba(30,51,32,.3)}.btn-orcamento{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;flex-shrink:0;padding:.6rem 1.25rem;background:#fff;color:#1e3320;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}.btn-orcamento:hover{background:#e8f0e2;box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}#header.scrolled .btn-orcamento{background:#1e3320;color:#fff}#header.scrolled .btn-orcamento:hover{background:#5a7a40;box-shadow:0 8px 24px rgba(30,51,32,.3);transform:translateY(-2px)}.btn{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;padding:1rem 2rem;display:inline-flex;align-items:center;gap:.5rem}.btn--primary{background:#1e3320;color:#fff}.btn--primary:hover{background:#5a7a40;box-shadow:0 12px 32px rgba(30,51,32,.4);transform:translateY(-4px)}.btn--outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:none;font-weight:400;transition:border-color .3s ease,background .3s ease}.btn--outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}.btn--whatsapp{gap:.75rem;border:1px solid rgba(255,255,255,.3);color:#fff;background:none;transition:border-color .3s ease,background .3s ease}.btn--whatsapp:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.1)}.btn--lg{padding:1.1rem 2.25rem;font-size:.82rem}.btn--header{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;flex-shrink:0;padding:.6rem 1.25rem;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);transition:background .3s ease,border-color .3s ease}.btn--header:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6)}#header.scrolled .btn--header{background:#1e3320;color:#fff;border-color:#1e3320}#header.scrolled .btn--header:hover{background:#5a7a40;border-color:#5a7a40}.arq-btn-orcamento{font-family:"Inter",sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;font-weight:500;text-decoration:none;display:inline-block;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;flex-shrink:0;padding:.6rem 1.25rem;background:#1e3320;color:#fff;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}.arq-btn-orcamento:hover{background:#5a7a40;box-shadow:0 8px 24px rgba(30,51,32,.3);transform:translateY(-2px)}@media(max-width: 768px){.arq-btn-orcamento{padding:.5rem .875rem;font-size:.7rem}}.modal-overlay,#popupOverlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.active,#popupOverlay.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{position:relative;background:#f4f8f0;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.3);z-index:1}.modal-header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;padding:1.75rem 2rem 1.25rem;border-bottom:1px solid #c8d9b8}.modal-header button{background:none;border:none;cursor:pointer;color:#5a5a5a;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.modal-header button:hover{color:#1a1a1a}.modal-header h3{font-family:"Playfair Display",serif;font-size:1.4rem;font-weight:500;color:#1a1a1a;margin-bottom:.25rem}.modal-header p{font-size:.82rem;color:#6b6b6b;font-weight:300;line-height:1.55}.modal-eyebrow{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:.25rem}.modal-title{font-family:"Playfair Display",serif;font-size:1.5rem;color:#1a1a1a;font-weight:500;line-height:1.2}.modal-title em{color:#5a7a40;font-style:italic}.modal-close{background:none;border:none;cursor:pointer;color:#5a5a5a;font-size:1.25rem;transition:color .2s ease;padding:.25rem;line-height:1;font-family:"Inter",sans-serif}.modal-close:hover{color:#1a1a1a}.modal-form,.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group label{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a;margin-bottom:.5rem;font-weight:500}.form-group label span{color:#2a4a25}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #c8d9b8;background:#fff;padding:.75rem 1rem;font-size:.875rem;color:#1a1a1a;outline:none;font-family:"Inter",sans-serif;font-weight:300;transition:border-color .2s ease;appearance:none;-webkit-appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5a7a40}.form-group textarea{resize:none}.form-note{color:#9a9a9a;font-size:.75rem;text-align:center;font-weight:300}.form-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem 2rem;background:#25d366;color:#fff;border:none;cursor:pointer;font-family:"Inter",sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .3s ease,transform .2s ease;margin-top:.5rem}.form-submit svg{width:1.2rem;height:1.2rem;flex-shrink:0}.form-submit:hover{background:#1ebe5d;transform:translateY(-1px)}.form-submit:active{transform:translateY(0)}.modal-success{display:none;padding:2rem;flex-direction:column;align-items:center;text-align:center;gap:1rem}.modal-success.visible{display:flex}#successMsg{display:none;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem}#successMsg.visible,#successMsg[style*="display: flex"],#successMsg[style*="display:flex"]{display:flex}#successMsg h3{font-family:"Playfair Display",serif;font-size:1.4rem;font-weight:500;color:#1a1a1a}#successMsg p{color:#6b6b6b;font-size:.875rem;line-height:1.7;font-weight:300;max-width:24rem}.success-icon{width:4rem;height:4rem;background:rgba(90,122,64,.15);display:flex;align-items:center;justify-content:center;color:#5a7a40;font-size:2rem}.success-icon svg{width:2rem;height:2rem;stroke:#5a7a40;fill:none;stroke-width:2.5}.success-title{font-family:"Playfair Display",serif;font-size:1.4rem;color:#1a1a1a;font-weight:500;line-height:1.2}.success-title em{color:#5a7a40;font-style:italic}.success-text{color:#6b6b6b;font-size:.875rem;line-height:1.7;font-weight:300}.success-close{margin-top:1rem;padding:.75rem 2rem;background:#1e3320;color:#fff;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;border:none;cursor:pointer;transition:background .3s ease;font-family:"Inter",sans-serif;font-weight:500}.success-close:hover{background:#5a7a40}#header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:rgba(0,0,0,0);transition:background .5s ease,box-shadow .5s ease}#header.scrolled{background:rgba(244,248,240,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 24px rgba(0,0,0,.08)}.header-inner{display:flex;align-items:center;gap:1rem;padding:1rem 3rem;width:100%;max-width:1400px;margin:0 auto}@media(max-width: 768px){.header-inner{padding:.75rem 1.25rem;gap:.5rem}}.logo{font-family:"Playfair Display",serif;font-size:1.5rem;font-weight:500;text-decoration:none;color:#fff;transition:color .5s ease;white-space:nowrap;flex-shrink:0}.logo span{font-style:italic}#header.scrolled .logo{color:#1a1a1a}#navMenu{flex:1;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}#navMenu::-webkit-scrollbar{display:none}@media(max-width: 768px){#navMenu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;background:#0f1a0f;padding:2rem 2.5rem;z-index:200;overflow-y:auto}#navMenu.nav-open{display:flex}}.room-btn{padding:.5rem .75rem;text-decoration:none;font-size:.75rem;letter-spacing:.06em;background:none;border:none;cursor:pointer;transition:color .3s ease,border-bottom-color .3s ease;white-space:nowrap;color:rgba(255,255,255,.8);font-family:"Inter",sans-serif;border-bottom:2px solid rgba(0,0,0,0);display:inline-block}.room-btn:hover{color:#fff}.room-btn.active{color:#fff;border-bottom-color:#96b870}#header.scrolled .room-btn{color:rgba(0,0,0,.6)}#header.scrolled .room-btn:hover{color:#1a1a1a}#header.scrolled .room-btn.active{color:#1e3320;border-bottom-color:#1e3320}@media(max-width: 768px){.room-btn{font-size:1rem;padding:.6rem 0;color:rgba(255,255,255,.75);letter-spacing:.08em;border-bottom-color:rgba(0,0,0,0)}}.nav-sep{width:1px;height:1rem;background:rgba(255,255,255,.3);flex-shrink:0;transition:background .5s ease;margin:0 .5rem}#header.scrolled .nav-sep{background:rgba(0,0,0,.15)}@media(max-width: 768px){.nav-sep{display:none}}.nav-link{padding:.5rem .75rem;text-decoration:none;font-size:.75rem;letter-spacing:.06em;color:rgba(255,255,255,.7);font-family:"Inter",sans-serif;transition:color .3s ease;white-space:nowrap}.nav-link:hover{color:#fff}#header.scrolled .nav-link{color:rgba(0,0,0,.55)}#header.scrolled .nav-link:hover{color:#1a1a1a}@media(max-width: 768px){.nav-link{font-size:1rem;padding:.6rem 0;color:rgba(255,255,255,.7)}}.nav-link--arq{color:#96b870;font-weight:500}.nav-link--arq:hover{color:#c8d9b8 !important}#header.scrolled .nav-link--arq{color:#2a4a25}#header.scrolled .nav-link--arq:hover{color:#1e3320 !important}.header-cta{margin-left:auto;flex-shrink:0}@media(max-width: 768px){.header-cta{display:none}}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:1.75rem;height:1.25rem;background:none;border:none;cursor:pointer;padding:0;margin-left:auto;z-index:201}.menu-toggle span{display:block;width:100%;height:2px;background:#fff;transition:background .4s ease,transform .3s ease;border-radius:2px}#header.scrolled .menu-toggle span{background:#1a1a1a}@media(max-width: 768px){.menu-toggle{display:flex}}.arq-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;padding:1rem 3rem;display:flex;align-items:center;gap:1.5rem;background:rgba(244,248,240,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 24px rgba(0,0,0,.07)}@media(max-width: 768px){.arq-header{padding:.75rem 1.25rem;gap:.75rem}}.arq-logo{font-family:"Playfair Display",serif;font-size:1.4rem;font-weight:500;text-decoration:none;color:#1a1a1a;white-space:nowrap;flex-shrink:0}.arq-logo em{font-style:italic}@media(max-width: 768px){.arq-logo{font-size:1.2rem}}.arq-nav{flex:1;display:flex;align-items:center;gap:1rem}.arq-back-btn{display:inline-flex;align-items:center;gap:.4rem;color:#5a5a5a;font-size:.8rem;text-decoration:none;letter-spacing:.04em;transition:color .2s ease;font-weight:400}.arq-back-btn:hover{color:#1a1a1a}.arq-nav-sep{width:1px;height:1rem;background:rgba(0,0,0,.15);flex-shrink:0}.arq-page-label{font-size:.8rem;color:#5a7a40;font-weight:500;border-bottom:2px solid #5a7a40;padding-bottom:2px;letter-spacing:.04em}@media(max-width: 768px){.arq-page-label{display:none}}#footer{background:#0f1a0f;color:#fff;padding:5rem 0 0}@media(max-width: 768px){#footer{padding:4rem 0 0}}.footer-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem 4rem;margin-bottom:0}@media(max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}}.arq-footer-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem 4rem}@media(max-width: 768px){.arq-footer-grid{grid-template-columns:1fr;gap:2.5rem}}.footer-logo,.footer-brand-name{font-family:"Playfair Display",serif;font-size:1.75rem;color:#f4f8f0;margin-bottom:.5rem;font-weight:500}.footer-logo span,.footer-brand-name span{font-style:italic}.footer-logo em,.footer-brand-name em{font-style:italic}.footer-tagline{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1.5rem;letter-spacing:.14em}.footer-desc{color:rgba(255,255,255,.45);font-size:.875rem;line-height:1.7;font-weight:300}.footer-col h4{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;letter-spacing:.25em;margin-bottom:1.5rem}.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-col a{color:rgba(255,255,255,.55);font-size:.875rem;text-decoration:none;font-weight:300;transition:color .2s ease}.footer-col a:hover{color:#96b870}.footer-section-title{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;letter-spacing:.25em;margin-bottom:1.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:rgba(255,255,255,.55);font-size:.875rem;text-decoration:none;font-weight:300;transition:color .2s ease;background:none;border:none;cursor:pointer;text-align:left;font-family:"Inter",sans-serif;padding:0}.footer-link:hover{color:#96b870}.footer-contact{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}.footer-contact li{display:flex;align-items:flex-start;gap:.75rem;color:rgba(255,255,255,.55);font-size:.875rem;font-weight:300;line-height:1.5;margin-bottom:.75rem}.footer-contact li svg{width:1rem;height:1rem;flex-shrink:0;margin-top:.15rem;stroke:#5a7a40;fill:none;stroke-width:1.5}.footer-contact li a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s ease}.footer-contact li a:hover{color:#96b870}.footer-contact li span{color:rgba(255,255,255,.45)}.footer-contact-item{display:flex;align-items:flex-start;gap:.75rem;color:rgba(255,255,255,.55);font-size:.875rem;text-decoration:none;font-weight:300;transition:color .2s ease;margin-bottom:.75rem;line-height:1.5}.footer-contact-item:hover{color:#96b870}.footer-contact-item svg{width:1rem;height:1rem;flex-shrink:0;margin-top:.15rem}.footer-bottom{margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.footer-bottom p{color:rgba(255,255,255,.3);font-size:.75rem;font-weight:300}@media(max-width: 768px){.footer-bottom{flex-direction:column;text-align:center}}.footer-copy{color:rgba(255,255,255,.3);font-size:.75rem;font-weight:300}.hero{height:100vh;min-height:600px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 55%, transparent 100%),linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 50%)}.hero-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 5rem;max-width:1400px;margin:0 auto}@media(max-width: 768px){.hero-content{padding:0 2rem}}.hero-eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1.5rem;letter-spacing:.35em}h1.hero-title{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,5vw,4rem);color:#fff;font-weight:500;line-height:1.2}h1.hero-title em{color:#5a7a40;font-style:italic}h1.hero-title{margin-bottom:1.5rem}@media(max-width: 768px){h1.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}}.hero-sub{color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.7;font-weight:300;margin-bottom:2.5rem;max-width:32rem}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.hero-btns{flex-direction:column;align-items:flex-start}.hero-btns .btn-primary,.hero-btns .btn-outline{width:100%;text-align:center}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:1.25rem;animation:bounce 2s infinite;cursor:default;line-height:1}.portfolio-section{padding:6rem 3rem}@media(max-width: 768px){.portfolio-section{padding:4rem 1.25rem}}.portfolio-section{max-width:1400px;margin:0 auto}@media(max-width: 768px){.portfolio-section{padding:4rem 1.25rem}}.portfolio-header{margin-bottom:4rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1.5rem}@media(max-width: 768px){.portfolio-header{flex-direction:column;align-items:flex-start}}.portfolio-eyebrow{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:.75rem}.portfolio-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#1a1a1a;font-weight:500;line-height:1.2}.portfolio-title em{color:#5a7a40;font-style:italic}.portfolio-title span{color:#5a7a40;font-style:italic}.portfolio-desc{color:#6b6b6b;max-width:24rem;line-height:1.7;font-weight:300;font-size:.925rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(max-width: 768px){.portfolio-grid{grid-template-columns:1fr;gap:1rem}}.portfolio-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;display:block}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item.large{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:400px}@media(max-width: 768px){.portfolio-item.large{grid-column:span 1;grid-row:span 1;min-height:260px;aspect-ratio:4/3}}.portfolio-item-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .5s ease}.portfolio-item:hover .portfolio-item-overlay{background:rgba(0,0,0,.3)}.portfolio-item-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff;transform:translateY(100%);transition:transform .5s ease}.portfolio-item:hover .portfolio-item-info{transform:translateY(0)}.portfolio-item-room{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;letter-spacing:.14em;margin-bottom:.25rem;font-size:.65rem}.portfolio-item-title{font-family:"Playfair Display",serif;font-size:1.1rem;font-weight:500}.about-section{padding:6rem 3rem;background:#eef4e8}@media(max-width: 768px){.about-section{padding:4rem 1.25rem}}.about-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}@media(max-width: 768px){.about-inner{grid-template-columns:1fr;gap:3rem}}.about-img-wrap{position:relative}.about-img-main{aspect-ratio:4/5;object-fit:cover;width:100%;display:block;position:relative;z-index:2}.accent-block-1{position:absolute;bottom:-24px;right:-24px;width:12rem;height:12rem;background:#1e3320;z-index:0}@media(max-width: 768px){.accent-block-1{display:none}}.accent-block-2{position:absolute;bottom:-12px;right:-12px;width:12rem;height:12rem;border:2px solid #5a7a40;z-index:1}@media(max-width: 768px){.accent-block-2{display:none}}.about-eyebrow{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1.5rem}.about-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,2.8rem);color:#1a1a1a;font-weight:500;line-height:1.2}.about-title em{color:#5a7a40;font-style:italic}.about-title{margin-bottom:2rem}.about-text{color:#5a5a5a;line-height:1.85;font-weight:300;font-size:1.05rem;margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;padding-top:2.5rem;border-top:1px solid #c8d9b8;margin-top:1rem}@media(max-width: 768px){.about-stats{gap:1rem}}.stat-num{font-family:"Playfair Display",serif;font-size:2rem;color:#5a7a40;line-height:1;margin-bottom:.25rem;font-weight:500}.stat-label{color:#6b6b6b;font-size:.75rem;line-height:1.4;font-weight:300}.differentials-section{padding:6rem 3rem;background:#1e3320}@media(max-width: 768px){.differentials-section{padding:4rem 1.25rem}}.diff-inner{max-width:1400px;margin:0 auto}.diff-header{text-align:center;margin-bottom:4rem}.diff-eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1rem}.diff-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#f4f8f0;font-weight:500;line-height:1.2}.diff-title em{color:#5a7a40;font-style:italic}.diff-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:2rem}@media(max-width: 768px){.diff-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}.diff-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:border-color .4s ease,background .4s ease}.diff-card:hover{border-color:rgba(90,122,64,.6);background:rgba(255,255,255,.05)}.diff-card:hover .diff-icon{border-color:#96b870}.diff-icon{width:3.5rem;height:3.5rem;border:1px solid rgba(90,122,64,.4);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#96b870;transition:border-color .3s ease;flex-shrink:0}.diff-icon svg{width:1.5rem;height:1.5rem}.diff-card-title{font-family:"Playfair Display",serif;font-size:1.1rem;color:#f4f8f0;font-weight:500;margin-bottom:1rem}.diff-card-desc{color:rgba(255,255,255,.55);font-size:.875rem;line-height:1.75;font-weight:300}.process-section{background:#0f1a0f;overflow:hidden;position:relative}.process-deco{position:absolute;top:-4rem;right:-4rem;font-family:"Playfair Display",serif;font-size:clamp(20rem,35vw,40rem);color:#fff;opacity:.03;line-height:1;pointer-events:none;user-select:none;z-index:0}.process-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media(max-width: 768px){.process-inner{padding-left:1.25rem;padding-right:1.25rem}}.process-header{padding:6rem 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem}@media(max-width: 768px){.process-header{flex-direction:column;padding:4rem 0}}.process-eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1rem}.process-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#f4f8f0;font-weight:500;line-height:1.2}.process-title em{color:#5a7a40;font-style:italic}.process-sub{color:rgba(255,255,255,.45);max-width:26rem;line-height:1.7;font-weight:300;font-size:.95rem}.process-steps{padding-bottom:6rem}.process-step{display:flex;flex-direction:row;align-items:center;gap:2rem;padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:background .5s ease}.process-step:hover{background:rgba(255,255,255,.02)}.process-step:hover .step-number{opacity:.6}.process-step:hover .step-divider{background:rgba(90,122,64,.4)}.process-step:hover .step-desc{color:rgba(255,255,255,.7)}@media(max-width: 768px){.process-step{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 0}}.step-number{font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,5rem);color:#96b870;opacity:.25;line-height:1;font-weight:500;transition:opacity .4s ease;min-width:10rem;flex-shrink:0}@media(max-width: 768px){.step-number{min-width:unset;font-size:3rem}}.step-divider{width:1px;height:4rem;background:rgba(255,255,255,.1);flex-shrink:0;transition:background .5s ease}@media(max-width: 768px){.step-divider{display:none}}.step-title-wrap{min-width:16rem;padding:0 3rem}@media(max-width: 768px){.step-title-wrap{min-width:unset;padding:0}}.step-title{font-family:"Playfair Display",serif;font-size:1.3rem;color:#f4f8f0;font-weight:500}.step-detail{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-top:.5rem;font-size:.75rem}.step-desc{flex:1;padding:0 2rem;color:rgba(255,255,255,.5);line-height:1.9;font-weight:300;font-size:.95rem;transition:color .4s ease}@media(max-width: 768px){.step-desc{padding:0}}.testimonials-section{background:#111a11;padding:7rem 3rem;position:relative;overflow:hidden}@media(max-width: 768px){.testimonials-section{padding:4rem 1.25rem}}.testimonials-deco{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:clamp(12rem,25vw,24rem);color:#fff;opacity:.03;pointer-events:none;user-select:none;line-height:1;z-index:0}.testimonials-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1rem}.testimonials-title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#f4f8f0;font-weight:500;line-height:1.2}.testimonials-title em{color:#5a7a40;font-style:italic}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;background:rgba(255,255,255,.05)}@media(max-width: 768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:#111a11;padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:background .4s ease}.testimonial-card:hover{background:rgba(30,51,32,.6)}.testimonial-stars{display:flex;gap:2px}.star{color:#96b870;font-size:.85rem}.testimonial-text{color:rgba(255,255,255,.65);line-height:1.85;font-weight:300;font-size:.92rem;flex:1}.testimonial-divider{width:2rem;height:1px;background:#5a7a40;flex-shrink:0}.testimonial-name{font-family:"Playfair Display",serif;font-size:1rem;color:#f4f8f0;font-weight:500}.testimonial-handle{color:rgba(255,255,255,.35);font-size:.75rem;margin-top:.25rem;font-weight:300}.testimonial-tag{display:inline-block;font-size:.75rem;color:#5a7a40;border:1px solid rgba(90,122,64,.3);padding:.25rem .5rem;align-self:flex-start}.finalcta-section{position:relative;padding:8rem 3rem;overflow:hidden;text-align:center}@media(max-width: 768px){.finalcta-section{padding:5rem 1.25rem}}.finalcta-bg{position:absolute;inset:0}.finalcta-bg img{width:100%;height:100%;object-fit:cover}.finalcta-bg{z-index:0}.finalcta-overlay{position:absolute;inset:0;background:rgba(15,26,15,.85);z-index:1}.finalcta-content{position:relative;z-index:2;max-width:1400px;margin:0 auto}.finalcta-eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1.5rem;letter-spacing:.35em}.finalcta-title{font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.5rem);color:#fff;font-weight:500;line-height:1.2}.finalcta-title em{color:#5a7a40;font-style:italic}.finalcta-title{margin-bottom:1.5rem}.finalcta-sub{color:rgba(255,255,255,.65);font-size:1rem;line-height:1.7;font-weight:300;margin-bottom:3rem;max-width:36rem;margin-left:auto;margin-right:auto}.finalcta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.finalcta-btns{flex-direction:column;align-items:center}.finalcta-btns .btn-whatsapp{width:100%;justify-content:center}}a.room-btn{display:inline-block;text-decoration:none}.room-hero{height:100vh;min-height:620px;position:relative;overflow:hidden}.room-hero__bg{position:absolute;inset:0}.room-hero__bg img{width:100%;height:100%;object-fit:cover}.room-hero__overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 55%, transparent 100%),linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 50%)}.room-hero__content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 5rem;max-width:1400px;margin:0 auto}@media(max-width: 768px){.room-hero__content{padding:0 1.5rem}}.room-hero__tag{display:inline-flex;align-items:center;gap:.5rem;color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;letter-spacing:.3em;margin-bottom:1.5rem}.room-hero__title{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,5vw,4rem);color:#fff;line-height:1.15;font-weight:500;margin-bottom:1.5rem}.room-hero__title em{color:#96b870;font-style:italic}@media(max-width: 768px){.room-hero__title{font-size:clamp(1.8rem,7vw,2.8rem)}}.room-hero__sub{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.75;font-weight:300;margin-bottom:2.5rem;max-width:36rem}.room-hero__actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.room-hero__actions{flex-direction:column;align-items:flex-start}.room-hero__actions .btn-primary,.room-hero__actions .btn-outline{width:100%;text-align:center}}.room-gallery{padding:6rem 3rem;max-width:1400px;margin:0 auto}@media(max-width: 768px){.room-gallery{padding:4rem 1.25rem}}.room-gallery__header{margin-bottom:3.5rem}.room-gallery__eyebrow{color:#5a7a40;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:.75rem}.room-gallery__title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#1a1a1a;font-weight:500;line-height:1.2}.room-gallery__title em{color:#5a7a40;font-style:italic}.room-gallery__title{margin-bottom:1rem}.room-gallery__desc{color:#6b6b6b;max-width:40rem;line-height:1.7;font-weight:300;font-size:.95rem}.room-gallery__grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto auto;gap:1.25rem}@media(max-width: 768px){.room-gallery__grid{grid-template-columns:1fr}}.room-gallery__item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3}.room-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;display:block}.room-gallery__item:hover img{transform:scale(1.05)}.room-gallery__item:first-child,.room-gallery__item.room-gallery__item--hero{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:420px}@media(max-width: 768px){.room-gallery__item:first-child,.room-gallery__item.room-gallery__item--hero{grid-column:span 1;grid-row:span 1;min-height:260px;aspect-ratio:4/3}}.room-gallery__item-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:flex-end;transition:background .5s ease}.room-gallery__item:hover .room-gallery__item-overlay{background:rgba(0,0,0,.35)}.room-gallery__item-caption{padding:1.25rem;color:#fff;transform:translateY(100%);transition:transform .5s ease;width:100%}.room-gallery__item:hover .room-gallery__item-caption{transform:translateY(0)}.room-gallery__item-label{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;font-size:.65rem;letter-spacing:.14em;margin-bottom:.2rem}.room-gallery__item-title{font-family:"Playfair Display",serif;font-size:1.05rem;font-weight:500}.room-features{background:#1e3320;padding:6rem 3rem}@media(max-width: 768px){.room-features{padding:4rem 1.25rem}}.room-features__inner{max-width:1400px;margin:0 auto}.room-features__header{text-align:center;margin-bottom:4rem}.room-features__eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-bottom:1rem}.room-features__title{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);color:#f4f8f0;font-weight:500;line-height:1.2}.room-features__title em{color:#5a7a40;font-style:italic}.room-features__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(max-width: 768px){.room-features__grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}.room-feature-card{display:flex;align-items:flex-start;gap:1rem;padding:1.75rem;border:1px solid rgba(255,255,255,.1);transition:border-color .4s ease,background .4s ease}.room-feature-card:hover{border-color:rgba(90,122,64,.6);background:rgba(255,255,255,.05)}.room-feature-card__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#96b870;flex-shrink:0;margin-top:.1rem}.room-feature-card__icon svg{width:1.4rem;height:1.4rem}.room-feature-card__body{flex:1;min-width:0}.room-feature-card__title{font-family:"Playfair Display",serif;font-size:1rem;color:#f4f8f0;font-weight:500;margin-bottom:.4rem}.room-feature-card__desc{color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.65;font-weight:300}.room-stats{background:#0f1a0f;padding:4rem 3rem}@media(max-width: 768px){.room-stats{padding:3rem 1.25rem}}.room-stats__inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0}@media(max-width: 768px){.room-stats__inner{flex-direction:column;gap:2rem}}.room-stat{flex:1;text-align:center;padding:1rem 2rem}.room-stat__num{font-family:"Playfair Display",serif;font-size:clamp(2rem,3.5vw,3rem);color:#96b870;font-weight:500;line-height:1;margin-bottom:.5rem}.room-stat__label{color:rgba(255,255,255,.55);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;font-size:.72rem}.room-stats__sep{width:1px;height:3rem;background:rgba(255,255,255,.1);flex-shrink:0}@media(max-width: 768px){.room-stats__sep{width:3rem;height:1px}}.room-cta{position:relative;padding:8rem 3rem;overflow:hidden;text-align:center}@media(max-width: 768px){.room-cta{padding:5rem 1.25rem}}.room-cta__bg{position:absolute;inset:0}.room-cta__bg img{width:100%;height:100%;object-fit:cover}.room-cta__bg{z-index:0}.room-cta__overlay{position:absolute;inset:0;background:rgba(15,26,15,.87);z-index:1}.room-cta__content{position:relative;z-index:2;max-width:1400px;margin:0 auto}.room-cta__eyebrow{color:#96b870;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400;letter-spacing:.35em;margin-bottom:1.5rem}.room-cta__title{font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.5rem);color:#fff;font-weight:500;line-height:1.2}.room-cta__title em{color:#5a7a40;font-style:italic}.room-cta__title{margin-bottom:1.5rem}.room-cta__sub{color:rgba(255,255,255,.65);font-size:1rem;line-height:1.75;font-weight:300;margin-bottom:3rem;max-width:38rem;margin-left:auto;margin-right:auto}.room-cta__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.room-cta__actions{flex-direction:column;align-items:center}.room-cta__actions .btn-primary,.room-cta__actions .btn-whatsapp{width:100%;justify-content:center;text-align:center}}.rooms-nav-strip{background:#f4f8f0;border-bottom:1px solid #c8d9b8;padding:0 3rem}@media(max-width: 768px){.rooms-nav-strip{padding:0 1.25rem}}.rooms-nav-strip__inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.rooms-nav-strip__inner::-webkit-scrollbar{display:none}.rooms-nav-strip__btn{padding:.875rem 1.25rem;font-size:.75rem;letter-spacing:.06em;color:#5a5a5a;text-decoration:none;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;white-space:nowrap;font-family:"Inter",sans-serif;transition:color .25s ease,border-color .25s ease;display:inline-block}.rooms-nav-strip__btn:hover{color:#1a1a1a}.rooms-nav-strip__btn.active{color:#1e3320;border-bottom-color:#1e3320;font-weight:500}
/* ============================================================
   Casa Mapla — layout alignment patch
   Keeps the existing HTML/JS and normalizes selectors used by
   index.html. This is intentionally scoped to the home page.
   ============================================================ */

:root { --page-gutter: clamp(1.25rem, 4vw, 3rem); }

body { overflow-x: hidden; }

.container {
  width: min(100% - 2 * var(--page-gutter), 1400px);
  padding-left: 0;
  padding-right: 0;
}

/* Header */
#header .header-inner {
  width: min(100% - 2 * var(--page-gutter), 1400px);
  padding: 1rem 0;
  gap: clamp(.5rem, 1.2vw, 1.25rem);
}
#header nav { min-width: 0; justify-content: center; }
#header .room-btn,
#header .nav-link { flex: 0 0 auto; }

/* Hero */
#hero {
  min-height: 680px;
  height: min(900px, 100svh);
  position: relative;
  overflow: hidden;
}
#hero .hero-bg,
#hero .hero-bg img,
#hero .hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
#hero .hero-bg img { object-fit: cover; object-position: center; }
#hero .hero-overlay {
  background:
    linear-gradient(90deg, rgba(15,26,15,.86) 0%, rgba(15,26,15,.58) 42%, rgba(15,26,15,.16) 76%, rgba(15,26,15,.08) 100%),
    linear-gradient(0deg, rgba(15,26,15,.55) 0%, transparent 45%);
}
#hero .hero-content {
  width: min(100% - 2 * var(--page-gutter), 1400px);
  max-width: none;
  padding: 0;
  margin: 0 auto;
  justify-content: center;
}
#hero .eyebrow { margin-bottom: 1.25rem; color: #96b870; }
#heroTitle {
  max-width: 760px;
  margin-bottom: 1.25rem;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.4rem, 5.2vw, 4.8rem);
  line-height: 1.08;
  font-weight: 500;
  color: #fff;
  letter-spacing: -.02em;
}
#hero .hero-sub { max-width: 610px; margin-bottom: 2rem; font-size: 1rem; }
#hero .hero-actions { display: flex; gap: .875rem; flex-wrap: wrap; }
#hero .btn { min-height: 52px; }
#scrollIndicator { bottom: 1.5rem; }

/* Portfolio */
#portfolio { padding: clamp(5rem, 8vw, 8rem) 0; background: #fff; }
#portfolio .portfolio-meta { max-width: 780px; margin-bottom: 3rem; }
#portfolio .portfolio-meta h2 { max-width: 760px; }
#portfolio .portfolio-meta p { max-width: 680px; }
#portfolioGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(220px, 300px);
  gap: 1rem;
}
#portfolioGrid .portfolio-item {
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
  aspect-ratio: auto;
  background: #eef4e8;
}
#portfolioGrid .portfolio-item--large { grid-column: span 2; grid-row: span 2; }
#portfolioGrid .portfolio-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
#portfolioGrid .portfolio-item__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 1.25rem;
  background: linear-gradient(0deg, rgba(0,0,0,.62), transparent 55%);
  opacity: 1;
}
#portfolioGrid .portfolio-item__title {
  color: #fff;
  font-family: "Playfair Display", serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.2;
  transform: translateY(0);
}

/* About */
#sobre { padding: clamp(5rem, 8vw, 8rem) 0; background: #eef4e8; }
#sobre .about-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
}
#sobre .about-img-wrap { position: relative; padding: 0 1rem 1rem 0; }
#sobre .about-img-wrap > img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
#sobre .accent-block { position: absolute; width: 32%; aspect-ratio: 1; }
#sobre .accent-block--tl { top: -1rem; left: -1rem; background: #5a7a40; z-index: 0; }
#sobre .accent-block--br { right: 0; bottom: 0; border: 2px solid #96b870; z-index: 1; }
#sobre .about-content { max-width: 620px; }
#sobre .about-content h2 { font-family: "Playfair Display", serif; font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.12; font-weight: 500; margin: .75rem 0 1.5rem; }
#sobre .about-content h2 em { color: #5a7a40; font-style: italic; }
#sobre .about-content p { color: #5a5a5a; line-height: 1.85; font-size: .98rem; margin-bottom: 1rem; }
#sobre .about-stats { margin-top: 2rem; padding-top: 1.75rem; }
#sobre .stat-number { font-family: "Playfair Display", serif; font-size: clamp(1.8rem, 3vw, 2.4rem); color: #5a7a40; line-height: 1; margin-bottom: .4rem; }

/* Differentials */
#diferenciais { padding: clamp(5rem, 8vw, 7rem) 0; background: #1e3320; color: #fff; }
#diferenciais .section-header { max-width: 760px; margin: 0 auto 3.5rem; text-align: center; }
#diferenciais .section-header h2 { color: #f4f8f0; }
#diferenciais .section-header h2 em { color: #96b870; }
#diferenciais .section-header p { color: rgba(255,255,255,.62); margin: 0 auto; }
#diferenciais .diferenciais-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
#diferenciais .diferencial-card {
  min-width: 0;
  padding: 2rem 1.35rem;
  border: 1px solid rgba(255,255,255,.1);
  text-align: center;
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
#diferenciais .diferencial-card:hover { transform: translateY(-5px); border-color: rgba(150,184,112,.55); background: rgba(255,255,255,.035); }
#diferenciais .diferencial-icon { width: 3.25rem; height: 3.25rem; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(150,184,112,.35); color: #96b870; }
#diferenciais .diferencial-icon svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 1.5; }
#diferenciais .diferencial-card h3 { font-family: "Playfair Display", serif; font-size: 1.05rem; line-height: 1.3; color: #f4f8f0; margin-bottom: .75rem; font-weight: 500; }
#diferenciais .diferencial-card p { color: rgba(255,255,255,.52); font-size: .82rem; line-height: 1.7; }

/* Process — overrides the dark legacy .process-step rules */
#processo { padding: clamp(5rem, 8vw, 7rem) 0; background: #f4f8f0; }
#processo .section-header { max-width: 700px; margin-bottom: 3rem; }
#processo .process-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
#processo .process-step {
  display: block;
  padding: 2rem 1.5rem;
  border: 1px solid #c8d9b8;
  background: #fff;
  min-width: 0;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
#processo .process-step:hover { transform: translateY(-4px); border-color: #96b870; box-shadow: 0 12px 30px rgba(30,51,32,.08); background: #fff; }
#processo .process-step__num { font-family: "Playfair Display", serif; font-size: 2.6rem; color: #96b870; margin-bottom: 1rem; }
#processo .process-step h3 { font-family: "Playfair Display", serif; font-size: 1.1rem; color: #1a1a1a; line-height: 1.3; margin-bottom: .8rem; }
#processo .process-step ul { list-style: none; display: grid; gap: .35rem; }
#processo .process-step li { color: #6b6b6b; font-size: .82rem; line-height: 1.5; padding-left: 1rem; position: relative; }
#processo .process-step li::before { content: "—"; position: absolute; left: 0; color: #5a7a40; }

/* Testimonials */
#depoimentos { padding: clamp(5rem, 8vw, 7rem) 0; background: #0f1a0f; }
#depoimentos .section-header { max-width: 700px; margin-bottom: 3rem; }
#depoimentos .section-header h2 { color: #f4f8f0; }
#depoimentos .section-header h2 em { color: #96b870; }
#depoimentos .section-header p { color: rgba(255,255,255,.55); }
#depoimentos .testimonials-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
#depoimentos .testimonial-card { min-width: 0; padding: 2rem; background: #111a11; border: 1px solid rgba(255,255,255,.06); }
#depoimentos .testimonial-header { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.25rem; }
#depoimentos .testimonial-avatar { width: 2.6rem; height: 2.6rem; flex: 0 0 2.6rem; display: grid; place-items: center; border: 1px solid rgba(150,184,112,.4); color: #96b870; font-family: "Playfair Display", serif; }
#depoimentos .testimonial-stars { color: #96b870; letter-spacing: .1em; font-size: .78rem; }
#depoimentos .testimonial-text { margin: 1rem 0 1.5rem; }

/* Final CTA */
#finalcta { position: relative; overflow: hidden; padding: clamp(6rem, 10vw, 9rem) 0; text-align: center; }
#finalcta .finalcta-bg, #finalcta .finalcta-bg img, #finalcta .finalcta-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
#finalcta .finalcta-bg img { object-fit: cover; }
#finalcta .finalcta-overlay { background: rgba(15,26,15,.84); }
#finalcta .finalcta-content { position: relative; z-index: 2; width: min(100% - 2 * var(--page-gutter), 900px); margin: 0 auto; }
#finalcta .finalcta-content h2 { font-family: "Playfair Display", serif; color: #fff; font-size: clamp(2rem, 4.5vw, 3.6rem); line-height: 1.12; font-weight: 500; margin: .75rem auto 1.25rem; }
#finalcta .finalcta-content h2 em { color: #96b870; font-style: italic; }
#finalcta .finalcta-content p { max-width: 620px; margin: 0 auto 2rem; color: rgba(255,255,255,.68); line-height: 1.8; }
#finalcta .finalcta-actions { display: flex; justify-content: center; gap: .875rem; flex-wrap: wrap; }

/* Mobile */
@media (max-width: 1100px) {
  #header nav .room-btn, #header nav .nav-link { padding-left: .5rem; padding-right: .5rem; }
  #header .header-cta { display: none; }
  #heroTitle { max-width: 680px; }
  #diferenciais .diferenciais-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  #portfolioGrid { grid-template-columns: repeat(2, minmax(0,1fr)); grid-auto-rows: minmax(220px, 280px); }
  #portfolioGrid .portfolio-item--large { grid-column: span 2; }
  #sobre .about-grid { gap: 3rem; }
  #depoimentos .testimonials-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 768px) {
  :root { --page-gutter: 1.25rem; }
  #header .header-inner { padding: .75rem 0; }
  #header .logo { font-size: 1.35rem; }
  #hero { min-height: 650px; height: 88svh; }
  #hero .hero-content { justify-content: flex-end; padding-bottom: 5.5rem; }
  #heroTitle { font-size: clamp(2.15rem, 10vw, 3.2rem); max-width: 100%; }
  #hero .hero-actions { flex-direction: column; align-items: stretch; width: min(100%, 360px); }
  #hero .hero-actions .btn { justify-content: center; width: 100%; }
  #portfolioGrid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  #portfolioGrid .portfolio-item, #portfolioGrid .portfolio-item--large { grid-column: span 1; grid-row: span 1; aspect-ratio: 4 / 3; min-height: 0; }
  #portfolioGrid .portfolio-item--large { aspect-ratio: 4 / 3; }
  #sobre .about-grid { grid-template-columns: 1fr; }
  #sobre .about-img-wrap { max-width: 620px; }
  #sobre .about-content { max-width: none; }
  #diferenciais .diferenciais-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #processo .process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #depoimentos .testimonials-grid { grid-template-columns: 1fr; }
  #finalcta .finalcta-actions { flex-direction: column; align-items: stretch; width: min(100%, 360px); margin: 0 auto; }
  #finalcta .finalcta-actions .btn { justify-content: center; }
}

@media (max-width: 480px) {
  #diferenciais .diferenciais-grid, #processo .process-grid { grid-template-columns: 1fr; }
  #sobre .about-stats { gap: .75rem; }
  #sobre .stat-label { font-size: .68rem; }
}

/* Conceptual introduction on the homepage */
.concept-section{padding:clamp(5rem,9vw,9rem) 0;background:#f7f5f0}.concept-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);align-items:end}.concept-copy h2{max-width:620px;margin-bottom:0}.concept-text{max-width:600px}.concept-text p{margin:0 0 1.2rem}@media (max-width:768px){.concept-grid{grid-template-columns:1fr;gap:2rem}}


/* ================= 2. ESTILOS DA PÁGINA ARQ ================= */

/* CASA MAPLA — ARQUITETOS & DESIGNERS
   CSS específico da página.
   Os estilos globais (body, header, footer, botões, modal, container etc.)
   devem continuar no CSS principal do site. */

.arq-hero{position:relative;min-height:100vh;height:100vh;overflow:hidden}
.arq-hero-bg{position:absolute;inset:0;z-index:0}
.arq-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.arq-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(15,26,15,.88) 0%,rgba(15,26,15,.55) 55%,rgba(15,26,15,.2) 100%),linear-gradient(to top,rgba(15,26,15,.5) 0%,transparent 50%)}
.arq-hero-content{position:relative;z-index:2;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 3rem;display:flex;flex-direction:column;justify-content:center}
.arq-hero-eyebrow{color:#96b870;font-size:.75rem;font-weight:400;letter-spacing:.35em;line-height:1.4;text-transform:uppercase;margin-bottom:1.5rem}
.arq-hero-title{max-width:58rem;margin-bottom:1.5rem;color:#fff;font-family:"Playfair Display",serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:500;line-height:1.2}
.arq-hero-title em{color:#5a7a40;font-style:italic}
.arq-hero-sub{max-width:34rem;margin-bottom:2.5rem;color:rgba(255,255,255,.78);font-size:1.05rem;font-weight:300;line-height:1.7}
.arq-hero-btns{display:flex;flex-wrap:wrap;gap:1rem}

.arq-two-col{padding:7rem 3rem;background:#f4f8f0}
.arq-two-col-inner{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem;align-items:center}
.arq-img-side{position:relative;min-width:0}
.arq-img-wrap{position:relative}
.arq-main-img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.arq-img-bar{position:absolute;right:0;bottom:0;left:0;z-index:2;height:6px;background:#1e3320}
.arq-float-cards{position:absolute;top:50%;right:-2.5rem;z-index:3;display:flex;flex-direction:column;gap:.5rem;transform:translateY(-50%)}
.arq-float-card{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;color:#1a1a1a;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1);font-size:.78rem;font-weight:500;white-space:nowrap}
.arq-float-check{flex-shrink:0;color:#5a7a40;font-size:.85rem;font-weight:600}
.arq-section-eyebrow{margin-bottom:1rem;color:#5a7a40;font-size:.75rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase}
.arq-section-title{margin-bottom:1.75rem;color:#1a1a1a;font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.2}
.arq-section-title em{color:#5a7a40;font-style:italic}
.arq-section-text{margin-bottom:1.25rem;color:#5a5a5a;font-size:1rem;font-weight:300;line-height:1.85}

.arq-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.arq-feature-card{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem;border:1px solid #c8d9b8;background:transparent;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.arq-feature-card:hover{border-color:#5a7a40;background:rgba(150,184,112,.05);transform:translateY(-2px)}
.arq-feature-icon{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#5a7a40}
.arq-feature-title{margin-bottom:.2rem;color:#1a1a1a;font-size:.85rem;font-weight:500}
.arq-feature-desc{color:#8a8a8a;font-size:.78rem;font-weight:300;line-height:1.4}

.arq-stats{padding:4rem 3rem;background:#1e3320}
.arq-stats-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.arq-stat-item{flex:1;padding:1rem 2rem;text-align:center}
.arq-stat-num{margin-bottom:.5rem;color:#fff;font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;line-height:1}
.arq-stat-label{color:rgba(255,255,255,.6);font-size:.78rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase}
.arq-stats-sep{width:1px;height:3rem;flex-shrink:0;background:rgba(255,255,255,.15)}

.arq-portfolio{padding:7rem 3rem;background:#f4f8f0}
.arq-portfolio-inner{width:100%;max-width:1400px;margin:0 auto}
.arq-portfolio-header{margin-bottom:3.5rem;text-align:center}
.arq-portfolio-eyebrow{margin-bottom:.75rem;color:#5a7a40;font-size:.75rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase}
.arq-portfolio-title{color:#1a1a1a;font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;line-height:1.2}
.arq-portfolio-title em{color:#5a7a40;font-style:italic}
.arq-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.arq-port-item{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer}
.arq-port-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}
.arq-port-item:hover img{transform:scale(1.06)}
.arq-port-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;background:rgba(0,0,0,0);transition:background .5s ease}
.arq-port-item:hover .arq-port-overlay{background:rgba(0,0,0,.35)}
.arq-port-info{width:100%;padding:1.25rem;color:#fff;transform:translateY(100%);transition:transform .5s ease}
.arq-port-item:hover .arq-port-info{transform:translateY(0)}
.arq-port-room{margin-bottom:.2rem;color:#96b870;font-size:.65rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.arq-port-title{color:#fff;font-family:"Playfair Display",serif;font-size:1.05rem;font-weight:500}

.arq-why{padding:7rem 3rem;background:#fff}
.arq-why-inner{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem;align-items:center}
.arq-why-title{margin-bottom:1.75rem;color:#1a1a1a;font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.2}
.arq-why-title em{color:#5a7a40;font-style:italic}
.arq-checklist{list-style:none;display:flex;flex-direction:column;gap:1.25rem;padding:0;margin:0}
.arq-checklist-item{display:flex;align-items:flex-start;gap:1rem;color:#4a4a4a;font-size:.95rem;font-weight:300;line-height:1.65}
.arq-check-mark{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.05rem;display:flex;align-items:center;justify-content:center;color:#5a7a40;background:rgba(90,122,64,.1);font-size:1rem;font-weight:600}

.arq-quote-section{padding:7rem 3rem;background:#1e3320}
.arq-quote-inner{width:100%;max-width:54rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}
.arq-quote-mark{margin-bottom:-2rem;color:#96b870;font-family:"Playfair Display",serif;font-size:6rem;line-height:1;opacity:.4}
.arq-blockquote{color:#fff;font-family:"Playfair Display",serif;font-size:clamp(1.2rem,2.5vw,1.7rem);font-style:italic;font-weight:400;line-height:1.65}
.arq-quote-divider{width:3rem;height:1px;background:#96b870;opacity:.5}
.arq-quote-name{margin-bottom:.2rem;color:#f4f8f0;font-family:"Playfair Display",serif;font-size:1rem;font-weight:500}
.arq-quote-role{color:rgba(255,255,255,.5);font-size:.78rem;font-weight:300;letter-spacing:.06em}

.arq-cta{position:relative;padding:9rem 3rem;overflow:hidden;text-align:center}
.arq-cta-bg{position:absolute;inset:0;z-index:0}
.arq-cta-bg img{width:100%;height:100%;display:block;object-fit:cover}
.arq-cta-overlay{position:absolute;inset:0;z-index:1;background:rgba(15,26,15,.88)}
.arq-cta-content{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto}
.arq-cta-eyebrow{margin-bottom:1.5rem;color:#96b870;font-size:.75rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase}
.arq-cta-title{max-width:60rem;margin:0 auto 1.5rem;color:#fff;font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.2}
.arq-cta-title em{color:#5a7a40;font-style:italic}
.arq-cta-sub{max-width:40rem;margin:0 auto 3rem;color:rgba(255,255,255,.65);font-size:1rem;font-weight:300;line-height:1.7}
.arq-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}

@media(max-width:1024px){
  .arq-hero-content{padding-right:2rem;padding-left:2rem}
  .arq-two-col,.arq-portfolio,.arq-why,.arq-quote-section,.arq-cta{padding-right:2rem;padding-left:2rem}
  .arq-two-col-inner,.arq-why-inner{gap:3rem}
  .arq-float-cards{right:-1rem}
}

@media(max-width:768px){
  .arq-hero{min-height:680px;height:100svh}
  .arq-hero-content{padding:0 1.25rem}
  .arq-hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}
  .arq-hero-sub{font-size:.95rem}
  .arq-hero-btns{flex-direction:column;align-items:stretch}
  .arq-hero-btns .btn-primary,.arq-hero-btns .btn-outline{width:100%;text-align:center}
  .arq-two-col,.arq-portfolio,.arq-why{padding:4rem 1.25rem}
  .arq-two-col-inner,.arq-why-inner{grid-template-columns:1fr;gap:3rem}
  .arq-float-cards{position:static;flex-direction:row;flex-wrap:wrap;margin-top:1rem;transform:none}
  .arq-float-card{padding:.5rem .75rem;font-size:.72rem}
  .arq-features-grid{grid-template-columns:1fr}
  .arq-stats{padding:3rem 1.25rem}
  .arq-stats-inner{flex-direction:column;gap:2rem}
  .arq-stat-item{width:100%;padding:.5rem 1rem}
  .arq-stats-sep{width:3rem;height:1px}
  .arq-portfolio-grid{grid-template-columns:1fr;gap:1rem}
  .arq-quote-section{padding:5rem 1.25rem}
  .arq-blockquote{font-size:1.15rem}
  .arq-cta{padding:5rem 1.25rem}
  .arq-cta-btns{flex-direction:column;align-items:stretch}
  .arq-cta-btns .btn-primary,.arq-cta-btns .btn-whatsapp{width:100%;justify-content:center;text-align:center}
}

@media(max-width:480px){
  .arq-hero-eyebrow,.arq-cta-eyebrow{font-size:.65rem;letter-spacing:.25em}
  .arq-section-title,.arq-why-title{font-size:1.9rem}
  .arq-portfolio-title{font-size:2rem}
  .arq-feature-card{padding:1rem}
  .arq-port-item{aspect-ratio:4/3}
}



/* ============================================================
   CASA MAPLA — ARQUITETOS & DESIGNERS
   INTEGRAÇÃO FINAL
   ------------------------------------------------------------
   Este arquivo pode ser usado sozinho no arquitetos-designers.html.
   1) Base global do site
   2) Estilos específicos da página
   3) Ajustes de integração do header/footer
   ============================================================ */

/* ------------------------------------------------------------
   Footer usado pelo HTML de Arquitetos & Designers
   ------------------------------------------------------------ */

.footer {
  width: 100%;
  background: #0f1a0f;
  color: #fff;
  padding: 5rem 0 0;
}

.footer-inner {
  width: min(100% - 6rem, 1400px);
  margin: 0 auto;
}

.footer svg {
  max-width: none;
}

.footer-contact-item svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
}

@media (max-width: 768px) {
  .footer {
    padding-top: 4rem;
  }

  .footer-inner {
    width: min(100% - 2.5rem, 1400px);
  }
}

/* ------------------------------------------------------------
   Segurança contra SVGs sem dimensão
   ------------------------------------------------------------ */

.arq-header svg,
.arq-hero svg,
.arq-two-col svg,
.arq-portfolio svg,
.arq-why svg,
.arq-quote-section svg,
.arq-cta svg {
  max-width: 100%;
}

/* O ícone do link "Início" permanece pequeno. */
.arq-back-btn svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

/* ============================================================
   FIM DA INTEGRAÇÃO
   ============================================================ */