*{box-sizing:border-box}
:root{--bg:#DBDBDB;--ink:#151515;--muted:#74787d;--white:#fff}
html,body{margin:0;padding:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
.header{height:82px;background:#fff;display:flex;align-items:center;padding:0 7.3%;gap:8%;position:relative;z-index:10}
.logo img{width:150px;height:auto;display:block;object-fit:contain}
.header nav{display:flex;align-items:center;justify-content:center;gap:38px;flex:1}
.header nav a{font-size:11px;letter-spacing:2px;font-weight:500;text-decoration:none;color:#111;white-space:nowrap}
.hero{min-height:710px;background:var(--bg) url("assets/banner.jpg") center right/cover no-repeat;position:relative;overflow:hidden}
.hero-copy{position:relative;margin-left:7.4%;padding:102px 0 70px;width:41%;z-index:4}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:3px;color:#73787e;margin-bottom:27px}
.eyebrow span{width:38px;height:1px;background:#8d9297}
h1{font-family:"Playfair Display",Georgia,serif;font-size:67px;line-height:1.04;font-weight:400;letter-spacing:-2.5px;margin:0 0 25px}
.subtitle{font-size:18px;line-height:1.45;color:#757a80;margin:0 0 34px}
form{width:560px;max-width:100%}
label{display:block;font-size:12px;letter-spacing:2px;font-weight:600;margin-bottom:10px}
.field{height:61px;background:#fff;border:1px solid #d0d0d0;border-radius:10px;display:flex;align-items:center;padding:0 20px}
.field input{border:0;outline:0;width:100%;font:16px "DM Sans";color:#333;background:transparent}
.field input::placeholder{color:#a0a4a8}
.field span{font-size:27px;color:#7d8286}
button{height:59px;width:100%;border:0;border-radius:10px;margin-top:14px;background:#151515;color:#fff;font-size:13px;font-weight:600;letter-spacing:2px;cursor:pointer}
button b{font-size:21px;margin-left:10px;font-weight:400}
.hint{font-size:12px;color:#65696d;margin:11px 0 0}
.resultado{font-size:13px;margin-top:14px;min-height:0;border-radius:10px}
.resultado.ok{background:#fff;border:1px solid #d0d0d0;padding:16px 20px}
.resultado.err{background:#fbeeed;color:#7a1f1f;padding:12px 16px;border:1px solid #efc9c6}
.resultado .k{font-size:11px;letter-spacing:2px;font-weight:600;color:#74787d}
.resultado .v{font-family:"DM Sans",Arial,sans-serif;font-size:30px;font-weight:600;color:#1f7a4d;margin:2px 0 12px;letter-spacing:-.5px}
.resultado .d{font-size:16px;font-weight:500}
.product-scene{display:none}

.info{height:128px;background:#fff;display:flex;align-items:center;justify-content:center;gap:80px}
.info-item{display:flex;align-items:center;gap:23px;min-width:390px}
.info-icon{display:flex;color:#151515}
.info-item strong{font-size:11px;letter-spacing:2px}
.info-item p{font-size:14px;line-height:1.45;color:#777;margin:8px 0 0}
.separator{height:60px;width:1px;background:#ddd}
footer{border-top:1px solid #eee;background:#fff;text-align:center;padding:30px 20px 34px;letter-spacing:5px;font-family:Georgia,serif;font-size:17px}
.social{display:flex;justify-content:center;gap:22px;margin-top:18px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d6d6d6;border-radius:50%;color:#151515;text-decoration:none;transition:background .15s,border-color .15s}
.social a:hover{background:#151515;border-color:#151515;color:#fff}
.social svg{width:19px;height:19px}
.foot-logo img{width:130px;height:auto;display:block;margin:0 auto}
footer small{display:block;margin-top:10px;font:10px "DM Sans";letter-spacing:4px;color:#888}
@media(max-width:1100px){.header{padding:0 4%}.header nav{gap:18px}.hero-copy{margin-left:5%;width:45%}h1{font-size:54px}.product-scene{width:62%}}
@media(max-width:760px){.header{height:auto;padding:22px 24px 18px;display:flex;justify-content:center}.logo img{width:130px;margin:0}.header nav{display:none}.hero{min-height:0;padding-bottom:0;background-image:none}.hero-copy{margin:0 24px;padding:55px 0 28px;width:auto}.hero-copy h1{font-size:46px}.subtitle{font-size:16px}.desktop{display:none}.product-scene{display:block;position:relative;width:100%;height:300px;background:url("assets/banner-m.jpg") center/cover no-repeat}.info{height:auto;display:block;padding:28px 24px}.info-item{min-width:0;margin:15px 0}.separator{width:100%;height:1px}.info-item p{font-size:13px}footer{padding:24px 16px 28px}}