.quote-hero{position:relative;padding:100px 0 72px;background:var(--deep);color:#fff;overflow:hidden}
.quote-hero::after{content:"COTIZAR";position:absolute;right:-10px;bottom:-22px;color:rgba(255,255,255,.045);font-size:clamp(85px,14vw,210px);font-weight:900;letter-spacing:-.06em;line-height:.75}
.quote-hero .container{position:relative;z-index:1}
.quote-hero .section-kicker{color:var(--yellow)}
.quote-hero h1{margin:0 0 20px;max-width:850px;font-size:clamp(58px,7vw,92px);line-height:.86;letter-spacing:-.045em}
.quote-hero p:not(.section-kicker){max-width:670px;margin:0;color:#d7e1e5;font-size:16px;line-height:1.7}

.quote-section{padding:82px 0 96px;background:#f5f5f2}
.quote-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:28px;align-items:start}
.quote-form{padding:42px;background:#fff;border-top:6px solid var(--yellow)}
.form-heading{display:flex;gap:20px;align-items:flex-start;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.form-number,.summary-step{color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:.08em}
.form-heading h2{margin:3px 0 0;color:var(--deep);font-size:clamp(34px,4vw,49px);line-height:.92}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full,.helper.full{grid-column:1/-1}
.field label{color:var(--deep);font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.field label span{color:#879197;font-weight:600;text-transform:none;letter-spacing:0}
.field input,.field select,.field textarea{width:100%;border:1px solid #ccd3d6;background:#fafaf8;color:var(--deep);padding:14px 15px;font:inherit;border-radius:0;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,202,0,.14)}
.field textarea{resize:vertical}
.helper{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;background:#f1f3f3;color:var(--muted);font-size:12px}
.helper a{color:var(--deep);font-weight:900;text-decoration:none}
.form-disclaimer{margin:25px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.65}

.quote-summary{position:sticky;top:92px;padding:34px;background:var(--deep);color:#fff;border-bottom:7px solid var(--yellow);box-shadow:0 18px 45px rgba(4,47,73,.12)}
.summary-kicker{margin:0 0 8px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.13em}
.quote-summary h2{margin:0 0 28px;font-size:38px;line-height:.92}
.summary-lines{border-top:1px solid rgba(255,255,255,.17)}
.summary-lines>div{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.summary-lines span{color:#9eb0b9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.summary-lines strong{font-size:13px;overflow-wrap:anywhere}
.summary-action{padding-top:28px}
.summary-action p{margin:9px 0 20px;color:#cbd8de;font-size:12px;line-height:1.65}
.whatsapp-button{width:100%;border:0;cursor:pointer}
.quote-summary>small{display:block;margin-top:14px;color:#8fa4ae;font-size:10px;text-align:center}

@media(max-width:900px){
 .quote-layout{grid-template-columns:1fr}
 .quote-summary{position:relative;top:auto}
}
@media(max-width:600px){
 .quote-hero{padding:82px 0 55px}.quote-hero h1{font-size:52px}
 .quote-section{padding:45px 0 60px}
 .quote-form{padding:25px 20px}
 .form-grid{grid-template-columns:1fr}.field.full,.helper.full{grid-column:auto}
 .helper{flex-direction:column}
 .quote-summary{padding:28px 22px}
}