/* Extiende la landing provisional sin alterar su portada original. */
.landing{min-height:100svh}
.footer{padding:0 clamp(24px,8vw,120px)}
.footer a{color:#d4dcde}
.preview{background:#f1f4f3;color:#172126;padding:100px clamp(24px,8vw,120px) 86px;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:10%;row-gap:38px}
.preview-heading .eyebrow{color:#6e8791}.preview-heading .dash{background:#6e8791}
.preview-heading h2{font:600 clamp(36px,4vw,52px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0}
.preview-heading h2 em{font-weight:400;color:#718994;font-style:normal}
.preview-heading>p{max-width:390px;color:#5e6b70;font-size:13px;line-height:1.8;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.service-card{min-height:285px;padding:22px 19px 24px;border-radius:15px;background:#708c7c;color:#fff;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #25382e24}
.service-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.service-top svg{width:52px;height:52px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-no{font-size:9px;letter-spacing:.12em;color:#e4eee6;padding-top:4px}
.service-card h3{font:600 17px/1.3 Manrope;margin:0 0 10px;letter-spacing:-.025em}
.service-card p{margin:0;color:#edf2ef;font-size:11px;line-height:1.7}
.preview-note{grid-column:2;display:flex;align-items:flex-start;gap:12px;background:#e4eae9;padding:15px 17px;color:#627075}
.preview-note p{font-size:10px;line-height:1.6;margin:0}
.note-icon{border:1px solid #82969b;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font:600 10px Manrope;flex:none}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.preview{grid-template-columns:1fr;gap:30px;padding-top:75px;padding-bottom:68px}.preview-note{grid-column:1}.preview-heading>p{max-width:500px}}
@media(max-width:600px){.footer{font-size:8px;gap:15px;min-height:66px;padding:0 20px}.footer span:first-child{max-width:140px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.service-top{margin-bottom:18px}.preview-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}
