/* Tactical quote experience: the generated art is abstract; vehicle photos are real work. */
.hero-image{background:#07101b url("imagenes/heatwave-atmosphere-v1.webp") center/cover no-repeat}
.hero-quote-link{display:inline-flex;align-items:center;gap:14px;margin:20px 0 0 25px;padding:12px 17px;border:1px solid var(--cyan);background:#6fe9ff1c;color:var(--cyan);font:800 19px var(--display);letter-spacing:.07em}
.hero-quote-link:hover,.hero-quote-link:focus-visible{background:var(--cyan);color:#07101b}
.quote-section{position:relative;isolation:isolate;padding:82px clamp(22px,4vw,70px) 105px;background:#07101b;scroll-margin-top:20px}
.quote-section::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#07101bfa,#07101be0 52%,#07101b75),url("imagenes/heatwave-atmosphere-v1.webp") right center/cover no-repeat;pointer-events:none}
.quote-heading,.quote-layout{position:relative;z-index:1}
.quote-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;max-width:1580px;margin:0 auto 36px}
.quote-heading h2{font:900 clamp(50px,6.7vw,96px)/.86 var(--display);letter-spacing:-.02em;margin:13px 0 0}
.quote-heading h2 em{font-style:normal;color:var(--pink)}
.quote-heading>p{max-width:390px;margin:0 0 4px;color:#d9e9ef;font-size:15px}
.quote-layout{max-width:1580px;margin:auto;display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}
.quote-preview{border:1px solid #6fe9ff6a;background:#101d2a;min-width:0}
.quote-preview-art{height:480px;position:relative;overflow:hidden;background:#132534}
.quote-preview-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06101ae0,transparent 35%);pointer-events:none}
.quote-preview-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.preview-corner,.preview-photo-note{position:absolute;z-index:1;font:800 12px var(--display);letter-spacing:.15em;color:#ecf9fc}
.preview-corner{top:18px;left:20px}.preview-photo-note{bottom:17px;left:20px}
.quote-preview-summary{padding:25px 28px 29px;display:grid;gap:3px}
.preview-kicker{font:800 12px var(--display);letter-spacing:.17em;color:var(--cyan);margin:0 0 11px}
.quote-preview-summary>strong{font:900 clamp(36px,4vw,58px)/.9 var(--display);text-transform:uppercase}
.quote-preview-summary>span{color:#c6d6df;font-size:14px}
.quote-preview-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:19px;margin-top:20px;border-top:1px solid #7294a851}
.quote-preview-summary>div span{font:800 12px var(--display);letter-spacing:.13em;color:var(--cyan)}
.quote-preview-summary>div b{font:900 45px var(--display)}
.quote-preview-summary small{font-size:12px;color:#adbdc7}
.mission-form{padding:clamp(24px,3.5vw,46px);border:1px solid #7592a38a;background:#0d1825ef;box-shadow:0 28px 70px #0006}
.mission-form-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #58708478;font:800 12px var(--display);letter-spacing:.16em;color:var(--cyan)}
.form-block{display:block;border:0;border-bottom:1px solid #58708478;padding:31px 0;margin:0;min-width:0}
.form-block legend,.block-label{padding:0;color:#fff;font:900 27px var(--display);letter-spacing:.04em}
.form-block legend span,.block-label span{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:10px;background:#ff4fad20;border:1px solid var(--pink);color:var(--pink);font:800 17px var(--display);vertical-align:middle}
.field-intro{margin:9px 0 19px;color:#becfd9;font-size:14px}
.quote-size-grid,.quote-place-grid{display:grid;gap:10px}
.quote-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-place-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.quote-size-grid label,.quote-place-grid label{position:relative;cursor:pointer;min-width:0}
.quote-size-grid input,.quote-place-grid input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.quote-size-grid label>span,.quote-place-grid label>span{display:flex;flex-direction:column;gap:4px;min-height:80px;padding:15px 13px;border:1px solid #6983989e;background:#142436;box-shadow:inset 0 0 0 1px transparent}
.quote-size-grid b,.quote-place-grid b{font:900 20px var(--display);letter-spacing:.035em}
.quote-size-grid small,.quote-place-grid small{font-size:11px;color:#c2d3dd;line-height:1.25}
.quote-size-grid input:checked+span,.quote-place-grid input:checked+span{border-color:var(--cyan);background:#12415a;box-shadow:inset 0 0 0 1px var(--cyan)}
.quote-size-grid input:focus-visible+span,.quote-place-grid input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:4px}
.text-field{display:block;margin:19px 0 8px;color:#e2eff5;font-weight:700;font-size:13px}
.text-field span{font-weight:400;color:#acbdc9}
.mission-form input[type="text"],.mission-form select{display:block;width:100%;min-height:49px;padding:11px 14px;border:1px solid #7490a3;background:#0a1420;color:#fff;border-radius:0;font:inherit}
.mission-form input[type="text"]::placeholder{color:#91a2af}
.mission-form select{margin-top:17px;cursor:pointer}
.mission-form input[type="text"]:focus-visible,.mission-form select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.home-fields{padding:6px 0 0}
.home-fields[hidden],.form-error-summary[hidden],.field-error[hidden]{display:none!important}
.utility-check{display:flex;align-items:flex-start;gap:10px;margin-top:21px;color:#e5f0f4;cursor:pointer;font-size:14px}
.utility-check input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--cyan)}
.home-minimum{margin:17px 0 0;padding:12px 14px;border-left:3px solid var(--orange);background:#ff8a3d12;font-size:13px;color:#f2e5de}
.field-error{margin:7px 0 0;color:#ffb4bf;font-size:13px;font-weight:700}
.mission-form [aria-invalid="true"]{border-color:#ff8799!important}
.form-error-summary{padding:16px;margin:23px 0 0;border:1px solid #ff8799;background:#4e1725;color:#fff}
.form-error-summary strong{font-weight:800}.form-error-summary ul{margin:8px 0 0;padding-left:20px}.form-error-summary a{color:#fff;text-decoration:underline}
.mission-actions{padding-top:30px}.mission-submit{width:100%;min-height:56px;border:0;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(100deg,var(--pink),var(--orange));color:#0d0b13;cursor:pointer;text-align:left;font:900 clamp(20px,2vw,27px) var(--display);letter-spacing:.035em}
.mission-submit:hover{filter:brightness(1.12)}.mission-submit:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.mission-submit span{font-size:28px}.mission-actions p{margin:11px 0 0;color:#bccbd5;font-size:12px;line-height:1.5}
@media(max-width:1250px){.quote-layout{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.quote-preview-art{height:410px}}
@media(max-width:850px){.quote-heading{display:block}.quote-heading>p{margin-top:18px}.quote-layout{grid-template-columns:1fr}.quote-preview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr)}.quote-preview-art{height:300px}.quote-preview-summary{align-content:center}.hero-quote-link{margin-left:16px}}
@media(max-width:580px){.hero-quote-link{margin:16px 0 0;min-height:45px}.quote-section{padding:64px 18px 75px}.quote-heading h2{font-size:clamp(50px,13vw,72px)}.quote-preview{display:block}.quote-preview-art{height:260px}.quote-preview-summary{padding:21px}.quote-preview-summary>strong{font-size:42px}.mission-form{padding:22px 17px}.form-block legend,.block-label{font-size:24px}.quote-size-grid{gap:6px}.quote-size-grid label>span{padding:12px 8px;min-height:78px}.quote-size-grid b{font-size:17px}.quote-size-grid small{font-size:10px}.quote-place-grid{gap:7px}.quote-place-grid label>span{padding:12px 9px}.quote-place-grid b{font-size:17px}.mission-submit{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero-quote-link,.mission-submit{transition:none!important}}
.extras-disclosure{margin-top:21px;border:1px solid #6983989e;background:#102233}
.extras-disclosure summary{cursor:pointer;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;color:var(--cyan);font:900 17px var(--display);letter-spacing:.05em;list-style:none}
.extras-disclosure summary::-webkit-details-marker{display:none}
.extras-disclosure summary span{font-size:24px;line-height:1}
.extras-disclosure[open] summary span{transform:rotate(45deg)}
.extras-disclosure>p{margin:0;padding:0 16px 13px;color:#c7d7df;font-size:13px}
.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 14px 16px}
.extras-grid label{display:flex;align-items:start;gap:8px;min-height:46px;padding:9px;border:1px solid #7894a663;background:#0b1724;color:#e2edf2;font-size:12px;line-height:1.35;cursor:pointer}
.extras-grid label[hidden]{display:none}
.extras-grid label:has(input:checked){border-color:var(--cyan);background:#12415a}
.extras-grid input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--cyan)}
.extras-grid input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.photo-tip{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--cyan);background:#6fe9ff12;color:#d5e4ec;font-size:13px}
@media(max-width:580px){.extras-grid{grid-template-columns:1fr}.extras-grid label{min-height:43px}}
.mission-form textarea{display:block;width:100%;min-height:90px;padding:11px 14px;border:1px solid #7490a3;background:#0a1420;color:#fff;border-radius:0;font:inherit;resize:vertical}
.mission-form textarea::placeholder{color:#91a2af}
.mission-form textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
