.public-web .dt-routes-page{color:#172f3e;background:#fffdfa;min-height:55vh}.public-web .dt-routes-hero{background-position:50% 53%;background-size:cover;align-items:center;min-height:265px;display:flex}.public-web .dt-routes-hero-inner{color:#fff;width:min(1100px,100% - 44px);margin:0 auto;padding:50px 0}.public-web .dt-routes-eyebrow{color:#ffd193;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-flex}.public-web .dt-routes-hero h1{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,5vw,55px);font-weight:600;line-height:1.15}.public-web .dt-routes-hero p{color:#e4ebed;max-width:700px;margin:0;font-size:16px;line-height:1.6}.public-web .dt-routes-inner{width:min(1100px,100% - 44px);margin:0 auto;padding:52px 0 92px}.public-web .dt-routes-intro{text-align:center;color:#62747d;max-width:730px;margin:0 auto 33px;font-size:15px;line-height:1.8}.public-web .dt-routes-filters{background:#fff;border:1px solid #eae4d9;border-radius:17px;gap:17px;padding:21px 25px;display:grid;box-shadow:0 4px 24px #172f3e09}.public-web .dt-routes-filter-row{flex-wrap:wrap;align-items:flex-start;gap:14px 24px;display:flex}.public-web .dt-routes-filter-heading{color:#304958;flex:0 0 140px;align-items:center;gap:9px;width:140px;padding-top:7px;font-size:12px;font-weight:800;display:inline-flex}.public-web .dt-routes-pills{flex-wrap:wrap;flex:1;gap:8px;display:flex}.public-web .dt-routes-pills button{color:#4d6572;min-height:33px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e6e4dd;border-radius:100px;padding:7px 14px;font-size:12px;font-weight:650}.public-web .dt-routes-pills button:hover{color:#a56810;border-color:#e48f16}.public-web .dt-routes-pills button.is-active{color:#fff;background:#172f3e;border-color:#172f3e}.public-web .dt-routes-results-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:37px 0 18px;display:flex}.public-web .dt-routes-results-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3vw,31px);font-weight:600;line-height:1.25}.public-web .dt-routes-results-heading span{color:#7a8992;white-space:nowrap;font-size:12px}.public-web .dt-routes-list{gap:15px;display:grid}.public-web .dt-route-card{background:#fff;border:1px solid #e9e7e2;border-radius:17px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:19px;padding:25px 24px;display:grid;box-shadow:0 6px 22px #172f3e09}.public-web .dt-route-icon{color:#d37e0e;background:#fff3e2;border-radius:13px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.public-web .dt-route-body{min-width:0}.public-web .dt-route-title-line{flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin:0 0 7px;display:flex}.public-web .dt-route-title-line h2{margin:0 5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:600;line-height:1.26}.public-web .dt-route-tag{color:#60717b;background:#f4f2ee;border-radius:20px;padding:3px 8px;font-size:11px;line-height:1.4}.public-web .dt-route-body p{color:#637783;margin:0;font-size:14px;line-height:1.65}.public-web .dt-route-actions{flex-direction:column;align-items:center;gap:11px;min-width:165px;display:flex}.public-web .dt-route-metrics{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.public-web .dt-route-difficulty,.public-web .dt-route-distance{border-radius:30px;padding:5px 10px;font-size:11px;font-weight:750;line-height:1.4;display:inline-flex}.public-web .dt-route-difficulty-baja{color:#237347;background:#e9f8ee}.public-web .dt-route-difficulty-media{color:#986318;background:#fff3dd}.public-web .dt-route-difficulty-alta{color:#b64248;background:#ffebec}.public-web .dt-route-distance{color:#536979;background:#f4f4f1}.public-web .dt-route-wikiloc{color:#aa650b;white-space:nowrap;background:#fff3e2;border-radius:100px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s;display:inline-flex}.public-web .dt-route-wikiloc:hover{color:#8a550f;background:#f8e4c4}.public-web .dt-route-wikiloc:focus-visible,.public-web .dt-routes-pills button:focus-visible{outline-offset:3px;outline:3px solid #e48f16}.public-web .dt-routes-empty{text-align:center;color:#6a7c85;border:1px dashed #dfdbd3;border-radius:17px;flex-direction:column;align-items:center;gap:8px;padding:60px 24px;display:flex}.public-web .dt-routes-empty strong{color:#172f3e;font-size:17px}.public-web .dt-routes-empty p{margin:0}.public-web .dt-routes-disclaimer{color:#89959c;text-align:center;margin:27px 0 0;font-size:12px;line-height:1.7}@media (width<=830px){.public-web .dt-route-card{grid-template-columns:52px minmax(0,1fr)}.public-web .dt-route-actions{flex-flow:wrap;grid-column:2;justify-content:flex-start;align-items:center;min-width:0}}@media (width<=590px){.public-web .dt-routes-hero{min-height:220px}.public-web .dt-routes-inner{padding:32px 0 70px}.public-web .dt-routes-filters{padding:16px}.public-web .dt-routes-filter-heading{flex-basis:100%;width:100%;padding:0}.public-web .dt-route-card{grid-template-columns:42px minmax(0,1fr);gap:10px 13px;padding:17px}.public-web .dt-route-icon{width:42px;height:42px}.public-web .dt-route-icon svg{width:20px}.public-web .dt-route-title-line h2{font-size:19px}.public-web .dt-route-body p{font-size:13px}.public-web .dt-route-actions{border-top:1px solid #f2eee8;grid-column:1/-1;justify-content:space-between;padding-top:13px}}@media (prefers-reduced-motion:reduce){.public-web .dt-route-wikiloc{transition:none}}
