@font-face{font-family:Manrope TRM;src:url(/fonts/manrope-latin.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}:root{--navy: #102a51;--navy-hover: #1b3b68;--teal: #0780aa;--ink: #1a4652;--ink-soft: #245663;--line: #d6dce5;--counter: #e6e8e9;--font: "Manrope TRM", "Manrope", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--navy);background:var(--counter);font-family:var(--font);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.page{position:relative;min-height:100svh}.scene{position:relative;min-height:max(100svh,680px);overflow:hidden;background:var(--counter) url(/images/backgrounds/supermercado-escritorio.webp) center bottom / cover no-repeat}.brand{position:absolute;z-index:2;top:clamp(32px,5.6vh,70px);left:clamp(40px,5.8vw,110px)}.logo{display:block;width:clamp(150px,11vw,190px)}.logo-mark{width:100%;height:auto}.intro{position:absolute;z-index:2;top:clamp(152px,17vh,190px);left:clamp(40px,5.8vw,110px);width:min(26vw,430px)}.intro h1{margin:0;color:var(--ink);font-size:clamp(46px,min(4.35vw,7.6vh),76px);line-height:.96;font-weight:700;letter-spacing:-.055em;text-rendering:geometricPrecision}.intro p{margin:clamp(18px,2vh,26px) 0 0;color:var(--ink-soft);font-size:clamp(18px,min(1.56vw,2.7vh),26px);line-height:1.3;max-width:18.5em;font-weight:600;letter-spacing:-.018em}.contact{position:absolute;z-index:3;top:clamp(54px,9.5vh,98px);right:clamp(36px,4vw,78px);width:clamp(318px,21.5vw,380px);padding:clamp(23px,1.65vw,28px);border-radius:16px;background:#fff;box-shadow:0 18px 50px -30px #0b1d394d}.contact h2{margin:0 0 15px;color:var(--navy);font-size:clamp(28px,2.1vw,36px);font-weight:700;letter-spacing:-.045em}.contact form{display:grid}.contact label{margin:8px 0 5px;color:var(--navy);font-size:16px;font-weight:600;letter-spacing:-.012em}.contact label:first-of-type{margin-top:0}.contact input,.contact textarea{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--navy);font:inherit;font-size:16px}.contact textarea{min-height:80px;resize:vertical}.contact ::placeholder{color:#8995a7;opacity:1;font-size:14px}.contact input:focus,.contact textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0780aa26}.contact .invalid{border-color:#b3261e}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.contact button{margin-top:16px;padding:13px 18px;border:0;border-radius:6px;background:var(--navy);color:#fff;font:inherit;font-size:17px;font-weight:650;letter-spacing:-.012em;cursor:pointer}.contact button:hover{background:var(--navy-hover)}.contact button:disabled{opacity:.65;cursor:progress}.contact button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.form-status{min-height:1em;margin:10px 0 0;font-size:14px;line-height:1.35}.form-status:empty{display:none}.form-status.ok{color:#237338}.form-status.error{color:#b3261e}.legal{position:absolute;z-index:2;left:0;right:0;bottom:clamp(20px,3.2vh,38px);display:flex;justify-content:center;align-items:center;gap:10px;color:var(--ink-soft);font-size:14px;font-weight:600;letter-spacing:.015em}.legal:before,.legal:after{content:"";width:clamp(50px,5vw,90px);height:1px;margin:0 13px;background:var(--navy);opacity:.65}.legal-mobile{display:none}@media(min-width:900px)and (max-width:1450px){.intro{width:340px;top:155px}.intro h1{font-size:clamp(38px,4vw,52px)}.intro p{font-size:17px}.contact{top:45px;width:300px;right:30px;padding:18px}.contact h2{font-size:27px;margin-bottom:8px}.contact label{margin:5px 0 3px;font-size:14px}.contact input,.contact textarea{padding:7px 10px}.contact textarea{min-height:65px}.contact button{margin-top:10px;padding:10px;font-size:15px}.form-status{margin-top:6px}}@media(max-width:899px){.page{min-height:100svh;background:var(--counter)}.scene{min-height:max(650px,177.7vw);background-image:url(/images/backgrounds/supermercado-movil.webp);background-size:100% 100%;background-position:center top}.brand{top:24px;left:5vw}.logo{width:clamp(145px,38vw,175px)}.intro{top:clamp(96px,calc(11vw + 56px),125px);left:5vw;width:90vw}.intro h1{font-size:clamp(37px,9vw,60px);line-height:1.02}.intro p{margin-top:14px;font-size:clamp(17px,4.3vw,22px);line-height:1.25;max-width:19em}.legal{display:none}.contact{position:relative;top:auto;right:auto;width:min(560px,calc(100% - 32px));margin:20px auto 0;padding:24px}.legal-mobile{display:block;margin:0;padding:26px 16px calc(28px + env(safe-area-inset-bottom));text-align:center;color:var(--ink-soft);font-size:13px;font-weight:600}}@media(max-width:380px){.intro{top:98px}.intro h1{font-size:35px}.intro p{font-size:16px;max-width:19em}}:root{--ink: #102a51;--ink-soft: #102a51}@media(min-width:900px){.scene{min-height:100svh}.brand{top:5.74vh;left:5.8vw}.logo{width:11vw}.intro{top:17.1vh;left:5.8vw;width:27vw}.intro h1{font-size:min(4.07vw,7.23vh);line-height:1.03;letter-spacing:-.055em}.intro p{margin-top:2.3vh;font-size:min(1.56vw,2.77vh);line-height:1.25;max-width:27vw;font-weight:650}.contact{top:9.46vh;right:4vw;width:21.5vw;padding:1.65vw;border-radius:16px}.contact h2{font-size:2.1vw;margin-bottom:1.1vw}.contact label{font-size:.957vw;margin:.48vw 0 .3vw}.contact input,.contact textarea{font-size:.957vw;padding:.6vw .78vw}.contact input{height:2.55vw}.contact textarea{min-height:6.15vw;height:6.15vw}.contact ::placeholder{font-size:.837vw}.contact button{margin-top:.957vw;padding:.78vw 1.08vw;font-size:1.017vw;min-height:2.81vw}.legal{bottom:3.2vh}}@media(min-width:900px)and (max-aspect-ratio:4/3){.scene{min-height:760px;background-size:auto 100%}.intro{width:38vw}.intro h1{font-size:5vw}.intro p{font-size:2vw;max-width:34vw}.contact{width:30vw;padding:2vw}.contact h2{font-size:3vw}.contact label,.contact input,.contact textarea{font-size:1.4vw}.contact input{height:3.6vw}.contact textarea{height:9vw}.contact ::placeholder{font-size:1.2vw}.contact button{font-size:1.4vw;min-height:3.8vw}}.intro{isolation:isolate}.intro:before{content:"";position:absolute;z-index:-1;inset:-20px -28px;background:radial-gradient(ellipse at 45% 48%,#ffffffc7,#ffffff9e 42%,#ffffff61 68%,#fff0 88%);filter:blur(18px);pointer-events:none}@media(max-width:899px){.intro:before{inset:-16px -14px;filter:blur(22px)}}