/* Sunset home test — grid inspired by the visual rhythm of the Villa Rattan reference.
   V1.6: this stylesheet is now the shared visual language for all public Sunset pages. */
:root{--vr-navy:#18355F;--vr-navy-dark:#18355F;--vr-sand:#b7a58a;--vr-light:#f5f4f1;--vr-text:#454545;--vr-line:#e7e4de;--vr-shell:1505px}
body.villa-layout{color:var(--vr-text);font-family:Arial,Helvetica,sans-serif;background:#fff}
body.villa-layout main{padding-top:152px}
.villa-shell{width:min(calc(100% - 48px),var(--vr-shell));margin-inline:auto}

/* Two-level header */
.villa-layout .villa-site-header{position:fixed;inset:0 0 auto;z-index:100;background:#fff;color:#4d4d4d;box-shadow:0 2px 11px rgba(0,0,0,.10);transition:background .28s ease,color .28s ease,box-shadow .28s ease}
.villa-header-top{height:100px;background:#fff;transition:inherit}
.villa-top-grid{height:100%;display:grid;grid-template-columns:300px minmax(320px,1fr) minmax(420px,1fr);align-items:center;gap:32px}
.villa-search{height:50px;display:grid;grid-template-columns:1fr 60px;width:100%;max-width:560px;margin:0;justify-self:center}
.villa-search input{width:100%;border:0;background:#f0f0f0;padding:0 20px;color:#555;outline:none;font-size:15px}.villa-search input::placeholder{color:#b4b4b4}
.villa-search button{border:0;background:#f0f0f0;position:relative;cursor:pointer;border-left:10px solid #fff}.villa-search button span{position:absolute;width:19px;height:19px;border:1.5px solid var(--vr-navy);border-radius:50%;left:17px;top:12px}.villa-search button span:after{content:"";position:absolute;width:9px;height:1.5px;background:var(--vr-navy);right:-7px;bottom:-4px;transform:rotate(48deg);transform-origin:left center}
.villa-brand{height:76px;display:grid;place-items:center;position:relative;background:transparent}.villa-brand-left{place-items:center start}.villa-logo{position:absolute;width:245px;max-width:100%;max-height:72px;object-fit:contain;image-rendering:auto;transition:opacity .22s ease;backface-visibility:hidden}.villa-logo-light{opacity:1}.villa-logo-scrolled{opacity:0}.villa-layout .villa-site-header.scrolled .villa-logo-light{opacity:0}.villa-layout .villa-site-header.scrolled .villa-logo-scrolled{opacity:1}
.villa-actions{display:flex;align-items:center;justify-content:flex-end;gap:46px;font-size:17px}.villa-finishes-link{display:flex;align-items:center;gap:10px;color:var(--vr-navy);white-space:nowrap;font-weight:500}.finish-cube{font-size:24px;line-height:1}.villa-budget{background:var(--vr-navy);color:#fff;padding:15px 36px;min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;transition:.2s;border:0;cursor:pointer}.villa-budget:hover{background:#0f284a}
.villa-header-nav{height:52px;background:#fff;border-top:1px solid rgba(0,0,0,.015);transition:inherit}.villa-nav{height:52px;display:grid;grid-template-columns:1.05fr .9fr 1.15fr .9fr .8fr .8fr 1.1fr;align-items:center}.villa-nav a{height:52px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:#575757;transition:color .2s,background .2s}.villa-nav a:first-child{justify-content:flex-start}.villa-nav a:last-child{justify-content:flex-end}.villa-nav a:hover{color:var(--vr-navy)}.chev{font-size:15px;margin-left:10px;font-weight:700}
.villa-menu-toggle{display:none}
.villa-layout .villa-site-header.scrolled{background:var(--vr-navy);color:#fff;box-shadow:0 5px 18px rgba(9,30,55,.22)}
.villa-layout .villa-site-header.scrolled .villa-header-top,.villa-layout .villa-site-header.scrolled .villa-header-nav{background:var(--vr-navy)}
.villa-layout .villa-site-header.scrolled .villa-header-nav{border-top-color:rgba(255,255,255,.10)}
.villa-layout .villa-site-header.scrolled .villa-logo-light{opacity:0}.villa-layout .villa-site-header.scrolled .villa-logo-scrolled{opacity:1}
.villa-layout .villa-site-header.scrolled .villa-search input,.villa-layout .villa-site-header.scrolled .villa-search button{background:rgba(255,255,255,.10);color:#fff}.villa-layout .villa-site-header.scrolled .villa-search input::placeholder{color:rgba(255,255,255,.60)}.villa-layout .villa-site-header.scrolled .villa-search button{border-left-color:var(--vr-navy)}.villa-layout .villa-site-header.scrolled .villa-search button span{border-color:#fff}.villa-layout .villa-site-header.scrolled .villa-search button span:after{background:#fff}
.villa-layout .villa-site-header.scrolled .villa-nav a,.villa-layout .villa-site-header.scrolled .villa-finishes-link{color:#fff}.villa-layout .villa-site-header.scrolled .villa-budget{background:#fff;color:var(--vr-navy)}

/* Hero slider */
.vr-hero{height:min(740px,calc(100svh - 152px));min-height:520px;position:relative;overflow:hidden;background:var(--vr-navy)}.vr-hero-track,.vr-hero-slide{position:absolute;inset:0}.vr-hero-slide{opacity:0;visibility:hidden;background-size:cover;background-position:center;transition:opacity .8s ease,visibility .8s ease}.vr-hero-slide.is-active{opacity:1;visibility:visible}.vr-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,28,52,.38),rgba(7,28,52,.03) 58%)}.vr-hero-caption{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);color:#fff;display:flex;flex-direction:column;gap:7px}.vr-hero-caption span{font-size:12px;letter-spacing:.18em;text-transform:uppercase}.vr-hero-caption strong{font-weight:400;font-size:clamp(26px,3vw,52px);letter-spacing:-.035em}.vr-hero-dots{position:absolute;right:max(24px,calc((100vw - var(--vr-shell))/2));bottom:57px;z-index:3;display:flex;gap:9px}.vr-hero-dots button{width:31px;height:2px;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.vr-hero-dots button.is-active{background:#fff}

/* Shared typography / spacing */
.vr-section{padding:105px 0}.vr-overline{display:block;color:#a79578;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}.vr-overline-light{color:#dfd2c0}.vr-center-copy{text-align:center;max-width:1020px}.vr-center-copy h1,.vr-copy-block h2,.vr-title-grid h2,.vr-simple-heading h2,.vr-parallax h2,.vr-budget-grid h2,.vr-final-cta h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em;color:#333}.vr-center-copy h1{font-size:clamp(38px,4vw,64px);line-height:1.02;margin:0 0 30px}.vr-center-copy p{max-width:820px;margin:0 auto;font-size:18px;line-height:1.8;color:#767676}.vr-text-link{display:inline-flex;gap:17px;align-items:center;margin-top:26px;font-size:12px;letter-spacing:.14em;font-weight:700;color:#474747}.vr-text-link span{font-size:18px;transition:transform .2s}.vr-text-link:hover span{transform:translateX(5px)}

/* Benefit band */
.vr-benefits{border-top:1px solid var(--vr-line);border-bottom:1px solid var(--vr-line);padding:34px 0 0}.vr-benefits .vr-overline{margin-bottom:0}.vr-benefits-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.vr-benefit-controls{display:none;gap:10px}.vr-benefit-nav{width:42px;height:42px;border:1px solid var(--vr-line);background:#fff;color:var(--vr-navy);display:grid;place-items:center;cursor:pointer;transition:.2s}.vr-benefit-nav:hover{background:var(--vr-navy);color:#fff}.vr-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.vr-benefit-card{min-height:220px;padding:34px 32px;border-right:1px solid var(--vr-line);border-top:1px solid var(--vr-line);display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:4px;background:#fff}.vr-benefit-card:first-child{border-left:1px solid var(--vr-line)}.vr-benefit-icon{width:52px;height:52px;border-radius:50%;background:#f7f2eb;color:#a79578;display:grid;place-items:center;grid-row:1 / span 2}.vr-benefit-icon svg{width:24px;height:24px}.vr-benefit-grid span{font-size:10px;color:#b4a58c;letter-spacing:.12em;align-self:end}.vr-benefit-grid strong{font-size:18px;font-weight:500;color:#404040;line-height:1.3}.vr-benefit-grid p{grid-column:2;margin:8px 0 0;color:#818181;line-height:1.7;font-size:14px}

/* About */
.vr-two-col{display:grid;grid-template-columns:.82fr 1.18fr;gap:105px;align-items:center}.vr-copy-block{max-width:570px}.vr-copy-block h2{font-size:clamp(38px,3.8vw,60px);line-height:1.02;margin:0 0 26px}.vr-copy-block p{font-size:17px;line-height:1.85;color:#727272;margin:0}.vr-image-frame{margin:0;overflow:hidden;background:#f5f5f5}.vr-image-frame img{width:100%;height:100%;object-fit:cover}.vr-image-large{height:600px}

/* Mobiliario mosaic */
.vr-mobiliario{background:var(--vr-light)}.vr-title-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end;margin-bottom:54px}.vr-title-grid h2{font-size:clamp(38px,3.7vw,60px);line-height:1.02;margin:0}.vr-title-aside{max-width:570px;justify-self:end}.vr-title-aside p{font-size:16px;line-height:1.8;color:#747474;margin:0}.vr-mosaic{height:760px;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:14px}.vr-mosaic-item{position:relative;overflow:hidden;background:#fff}.vr-mosaic-1{grid-row:1/3}.vr-mosaic-item img{width:100%;height:100%;object-fit:contain;padding:30px;transition:transform .45s}.vr-mosaic-item.vr-mosaic-lifestyle img{object-fit:cover;padding:0}.vr-mosaic-item:hover img{transform:scale(1.025)}.vr-mosaic-item>div{position:absolute;left:0;right:0;bottom:0;padding:34px;background:linear-gradient(0deg,rgba(11,35,62,.78),transparent);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.vr-mosaic-item small{grid-column:1/3;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.75}.vr-mosaic-item strong{font-size:24px;font-weight:400;margin-top:8px}.vr-mosaic-item span{font-size:10px;letter-spacing:.12em;font-weight:700}

/* Parallax */
.vr-parallax{min-height:660px;background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;color:#fff}.vr-parallax-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,41,73,.79),rgba(12,41,73,.22) 70%)}.vr-parallax-content{position:relative;z-index:1}.vr-parallax h2{color:#fff;font-size:clamp(46px,5.2vw,78px);line-height:.92;margin:0 0 27px}.vr-parallax p{font-size:17px;line-height:1.7;max-width:600px;color:rgba(255,255,255,.82);margin:0 0 35px}.vr-outline-light{display:inline-flex;border:1px solid rgba(255,255,255,.68);padding:15px 25px;color:#fff;font-size:11px;letter-spacing:.14em;font-weight:700}

/* Stats */
.vr-stats{background:var(--vr-navy);color:#fff}.vr-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.vr-stats-grid>div{padding:54px 34px 50px;border-right:1px solid rgba(255,255,255,.14)}.vr-stats-grid>div:first-child{border-left:1px solid rgba(255,255,255,.14)}.vr-stats strong{display:block;font-size:clamp(46px,4.4vw,68px);line-height:1;font-weight:300;letter-spacing:-.06em}.vr-stats span{display:block;margin-top:14px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:rgba(255,255,255,.62)}

/* Environments */
.vr-title-grid-environments{align-items:start}.vr-env-tabs{display:grid;grid-template-columns:1fr 1fr;justify-self:end;width:100%;max-width:620px;border-top:1px solid var(--vr-line)}.vr-env-tabs button{background:none;border:0;border-bottom:1px solid var(--vr-line);padding:19px 10px;text-align:left;color:#858585;cursor:pointer;font-size:15px}.vr-env-tabs button.is-active{color:var(--vr-navy);font-weight:600}.vr-env-panel{display:none;grid-template-columns:1.22fr .78fr;min-height:610px;background:var(--vr-light)}.vr-env-panel.is-active{display:grid}.vr-env-image{background-size:cover;background-position:center;min-height:610px}.vr-env-copy{padding:70px 64px;align-self:center}.vr-env-copy>span{font-size:11px;letter-spacing:.17em;color:#b29f81}.vr-env-copy h3{font-size:clamp(42px,4.4vw,64px);font-weight:400;letter-spacing:-.05em;color:#3d3d3d;margin:18px 0 22px}.vr-env-copy p{font-size:16px;line-height:1.8;color:#757575;max-width:420px}

/* Budget band */
.vr-budget-band{position:relative;isolation:isolate;color:#fff;padding:110px 0;background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.vr-budget-mask{position:absolute;inset:0;z-index:-1;background:rgba(22,52,94,.78)}.vr-budget-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.vr-budget-grid h2{color:#fff;font-size:clamp(38px,4vw,60px);line-height:1.02;margin:0;max-width:820px;text-shadow:0 3px 20px rgba(0,0,0,.12)}.vr-budget-grid p{max-width:540px;line-height:1.75;color:rgba(255,255,255,.84);margin:0 0 27px}.vr-budget-button{display:inline-flex;background:var(--vr-navy);color:#fff;padding:16px 27px;font-size:11px;letter-spacing:.13em;font-weight:700;border:1px solid rgba(255,255,255,.38);cursor:pointer;transition:.2s}.vr-budget-button:hover{background:#0f284a;transform:translateY(-1px)}

/* Categories */
.vr-simple-heading{max-width:830px;margin-bottom:52px}.vr-simple-heading h2{font-size:clamp(38px,3.9vw,60px);line-height:1;margin:0}.vr-categories{background:#fff}.vr-category-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--vr-line);border-left:1px solid var(--vr-line);background:#fff}.vr-category-grid a{min-height:250px;padding:22px;border-right:1px solid var(--vr-line);border-bottom:1px solid var(--vr-line);display:flex;flex-direction:column;transition:none;background:#fff!important;gap:10px;color:inherit!important;box-shadow:none!important}.vr-category-grid a:hover,.vr-category-grid a:focus,.vr-category-grid a:active{background:#fff!important;color:inherit!important;box-shadow:none!important;transform:none!important}.vr-category-grid span{font-size:10px;letter-spacing:.14em;color:#b39e7d}.vr-category-thumb{height:112px;display:flex;align-items:center;justify-content:center;margin-top:2px;overflow:hidden}.vr-category-thumb img{max-width:100%;max-height:106px;object-fit:contain;mix-blend-mode:multiply;filter:none!important;background:transparent;transition:transform .28s ease}.vr-category-grid strong{font-size:22px;font-weight:400;margin:auto 0 6px;line-height:1.15}.vr-category-grid small{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8b8b8b}.vr-category-grid a:hover small,.vr-category-grid a:focus small,.vr-category-grid a:active small{color:#8b8b8b!important}.vr-category-grid a:hover .vr-category-thumb img,.vr-category-grid a:focus .vr-category-thumb img{transform:scale(1.07);filter:none!important;mix-blend-mode:multiply}

/* Reference */
.vr-reference{background:var(--vr-light)}.vr-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dedbd4;border-left:1px solid #dedbd4}.vr-reference-grid article{min-height:360px;padding:32px;border-right:1px solid #dedbd4;border-bottom:1px solid #dedbd4;display:flex;flex-direction:column;background:#fff}.vr-reference-grid>article>span{font-size:10px;letter-spacing:.14em;color:#a99473}.vr-reference-media{height:182px;border:1px solid #eee8de;background:#fbfaf7;display:flex;align-items:center;justify-content:center;margin:16px 0 20px;padding:14px;overflow:hidden}.vr-reference-grid h3{font-weight:400;font-size:28px;margin:0 0 16px;color:#3e3e3e}.vr-reference-grid p{font-size:14px;line-height:1.75;color:#777;margin:0}.vr-reference-media-materials{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:8px 10px;width:100%;height:100%}.vr-reference-swatch{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;height:100%}.vr-reference-swatch img{width:78px;height:78px;object-fit:cover;border-radius:50%;box-shadow:0 8px 18px rgba(0,0,0,.08)}.vr-reference-swatch em{font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#927f62;font-weight:600}.vr-reference-media-image{padding:0;overflow:hidden;background:#f8f8f8}.vr-reference-hero{width:100%;height:100%;object-fit:cover;display:block}

/* Products */
.vr-catalog{background:#fff}.vr-catalog-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.vr-catalog-heading h2{font-size:clamp(38px,3.6vw,58px);font-weight:400;letter-spacing:-.045em;margin:0}.vr-catalog-heading>a{font-size:11px;letter-spacing:.13em;font-weight:700;padding-bottom:6px;border-bottom:1px solid #777}.vr-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 14px}.vr-product{display:block}.vr-product-image{aspect-ratio:1/1.12;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #ece7de}.vr-product-image img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .35s;mix-blend-mode:multiply;filter:none}.vr-product:hover .vr-product-image img{transform:scale(1.025)}.vr-product-image span{position:absolute;right:14px;top:14px;background:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:.2s}.vr-product:hover .vr-product-image span{opacity:1}.vr-product>small{display:block;margin-top:15px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a69a88}.vr-product>strong{display:block;font-size:16px;font-weight:500;color:#474747;margin-top:6px}.vr-product>em{display:block;font-style:normal;font-size:9px;letter-spacing:.13em;font-weight:700;color:#8b8b8b;margin-top:8px}

/* Finishes */
.vr-finishes{background:#faf9f7}.vr-finishes-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start}.vr-finish-groups{display:grid;grid-template-columns:1fr;gap:18px}.vr-finish-group-card{background:#fff;border:1px solid #e5e1d8;padding:24px 24px 22px;display:flex;flex-direction:column;gap:18px}.vr-finish-group-card h3{margin:0;font-size:24px;font-weight:400;line-height:1.15;color:#3f3f3f}.vr-finish-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.vr-finish-swatch-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.vr-finish-swatch-item img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid #e8e3d9;background:#fff;box-shadow:none}.vr-finish-swatch-item span{display:block;font-size:10px;line-height:1.3;color:#766f63;letter-spacing:.03em}

/* Final CTA */
.vr-final-cta{background:var(--vr-navy);color:#fff;padding:105px 0;text-align:center}.vr-final-cta .villa-shell{max-width:1050px}.vr-final-cta>div>span{font-size:11px;letter-spacing:.18em;color:#cebfa7}.vr-final-cta h2{color:#fff;font-size:clamp(42px,4.6vw,68px);line-height:.96;margin:24px 0 36px}.vr-final-budget{display:inline-flex;background:#eef0f2;color:var(--vr-navy);padding:16px 28px;font-size:11px;letter-spacing:.13em;font-weight:700;border:0;cursor:pointer;transition:.2s}.vr-final-budget:hover{background:#fff;transform:translateY(-1px)}
.villa-layout .site-footer{margin-top:0}

@media(max-width:1200px){
 body.villa-layout main{padding-top:136px}.villa-header-top{height:86px}.villa-top-grid{height:86px;grid-template-columns:1fr 280px 1fr}.villa-header-nav,.villa-nav{height:50px}.villa-nav a{height:50px;font-size:15px}.villa-actions{gap:22px;font-size:13px}.villa-budget{padding:13px 20px}.villa-search{max-width:390px}.vr-hero{height:min(680px,calc(100svh - 136px))}.vr-product-grid{grid-template-columns:repeat(4,1fr)}.vr-category-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 body.villa-layout main{padding-top:82px}.villa-header-top{height:82px}.villa-top-grid{height:82px;grid-template-columns:1fr 210px 1fr}.villa-search,.villa-actions{display:none}.villa-brand{grid-column:2}.villa-logo{max-width:205px;max-height:62px}.villa-menu-toggle{display:flex;grid-column:3;justify-self:end;width:42px;height:42px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px;padding:8px}.villa-menu-toggle span{height:1.5px;width:25px;background:var(--vr-navy);transition:.2s}.villa-layout .villa-site-header.scrolled .villa-menu-toggle span{background:#fff}.villa-header-nav{height:0;border:0}.villa-nav{position:absolute;top:82px;left:0;right:0;width:100%;height:auto;display:none;grid-template-columns:1fr;background:var(--vr-navy);padding:10px 24px 24px}.villa-nav.open{display:grid}.villa-nav a,.villa-nav a:first-child,.villa-nav a:last-child{height:48px;justify-content:flex-start;color:#fff;border-bottom:1px solid rgba(255,255,255,.10);font-size:14px}.vr-hero{height:620px;min-height:540px}.vr-benefit-grid{grid-template-columns:1fr 1fr}.vr-benefit-card:nth-child(3){border-left:1px solid var(--vr-line)}.vr-two-col,.vr-title-grid,.vr-finishes-grid,.vr-budget-grid{grid-template-columns:1fr;gap:50px}.vr-image-large{height:500px}.vr-mosaic{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:480px 360px}.vr-mosaic-1{grid-column:1/3;grid-row:auto}.vr-stats-grid{grid-template-columns:1fr 1fr}.vr-env-panel{grid-template-columns:1fr;}.vr-env-image{min-height:480px}.vr-env-copy{padding:50px}.vr-reference-grid{grid-template-columns:1fr 1fr}.vr-reference-grid article{min-height:340px}.vr-product-grid{grid-template-columns:repeat(3,1fr)}.vr-category-grid{grid-template-columns:repeat(3,1fr)}.vr-finish-groups{grid-template-columns:1fr}
}
@media(max-width:620px){
 .villa-shell{width:min(calc(100% - 28px),var(--vr-shell))}.vr-section{padding:72px 0}.vr-hero{height:72svh;min-height:490px}.vr-hero-caption{bottom:32px}.vr-hero-dots{right:14px;bottom:34px}.vr-center-copy h1{font-size:37px}.vr-center-copy p{font-size:15px}.vr-benefits{padding:30px 0 0}.vr-benefits-head{margin-bottom:18px}.vr-benefit-controls{display:flex}.vr-benefit-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 0 22px;border-top:1px solid var(--vr-line);scrollbar-width:none;-ms-overflow-style:none}.vr-benefit-grid::-webkit-scrollbar{display:none}.vr-benefit-card,.vr-benefit-card:first-child,.vr-benefit-card:nth-child(3){border-left:1px solid var(--vr-line);min-height:205px;min-width:85%;flex:0 0 85%;scroll-snap-align:start;border-top:0}.vr-benefit-card{padding:26px 22px}.vr-benefit-grid strong{font-size:17px}.vr-benefit-grid p{font-size:13px}.vr-two-col{gap:38px}.vr-copy-block h2,.vr-title-grid h2,.vr-simple-heading h2{font-size:37px}.vr-image-large{height:360px}.vr-title-grid{margin-bottom:35px}.vr-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:390px 300px 300px}.vr-mosaic-1{grid-column:auto}.vr-mosaic-item>div{padding:22px}.vr-parallax{min-height:560px;background-attachment:scroll}.vr-parallax h2{font-size:46px}.vr-stats-grid{grid-template-columns:1fr 1fr}.vr-stats-grid>div{padding:35px 20px}.vr-stats strong{font-size:43px}.vr-title-grid-environments{gap:30px}.vr-env-tabs{grid-template-columns:1fr 1fr}.vr-env-image{min-height:360px}.vr-env-copy{padding:36px 26px}.vr-env-copy h3{font-size:42px}.vr-budget-grid{gap:32px}.vr-budget-grid h2{font-size:37px}.vr-category-grid{grid-template-columns:repeat(3,1fr)}.vr-category-grid a{min-height:154px;padding:14px 10px;gap:6px}.vr-category-thumb{height:54px}.vr-category-thumb img{max-height:54px}.vr-category-grid strong{font-size:13px;margin:auto 0 2px}.vr-category-grid span{font-size:9px}.vr-category-grid small{font-size:8px;letter-spacing:.09em}.vr-reference-grid{grid-template-columns:1fr}.vr-reference-grid article{min-height:auto;padding:24px 20px}.vr-reference-media{height:150px;margin:14px 0 18px;padding:10px}.vr-reference-media-materials{gap:10px;padding:8px}.vr-reference-swatch img{width:52px;height:52px}.vr-reference-swatch em{font-size:9px;letter-spacing:.12em}.vr-reference-grid h3{font-size:24px}.vr-catalog-heading{display:block}.vr-catalog-heading>a{display:inline-block;margin-top:20px}.vr-product-grid{grid-template-columns:1fr 1fr;gap:24px 8px}.vr-product-image img{padding:10px}.vr-product>strong{font-size:14px}.vr-finishes-grid{gap:40px}.vr-finish-groups{grid-template-columns:1fr}.vr-finish-swatch-grid{grid-template-columns:repeat(4,1fr)}.vr-finish-swatch-item img{width:48px;height:48px}.vr-finish-swatch-item span{font-size:8px}.vr-final-cta{padding:78px 0}.vr-final-cta h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.vr-parallax{background-attachment:scroll}.vr-hero-slide{transition:none}}

/* V1.5 — identidade Sunset no header, orçamento em modal e fechamento unificado */
.villa-layout .villa-site-header.scrolled,
.villa-layout .villa-site-header.scrolled .villa-header-top,
.villa-layout .villa-site-header.scrolled .villa-header-nav{background:#18355F}
.villa-layout .villa-site-header.scrolled .villa-search button{border-left-color:#18355F}
.villa-layout .villa-site-header.scrolled .villa-budget{background:#fff;color:#18355F}
.villa-layout .villa-site-header.scrolled .villa-budget:hover{background:#eef1f4}
.villa-layout .site-footer.villa-footer{background:#18355F;color:#fff;margin-top:0;padding-top:72px}
.villa-layout .villa-footer .brand-logo{width:255px;height:auto;max-height:none;object-fit:contain;object-position:left center;background:transparent}
.villa-layout .villa-footer .footer-muted{color:rgba(255,255,255,.74)}
.villa-layout .villa-footer .footer-bottom{border-top-color:rgba(255,255,255,.13);color:rgba(255,255,255,.52)}
.footer-contact-button{appearance:none;border:0;background:none;color:inherit;padding:0;margin:0;cursor:pointer;font:inherit;opacity:1}
.footer-contact-button:hover{text-decoration:underline}

/* WhatsApp flutuante */
.sunset-whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:180;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;border:0;box-shadow:0 10px 30px rgba(0,0,0,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.sunset-whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.sunset-whatsapp-float svg{width:31px;height:31px}
.sunset-whatsapp-float.is-unconfigured{background:#25D366}

/* Modal de orçamento */
.budget-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px}
.budget-modal.is-open{display:flex}
.budget-modal-backdrop{position:absolute;inset:0;background:rgba(6,18,35,.72);backdrop-filter:blur(4px)}
.budget-modal-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100svh - 48px);overflow:auto;background:#fff;color:#3e4650;padding:54px;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.budget-modal-close{position:absolute;right:20px;top:15px;width:42px;height:42px;border:0;background:transparent;color:#18355F;font-size:34px;line-height:1;cursor:pointer;font-weight:300}
.budget-modal-copy{max-width:690px;margin-bottom:34px}
.budget-modal-copy .vr-overline{color:#18355F;margin-bottom:14px}
.budget-modal-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.02;letter-spacing:-.045em;font-weight:400;color:#313942;margin:0 0 15px}
.budget-modal-copy p{margin:0;color:#78808a;line-height:1.7}
.budget-modal-form{display:grid;grid-template-columns:1fr 1fr 110px;gap:20px 16px}
.budget-field{display:flex;flex-direction:column;gap:7px}.budget-field-full{grid-column:1/-1}.budget-field-message{grid-column:1/-1}.budget-field-state{grid-column:auto}
.budget-field label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#67717d;font-weight:700}
.budget-field input,.budget-field textarea{width:100%;border:1px solid #dfe3e7;background:#f8f9fa;color:#263343;padding:13px 14px;outline:none;border-radius:0;transition:border-color .2s,box-shadow .2s}
.budget-field input:focus,.budget-field textarea:focus{border-color:#18355F;box-shadow:0 0 0 2px rgba(22,52,94,.08)}
.budget-field textarea{resize:vertical;min-height:105px}
.budget-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;color:#747d87;font-size:12px;line-height:1.5;cursor:pointer}
.budget-consent input{margin-top:3px;accent-color:#18355F}
.budget-form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}
.budget-submit{border:0;background:#18355F;color:#fff;padding:16px 25px;font-size:11px;letter-spacing:.13em;font-weight:700;cursor:pointer;min-width:205px;transition:.2s}
.budget-submit:hover{background:#0f284a}.budget-submit:disabled{opacity:.55;cursor:wait}
.budget-form-status{font-size:13px;color:#627080;line-height:1.45;min-height:20px}.budget-form-status.is-success{color:#207348}.budget-form-status.is-error{color:#a43b3b}
body.budget-modal-open{overflow:hidden}

@media(max-width:900px){
 .villa-logo{width:205px;max-width:205px}
 .vr-budget-band{background-attachment:scroll}
 .budget-modal-dialog{padding:44px 28px 30px}
 .budget-modal-form{grid-template-columns:1fr 90px}
 .budget-field-full,.budget-field-message,.budget-consent,.budget-form-footer{grid-column:1/-1}
 .budget-field:nth-of-type(2){grid-column:1/2}
 .budget-field:nth-of-type(3){grid-column:1/2}
 .budget-field-state{grid-column:2/3}
}
@media(max-width:620px){
 .sunset-whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}
 .budget-modal{padding:12px;align-items:flex-end}
 .budget-modal-dialog{width:100%;max-height:92svh;padding:38px 20px 24px}
 .budget-modal-copy{margin-bottom:25px}.budget-modal-copy h2{font-size:33px}
 .budget-modal-form{grid-template-columns:1fr;gap:15px}
 .budget-field,.budget-field-full,.budget-field-message,.budget-field-state,.budget-consent,.budget-form-footer,.budget-field:nth-of-type(2),.budget-field:nth-of-type(3){grid-column:1}
 .budget-form-footer{align-items:stretch;flex-direction:column}.budget-submit{width:100%}
 .villa-layout .villa-footer .brand-logo{width:230px}
}
@media(prefers-reduced-motion:reduce){.vr-budget-band{background-attachment:scroll}.sunset-whatsapp-float,.vr-budget-button,.vr-final-budget{transition:none}}

/* V1.9 — ajuste mínimo sobre a base estável V1.7: marca à esquerda, sem bandeira no header. */
.villa-brand-left .villa-logo{left:0}
.footer-brazil{display:inline-flex;vertical-align:-1px;margin-left:7px;align-items:center;justify-content:center;width:16px;height:12px;overflow:hidden;border-radius:1px}
.footer-brazil svg{display:block!important;width:16px!important;height:12px!important;min-width:16px!important;max-width:16px!important;min-height:12px!important;max-height:12px!important}
@media(max-width:1180px){.villa-top-grid{grid-template-columns:245px minmax(260px,1fr) auto;gap:22px}.villa-brand-left .villa-logo{width:210px}.villa-actions{gap:22px}}
@media(max-width:900px){.villa-top-grid{display:grid;grid-template-columns:1fr auto;gap:16px}.villa-brand-left{grid-column:1;justify-self:start;width:200px}.villa-brand-left .villa-logo{left:0;width:190px}.villa-search,.villa-actions{display:none}.villa-menu-toggle{display:flex;grid-column:2;justify-self:end}}
@media(max-width:480px){.villa-brand-left{width:172px}.villa-brand-left .villa-logo{width:168px}.footer-brazil{width:14px;height:10px}.footer-brazil svg{width:14px!important;height:10px!important;min-width:14px!important;max-width:14px!important;min-height:10px!important;max-height:10px!important}}

/* Ajustes compactos do formulário de orçamento */
.budget-modal-dialog{padding:34px 42px}.budget-modal-copy{margin-bottom:22px}.budget-modal-copy h2{font-size:clamp(28px,3vw,39px);line-height:1.12}.budget-modal-form{gap:13px 16px}.budget-field textarea{min-height:85px}.budget-field input,.budget-field textarea{padding:11px 13px}
@media(max-width:600px){.budget-modal-dialog{padding:32px 18px 20px}.budget-modal-copy h2{font-size:29px}}
