.intro h1,.prototype h2,.system h2{line-height:.84;letter-spacing:-.055em}
.credit{display:flex;align-items:center;gap:14px}.credit strong{background:var(--navy);color:#fff;padding:8px 10px;font-size:9px;letter-spacing:.15em}.credit span{display:block}
.mobile-hero{background-image:url('assets/calculadora-editorial.png');background-size:cover;background-position:center 38%;padding:0}
.mobile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,43,73,.18),transparent 55%);pointer-events:none}
.mobile-hero h3{position:relative;z-index:2;color:var(--navy);background:#fff;margin:0 0 18px 18px;padding:10px 13px 11px;font-size:25px;line-height:1;letter-spacing:-.02em;box-shadow:7px 7px 0 var(--red)}
.mobile-hero h3 span{color:var(--red)}
.image-strip{height:175px;background-size:cover;background-position:center}
.image-strip:after{background:linear-gradient(90deg,rgba(0,43,73,.78),transparent 66%)}
.image-strip span{font-size:38px;line-height:.9;letter-spacing:-.03em}
.calc-img{background-image:url('assets/calculadora-editorial.png');background-position:center 47%}
.alert-img{background-image:url('assets/prealerta-editorial.png');background-position:center 48%}
.track-img{background-image:url('assets/rastreo-editorial.png');background-position:center 48%}
.account-img{background-image:url('assets/prealerta-editorial.png');background-position:center 65%}
.visual-crop{background-size:cover}
.crop-a{background-image:url('assets/calculadora-editorial.png');background-position:center}
.crop-b{background-image:url('assets/rastreo-editorial.png');background-position:center;filter:saturate(.88)}
@media(max-width:800px){.credit{gap:7px}.credit strong{font-size:7px;padding:6px}.credit span{font-size:7px}.mobile-hero h3{font-size:24px;max-width:245px}.system h2{line-height:.88}.system-grid{height:auto}.visual-crop.crop-a{height:300px}.manifest,.crop-b{height:260px}.system-note{line-height:1.5}}
.visual-references{background:var(--navy);color:#fff;padding:9vw 6vw;overflow:hidden}
.reference-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end;margin-bottom:55px}
.reference-heading h2{margin:0;text-transform:uppercase;font-size:clamp(55px,7vw,118px);line-height:.84;letter-spacing:-.055em}
.reference-heading h2 span{color:var(--sky)}
.reference-heading>p{max-width:520px;margin:0;color:#d6e4eb;font-size:18px;line-height:1.5}
.concept-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #31556d;border-bottom:1px solid #31556d;margin:0 0 70px}
.concept-pillars article{padding:34px 34px 38px 0;border-right:1px solid #31556d}
.concept-pillars article+article{padding-left:34px}.concept-pillars article:last-child{border-right:0}
.concept-pillars span{font:700 11px/1.2 monospace;letter-spacing:.13em;color:var(--sky)}
.concept-pillars h3{font-size:clamp(30px,3vw,52px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:28px 0 20px}
.concept-pillars p{margin:0;color:#bdd0db;line-height:1.55;font-size:15px;max-width:390px}
.reference-gallery{display:grid;grid-template-columns:1.05fr .78fr 1fr;gap:12px;align-items:start}
.reference-card{margin:0;background:#fff;color:var(--navy);position:relative}
.reference-card img{display:block;width:100%;height:560px;object-fit:cover}
.reference-two{margin-top:90px}.reference-two img{height:470px}.reference-three{margin-top:24px}.reference-three img{height:610px}
.reference-four{grid-column:1/2;margin-top:-38px}.reference-four img{height:590px}
.reference-five{grid-column:2/4;margin-top:28px}.reference-five img{height:620px;object-position:center 42%}
.reference-card figcaption{min-height:88px;padding:16px 18px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-top:7px solid var(--red)}
.reference-card figcaption b{font-size:35px;color:var(--red);line-height:1}.reference-card figcaption span{font-size:11px;line-height:1.35;font-weight:900;letter-spacing:.08em;text-align:right}
@media(max-width:800px){.visual-references{padding:85px 18px}.reference-heading{grid-template-columns:1fr;gap:28px}.reference-heading h2{font-size:14vw}.reference-heading>p{font-size:16px}.concept-pillars{grid-template-columns:1fr;margin-bottom:55px}.concept-pillars article,.concept-pillars article+article{padding:28px 0;border-right:0;border-bottom:1px solid #31556d}.concept-pillars article:last-child{border-bottom:0}.concept-pillars h3{font-size:11vw;margin:18px 0 14px}.reference-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 22px;gap:12px}.reference-card,.reference-two,.reference-three,.reference-four,.reference-five{grid-column:auto;min-width:82vw;margin-top:0;scroll-snap-align:center}.reference-card img,.reference-two img,.reference-three img,.reference-four img,.reference-five img{height:500px}}
