:root{--ink:#071a2b;--ink2:#0d2740;--blue:#2584d8;--ice:#76d5ff;--lime:#c9ef46;--orange:#ff8b4d;--paper:#f4f7f8;--white:#fff;--muted:#637384;--line:#d9e2e8;--shadow:0 24px 70px rgba(6,26,44,.14);--radius:24px;--shell:min(1240px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.section{padding:104px 0}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:fixed;inset:0 0 auto;z-index:900;transition:.3s;background:linear-gradient(to bottom,rgba(5,20,34,.85),transparent)}.topbar.scrolled{background:rgba(6,22,37,.94);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.1)}.topbar-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand-plate{display:flex;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 8px 30px rgba(0,0,0,.14)}.brand img{width:246px;height:auto;display:block}.main-nav{display:flex;gap:32px;color:#fff;font-size:.82rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.main-nav a{position:relative;padding:12px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:2px;background:var(--lime);transition:.25s}.main-nav a:hover:after{right:0}.menu-toggle{display:none;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);padding:12px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:#fff;margin:5px 0}.hero{min-height:820px;height:100vh;max-height:980px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(41,148,219,.42),transparent 32%),linear-gradient(125deg,#04121f 0%,#08253c 56%,#104d70 100%);color:#fff;padding-top:90px}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:72px 72px;transform:perspective(600px) rotateX(55deg) scale(1.55);transform-origin:center bottom}.hero-glow{position:absolute;width:620px;height:620px;border:1px solid rgba(118,213,255,.22);border-radius:50%;right:-90px;top:80px;box-shadow:0 0 0 100px rgba(118,213,255,.04),0 0 0 200px rgba(118,213,255,.025)}.mountain-layer{position:absolute;left:-4%;right:-4%;bottom:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.mountain-back{height:58%;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700' preserveAspectRatio='none'%3E%3Cpath d='M0 520L190 315l95 98 175-260 98 112 165-210 165 255 110-107 160 190 135-150 227 277v180H0z' fill='%2376d5ff'/%3E%3C/svg%3E")}.mountain-front{height:45%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 520' preserveAspectRatio='none'%3E%3Cpath d='M0 410L180 290l90 80 175-205 115 135 130-115 120 125 154-225 105 145 104-72 142 180 205-175v357H0z' fill='%23030e19'/%3E%3Cpath d='M270 370l175-205 38 45-60 4-45 63-47-9zM944 310l154-225 35 48-53 4-40 64-42-12z' fill='white' fill-opacity='.55'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:3;padding-top:9vh}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;font-weight:850}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--ice)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(201,239,70,.12)}.hero h1{font-size:clamp(5.4rem,11vw,10rem);line-height:.75;letter-spacing:-.075em;margin:34px 0 30px;max-width:900px}.hero h1 span{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.78)}.hero-lead{max-width:610px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#cfdeea;margin:0 0 32px}.hero-date{display:flex;align-items:baseline;gap:12px;color:var(--lime);font-size:2rem;font-weight:900}.hero-date b{font-weight:300}.hero-date small{color:#fff;font-size:.75rem;letter-spacing:.18em;margin-left:8px}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 22px;border-radius:10px;font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:var(--ink);box-shadow:0 12px 28px rgba(201,239,70,.17)}.button.ghost{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.06)}.button.outline{border-color:#b5c5d1;color:var(--ink);background:transparent}.hero-metrics{position:absolute;z-index:4;bottom:36px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);padding-top:22px}.hero-metrics div{display:flex;align-items:baseline;gap:10px;border-right:1px solid rgba(255,255,255,.16);padding-left:28px}.hero-metrics div:first-child{padding-left:0}.hero-metrics div:last-child{border:0}.hero-metrics strong{font-size:1.65rem}.hero-metrics span{color:#aabfce;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}.reveal{opacity:0;transform:translateY(18px);animation:enter .7s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}.delay-4{animation-delay:.48s}@keyframes enter{to{opacity:1;transform:none}}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start}.section-kicker{color:var(--blue);margin-bottom:20px}.intro h2,.section-heading h2,.logistics-copy h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:0}.intro h2 em{font-style:normal;color:var(--blue)}.intro-copy{font-size:1.12rem;color:#4f6272;padding-top:38px}.intro-copy p:first-child{font-size:1.32rem;color:var(--ink);font-weight:650}.trip-band{margin-top:76px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.trip-band article{display:flex;gap:14px;align-items:center;padding:24px;border-right:1px solid var(--line)}.trip-band article:last-child{border:0}.trip-band .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf5fb;color:var(--blue);font-weight:900}.trip-band small{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.trip-band strong{display:block;font-size:.95rem;margin-top:3px}.routes{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:60px}.section-heading>p{max-width:490px;color:var(--muted);font-size:1.02rem;margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.route-card{position:relative;background:#fff;border:1px solid #e0e8ec;border-radius:var(--radius);padding:28px;min-height:445px;display:flex;flex-direction:column;transition:.3s;overflow:hidden}.route-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--ice));transform:scaleX(0);transform-origin:left;transition:.35s}.route-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.route-card:hover:before{transform:scaleX(1)}.route-card-top{display:flex;justify-content:space-between;align-items:center}.route-number{font-size:2rem;font-weight:950;color:#c4d1d8}.difficulty{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#9b4f23;background:#fff0e6;padding:7px 9px;border-radius:99px}.route-card h3{font-size:1.65rem;line-height:1.05;letter-spacing:-.035em;margin:30px 0 12px}.route-card p{color:var(--muted);font-size:.91rem;margin:0 0 16px}.mini-profile{height:65px;margin:auto 0 10px}.mini-profile svg{width:100%;height:100%;overflow:visible}.mini-profile path.area{fill:rgba(37,132,216,.1)}.mini-profile path.line{fill:none;stroke:var(--blue);stroke-width:3;vector-effect:non-scaling-stroke}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -6px 22px}.route-stats div{padding:0 6px;border-right:1px solid var(--line)}.route-stats div:last-child{border:0}.route-stats dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.route-stats dd{margin:3px 0 0;font-size:.92rem;font-weight:850}.route-open{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:18px 0 0;font-weight:850;color:var(--blue);cursor:pointer}.route-open span{font-size:1.35rem}.explorer{background:var(--ink);color:#fff}.section-heading.inverse .section-kicker{color:var(--ice)}.section-heading.inverse>p{color:#a9bdcb}.route-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin}.route-tab{flex:0 0 auto;border:1px solid rgba(255,255,255,.18);background:transparent;color:#a9bdcb;border-radius:99px;padding:10px 15px;cursor:pointer;font-weight:760}.route-tab[aria-selected=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.explorer-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);margin-top:16px;border-radius:28px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.28)}.map-wrap{position:relative;min-height:540px}.map-wrap #map{position:absolute;inset:0;background:#dce8ed}.map-badge{position:absolute;z-index:500;left:16px;bottom:16px;background:rgba(7,26,43,.9);color:#fff;border-radius:99px;padding:8px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.map-badge span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);margin-right:7px}.route-detail{padding:36px;display:flex;flex-direction:column}.detail-number{font-weight:950;color:#b6c5cf;font-size:2rem}.detail-title{font-size:2.3rem;line-height:1;letter-spacing:-.045em;margin:18px 0 14px}.detail-desc{color:var(--muted);font-size:.98rem}.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0}.detail-metrics div{background:#fff;padding:14px}.detail-metrics small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.65rem}.detail-metrics strong{font-size:1.03rem}.detail-highlights{display:flex;gap:7px;flex-wrap:wrap}.detail-highlights span{font-size:.72rem;font-weight:750;padding:7px 9px;border-radius:99px;background:#eaf5fb;color:#205f91}.departure{margin-top:20px;background:#f1f5f7;border-radius:14px;padding:16px}.departure small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.departure strong{display:block;margin:4px 0;font-size:.88rem}.departure-drive{color:var(--blue);font-size:.84rem;font-weight:800}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:24px}.detail-actions .button{min-height:46px;padding:0 14px;font-size:.72rem}.text-link{display:inline-flex;align-items:center;color:var(--blue);font-weight:850;border-bottom:1px solid currentColor;padding-bottom:3px}.detail-actions .text-link{margin-top:10px;font-size:.82rem}.profile-wrap{grid-column:1/-1;padding:26px 32px 30px;border-top:1px solid var(--line);background:#fbfdfe}.profile-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.profile-head small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.67rem}.profile-head strong{font-size:1.1rem}.profile-summary{font-size:.82rem;color:var(--muted)}#elevationChart{width:100%;height:200px;display:block}.leaflet-control-attribution{font-size:9px!important}.custom-marker{width:18px;height:18px;border-radius:50%;background:var(--lime);border:4px solid var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.35)}.logistics{background:#fff}.logistics-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.logistics-copy p{max-width:600px;color:var(--muted);font-size:1.12rem}.text-link.dark{color:var(--ink)}.schedule-card{background:var(--ink);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.schedule-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(118,213,255,.25);border-radius:50%;right:-110px;top:-110px}.schedule-title{display:flex;align-items:center;gap:15px;color:var(--lime);border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:24px}.schedule-title>span{font-size:3rem;font-weight:950;letter-spacing:-.06em}.schedule-title>div{font-size:.8rem;line-height:1.15;letter-spacing:.12em}.schedule-card ol{list-style:none;padding:0;margin:16px 0}.schedule-card li{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.schedule-card li b{color:var(--ice)}.schedule-card li span{color:#c3d2dc}.schedule-card>p{color:#8fa6b6;font-size:.79rem;margin:18px 0 0}.drive-table-wrap{margin-top:82px}.drive-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.drive-row{display:grid;grid-template-columns:1.1fr .3fr .35fr 1.5fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);align-items:center;font-size:.85rem}.drive-row:last-child{border:0}.drive-row:nth-child(even){background:#f7fafb}.drive-row b{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:#fff;margin-right:8px;font-size:.7rem}.drive-head{background:var(--ink)!important;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:850}.kit{background:var(--paper)}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kit-grid article{background:#fff;border-radius:20px;padding:26px;border:1px solid var(--line)}.kit-grid article>span{font-size:.85rem;font-weight:900;color:var(--blue)}.kit-grid h3{font-size:1.35rem;margin:30px 0 8px}.kit-grid p{font-size:.9rem;color:var(--muted);margin:0}.safety-note{margin-top:24px;background:#fff2e8;border-left:5px solid var(--orange);border-radius:14px;padding:22px 24px;display:flex;gap:22px;align-items:baseline}.safety-note strong{color:#9e4f22;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.safety-note p{margin:0}.footer{background:#04111d;color:#fff;padding:52px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:center}.footer-main img{background:#fff;padding:8px 12px;border-radius:8px;width:250px}.footer-main p{color:#8299a9;margin:10px 0 0}.footer-links{display:flex;gap:28px;color:#c1d1dc;font-size:.86rem}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;color:#668092;font-size:.75rem}.noscript{position:fixed;bottom:0;left:0;right:0;background:#c33;color:#fff;padding:12px;text-align:center;z-index:999}


@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none;opacity:1;transform:none}*{transition:none!important}}


/* Wikiloc + navegacion GPS */
.wikiloc-panel{grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr)}
.wikiloc-wrap{position:relative;min-height:650px;background:#e8eef1;overflow:hidden}
.wikiloc-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#e8eef1}
.wikiloc-loader{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:14px;background:linear-gradient(135deg,#e9f1f4,#d8e5ea);color:#536776;transition:opacity .25s,visibility .25s}
.wikiloc-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.wikiloc-loader span{width:34px;height:34px;border-radius:50%;border:4px solid rgba(7,26,43,.16);border-top-color:var(--blue);animation:wikiloc-spin .8s linear infinite}
.wikiloc-loader strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
@keyframes wikiloc-spin{to{transform:rotate(360deg)}}
.wikiloc-button{background:#4c8c2b;color:#fff;border-color:#4c8c2b;box-shadow:0 10px 24px rgba(76,140,43,.2)}
.departure{padding:18px;margin-top:22px;background:linear-gradient(145deg,#eef5f8,#f8fbfc);border:1px solid #dce7ec}
.departure-heading{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.departure-pin{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:var(--lime);font-size:1.35rem}
.departure-heading small{margin-top:1px}
.departure-heading strong{font-size:.92rem;line-height:1.35;margin-top:5px}
.departure-drive{display:inline-flex;margin:14px 0 0;padding:7px 10px;border-radius:99px;background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(7,26,43,.06)}
.departure-help{margin:11px 0 15px!important;color:var(--muted);font-size:.78rem!important;line-height:1.4}
.departure-actions{display:grid;grid-template-columns:1fr auto;gap:9px}
.departure-actions .button{min-height:50px;padding-inline:16px;font-size:.72rem}
.copy-address{border:1px solid #cbd8df;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;padding:0 13px;cursor:pointer}
.route-gps{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:42px;border-radius:9px;background:#eef6fa;color:#176ca8;font-size:.78rem;font-weight:850;transition:.2s}
.route-gps:hover{background:#dfedf5;transform:translateY(-1px)}
.drive-destination{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.drive-destination>span{line-height:1.35}
.drive-go{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:0 12px;border-radius:9px;background:var(--blue);color:#fff;font-weight:850;font-size:.74rem}




.route-card .route-stats{margin-top:auto}


/* GPS y mapas de Wikiloc: revision julio 2026 */
.wikiloc-wrap iframe{display:block;color-scheme:light;width:100%;height:100%;border:0}
.maps-address-link,.drive-address,.route-start-address{color:inherit;text-decoration:none}
.maps-address-link{display:block;margin-top:5px;font-size:.92rem;line-height:1.42;font-weight:850;border-radius:8px;transition:color .2s}
.maps-address-link:hover,.maps-address-link:focus-visible{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.gps-button{gap:9px;min-width:108px}
.gps-button svg,.drive-go svg,.route-gps-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.route-start{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-top:11px;padding:11px;border:1px solid #dce7ec;border-radius:12px;background:#f3f8fa}
.route-start-address{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1px 3px;border-radius:7px}
.route-start-address small{color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.route-start-address span{display:block;margin-top:3px;color:var(--ink);font-size:.76rem;font-weight:760;line-height:1.32}
.route-start-address:hover span,.route-start-address:focus-visible span{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.route-gps-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:72px;padding:0 11px;border-radius:9px;background:var(--blue);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.045em;transition:transform .2s,background .2s}
.route-gps-button:hover,.route-gps-button:focus-visible{background:#176ca8;transform:translateY(-1px)}
.drive-address{display:block;min-width:0;color:var(--ink);font-weight:720;line-height:1.42;border-radius:6px}
.drive-address:hover,.drive-address:focus-visible{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.drive-go{gap:6px;min-width:78px;letter-spacing:.04em}
.drive-go:hover,.drive-go:focus-visible{background:#176ca8;transform:translateY(-1px)}
.map-button-icon{font-size:1.1rem!important;line-height:1}

.expedition-media{margin-top:34px}
.video-card{margin:0;padding:16px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,#ffffff,#eef4f7);box-shadow:var(--shadow)}
.video-frame{position:relative;overflow:hidden;border-radius:20px;background:#08121a;aspect-ratio:16/9}
.expedition-video{display:block;width:100%;height:100%;object-fit:cover;background:#08121a}
.video-card figcaption{margin-top:12px;color:var(--muted);font-size:.82rem;line-height:1.5}




/* Responsive moderno para movil (vertical) */
@media (max-width: 980px){
  :root{--shell:min(100% - 30px,1240px)}
  .section{padding:78px 0}
  .topbar-inner{height:74px}
  .brand img{width:196px}
  .menu-toggle{display:block;z-index:910}
  .main-nav{position:fixed;top:0;left:0;right:0;height:100dvh;background:linear-gradient(155deg,rgba(4,17,29,.98),rgba(6,31,49,.98));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:1.06rem;transform:translateX(100%);transition:transform .35s ease;backdrop-filter:blur(8px);overflow-y:auto;z-index:905}
  .menu-open .main-nav{transform:none}
  .hero{min-height:760px;max-height:none;padding-top:76px}
  .hero-content{padding-top:13vh}
  .hero h1{font-size:clamp(3.25rem,15.2vw,5.6rem);line-height:.84}
  .hero-lead{max-width:95%;font-size:1rem}
  .hero-actions{flex-direction:column;align-items:stretch;max-width:420px}
  .hero-actions .button{width:100%}
  .hero-metrics{position:relative;left:auto;bottom:auto;transform:none;margin-top:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:0;padding-top:0}
  .hero-metrics div{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px;background:rgba(4,23,38,.42)}
  .hero-metrics div:first-child{padding-left:14px}
  .hero-metrics strong{font-size:1.28rem}
  .hero-metrics span{font-size:.64rem}
  .intro-grid,.logistics-grid{grid-template-columns:1fr;gap:34px}
  .intro-copy{padding-top:0}
  .expedition-media{margin-top:24px}
  .video-card{padding:14px;border-radius:22px}
  .trip-band{grid-template-columns:repeat(2,1fr)}
  .trip-band article{border-right:1px solid var(--line)}
  .trip-band article:nth-child(2n){border-right:0}
  .trip-band article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section-heading{display:block}
  .section-heading > p{margin-top:18px;max-width:100%}
  .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-card{min-height:460px}
  .explorer-panel,.wikiloc-panel{grid-template-columns:1fr}
  .map-wrap,.wikiloc-wrap{min-height:500px}
  .route-detail{min-height:0;padding:28px}
  .profile-wrap{padding:20px}
  .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px){
  :root{--shell:min(100% - 22px,1240px)}
  .section{padding:64px 0}
  .hero{min-height:690px}
  .hero-grid{opacity:.09}
  .hero-glow{right:-220px;top:62px;transform:scale(.68)}
  .hero h1{font-size:clamp(2.8rem,16vw,4.2rem);margin:24px 0 18px}
  .hero-date{font-size:1.55rem;gap:9px}
  .video-card{padding:12px;border-radius:18px}
  .video-frame{border-radius:14px}
  .trip-band{grid-template-columns:1fr}
  .trip-band article{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .trip-band article:last-child{border-bottom:0!important}
  .route-grid{grid-template-columns:1fr}
  .route-card{min-height:0;padding:24px}
  .route-stats{margin-bottom:18px}
  .route-start{grid-template-columns:minmax(0,1fr) 74px}
  .route-start-address span{font-size:.73rem}
  .route-gps-button{min-height:46px;padding:0 8px}
  .route-tabs{gap:6px;padding-bottom:10px}
  .route-tab{font-size:.74rem;padding:8px 12px}
  .wikiloc-wrap{min-height:420px;border-radius:16px}
  .detail-title{font-size:1.75rem}
  .detail-metrics{grid-template-columns:1fr}
  .detail-actions{padding-top:18px}
  .detail-actions .button{width:100%}
  .departure-actions{grid-template-columns:1fr}
  .copy-address{min-height:46px}
  .drive-table{border:0;background:transparent;overflow:visible}
  .drive-head{display:none}
  .drive-row{grid-template-columns:1fr auto;gap:8px 14px;align-items:start;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff!important;box-shadow:0 8px 24px rgba(7,26,43,.05)}
  .drive-route{grid-column:1/-1;font-weight:820}
  .drive-time,.drive-distance{font-size:.78rem;color:var(--muted)}
  .drive-destination{grid-column:1/-1;grid-template-columns:1fr;gap:11px;padding-top:8px;border-top:1px solid var(--line)}
  .drive-go{min-height:46px;justify-content:center}
  .kit-grid{grid-template-columns:1fr}
  .safety-note{display:block}
  .footer-main,.footer-bottom{display:block}
  .footer-links{flex-direction:column;gap:10px;margin-top:20px}
}

@media (max-width: 480px) and (orientation: portrait){
  .topbar-inner{height:68px}
  .brand img{width:168px}
  .menu-toggle{width:42px;height:42px;padding:10px}
  .hero{min-height:650px}
  .hero-content{padding-top:12vh}
  .hero-actions{margin-top:26px}
  .button{min-height:48px;font-size:.74rem}
  .hero-metrics{grid-template-columns:1fr;gap:8px}
  .hero-metrics div{padding:10px 12px}
  .intro h2,.section-heading h2,.logistics-copy h2{font-size:clamp(1.9rem,9vw,2.45rem)}
  .expedition-media{margin-top:20px}
  .route-detail{padding:20px}
  .wikiloc-wrap{min-height:360px}
  .departure{padding:14px}
  .departure-pin{width:38px;height:38px;font-size:1.15rem}
  .departure-heading{grid-template-columns:38px 1fr;gap:9px}
  .gps-button,.route-gps-button,.drive-go{font-size:.71rem}
  .footer{padding:42px 0 20px}
}