/* Enduro Nalón Fase 3 · Estilos aislados: no modifican otras páginas */
.rutas-body{--en-lima:#dcff49;--en-fondo:#101913;--en-linea:rgba(255,255,255,.17);background:#101913 url('../imagen/img.jpg') center top/cover no-repeat fixed;color:#f5f8f3;margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:left}
.rutas-body *,.rutas-body *::before,.rutas-body *::after{box-sizing:border-box}
.rutas-body h1,.rutas-body h2,.rutas-body h3{color:#fff;margin-top:0;line-height:1.14}
.rutas-body a{color:inherit}
.rutas-body button,.rutas-body input,.rutas-body select,.rutas-body textarea{font:inherit}
.rutas-body :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--en-lima);outline-offset:3px}
.rutas-skip{position:absolute;left:12px;top:-80px;z-index:99;background:var(--en-lima);color:#101913!important;padding:10px}.rutas-skip:focus{top:8px}
.rutas-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(18px,calc((100% - 1190px)/2));background:rgba(8,14,10,.91);border-bottom:1px solid var(--en-linea)}
.rutas-logo{display:flex;align-items:center;gap:8px;font-weight:900;text-decoration:none;white-space:nowrap;font-size:17px;letter-spacing:.02em}.rutas-logo strong{color:var(--en-lima)}.rutas-logo span{background:var(--en-lima);color:#111;padding:11px;border-radius:8px}
.rutas-nav{display:flex;gap:18px;align-items:center}.rutas-nav a{text-decoration:none;font-size:14px;font-weight:650}.rutas-nav a[aria-current],.rutas-nav a:hover{color:var(--en-lima)}
.rutas-header #authTopbar{position:static;inset:auto;width:auto;background:none;padding:0;box-shadow:none;display:flex;align-items:center}.rutas-header .user-menu{display:flex;gap:8px;align-items:center}.rutas-header .auth-btn,.rutas-header .logout-btn{border-radius:7px;border:1px solid var(--en-linea);background:#29362a;color:#fff;padding:10px 12px;font-size:13px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.rutas-header .logout-btn{background:transparent;color:var(--en-lima)}
.rutas-main{max-width:1240px;margin:0 auto;padding:0 20px 54px}.rutas-hero{padding:75px clamp(22px,5vw,65px);min-height:300px;background:linear-gradient(90deg,rgba(5,10,7,.88),rgba(5,10,7,.27));border-radius:0 0 16px 16px}.rutas-hero h1{font-size:clamp(39px,6vw,74px);margin:0 0 17px}.rutas-hero h1 span{color:var(--en-lima)}.rutas-hero>p:last-child{max-width:670px;font-size:clamp(16px,2vw,19px);line-height:1.6;color:#eff5eb}.rutas-eyebrow{color:var(--en-lima);font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 12px}
.rutas-panel,.rutas-nota{background:rgba(8,15,11,.9);border:1px solid var(--en-linea);border-radius:16px;padding:clamp(20px,3vw,34px);margin-top:22px;backdrop-filter:blur(7px)}.rutas-section-header{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.rutas-section-header h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}.rutas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.rutas-card{min-width:0;border-radius:12px;padding:22px;background:rgba(27,42,30,.94);border:1px solid var(--en-linea)}.rutas-card h3{font-size:24px;margin:4px 0 12px;overflow-wrap:anywhere}.rutas-tag{display:inline-block;color:var(--en-lima);font-size:12px;letter-spacing:.08em;font-weight:800}.rutas-meta{display:grid;gap:8px;margin:16px 0;color:#e3ecdf;font-size:14px}.rutas-meta p{margin:0;line-height:1.5}.rutas-capacidad{font-size:14px;font-weight:700;margin:14px 0}.rutas-capacidad strong{color:var(--en-lima)}.rutas-privado{margin:14px 0;padding:13px;border-left:3px solid var(--en-lima);background:#18291b;overflow-wrap:anywhere;line-height:1.55}.rutas-privado b{display:block;color:var(--en-lima)}.rutas-card__actions{display:flex;gap:10px;flex-wrap:wrap}.rutas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;font-size:14px;font-weight:750;padding:12px 16px;cursor:pointer;text-decoration:none;border:1px solid var(--en-linea)}.rutas-btn--primary{background:var(--en-lima);color:#111!important;border-color:var(--en-lima)}.rutas-btn--ghost{background:rgba(255,255,255,.07);color:white!important}.rutas-btn:disabled{cursor:not-allowed;opacity:.65}.rutas-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rutas-form label{display:block;margin-bottom:7px;font-weight:700;font-size:14px}.rutas-form :is(input,select,textarea){width:100%;min-height:47px;background:#17251a;border:1px solid #849a86;border-radius:7px;color:white;padding:11px 12px;font-size:16px}.rutas-form option{background:#17251a}.rutas-wide{grid-column:1/-1}.rutas-nota{line-height:1.7;color:#dbe6d9}.rutas-nota h2{font-size:22px}.rutas-nota a{color:var(--en-lima)}.rutas-footer{background:rgba(5,10,7,.9);text-align:center;padding:25px;line-height:1.7;color:#dae3d8}.rutas-footer a{text-underline-offset:4px}.rutas-body [hidden]{display:none!important}
@media(max-width:860px){.rutas-body{background-size:100% auto;background-attachment:scroll;background-color:#101913}.rutas-header{flex-wrap:wrap}.rutas-nav{order:3;width:100%;justify-content:space-between;overflow-x:auto;gap:14px;padding:7px 0}.rutas-nav a{white-space:nowrap}.rutas-main{padding:0 14px 45px}.rutas-hero{padding:44px 24px;min-height:260px;background:linear-gradient(90deg,rgba(5,10,7,.9),rgba(5,10,7,.63))}}
@media(max-width:560px){.rutas-logo{font-size:13px}.rutas-logo span{padding:9px}.rutas-header .auth-btn,.rutas-header .logout-btn{padding:9px;font-size:12px}.rutas-hero{min-height:220px;padding:38px 19px}.rutas-hero h1{font-size:clamp(36px,10vw,54px)}.rutas-form{grid-template-columns:1fr}.rutas-wide{grid-column:auto}.rutas-panel{padding:20px}.rutas-btn{max-width:100%;}.rutas-card__actions .rutas-btn{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){.rutas-body *{scroll-behavior:auto!important;transition:none!important}}