/* Approved photographic panorama: open spacing, real images, readable copy. */
.areas-section{padding-top:110px;overflow:hidden;scroll-margin-top:90px}
.areas-heading{text-align:center;padding:0 var(--gutter);margin:0 auto 92px;max-width:1200px}
.areas-heading h2{font-size:clamp(36px,4.5vw,68px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.areas-heading p{font-size:clamp(18px,1.8vw,25px);line-height:1.6;margin-top:22px;color:#d5d8dc}
.area-panorama{--area-width:29vw;--slant:140px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;cursor:grab;padding-bottom:18px}
.area-panorama.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.areas-track{display:flex;gap:32px;width:max-content;padding-right:var(--slant);margin-left:calc(-1 * var(--slant))}
.area-panel{position:relative;flex:0 0 calc(var(--area-width) + var(--slant));width:calc(var(--area-width) + var(--slant));height:clamp(560px,58vw,840px);margin-right:calc(-1 * var(--slant));scroll-snap-align:start;scroll-margin-left:var(--slant);clip-path:polygon(var(--slant) 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}
.area-panel a{display:block;width:100%;height:100%;position:relative;isolation:isolate;-webkit-user-drag:none;user-select:none}
.area-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}
.area-visual img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.area-panel a:after{content:'';position:absolute;inset:48% 0 0;z-index:-1;background:linear-gradient(transparent,#07080aee)}
.area-caption{position:absolute;bottom:44px;left:30px;width:calc(var(--area-width) - 60px);color:#faf6ef}
.area-panel:first-child .area-caption{left:calc(var(--slant) + 30px);width:calc(var(--area-width) - var(--slant) - 60px)}
.area-caption h3{font-size:clamp(28px,2.5vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.025em;overflow-wrap:normal}
.area-caption p{font-size:21px;line-height:1.5;margin-top:12px;color:#efe5db}
.area-panel a:hover .area-visual img{transform:scale(1.025)}
.area-panel a:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--warm)}
.warranty-feature{padding:175px var(--gutter) 140px;text-align:center;overflow:hidden}
.warranty-feature>h2{max-width:1300px;margin:0 auto;font-size:clamp(34px,3.8vw,56px);font-weight:600;line-height:1.18;letter-spacing:-.035em}
.warranty-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,42%) minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:clamp(36px,4.5vw,74px);row-gap:85px;align-items:start;max-width:1300px;margin:130px auto 0;text-align:left}
.warranty-seal{grid-column:2;grid-row:1 / 3;align-self:center;position:relative;isolation:isolate}
.warranty-seal img{width:100%;height:auto;filter:drop-shadow(0 24px 42px #b38a6720)}
.warranty-seal:after{content:'';position:absolute;left:0;right:0;top:calc(100% + 8px);height:80px;background:url('/assets/nex/garantia-900.webp') center top/100% auto no-repeat;transform:scaleY(-1);opacity:.12;filter:blur(13px);z-index:-1;pointer-events:none}
.warranty-reason{position:relative;max-width:300px}
.warranty-reason h3{font-size:clamp(25px,2.3vw,34px);line-height:1.16;font-weight:600;letter-spacing:-.02em;color:#f2f0ec}
.warranty-reason p{font-size:22px;line-height:1.5;margin-top:17px;color:#d5d8dc}
.reason-project{grid-column:1;grid-row:1}.reason-components{grid-column:1;grid-row:2;align-self:end}.reason-guidance{grid-column:3;grid-row:1}.reason-proposal{grid-column:3;grid-row:2;align-self:end}
.warranty-bottom{position:relative;margin:135px auto 0;display:flex;align-items:center;flex-direction:column;gap:46px}
.warranty-bottom p{font-size:20px;line-height:1.6}.warranty-bottom .outline{min-height:60px;padding:14px 28px;gap:45px;font-size:21px}
@media(max-width:1100px){.area-panorama{--area-width:40vw;--slant:100px}.area-panel{height:680px}.warranty-composition{grid-template-columns:minmax(0,1fr) minmax(250px,39%) minmax(0,1fr);column-gap:35px;row-gap:70px}.warranty-reason h3{font-size:23px}.warranty-reason p{font-size:18px}.warranty-feature{padding-top:130px}.warranty-composition{margin-top:100px}}
@media(max-width:650px){.areas-section{padding-top:78px}.areas-heading{margin-bottom:54px;padding:0 24px}.areas-heading h2{font-size:38px;max-width:340px;margin:auto}.areas-heading p{font-size:18px;line-height:1.6;margin-top:22px}.area-panorama{--area-width:82vw;--slant:34px;padding-bottom:14px}.areas-track{gap:22px}.area-panel{height:590px}.area-caption{left:24px;bottom:35px;width:calc(var(--area-width) - 48px)}.area-panel:first-child .area-caption{left:calc(var(--slant) + 24px);width:calc(var(--area-width) - var(--slant) - 48px)}.area-caption h3{font-size:29px;line-height:1.15}.area-caption p{font-size:18px;line-height:1.6}.warranty-feature{padding:105px 24px 95px}.warranty-feature>h2{font-size:34px;line-height:1.22;max-width:370px}.warranty-composition{grid-template-columns:1fr;grid-template-rows:auto;gap:38px;max-width:390px;margin-top:64px}.warranty-seal{grid-column:1;grid-row:1;width:min(78vw,340px);justify-self:center;margin-bottom:48px}.warranty-reason{grid-column:1;grid-row:auto;max-width:none;align-self:auto;padding-top:27px;border-top:1px solid #ffffff25}.warranty-reason h3{font-size:25px;line-height:1.2}.warranty-reason p{font-size:18px;line-height:1.65;margin-top:13px}.warranty-bottom{margin-top:60px;gap:29px}.warranty-bottom p{font-size:18px}.warranty-bottom .outline{font-size:20px;min-height:58px;gap:35px}}
@media(prefers-reduced-motion:reduce){.area-panorama{scroll-behavior:auto}.area-visual img{transition:none}.area-panel a:hover .area-visual img{transform:none}}
@media(forced-colors:active){.area-panel a:focus-visible{outline:3px solid LinkText}.warranty-reason{border-color:CanvasText}}