:root{--paper:#f5f8fc;--ink:#172d4c;--orange:#0d2755}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2366e8;outline-offset:5px}h1,h2,p{margin:0}.overview-header{display:flex;justify-content:space-between;align-items:center;margin:0 4%;padding:30px 0;border-bottom:1px solid #b9c7d9;gap:30px;font-size:10px}.lc{font:bold 16px/.9 'DM Sans',Arial,sans-serif;letter-spacing:-.7px;position:relative}.lc span{position:absolute;left:100px;top:0;width:90px;font-size:8px;letter-spacing:1px;line-height:1.7;font-weight:400}.overview-header>a:last-child{border-bottom:1px solid #777;padding-bottom:2px}.overview-header>span{letter-spacing:1.5px}.overview-intro{padding:65px 4% 44px}.eyebrow{display:block;font-size:9px;letter-spacing:1.7px;font-weight:600;margin-bottom:22px}.overview-intro>div{display:flex;justify-content:space-between;align-items:end;gap:40px}.overview-intro h1{font:500 clamp(40px,5vw,72px)/1.07 'DM Sans',Arial,sans-serif;letter-spacing:-3px}.overview-intro p{font-size:13px;line-height:1.8;padding-bottom:4px;max-width:300px}.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 4% 70px}.route-preview{display:block;position:relative;overflow:hidden;border:1px solid #a5b6cb;transition:transform .2s;box-shadow:0 5px 15px #00000005}.route-preview:hover{transform:translateY(-4px)}.browser-dots{height:26px;display:flex;gap:3px;align-items:center;background:#e5ecf4;border-bottom:1px solid #b9c7d9;padding:0 10px}.browser-dots i{display:block;width:4px;height:4px;background:#a4b3c7;border-radius:50%}.browser-dots span{font-size:6px;letter-spacing:1px;margin-left:10px}.browser-dots b{font-size:11px;font-weight:400;margin-left:auto}.mini-page{aspect-ratio:1.18;position:relative;overflow:hidden;background:#e5ecf4}.mini-page iframe{position:absolute;left:0;top:0;width:400%;height:400%;transform:scale(.25);transform-origin:top left;border:0;pointer-events:none}.preview-label{padding:11px 14px;background:#0d2755;color:#f5f8fc;font-size:9px;font-weight:500;letter-spacing:1px}.route-humanizada .preview-label{background:#183b56}.route-mixta .preview-label{background:#0d2755;color:#0d2755}.route-info{padding-top:23px}.route-tags{font-size:8px;letter-spacing:1.1px;opacity:.7}.route-info h2{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:10px 0 16px}.route-info p{font-size:12px;line-height:1.8;max-width:325px;min-height:65px}.route-info>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #777;padding:17px 0 11px;margin-top:12px;font-size:11px;font-weight:500}.route-info>a>span{font-size:22px}.comparison{padding:65px 4% 70px;background:#172d4c;color:var(--paper)}.comparison-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:45px}.comparison-head .eyebrow{padding-top:9px}.comparison h2{font:400 42px/1.15 'DM Serif Display',Georgia,serif;letter-spacing:-.5px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:20px 20px;border-bottom:1px solid #56708f;width:25%}th:first-child{padding-left:0}thead th{font-size:10px;letter-spacing:1px;font-weight:500;color:#a1d7f4}tbody th{font-weight:400;color:#d0ddea}tbody td{vertical-align:top}thead th{border-top:1px solid #56708f}.shared{padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.shared h2{font:400 43px/1.12 'DM Serif Display',Georgia,serif;letter-spacing:-.7px}.shared>div>p{font-size:13px;margin-bottom:20px;line-height:1.9}.review-note{border-top:2px solid #0d2755;margin-top:28px;padding-top:20px}.review-note strong{font-size:11px;font-weight:500}.review-note p{font-size:11px;line-height:1.9;margin-top:10px}.origin-note{background:#e1edf7;padding:35px 7%;display:grid;grid-template-columns:1fr 1fr;gap:15px 13%}.origin-note>span{font-size:9px;letter-spacing:1.3px}.origin-note>a{font-size:11px;text-decoration:underline}.origin-note>p{font-size:10px;grid-column:2}.origin-note+footer,footer{padding:30px 4%;display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:.5px}.credits{padding:65px 6%}.credits h1{font:500 62px/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-3px}.credits>p{max-width:750px;margin:30px 0;font-size:14px}.credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 35px;margin:45px 0}.credit-grid img{width:100%;height:260px;object-fit:cover}.credit-grid h2{font-size:22px;margin-top:20px}.credit-grid p{font-size:12px;line-height:1.8;margin:12px 0}.credit-grid a{font-size:11px;border-bottom:1px solid #999}.credits-note{font-size:11px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1800px){body{max-width:1900px;margin:auto}}@media(max-width:1000px){.lc span{display:none}.overview-intro h1{font-size:53px}.route-info h2{font-size:22px}.routes{gap:18px}.overview-intro p{font-size:12px;max-width:230px}.route-info p{min-height:86px}.shared{gap:8%}.shared h2{font-size:38px}}@media(max-width:700px){.overview-header{margin:0 6%;padding:25px 0}.overview-header>span{display:none}.overview-intro{padding:45px 6% 35px}.overview-intro>div{display:block}.overview-intro h1{font-size:46px;letter-spacing:-2px}.overview-intro p{font-size:13px;max-width:none;margin-top:25px}.overview-intro p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.3px}.routes{grid-template-columns:1fr;padding:0 6% 50px;gap:42px}.mini-page{aspect-ratio:1.15}.route-info{padding-top:18px}.route-tags{font-size:8px}.route-info h2{font-size:27px}.route-info p{max-width:none;min-height:0;font-size:13px}.route-info>a{font-size:12px}.comparison{padding:45px 6%}.comparison-head{display:block;margin-bottom:30px}.comparison h2{font-size:35px}.comparison-scroll{overflow-x:auto;margin-right:-6.8%;padding-right:6.8%}table{min-width:680px;font-size:11px}th,td{padding:17px;width:170px}.shared{padding:48px 6%;grid-template-columns:1fr;gap:30px}.shared h2{font-size:41px}.origin-note{grid-template-columns:1fr;padding:30px 6%;gap:13px}.origin-note>p{grid-column:auto}.origin-note>span{font-size:8px}.origin-note+footer,footer{padding:25px 6%;flex-wrap:wrap;gap:15px}.credits{padding:45px 6%}.credits h1{font-size:44px;letter-spacing:-2px}.credit-grid{grid-template-columns:1fr;gap:35px}.credit-grid img{height:230px}.credits>p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-preview{transition:none}}

/* Invitación a revisar las tres bases de diseño */
.overview-intro>div.review-invitation{align-items:start;display:grid;grid-template-columns:1.25fr .75fr;gap:8%;margin-top:35px;padding:25px 28px;border-left:3px solid var(--orange);background:#e7eff7}.review-invitation p{max-width:none;font-size:14px;line-height:1.7;padding:0}.review-invitation p strong{font-weight:600}.review-invitation nav{display:flex;gap:26px;margin-top:17px}.review-invitation nav a{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:600;padding-bottom:4px;border-bottom:1px solid #7287a0}.review-invitation nav a span{font-size:18px;font-weight:400}.review-invitation .work-in-progress{font-size:12px;color:#49617b}.work-in-progress strong{display:block;margin-bottom:3px}.overview-intro h1{font-size:clamp(40px,4.8vw,68px)}@media(max-width:700px){.overview-intro{padding-top:35px}.overview-intro h1{font-size:42px;letter-spacing:-1.8px}.overview-intro>div.review-invitation{display:block;padding:20px;margin-top:25px}.review-invitation p{margin-top:0;font-size:13px}.review-invitation nav{gap:17px;justify-content:space-between}.review-invitation nav a{gap:10px;font-size:11px}.review-invitation .work-in-progress{margin-top:22px;font-size:11px}}

.route-mixta .preview-label{background:#12499b;color:#f4f9ff}.palette-summary{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:9px;letter-spacing:.3px}.palette-summary>span:first-child{margin-right:5px}.palette-swatch{display:block;width:19px;height:19px;border:1px solid #102a5426;border-radius:50%}.palette-review{font-size:10px;margin-top:15px;color:#49617b}.review-invitation strong{color:#172d4c}