.quote-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(32px,5vw,64px)}
.quote-hero h1{font-size:clamp(2.3rem,4vw,4.3rem);margin:18px 0 24px;max-width:18ch}
.quote-lead{max-width:58ch;color:var(--niebla);font-size:18px}
.quote-facts{padding-left:20px;margin:20px 0 26px;font-size:15px}
.quote-facts li+li{margin-top:6px}
.quote-hero__image{margin:0}
.quote-hero__image picture{background:var(--papel);max-height:500px;overflow:hidden}
.quote-hero__image img{width:100%;height:500px;object-fit:contain}
.quote-hero__image figcaption{margin-top:12px;line-height:1.5}
.quote-note{margin-block:16px 22px}
.quote-section{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px,5vw,72px);padding-block:48px 64px;border-top:1px solid var(--linea);scroll-margin-top:90px}
.quote-section h2{font-size:clamp(2rem,3.3vw,3rem);margin:16px 0 22px}
.quote-section__intro p+p{margin-top:20px}
.quote-section__intro .link-arr{margin-top:22px;font-size:14px}
.quote-section__form{padding:clamp(20px,3vw,36px);background:var(--papel);border:1px solid var(--linea)}
.quote-fields{gap:22px 28px}
.quote-fields textarea{min-height:90px}
.quote-details{margin-top:28px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.quote-details summary{padding:18px 0;cursor:pointer;font-size:15px;font-weight:500}
.quote-details .f-grid{padding-block:12px 24px}
.quote-details .links{margin-top:10px}
.quote-submit{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}
.quote-submit .f-note{max-width:60ch}
.quote-products{padding-block:48px 64px;scroll-margin-top:90px;border-top:1px solid var(--linea)}
.quote-products h2{max-width:24ch;font-size:var(--t-h3)}
.quote-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.quote-card{background:var(--papel);border:1px solid var(--linea)}
.quote-card>a{display:block;background:#e7e3db}
.quote-card img{width:100%;height:280px;object-fit:contain}
.quote-card__body{padding:22px;display:flex;flex-direction:column;gap:14px}
.quote-card h3{font-size:1.7rem}
.quote-card h3 a{text-decoration:none}
.quote-card__body>p:not(.eyebrow){font-size:14px;color:var(--niebla)}
.quote-card .btn{font-size:14px;padding:13px 16px;align-self:flex-start}
.quote-product-actions{grid-column:1/-1;margin-block:4px 20px}
.quote-product-actions .f-note{width:100%;margin-top:4px}
.quote-contact-context{padding:16px;border:1px solid var(--linea);margin-top:24px;background:var(--papel)}
.quote-contact-context strong{display:block;font-size:16px;margin-bottom:6px}
.quote-contact-context img{width:110px;height:130px;object-fit:contain;margin-bottom:12px}
@media(max-width:1050px){.quote-section{grid-template-columns:1fr 1.4fr}.quote-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quote-hero,.quote-section{grid-template-columns:1fr}.quote-hero h1{max-width:22ch}.quote-hero__image img{height:300px}.quote-section{padding-block:32px 40px;gap:24px}.quote-section__form{padding:20px 16px}.quote-section__intro .f-note{margin-top:12px}.quote-cards{grid-template-columns:1fr}.quote-hero .actions .btn{width:100%;justify-content:center}.quote-submit .btn{width:100%;justify-content:center}}
