/*
Theme Name: Valfer Serralheria
Theme URI: https://valferserralheria.com.br/
Author: LTA Agência
Description: Tema independente da Valfer, com foco em portões basculantes de aço carbono, hero com slides, demonstração de abertura e orçamento pelo WhatsApp.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: valfer-serralheria
*/
@font-face{font-family:Inter;src:url('assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#24245f;--blue:#4140a0;--red:#f33940;--ink:#21223d;--muted:#707184;--paper:#f8f8fc;--line:#e3e4ed;--soft:#efeff8;--green:#187843;--wrap:1240px;--shadow:0 22px 55px #27275112}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);font:15px/1.7 Inter,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7575cf;outline-offset:5px}img{display:block;max-width:100%;height:auto;object-fit:contain}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.05em;font-weight:650}h1{font-size:clamp(43px,4.8vw,67px);text-wrap:balance}h2{font-size:clamp(32px,3.5vw,48px);text-wrap:balance}h3{font-size:24px;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--blue);font-weight:480}p{color:var(--muted)}p+p{margin-top:18px}ul{list-style:none;margin:0;padding:0}[hidden]{display:none!important}::selection{background:#ffced0;color:var(--navy)}.wrap{width:min(var(--wrap),calc(100% - 88px));margin-inline:auto}.section{padding:94px 0}.section-first{padding-top:20px}.lead{font-size:17px;line-height:1.85}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;margin-bottom:23px}.eyebrow>span{width:7px;height:7px;background:var(--red);border-radius:2px;transform:rotate(-12deg)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:440px;font-size:14px}.section-heading>.text-link{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 21px;min-height:54px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;line-height:1.45;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button svg{width:16px;height:16px;transition:transform .2s}.button:hover svg{transform:translate(2px,-2px)}.button-primary{color:white;background:var(--red);box-shadow:0 9px 20px #f3394019}.button-primary:hover{background:#d9202a;box-shadow:0 12px 25px #f3394028}.button .social-icon{width:25px;height:25px;flex-shrink:0}.button-outline{border-color:#c2c4da;background:transparent;color:var(--navy)}.button-outline:hover{background:var(--soft)}.button-text{background:none;padding-inline:0;box-shadow:none}.button-light{background:white;color:var(--navy)}.button-whatsapp{background:var(--green);color:white}.button-compact{background:var(--navy);color:white;padding:12px 16px;min-height:46px;font-size:10px;gap:12px}.button-compact .social-icon{width:21px;height:21px}.button-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600;color:var(--blue);padding-block:8px}.text-link>svg{width:17px;height:17px;transition:transform .2s}.text-link:hover>svg{transform:translateX(4px)}.text-link>.social-icon{width:19px;height:19px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e8e8f4}.tiny-label{font-size:8px;font-weight:600;letter-spacing:.11em;color:var(--muted)}.small-note,.source-note{font-size:10px;line-height:1.8;margin-top:23px;color:#838392}.source-note{max-width:840px}.social-icon{object-fit:contain}.skip-link{position:fixed;top:-100px;left:20px;background:white;z-index:1000;padding:12px}.skip-link:focus{top:10px}.topbar{background:var(--navy);color:#d7d6ee;font-size:9px;letter-spacing:.03em}.topbar>.wrap{display:flex;gap:25px;align-items:center;min-height:34px}.topbar a{display:flex;align-items:center;gap:8px}.topbar a:first-of-type{margin-left:auto}.topbar svg{width:12px;height:12px}.site-header{position:sticky;top:0;z-index:60;background:#fffffff2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:92px;display:flex;align-items:center;gap:30px}.brand{width:175px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:550;margin-left:auto}.main-nav>a{padding-block:22px;white-space:nowrap}.main-nav>a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none}.gate-menu summary{list-style:none;display:flex;align-items:center;gap:11px;cursor:pointer;padding:25px 0}.gate-menu summary::-webkit-details-marker{display:none}.gate-menu summary>span{color:var(--red);font-size:19px;font-weight:400;transition:transform .2s}.gate-menu[open] summary>span{transform:rotate(45deg)}.gate-menu-panel{position:absolute;top:100%;left:0;right:0;padding:35px max(44px,calc((100vw - var(--wrap))/2));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 25px 35px #24245f12;display:grid;grid-template-columns:.9fr 1fr 1fr;gap:30px;max-height:calc(100dvh - 120px);overflow:auto}.gate-menu-panel h2{font-size:29px;margin-bottom:17px}.gate-menu-panel .eyebrow{font-size:8px;margin-bottom:16px}.menu-product{display:grid;grid-template-columns:110px 1fr 17px;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.menu-product img{width:110px;height:90px;border-radius:5px}.menu-product>span{font-size:15px;line-height:1.35;letter-spacing:-.035em;font-weight:600}.menu-product small{font-size:7px;letter-spacing:.06em;display:block;color:var(--red);margin-top:8px}.menu-product>svg{width:16px}.hero-slider{position:relative;background:linear-gradient(110deg,#f8f8fc 38%,#eeedf8);overflow:hidden}.hero-orbit{position:absolute;inset:4% -12% auto auto;width:65%;height:90%;border:1px solid #cfcee5;border-radius:50%;transform:rotate(-15deg)}.hero-orbit:after,.hero-orbit:before{content:'';position:absolute;inset:22px;border:1px solid #dbd9eb;border-radius:50%}.hero-orbit:after{inset:62px}.hero-track{display:grid;position:relative;padding-top:62px;padding-bottom:51px}.hero-slide{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .6s,transform .6s,visibility .6s}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hero-slide .hero-copy{transform:translateX(-20px);transition:transform .75s cubic-bezier(.16,1,.3,1)}.hero-slide.is-active .hero-copy{transform:none}.hero-copy h1,.hero-copy h2{font-size:clamp(43px,4.5vw,65px);line-height:1.06;letter-spacing:-.06em;max-width:590px}.hero-copy h1 em,.hero-copy h2 em{color:var(--blue);font-weight:500}.hero-lead{font-size:15px;line-height:1.85;margin:27px 0 29px;max-width:480px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.hero-actions .button-text{font-size:11px;gap:20px}.hero-assurances{display:flex;gap:22px;align-items:center;margin-top:25px;flex-wrap:wrap}.hero-assurances>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#717188}.hero-assurances svg{width:13px;height:13px;color:var(--red)}.hero-visual{position:relative;min-width:0;perspective:1000px;padding:40px 0 50px;transition:transform .35s}.visual-number{position:absolute;top:-52px;right:4px;font-size:145px;letter-spacing:-.09em;line-height:1;color:#d9d9ed77;font-weight:800;z-index:0}.hero-photo-frame{position:relative;background:white;padding:12px;border-radius:14px;box-shadow:0 24px 60px #39355e28;transform:rotate(-2deg);transition:transform .75s cubic-bezier(.16,1,.3,1)}.hero-slide:not(.is-active) .hero-photo-frame{transform:rotate(1deg) translateX(35px) scale(.96)}.hero-photo-frame img{width:100%;aspect-ratio:3/2;border-radius:8px;object-fit:contain}.photo-corner{position:absolute;width:42px;height:42px;border-color:var(--red);border-style:solid;z-index:2}.corner-a{top:-8px;left:-8px;border-width:3px 0 0 3px;border-top-left-radius:14px}.corner-b{bottom:-8px;right:-8px;border-width:0 3px 3px 0;border-bottom-right-radius:14px}.hero-product-tag{position:absolute;bottom:13px;left:28px;right:-16px;display:flex;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:9px;padding:20px;box-shadow:0 15px 35px #26204413}.product-symbol{background:#eeeeff;width:49px;height:49px;border-radius:10px;display:grid;place-items:center;color:var(--blue)}.product-symbol svg{width:26px;height:26px}.hero-product-tag>span:nth-child(2){font-size:21px;letter-spacing:-.04em;font-weight:600;line-height:1.25}.hero-product-tag small{display:block;font-size:9px;color:var(--muted);letter-spacing:0;font-weight:400;margin-bottom:6px}.hero-product-tag>a{margin-left:auto;display:grid;place-items:center;width:39px;height:39px;background:var(--red);color:white;border-radius:50%}.hero-product-tag>a>svg{width:17px;height:17px}.illustration-note{font-size:7px;color:#8c899d;position:absolute;bottom:-10px;right:0}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:22px 0;border-top:1px solid #d8d7e8}.hero-pagination{display:flex;align-items:center;gap:28px}.hero-pagination>button{display:flex;align-items:center;gap:12px;padding:10px 0;color:#9692a8;font-size:9px;text-align:left;white-space:nowrap}.hero-pagination strong{font-weight:450;font-size:10px}.pagination-line{height:2px;width:30px;background:#d1cede;position:relative;overflow:hidden;transition:width .3s}.hero-pagination>button[aria-current=true]{color:var(--navy)}.hero-pagination>button[aria-current=true] .pagination-line{width:50px;background:var(--red)}.hero-pagination>button[aria-current=true] strong{font-weight:650}.slider-controls{display:flex;align-items:center;gap:10px}.slider-controls .icon-button{width:36px;height:36px;border:1px solid #d6d4e5;color:var(--navy)}.slider-controls .icon-button svg{width:15px;height:15px}.slider-controls .autoplay-control{border:0;width:29px;margin-left:8px}.slide-count{font-size:9px;letter-spacing:.05em;color:var(--muted)}.promise-strip{background:white;border-block:1px solid var(--line);padding:28px 0}.promise-strip>.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.promise-strip>.wrap>span,.promise-strip>.wrap>a{display:grid;grid-template-columns:33px 1fr;column-gap:14px;align-items:center;border-right:1px solid var(--line)}.promise-strip>.wrap>a{border:0}.promise-strip svg,.promise-strip img{grid-row:1/3;width:30px;height:30px;color:var(--blue)}.promise-strip strong{font-size:12px;font-weight:600;line-height:1.5}.promise-strip small{font-size:9px;line-height:1.8;color:var(--muted)}.promise-strip small svg{width:13px;height:13px;display:inline;vertical-align:middle;margin-left:6px}.model-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.model-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.model-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.model-image{display:block;background:#e9e8f2;padding:14px;position:relative}.model-image img{width:100%;aspect-ratio:3/2;border-radius:7px;object-fit:contain}.model-image>span{position:absolute;top:30px;left:30px;background:var(--navy);color:white;font-size:7px;letter-spacing:.1em;padding:8px 12px;border-radius:20px;box-shadow:0 5px 10px #0002}.model-card.featured .model-image>span{background:var(--red)}.model-card>div{position:relative;padding:28px 32px}.model-number{position:absolute;right:30px;top:22px;font-size:38px;color:#e8e7f1;letter-spacing:-.05em;font-weight:500}.model-card h2,.model-card h3{font-size:29px;position:relative;margin-bottom:16px;padding-right:30px}.model-card p{font-size:13px;line-height:1.85;margin-bottom:15px}.model-card .text-link{font-size:11px}.demo-section{background:#eeeeF7;border-block:1px solid #e1e1ef}.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.demo-layout .lead{font-size:15px;margin:24px 0}.demo-layout p:not(.eyebrow){font-size:14px}.demo-layout .button{margin-top:25px}.mini-points{display:grid;gap:17px;margin:28px 0}.mini-points>div{display:flex;align-items:flex-start;gap:15px}.mini-points>div>span{color:var(--red);font-size:9px;border:1px solid #d7d6e9;background:#f9f9fd;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.mini-points p{font-size:12px!important;line-height:1.8}.mini-points strong{font-weight:550;color:var(--ink)}.gate-demo{min-width:0;background:linear-gradient(135deg,#fff,#f7f7fc);border:1px solid #d5d4e8;border-radius:12px;padding:25px;box-shadow:0 15px 35px #39305f0c}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-status{font-size:9px;padding:5px 9px;border-radius:20px;background:#ececf7;color:var(--blue)}.gate-scene{height:310px;position:relative;perspective:850px;isolation:isolate}.scene-grid{position:absolute;inset:30px 0 0;background:linear-gradient(#dfdfea 1px,transparent 1px),linear-gradient(90deg,#dfdfea 1px,transparent 1px);background-size:35px 35px;transform:rotateX(65deg) translateY(45px);mask-image:radial-gradient(ellipse,#000a,transparent 70%)}.gate-building{position:absolute;width:330px;height:195px;left:50%;top:75px;transform:translateX(-54%) rotateY(-17deg) rotateX(4deg);transform-style:preserve-3d}.gate-coping{position:absolute;top:-18px;left:-12px;width:354px;height:20px;background:#d0cfdf;border-top:6px solid #f5f4fb;z-index:7;box-shadow:3px 2px 0 #a5a4be}.gate-opening{position:absolute;inset:0;border-left:18px solid #dfddeb;border-right:18px solid #dfddeb;border-top:9px solid #e8e7ef;background:#a2a0b5;transform-style:preserve-3d}.gate-interior{position:absolute;inset:0;background:linear-gradient(125deg,#484757,#9996ab);box-shadow:inset 0 20px 45px #14132344}.gate-leaf{position:absolute;inset:3px;background:#353640;border:7px solid #292a35;z-index:4;display:flex;flex-direction:column;gap:3px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 16px #11121e30;transform-origin:center center;transition:transform 1.2s cubic-bezier(.65,0,.2,1);transform-style:preserve-3d}.gate-leaf>i{flex:1;display:block;background:linear-gradient(#555662,#353640);border-top:1px solid #797989;border-bottom:1px solid #262833}.gate-leaf>span{position:absolute;right:14px;top:50%;width:4px;height:25px;border-radius:3px;background:#b5b4c2;box-shadow:2px 2px 2px #0004}.gate-pillar{position:absolute;left:-6px;top:0;bottom:-10px;width:22px;background:linear-gradient(90deg,#b3afc7,#dedbe8);z-index:6}.gate-side-wall{position:absolute;right:-90px;top:0;bottom:0;width:90px;background:linear-gradient(90deg,#d6d3e4,#e9e7ef);transform:rotateY(35deg);transform-origin:left;z-index:5}.gate-ground{position:absolute;bottom:-18px;left:-28px;width:465px;height:30px;background:#deddea;transform:rotateX(60deg);border-top:1px solid #f9f9ff;z-index:0}.gate-demo[data-model=basculante][data-open=true] .gate-leaf{transform:translateY(-79px) translateZ(28px) rotateX(73deg)}.gate-demo[data-model=deslizante][data-open=true] .gate-leaf{transform:translateX(92%)}.gate-demo[data-model=deslizante] .gate-side-wall{width:130px;right:-130px;transform:none;background:linear-gradient(90deg,#cbc8dc,#e9e7ef);z-index:5}.movement-arrow{position:absolute;right:13%;top:30px;color:var(--red);font-size:24px;transition:transform .4s}.gate-demo[data-model=deslizante] .movement-arrow{transform:rotate(90deg);right:7%;top:120px}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.model-segment{display:flex;padding:4px;background:#eeedf7;border-radius:6px;gap:3px}.model-segment button{padding:10px 12px;border-radius:4px;font-size:10px;min-height:40px}.model-segment button[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 3px 7px #29254520}.demo-trigger{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:var(--blue);padding:12px 8px;min-height:44px}.demo-trigger svg{width:16px;height:16px}.gate-demo>.demo-caption{font-size:11px;margin-top:20px;color:var(--ink)}.gate-demo>small{display:block;font-size:8px;color:var(--muted);line-height:1.7;margin-top:6px}.feature-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.feature-photo{position:relative;padding:15px 15px 50px;background:#edeaf3;border:1px solid #dfdbe8;border-radius:12px}.feature-photo>img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:7px}.photo-caption{font-size:7px;display:block;color:#95909e;margin:13px 2px 0}.steel-badge{position:absolute;bottom:-20px;right:28px;background:var(--navy);color:white;display:flex;align-items:center;gap:40px;padding:22px 28px;border-radius:8px;transform:rotate(-3deg);box-shadow:0 15px 25px #24245f22}.steel-badge>span{font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.03em}.steel-badge>svg{color:#ff777b;width:23px}.feature-layout .lead{margin:25px 0 18px}.feature-layout>div>p:not(.eyebrow){font-size:14px}.material-note{display:flex;gap:16px;align-items:center;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}.material-note>svg{width:28px;height:28px;color:var(--red)}.material-note strong{font-size:12px;font-weight:600}.material-note p{font-size:11px!important;margin-top:5px}.inspiration-section{background:#f0f0f7}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-card{height:100%;border:1px solid #dcdce8;border-radius:10px;background:white;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.reference-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.reference-card>a{display:block;position:relative;background:#e9e7f0;padding:10px}.reference-card>a>img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:5px}.reference-card>a>span{position:absolute;right:20px;bottom:20px;background:#fff;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;box-shadow:0 4px 9px #0002}.reference-card>a>span svg{width:15px}.reference-card>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}.reference-card h3{font-size:23px;margin:11px 0 13px}.reference-card p{font-size:12px;line-height:1.8;margin-bottom:20px}.reference-card .text-link{margin-top:auto;font-size:10px;gap:8px;line-height:1.5}.reference-card .text-link>svg{width:15px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.single-reference{grid-template-columns:1fr;max-width:680px}.single-reference .reference-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.process-grid>article{padding-top:25px;border-top:1px solid #c5c3de}.process-grid>article>span{font-size:12px;color:var(--red);font-weight:600;display:inline-block;margin-bottom:30px}.process-grid h3{font-size:22px;margin-bottom:16px}.process-grid p{font-size:12px;line-height:1.85}.quote-banner{display:flex;gap:25px;align-items:center;padding:30px 35px;background:#efeff8;border:1px solid #dedeee;border-radius:10px;margin-top:42px}.quote-banner>span{width:55px;height:55px;border-radius:10px;display:grid;place-items:center;background:white;color:var(--blue);flex-shrink:0}.quote-banner>span>svg{width:29px;height:29px}.quote-banner>div{flex:1}.quote-banner h2,.quote-banner h3{font-size:24px;margin-bottom:9px;line-height:1.2}.quote-banner p{font-size:12px}.faq-section{background:white;border-block:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.faq-layout>div>p:not(.eyebrow){font-size:13px;margin:25px 0 13px}.faq-layout .button-text{font-size:11px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;padding:23px 0;cursor:pointer;font-size:14px;font-weight:550;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:18px;height:18px;color:var(--red);transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{padding:0 25px 25px 0;font-size:13px;line-height:1.9}.cta-section{padding:65px 0}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:45px;position:relative;overflow:hidden;border-radius:12px;background:var(--navy);color:white;padding:55px 60px}.cta-panel>div{position:relative;z-index:1}.cta-panel .eyebrow{color:#c7c6ed}.cta-panel h2{font-size:47px}.cta-panel h2 em{color:#ff6e76}.cta-panel p{color:#c4c3dc;font-size:13px;line-height:1.8;margin-top:23px}.cta-panel>div:last-child{display:flex;flex-direction:column;align-items:center;gap:18px}.cta-panel>div:last-child>span{font-size:11px;color:#cecee7}.cta-panel .cta-graphic{position:absolute;right:30%;top:-40%;bottom:-60%;width:190px;display:flex;gap:12px;transform:rotate(25deg);opacity:.6;z-index:0}.cta-graphic>span{width:30px;height:100%;background:linear-gradient(transparent,#ffffff0a)}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-top{padding:57px 0 35px;display:grid;grid-template-columns:1.2fr .8fr 1fr 1.15fr;gap:45px}.footer-brand>a{display:block;max-width:180px;margin-bottom:22px}.footer-brand p{font-size:12px;max-width:240px}.social-links{display:flex;gap:15px;margin-top:22px}.social-links>a{width:33px;height:33px;display:grid;place-items:center}.social-links img{width:29px;height:29px}.footer-top h2{font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:650;margin:12px 0 23px}.footer-top>div:not(:first-child)>a{font-size:11px;color:#67677c;display:block;margin-bottom:13px}.footer-top>div:not(:first-child)>a:hover{color:var(--red)}.footer-top .footer-subheading{margin-top:28px;margin-bottom:14px}.footer-top address{font-style:normal;font-size:11px;color:var(--muted);line-height:1.9}.footer-contact .footer-whatsapp,.footer-contact .footer-phone{display:flex!important;align-items:center;gap:13px;color:var(--navy)!important;margin-bottom:23px!important}.footer-whatsapp .social-icon{width:32px;height:32px}.footer-phone>svg{width:27px;height:27px;color:var(--blue)}.footer-contact a>span{font-size:19px;letter-spacing:-.04em;font-weight:600;line-height:1.3}.footer-contact small{font-size:7px;letter-spacing:.1em;display:block;color:var(--muted);margin-bottom:7px;font-weight:450}.footer-contact .text-link{display:inline-flex!important;font-size:11px!important}.cookie-note{font-size:10px;padding:10px 0 20px;color:#8c8c9d;line-height:1.8}.cookie-note button{font-size:10px;text-decoration:underline;color:var(--blue);padding:0}.footer-bottom{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:23px 0;font-size:10px;color:#76768a}.footer-bottom>div{display:flex;align-items:center;justify-content:center;gap:14px}.footer-bottom>div:last-child{justify-content:flex-end}.footer-bottom button{font-size:10px;padding:0}.agency{padding-left:14px;border-left:1px solid #d8d8e3;white-space:nowrap}.agency strong{font-size:11px;color:var(--navy);font-weight:650}.additional-menu ul{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.floating-whatsapp{position:fixed;bottom:22px;right:24px;z-index:45;display:flex;align-items:center;gap:13px;padding:14px 17px;background:#fff;color:var(--navy);border:1px solid #dce3dc;border-radius:9px;box-shadow:0 12px 35px #1b342423;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp>img{width:39px;height:39px}.floating-whatsapp>span{font-size:12px;font-weight:600;line-height:1.3}.floating-whatsapp small{font-size:7px;letter-spacing:.1em;display:block;color:#8a8a96;font-weight:450;margin-bottom:5px}.floating-whatsapp>svg{width:15px;height:15px;color:var(--green)}dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:27px;box-shadow:0 25px 80px #14132e55}dialog::backdrop{background:#1b1a39c9;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .25s ease}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-top strong{font-size:19px;line-height:1.35;letter-spacing:-.03em}.small-dialog{max-width:480px}.small-dialog>p{font-size:13px}.small-dialog>.text-link{margin-top:20px}.small-dialog>.button{margin-top:18px}.mobile-menu{margin:0 0 0 auto;height:100dvh;max-height:none;width:min(430px,100%);border-radius:0;padding:24px}.mobile-menu nav>a{display:block;padding:16px 0;font-size:15px;border-bottom:1px solid var(--line)}.mobile-menu nav>details{padding:16px 0;border-bottom:1px solid var(--line)}.mobile-menu summary{font-size:15px;font-weight:600;cursor:pointer}.mobile-product{display:flex;align-items:center;gap:13px;padding:14px 0;font-size:13px}.mobile-product img{width:78px;height:55px;border-radius:4px}.mobile-product>svg{width:15px;margin-left:auto}.mobile-menu details[open] summary{margin-bottom:8px}.mobile-bottom{padding:24px 0}.lightbox{width:min(1200px,calc(100% - 30px));height:calc(100dvh - 30px);max-height:none;background:#1c1d35;color:white;padding:12px 22px;border-color:#3d3c59}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;height:50px}.lightbox-top{font-size:11px}.lightbox>img{width:100%;height:calc(100% - 105px);object-fit:contain}.lightbox .icon-button:hover{background:#ffffff15}.lightbox-bottom p{font-size:11px;color:#d5d4e8;text-align:center}.breadcrumb{display:flex;gap:11px;flex-wrap:wrap;align-items:center;font-size:10px;color:#9191a1;margin-bottom:38px}.breadcrumb a{color:var(--blue)}.page-intro{padding-top:30px;padding-bottom:20px}.page-intro .section-heading{margin-bottom:20px}.page-intro h1{font-size:clamp(40px,4.5vw,65px)}.page-intro .lead{font-size:16px}.page-hero{padding:30px 0 60px;background:linear-gradient(115deg,#f8f8fc,#f0eff8)}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.service-hero-grid h1{font-size:clamp(42px,4vw,61px)}.service-tagline{font-size:21px;color:var(--blue);line-height:1.4;margin:23px 0 20px;letter-spacing:-.035em}.service-hero-grid .lead{font-size:13px;margin-bottom:27px}.service-hero-photo{padding:14px;background:white;border:1px solid #dcd9e9;border-radius:12px;box-shadow:var(--shadow)}.service-hero-photo>img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:7px}.service-hero-photo figcaption{padding:20px 8px 5px;display:flex;align-items:center;justify-content:space-between;gap:16px}.service-hero-photo figcaption>span{display:flex;gap:10px;align-items:center;color:var(--blue);font-size:15px;font-weight:600}.service-hero-photo figcaption small{font-size:7px;color:var(--muted)}.page-anchors{background:white;border-block:1px solid var(--line)}.page-anchors>.wrap{display:flex;justify-content:center;gap:75px;padding-block:19px;font-size:11px}.page-anchors a:hover{color:var(--red)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.benefit-grid>article{background:white;border:1px solid var(--line);border-radius:10px;padding:30px}.number-icon{width:45px;height:45px;border-radius:9px;background:var(--soft);color:var(--blue);display:grid;place-items:center;flex-shrink:0;font-size:11px}.benefit-grid h3{font-size:24px;margin:28px 0 16px}.benefit-grid p{font-size:13px;line-height:1.9}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.detail-layout .lead{margin:25px 0 18px}.detail-layout p{font-size:14px}.detail-layout .text-link{margin-top:20px}.technical-card{border:1px solid #dcdbea;background:#fff;padding:30px;border-radius:10px}.technical-card h3{font-size:24px;margin-bottom:25px}.technical-card dl{display:grid;grid-template-columns:.75fr 1.25fr;margin:0;font-size:12px}.technical-card dt,.technical-card dd{padding:17px 0;border-top:1px solid var(--line);margin:0}.technical-card dt{padding-right:20px;font-weight:550}.technical-card dd{color:var(--muted)}.technical-card>small{display:block;background:var(--soft);font-size:10px;color:var(--muted);padding:13px 16px;border-radius:5px;margin-top:20px}.quote-prompt{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.quote-prompt p{margin:25px 0;font-size:14px}.checklist-card{background:#efeff8;border:1px solid #dad9ec;border-radius:10px;padding:33px}.checklist-card h3{font-size:25px;margin-bottom:25px}.checklist-card ul{display:grid;gap:18px;margin-bottom:20px}.checklist-card li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7}.checklist-card li svg{width:18px;height:18px;color:var(--red);margin-top:2px}.checklist-card .button{margin-top:12px}.compare-section{background:#ededf7}.comparison-table{border:1px solid #d2d0e6;border-radius:10px;overflow:auto;background:#fff}.comparison-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:550px}.comparison-table th,.comparison-table td{padding:24px 25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);line-height:1.7}.comparison-table thead th{background:var(--navy);color:white;font-size:17px;font-weight:500}.comparison-table thead th:first-child{font-size:11px}.comparison-table tbody th{font-size:12px;font-weight:550;background:#f7f7fc}.comparison-table td{color:var(--muted)}.comparison-table td>a{color:var(--blue);font-size:11px;font-weight:550}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.company-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.company-feature>figure{background:#e9e7f2;padding:14px;border:1px solid #dbd8e9;border-radius:12px}.company-feature>figure img{aspect-ratio:3/2;object-fit:contain;border-radius:7px;width:100%}.company-feature figcaption{font-size:8px;padding:15px 5px 2px;color:var(--muted)}.company-feature p:not(.eyebrow){font-size:14px}.company-feature h2{margin-bottom:25px}.company-feature .button{margin-top:26px}.brand-section{background:var(--navy);color:white;overflow:hidden}.brand-statement{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;position:relative}.brand-statement>div{position:relative;z-index:1}.large-v{position:absolute;font-size:540px;line-height:1;right:10%;top:-90px;font-weight:800;font-style:italic;color:#ffffff04;z-index:0}.brand-statement .eyebrow{color:#c9c7ed}.brand-statement h2{font-size:62px}.brand-statement h2 em{color:#ff737a}.brand-statement .lead{font-size:20px;color:#ecebf7}.brand-statement p{font-size:14px;color:#bab8d6}.brand-statement .button{margin-top:27px}.location-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.location-layout address{font-style:normal;color:var(--muted);font-size:17px;line-height:1.9;margin:25px 0}.location-layout p{font-size:13px;margin-bottom:25px}.location-card{position:relative;background:linear-gradient(135deg,#e8e7f5,#f2f0fa);border:1px solid #d8d6e9;border-radius:12px;padding:45px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:350px;justify-content:center}.location-word{position:absolute;right:-12px;bottom:-15px;font-size:150px;font-weight:750;letter-spacing:-.08em;line-height:1;color:#d7d4e766}.location-card>*:not(.location-word){position:relative}.location-card>.social-icon{width:45px;height:45px;margin-bottom:28px}.location-card .tiny-label{color:var(--blue);margin-bottom:12px}.location-card h3{font-size:37px;margin-bottom:17px}.location-card p{font-size:13px;max-width:280px;margin-bottom:22px}.location-card>a{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:550}.location-card>a>svg{width:17px;color:var(--blue)}.location-tag{background:white;border:1px solid var(--line);border-radius:20px;padding:7px 15px;font-size:11px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.gallery-toolbar>span{font-size:10px;color:var(--muted)}.filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.filter-tabs button{padding:11px 20px;border:1px solid #d6d5e4;border-radius:25px;font-size:11px;background:white;min-height:43px}.filter-tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.publication-grid>article{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.publication-grid>article>a{display:block;background:#eeeef7;padding:12px}.publication-grid>article>a>img{width:100%;height:370px;object-fit:contain}.publication-grid>article>div{padding:25px}.publication-grid h3{font-size:22px;margin-bottom:16px}.publication-grid p{font-size:12px}.publication-grid .text-link{font-size:11px;margin-top:20px}.publications-section{background:#ededf7}.instagram-banner{padding:36px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:30px}.instagram-banner>.social-icon{width:58px;height:58px}.instagram-banner>div{flex:1}.instagram-banner h2{font-size:26px;margin-bottom:12px}.instagram-banner p{font-size:13px}.guide-intro>h2{margin-bottom:24px}.guide-type{display:flex;gap:20px;border-top:1px solid #d9d8e7;padding:25px 0}.guide-type>span{font-size:11px;color:var(--red)}.guide-type h3{font-size:23px;margin-bottom:13px}.guide-type p{font-size:13px!important}.quote-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:start}.quote-layout>form{padding:35px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.form-heading{display:flex;gap:18px;align-items:center;margin-bottom:30px}.form-heading h2{font-size:29px}.form-heading p{font-size:11px;margin-top:10px}.type-choices{padding:0;margin:0 0 25px;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.type-choices legend{font-size:12px;font-weight:550;margin-bottom:13px}.type-choices label{position:relative}.type-choices label:last-of-type{grid-column:1/-1}.type-choices input{position:absolute;left:10px;top:20px;opacity:0}.type-choices label>span{display:flex;align-items:center;gap:12px;padding:17px 16px;border:1px solid var(--line);border-radius:6px;font-size:12px;cursor:pointer;background:#fafafe;min-height:58px}.type-choices label>span svg{width:20px;height:20px;color:var(--blue)}.type-choices input:checked+span{border-color:var(--red);background:#fff2f3;color:var(--navy)}.type-choices input:focus-visible+span{outline:3px solid var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:550;margin-bottom:9px}.field input,.field textarea{width:100%;min-height:47px;display:block;border:1px solid #d8d7e6;background:#fbfbfe;border-radius:6px;padding:12px 14px;font-size:13px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#9998a8;font-size:11px}.form-privacy{font-size:10px;line-height:1.85;margin:0 0 22px}.form-privacy a{text-decoration:underline;color:var(--blue)}.quote-summary{padding:35px;background:var(--navy);color:white;border-radius:12px;overflow-wrap:anywhere}.quote-summary .tiny-label{color:#c1bfdf}.quote-summary h2{font-size:33px;margin:25px 0}.quote-summary h2 em{color:#ff7a80}.quote-summary>p{color:#c9c7e0;font-size:13px}.summary-preview h3{font-size:24px;margin-bottom:20px}.summary-preview pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.85;font-size:12px;background:#ffffff0c;color:#dfddee;border:1px solid #ffffff20;padding:20px;border-radius:6px;margin:0 0 23px}.summary-preview .button{font-size:11px;width:100%;padding:15px;gap:12px}.summary-preview .small-note{font-size:10px;color:#c0bdd9;margin-top:16px}.quote-help{padding:25px 8px}.quote-help h3{font-size:22px;margin-bottom:15px}.quote-help p{font-size:13px;margin-bottom:20px}.quote-help a{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--blue);flex-wrap:wrap}.quote-help a>svg{width:15px}.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:32px;background:white;display:flex;align-items:flex-start;flex-direction:column;transition:transform .25s,box-shadow .25s}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.contact-card>.social-icon,.contact-line-icon{width:43px;height:43px;margin-bottom:27px}.contact-line-icon{display:grid;place-items:center;background:var(--soft);border-radius:9px;color:var(--blue)}.contact-card h2{font-size:32px;margin:20px 0 13px}.contact-card>strong{font-size:20px;letter-spacing:-.04em;font-weight:550;line-height:1.5}.contact-card p{font-size:12px;line-height:1.9;margin:20px 0 27px}.contact-card.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.contact-card.primary .tiny-label,.contact-card.primary p{color:#c5c3de}.card-action{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-top:1px solid var(--line);padding-top:21px;margin-top:auto;font-size:11px;font-weight:550}.card-action svg{width:16px}.contact-card.primary .card-action{border-color:#ffffff30}.location-section{background:#eeeeF7}.map-link{gap:14px}.map-link>.social-icon{width:25px;height:25px}.legal-prose{max-width:840px}.legal-prose h2{font-size:27px;margin:35px 0 18px}.legal-prose p{font-size:14px;line-height:1.95}.legal-prose a{color:var(--blue);text-decoration:underline}.native-content{min-height:60vh}.native-content h1{font-size:44px;margin-bottom:30px}.native-content p{margin:18px 0}.reveal-ready{animation:reveal .7s ease both}@keyframes reveal{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1500px){:root{--wrap:1320px}.hero-track{padding-top:80px;padding-bottom:65px}.hero-copy h1,.hero-copy h2{font-size:70px}.hero-lead{font-size:16px}.hero-actions{flex-direction:row;align-items:center;gap:23px}.hero-actions .button{font-size:11px;gap:13px}.hero-actions .button-text{font-size:10px}}
@media(max-width:1120px){.wrap{width:calc(100% - 54px)}.header-inner{gap:24px}.brand{width:150px}.main-nav{gap:20px;font-size:11px}.button-compact{font-size:9px;padding:11px 13px;gap:9px}.hero-track{padding-top:52px;padding-bottom:45px}.hero-slide{gap:40px}.hero-copy h1,.hero-copy h2{font-size:52px}.hero-lead{font-size:14px}.hero-visual{padding-block:30px 50px}.hero-product-tag{left:16px;right:-10px;padding:17px}.hero-product-tag>span:nth-child(2){font-size:19px}.hero-assurances{gap:14px}.hero-pagination{gap:22px}.hero-pagination strong{font-size:9px}.hero-pagination>button{gap:9px}.section-heading{gap:50px}.demo-layout,.feature-layout,.company-feature{gap:50px}.gate-building{transform:translateX(-54%) rotateY(-17deg) rotateX(4deg) scale(.9)}.gate-scene{height:290px}.gate-demo{padding:20px}.demo-controls{gap:8px}.model-segment button{padding:9px 10px}.demo-trigger{font-size:10px;gap:7px}.detail-layout,.quote-prompt,.location-layout{gap:60px}.footer-top{gap:30px}.footer-bottom{gap:15px;font-size:9px}.footer-bottom button{font-size:9px}.footer-bottom>div{gap:10px}.agency{padding-left:10px}.cta-panel{padding:45px}.cta-panel h2{font-size:43px}.contact-card{padding:27px}.contact-card>strong{font-size:18px}.contact-card h2{font-size:29px}.quote-layout{gap:27px}.quote-layout>form,.quote-summary{padding:28px}}
@media(max-width:940px){.main-nav{display:none}.menu-toggle{display:grid}.header-actions{margin-left:auto}.header-inner{height:81px}.brand{width:155px}.button-compact{font-size:11px;padding:12px 16px}.hero-slide{gap:25px}.hero-copy h1,.hero-copy h2{font-size:45px}.hero-copy .eyebrow{font-size:8px}.hero-lead{font-size:13px}.hero-actions .button{font-size:10px;gap:11px;padding:14px 16px}.hero-actions .button-text{padding:7px 0}.hero-assurances{gap:9px}.hero-assurances>span{font-size:8px}.hero-product-tag{padding:14px;gap:12px}.product-symbol{width:40px;height:40px}.hero-product-tag small{font-size:8px}.hero-product-tag>span:nth-child(2){font-size:18px}.hero-product-tag>a{width:32px;height:32px}.hero-pagination{gap:20px}.hero-pagination>button strong{display:none}.hero-bottom{padding-block:17px}.promise-strip>.wrap{gap:18px}.promise-strip>.wrap>span,.promise-strip>.wrap>a{column-gap:10px;grid-template-columns:26px 1fr}.promise-strip svg,.promise-strip img{width:25px;height:25px}.promise-strip strong{font-size:11px}.promise-strip small{font-size:8px}.section{padding:72px 0}.section-first{padding-top:20px}.model-card>div{padding:26px}.model-card h2,.model-card h3{font-size:26px}.model-card p{font-size:12px}.section-heading{gap:40px}.section-heading>p{font-size:13px}.demo-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.gate-scene{height:265px}.gate-building{transform:translateX(-54%) rotateY(-17deg) rotateX(4deg) scale(.78);top:62px}.movement-arrow{font-size:22px;right:10%;top:35px}.gate-demo[data-model=deslizante] .movement-arrow{right:1%}.demo-controls{flex-wrap:wrap}.demo-top .tiny-label{font-size:7px}.demo-status{font-size:8px}.demo-trigger{margin-left:auto}.feature-layout{gap:40px}.feature-layout>div>p:not(.eyebrow){font-size:13px}.steel-badge{padding:18px 22px;gap:25px}.steel-badge>span{font-size:15px}.reference-grid{gap:18px}.reference-card>div{padding:21px}.reference-card h3{font-size:21px}.reference-card p{font-size:11px}.reference-card .text-link{font-size:9px;gap:7px}.reference-card .text-link>.social-icon{width:17px;height:17px}.process-grid{gap:20px}.process-grid h3{font-size:20px}.process-grid p{font-size:11px}.quote-banner{padding:27px;gap:20px}.quote-banner h2,.quote-banner h3{font-size:21px}.quote-banner p{font-size:11px}.faq-layout{gap:45px}.cta-panel{padding:40px;gap:30px}.cta-panel h2{font-size:39px}.cta-panel .button{font-size:11px;padding:16px;gap:11px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 65px}.footer-brand p{max-width:290px}.footer-top>div{min-width:0}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:10px}.footer-bottom>span{margin-right:auto}.footer-bottom>div:last-child{margin-left:auto}.footer-bottom button{font-size:10px}.service-hero-grid{gap:35px}.service-hero-grid h1{font-size:43px}.service-tagline{font-size:19px}.service-hero-grid .lead{font-size:12px}.service-hero-photo figcaption{flex-direction:column;align-items:flex-start;gap:12px;padding:17px 5px 2px}.page-anchors>.wrap{gap:40px}.benefit-grid{gap:20px}.benefit-grid>article{padding:25px}.benefit-grid h3{font-size:22px}.benefit-grid p{font-size:12px}.detail-layout,.quote-prompt{gap:40px}.technical-card{padding:25px}.technical-card dl{font-size:11px}.company-feature{gap:40px}.company-feature p:not(.eyebrow){font-size:13px}.brand-statement{gap:65px}.brand-statement h2{font-size:51px}.brand-statement .lead{font-size:17px}.location-layout{gap:40px}.location-card{padding:33px}.publication-grid{gap:20px}.publication-grid>article>a>img{height:290px}.instagram-banner{padding:28px;gap:24px}.instagram-banner h2{font-size:24px}.instagram-banner p{font-size:12px}.quote-layout{grid-template-columns:1.2fr .8fr;gap:25px}.quote-layout>form,.quote-summary{padding:25px}.form-heading{gap:14px}.form-heading h2{font-size:25px}.form-heading p{font-size:10px}.quote-summary h2{font-size:29px}.contact-cards{gap:18px}.contact-card{padding:24px}.contact-card h2{font-size:27px}.contact-card>strong{font-size:16px}.contact-card p{font-size:11px}.contact-card .tiny-label{font-size:7px}.card-action{font-size:10px}.form-row{gap:15px}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}h1{font-size:43px}h2{font-size:35px}.topbar>.wrap{min-height:30px;font-size:8px;gap:14px}.topbar>.wrap>a:first-of-type{display:none}.topbar>.wrap>a:last-child{margin-left:auto}.topbar svg{width:10px;height:10px}.header-inner{height:74px;gap:12px}.brand{width:141px}.header-actions{gap:6px}.button-compact{font-size:9px;padding:11px 13px;gap:8px;min-height:40px}.button-compact .social-icon{width:20px;height:20px}.button-compact>svg{display:none}.menu-toggle{width:32px;height:40px}.menu-toggle>svg{width:21px}.hero-track{padding:36px 0 30px}.hero-slide{grid-template-columns:1fr;gap:15px;align-items:start}.hero-copy h1,.hero-copy h2{font-size:46px;line-height:1.06;max-width:520px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:21px}.hero-lead{font-size:13px;line-height:1.85;margin:22px 0 24px;max-width:500px}.hero-actions{gap:10px;flex-direction:row;align-items:center;flex-wrap:wrap}.hero-actions .button{font-size:10px;padding:14px 16px;gap:10px}.hero-actions .button .social-icon{width:24px;height:24px}.hero-actions .button-text{font-size:10px;padding:10px 0}.hero-assurances{gap:18px;margin-top:20px}.hero-assurances>span{font-size:8px}.hero-orbit{inset:auto -25% 20% auto;width:120%;height:450px}.hero-visual{padding:35px 8px 49px 3px;width:100%;max-width:570px;margin:auto}.hero-photo-frame{padding:9px;transform:rotate(-1.4deg);border-radius:10px}.visual-number{font-size:90px;top:-5px;right:7px}.hero-product-tag{bottom:14px;left:22px;right:0;padding:14px 16px;gap:14px}.hero-product-tag>span:nth-child(2){font-size:19px}.hero-product-tag small{font-size:8px}.product-symbol{width:39px;height:39px;border-radius:8px}.product-symbol svg{width:24px;height:24px}.hero-product-tag>a{width:34px;height:34px}.illustration-note{bottom:-5px;font-size:6px;right:5px}.photo-corner{width:31px;height:31px}.corner-a{top:-6px;left:-6px;border-width:2px 0 0 2px}.corner-b{right:-6px;bottom:-6px;border-width:0 2px 2px 0}.hero-bottom{gap:18px;padding:15px 0}.hero-pagination{gap:14px}.hero-pagination>button{gap:5px;font-size:8px;min-height:40px}.hero-pagination .pagination-line{width:13px}.hero-pagination>button[aria-current=true] .pagination-line{width:24px}.slider-controls{gap:5px}.slider-controls .icon-button{width:32px;height:38px;border-radius:8px}.slider-controls .autoplay-control{margin-left:3px;width:27px}.slide-count{font-size:8px}.promise-strip{padding:22px 0}.promise-strip>.wrap{grid-template-columns:1fr 1fr;gap:22px 20px}.promise-strip>.wrap>span,.promise-strip>.wrap>a{grid-template-columns:26px 1fr;column-gap:11px;border:0}.promise-strip strong{font-size:11px}.promise-strip small{font-size:8px}.promise-strip small svg{width:10px;height:10px;margin-left:3px}.section{padding:57px 0}.section-first{padding-top:15px}.eyebrow{font-size:8px;margin-bottom:19px;letter-spacing:.1em}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading>p{font-size:13px;max-width:none}.section-heading>.text-link{justify-self:start}.model-cards{grid-template-columns:1fr;gap:24px}.model-card>div{padding:25px}.model-card h2,.model-card h3{font-size:29px;margin-bottom:15px}.model-card p{font-size:13px}.model-image{padding:10px}.model-image>span{font-size:7px;top:23px;left:23px;padding:7px 11px}.model-number{right:25px;top:20px}.demo-layout{grid-template-columns:1fr;gap:32px}.demo-layout .lead{font-size:14px;margin-top:22px}.demo-layout p:not(.eyebrow){font-size:13px}.mini-points{gap:16px;margin:24px 0}.mini-points p{font-size:12px!important}.gate-demo{padding:20px 16px;overflow:hidden}.gate-scene{height:275px}.gate-building{transform:translateX(-58%) rotateY(-17deg) rotateX(4deg) scale(.76);top:65px}.gate-ground{width:430px}.gate-side-wall{right:-70px;width:70px}.gate-demo[data-model=deslizante] .gate-side-wall{width:90px;right:-90px}.movement-arrow{right:9%;font-size:23px}.demo-top .tiny-label{font-size:7px}.demo-status{font-size:8px}.demo-controls{gap:10px;justify-content:space-between}.model-segment button{min-height:44px;padding:9px 10px;font-size:10px}.demo-trigger{font-size:10px;min-height:44px;margin-left:0;gap:7px}.gate-demo>.demo-caption{font-size:11px;margin-top:18px}.gate-demo>small{font-size:8px}.feature-layout{grid-template-columns:1fr;gap:52px}.feature-photo{padding:11px 11px 46px}.feature-layout>div>p:not(.eyebrow){font-size:14px}.feature-layout .lead{margin-top:23px}.steel-badge{right:22px;padding:18px 24px}.steel-badge>span{font-size:16px}.material-note{margin:24px 0;padding:20px 0;gap:14px}.material-note strong{font-size:12px}.material-note p{font-size:11px!important}.reference-grid,.two-columns{grid-template-columns:1fr;gap:23px}.reference-card>div{padding:25px}.reference-card h3{font-size:26px}.reference-card p{font-size:13px}.reference-card .text-link{font-size:11px;gap:10px}.reference-card .text-link>.social-icon{width:21px;height:21px}.reference-card>a>span{width:38px;height:38px}.single-reference .reference-card{display:flex}.small-note,.source-note{font-size:10px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 23px}.process-grid>article>span{margin-bottom:23px}.process-grid h3{font-size:22px}.process-grid p{font-size:12px}.quote-banner{padding:25px;flex-wrap:wrap;gap:20px;margin-top:30px}.quote-banner>span{width:43px;height:43px}.quote-banner>span>svg{width:25px;height:25px}.quote-banner>div{flex-basis:calc(100% - 70px)}.quote-banner h2,.quote-banner h3{font-size:21px}.quote-banner p{font-size:12px}.quote-banner .button{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:27px}.faq-layout>div>p:not(.eyebrow){margin-top:22px}.faq-list summary{font-size:13px;padding:21px 0;gap:20px}.faq-list details>p{font-size:12px;line-height:1.9;padding-right:8px}.cta-section{padding:40px 0}.cta-panel{padding:33px 27px;flex-direction:column;align-items:flex-start;gap:28px}.cta-panel h2{font-size:39px}.cta-panel .eyebrow{font-size:7px}.cta-panel p{font-size:12px;margin-top:20px}.cta-panel>div:last-child{align-items:flex-start;gap:16px}.cta-panel>div:last-child>span{font-size:10px}.cta-panel .button{font-size:10px;padding:15px;gap:11px}.cta-panel .cta-graphic{right:5%}.footer-top{grid-template-columns:1fr 1fr;gap:32px 23px;padding:40px 0 25px}.footer-brand{grid-column:1/-1}.footer-brand>a{max-width:160px;margin-bottom:17px}.footer-brand p{font-size:12px;max-width:310px}.social-links{gap:20px;margin-top:22px}.social-links>a{width:36px;height:36px}.social-links img{width:32px;height:32px}.footer-top h2{font-size:9px;margin-top:7px;margin-bottom:20px}.footer-top>div:not(:first-child)>a{font-size:10px;line-height:1.7}.footer-top address{font-size:10px}.footer-contact{grid-column:1/-1}.footer-contact .footer-whatsapp,.footer-contact .footer-phone{display:inline-flex!important;vertical-align:top;margin-right:25px}.footer-contact a>span{font-size:21px}.footer-contact .text-link{display:flex!important}.footer-contact small{font-size:7px}.cookie-note{font-size:9px;padding-bottom:19px}.cookie-note button{font-size:9px}.footer-bottom{font-size:10px;gap:18px;flex-direction:column;padding:22px 0 35px}.footer-bottom>span{margin:0}.footer-bottom>div{gap:12px;flex-wrap:wrap}.footer-bottom>div:last-child{margin:0;justify-content:center}.footer-bottom button{font-size:10px}.agency{padding-left:12px;font-size:10px}.agency strong{font-size:11px}.floating-whatsapp{padding:9px;border-radius:50%;right:15px;bottom:16px;gap:0}.floating-whatsapp>img{width:40px;height:40px}.floating-whatsapp>span,.floating-whatsapp>svg{display:none}.page-intro{padding-top:25px;padding-bottom:14px}.breadcrumb{font-size:9px;gap:9px;margin-bottom:31px}.page-intro h1{font-size:43px}.page-intro .lead{font-size:14px}.page-hero{padding:25px 0 37px}.service-hero-grid{grid-template-columns:1fr;gap:30px}.service-hero-grid h1{font-size:44px}.service-tagline{font-size:20px;margin:21px 0 18px}.service-hero-grid .lead{font-size:13px}.service-hero-grid .button-row{gap:13px}.service-hero-grid .button{font-size:10px;padding:15px;gap:11px}.service-hero-grid .button-text{padding:10px 0}.service-hero-photo{padding:10px}.service-hero-photo figcaption{flex-direction:row;gap:15px;align-items:center;padding:17px 5px 6px}.service-hero-photo figcaption small{max-width:125px;line-height:1.7;font-size:7px}.page-anchors>.wrap{gap:30px;justify-content:flex-start;width:100%;padding:17px 20px;white-space:nowrap;overflow:auto;font-size:10px}.benefit-grid{grid-template-columns:1fr;gap:20px}.benefit-grid>article{padding:26px}.benefit-grid h3{font-size:25px;margin:23px 0 15px}.benefit-grid p{font-size:13px}.detail-layout,.quote-prompt{grid-template-columns:1fr;gap:30px}.detail-layout .lead{font-size:16px}.detail-layout p{font-size:13px}.technical-card{padding:25px}.technical-card h3{font-size:24px}.technical-card dl{font-size:11px}.technical-card dt{padding-right:16px}.quote-prompt p{font-size:13px}.quote-prompt .button{font-size:11px;gap:12px;padding:15px 17px}.checklist-card{padding:27px}.checklist-card h3{font-size:25px}.checklist-card li{font-size:12px}.comparison-table th,.comparison-table td{padding:17px 19px}.comparison-table thead th{font-size:16px}.comparison-table table{font-size:12px;min-width:550px}.company-feature{grid-template-columns:1fr;gap:35px}.company-feature>figure{padding:10px}.company-feature p:not(.eyebrow){font-size:14px}.company-feature figcaption{font-size:7px}.brand-statement{grid-template-columns:1fr;gap:35px}.brand-statement h2{font-size:52px}.brand-statement .lead{font-size:19px}.brand-statement p{font-size:13px}.large-v{font-size:430px;top:60px;right:-50px}.location-layout{grid-template-columns:1fr;gap:30px}.location-layout address{font-size:16px;margin:24px 0}.location-layout p{font-size:12px}.location-card{padding:32px;min-height:320px}.location-card h3{font-size:37px}.location-card>.social-icon{width:43px;height:43px}.location-word{font-size:140px}.gallery-toolbar{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:21px;margin-bottom:25px}.filter-tabs{gap:9px}.filter-tabs button{padding:11px 17px;font-size:10px;min-height:44px}.gallery-toolbar>span{font-size:9px}.publication-grid{grid-template-columns:1fr;gap:25px}.publication-grid>article>a>img{height:440px}.instagram-banner{padding:25px;gap:20px;flex-wrap:wrap}.instagram-banner>.social-icon{width:43px;height:43px}.instagram-banner>div{flex-basis:calc(100% - 65px)}.instagram-banner h2{font-size:23px}.instagram-banner p{font-size:12px}.guide-intro h2{font-size:34px}.guide-type h3{font-size:25px}.guide-type p{font-size:13px!important}.quote-layout{grid-template-columns:1fr;gap:26px}.quote-layout>form{padding:26px 20px}.form-heading{gap:13px}.form-heading h2{font-size:26px}.form-heading p{font-size:10px}.form-heading>.number-icon{width:41px;height:41px}.type-choices{gap:11px}.type-choices label>span{padding:15px 13px;font-size:11px;gap:11px}.form-row{gap:14px}.field label{font-size:10px}.field input,.field textarea{font-size:14px;padding:12px}.form-privacy{font-size:10px}.quote-summary{padding:28px}.quote-summary h2{font-size:34px}.quote-summary>p{font-size:13px}.quote-help{padding:25px 5px}.contact-cards{grid-template-columns:1fr;gap:20px}.contact-card{padding:30px}.contact-card>.social-icon,.contact-line-icon{width:45px;height:45px;margin-bottom:24px}.contact-card h2{font-size:34px;margin-top:18px}.contact-card>strong{font-size:24px}.contact-card p{font-size:13px}.contact-card .tiny-label{font-size:8px}.card-action{font-size:12px}.legal-prose h2{font-size:25px;margin-top:30px}.legal-prose p{font-size:13px}.small-dialog{padding:23px}.dialog-top strong{font-size:18px}.lightbox{padding:10px}.lightbox-bottom p{font-size:10px}.native-content h1{font-size:36px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{width:122px}.header-actions{gap:3px}.button-compact{padding:10px;font-size:8px;gap:7px}.button-compact>.social-icon{width:19px;height:19px}.hero-copy h1,.hero-copy h2{font-size:41px}.hero-assurances{gap:12px}.hero-assurances>span{font-size:7px}.hero-actions .button{font-size:9px;gap:9px;padding:13px}.hero-actions .button-text{padding:8px 0;font-size:10px}.hero-bottom{gap:8px}.hero-pagination{gap:10px}.slider-controls{gap:3px}.slider-controls .icon-button{width:28px}.slider-controls .autoplay-control{width:24px;margin-left:0}.hero-product-tag{left:14px;padding:12px;gap:10px}.hero-product-tag>span:nth-child(2){font-size:17px}.hero-product-tag small{font-size:7px}.product-symbol{width:34px;height:34px}.hero-product-tag>a{width:30px;height:30px}.gate-building{transform:translateX(-58%) rotateY(-17deg) rotateX(4deg) scale(.65);top:60px}.gate-scene{height:245px}.demo-top{gap:8px}.demo-top .tiny-label{font-size:6px}.demo-status{font-size:7px}.demo-controls{gap:7px}.model-segment button{padding:8px;font-size:9px}.demo-trigger{font-size:9px;padding-inline:3px}.process-grid{gap:26px 18px}.process-grid h3{font-size:20px}.form-row{grid-template-columns:1fr;gap:0}.footer-bottom>div:first-of-type{flex-direction:column;gap:12px}.agency{border-left:0;padding-left:0}.page-intro h1,.service-hero-grid h1{font-size:39px}.type-choices label>span{font-size:10px;padding:13px 10px}.quote-summary{padding:24px}.publication-grid>article>a>img{height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual{transform:none!important}}
@media print{.site-header,.topbar,.floating-whatsapp,.site-footer,.slider-controls,.hero-pagination,.button,dialog{display:none!important}.wrap{width:100%}.section{padding:25px 0}.hero-slide:not(.is-active){display:none}.hero-track{padding:25px 0}body{background:white}h1{font-size:36px}h2{font-size:29px}}

/* Motion layers keep the complete photograph visible. */
.hero-visual{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.floating-whatsapp.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px)}
@media(prefers-reduced-motion:reduce){.hero-visual{transform:none!important}}

/* Keep product labels below the full photograph. */
.hero-product-tag{position:relative;left:auto;right:auto;bottom:auto;margin:23px 0 0 22px}.hero-visual{padding-bottom:20px}.illustration-note{bottom:-2px}html{overflow-x:clip}.hero-copy{min-width:0}
@media(min-width:941px){.hero-track{padding-block:42px 32px}.hero-product-tag{padding:16px}.hero-bottom{padding-block:16px}}
@media(max-width:700px){.hero-product-tag{margin-top:17px;margin-left:12px}.hero-visual{padding-bottom:17px}.illustration-note{bottom:-4px}}

@media(max-width:700px){.gate-building{transform:translateX(-58%) rotateY(-17deg) rotateX(4deg) scale(.64)}}
@media(max-width:370px){.gate-building{transform:translateX(-58%) rotateY(-17deg) rotateX(4deg) scale(.55)}}

.gate-scene{overflow:hidden}

@keyframes slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes orbit-breathe{0%,100%{opacity:.65;transform:rotate(-15deg) scale(1)}50%{opacity:1;transform:rotate(-10deg) scale(1.025)}}
.is-playing .hero-pagination>button[aria-current=true] .pagination-line{background:#ccc9df}
.is-playing .hero-pagination>button[aria-current=true] .pagination-line:after{content:'';position:absolute;inset:0;background:var(--red);transform-origin:left;animation:slide-progress 7s linear forwards}
.hero-orbit{animation:orbit-breathe 16s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero-orbit,.pagination-line:after{animation:none!important}}

.button-primary{background:#dc2934}.button-primary:hover{background:#c41d29}.illustration-note{font-size:8px;color:#68657a}.small-note,.source-note{color:#686879}.photo-caption{color:#686879}

.publication-grid:has(>article:only-child){grid-template-columns:1fr;max-width:930px;margin-inline:auto}.publication-grid>article:only-child{display:grid;grid-template-columns:1fr 1fr;align-items:center}.publication-grid>article:only-child>a>img{height:auto;max-height:540px}.publication-grid>article:only-child>div{padding:45px}.publication-grid>article:only-child h3{font-size:33px}
@media(max-width:700px){.publication-grid>article:only-child{grid-template-columns:1fr}.publication-grid>article:only-child>div{padding:28px}.publication-grid>article:only-child h3{font-size:28px}}

@media(min-width:941px){.hero-track{padding:20px 0 12px}.hero-visual{padding:10px 0 14px;max-width:510px;width:100%;margin:auto}.hero-product-tag{padding:12px;margin-top:18px}.hero-product-tag .product-symbol{width:42px;height:42px}.hero-actions .button-text{min-height:34px;padding-block:6px}.visual-number{top:-25px;font-size:120px}.hero-lead{margin-top:23px;margin-bottom:22px}.hero-assurances{margin-top:18px}.hero-copy h1,.hero-copy h2{font-size:clamp(43px,4.3vw,61px)}}