.catalogue-page{width:88%;max-width:1100px;margin:auto}.catalogue-hero{padding:76px 0 70px;max-width:900px}.kicker{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 20px;color:#526671}.catalogue-hero h1{font-family:var(--title);font-size:clamp(42px,5.5vw,72px);line-height:1.12;letter-spacing:-2.8px;font-weight:800;margin:0 0 28px}.catalogue-hero h1 span{font-weight:500}.catalogue-hero .intro{font-size:21px;line-height:1.65;max-width:670px;margin:0 0 18px;text-align:left}.origin-line{color:#60717c;font-size:14px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-top h2{font-size:28px;letter-spacing:-.8px;line-height:1.3;margin:0;font-weight:800}.section-top .kicker{margin-bottom:10px}.route-section{padding:30px;border:1px solid #dce8ec;border-radius:26px;background:linear-gradient(120deg,#f7fcfe,#fffef4);margin-bottom:76px}.text-button{border:0;background:none;padding:8px 0;font:600 14px var(--body);color:var(--ink);cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#adbdc4;flex-shrink:0}.route-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.route-tile{position:relative;display:flex;flex-direction:column;text-align:left;padding:23px;border:1px solid #dce6e9;border-radius:18px;background:white;color:var(--ink);font-family:var(--body);cursor:pointer;transition:transform .2s,border-color .2s}.route-tile:hover{transform:translateY(-3px);border-color:#96bccd}.route-number{font-size:12px;font-weight:650;color:#617982;margin-bottom:20px}.route-tile h3{font-family:var(--title);font-size:18px;font-weight:800;line-height:1.45;letter-spacing:-.3px;margin:0 0 20px}.route-foot{margin-top:auto;font-size:13px;display:flex;justify-content:space-between;gap:10px}.route-foot b{font-size:22px;font-weight:400}.catalogue-heading{margin-bottom:12px}.preview-label{font-size:12px;border:1px solid #dce6e9;padding:6px 12px;border-radius:99px;white-space:nowrap}.preview-note{font-size:14px;color:#61717b;margin:0 0 26px}#filters label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}#filters input,#filters select{width:100%;font:400 15px var(--body);color:var(--ink);border:1px solid #d4e1e6;border-radius:14px;padding:15px 17px;background:white;min-width:0}#filters input{padding:19px 22px;background:#f8fafb;font-size:17px;border-radius:18px}#filters select{padding-right:30px}.filter-row{display:grid;grid-template-columns:1fr .8fr 1.3fr;gap:16px;margin-top:20px}.results-line{display:flex;align-items:center;justify-content:space-between;min-height:70px}.results-line p{font-size:14px;color:#61717b;margin:0}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.note-card{display:flex;flex-direction:column;padding:26px 24px;border:1px solid #dce6e9;border-radius:22px;min-height:326px;background:white}.note-category{display:inline-block;align-self:flex-start;background:#f5ed83;color:#24394c;border-radius:99px;font-size:11px;line-height:1.4;font-weight:600;padding:7px 11px;max-width:100%}.note-card h3{font:800 22px/1.35 var(--title);letter-spacing:-.65px;margin:22px 0 14px;overflow-wrap:anywhere}.note-card p{font-size:15px;line-height:1.65;color:#526672;margin:0 0 25px;text-align:left}.note-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f3;padding-top:17px;font-size:11px;color:#647783}.year-pill{background:#e8f3fa;color:#385a72;padding:6px 10px;border-radius:99px}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:38px 0 80px}.pill-button{border:1px solid #d4e1e6;border-radius:99px;background:white;padding:11px 18px;color:var(--ink);font:600 14px var(--body);cursor:pointer}.pill-button:disabled{opacity:.4;cursor:default}#page-status{font-size:14px;color:#61717b}#empty{text-align:center;padding:45px 15px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3395b7;outline-offset:4px}[hidden]{display:none!important}.site-footer{margin-top:0} @media(max-width:900px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-section{padding:24px}.route-tile{padding:18px}.route-tile h3{font-size:16px}.filter-row{grid-template-columns:1fr 1fr}.filter-row label:last-child{grid-column:1/-1}}@media(max-width:600px){.catalogue-hero{padding:48px 0}.catalogue-hero h1{letter-spacing:-1.6px;font-size:43px}.catalogue-hero .intro{font-size:18px}.section-top{align-items:flex-start;flex-direction:column;gap:14px}.section-top h2{font-size:25px}.route-preview{grid-template-columns:1fr;gap:12px}.route-tile{padding:20px}.route-tile h3{font-size:19px;margin:0 0 12px}.route-number{margin-bottom:10px}.route-section{padding:23px;margin-bottom:48px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:0;padding:25px}.note-card h3{font-size:24px}.filter-row{grid-template-columns:1fr}.filter-row label:last-child{grid-column:auto}.pagination{gap:12px}.pill-button{font-size:12px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.route-tile{transition:none}}
/* r4: navegación por rutas y secuencia vertical */
.route-browser{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}.routes-sidebar{position:sticky;top:115px;max-height:calc(100vh - 145px);overflow:auto;padding-right:8px;scrollbar-width:thin}.routes-sidebar summary{font:750 15px var(--title);cursor:pointer;list-style:none;margin-bottom:16px}.routes-sidebar summary::-webkit-details-marker{display:none}.route-nav-button{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:14px;background:transparent;text-align:left;padding:12px 14px;margin:3px 0;color:#526672;font:500 13px/1.5 var(--body);cursor:pointer}.route-nav-button small{font-size:11px;flex-shrink:0;line-height:20px}.route-nav-button:hover{background:#f3f8fa}.route-nav-button[aria-pressed=true]{background:#e8f3fa;color:#142b40;font-weight:700}.route-content{min-width:0}.route-content .filter-row{grid-template-columns:1.2fr 1fr}.selected-route{margin-top:35px}.selected-route h2{font:800 28px/1.35 var(--title);letter-spacing:-.6px;margin:0 0 10px}.selected-route p{font-size:15px;line-height:1.65;color:#61717b;margin:0;text-align:left}.route-content .results-line{min-height:62px}.route-content .notes-grid{display:block}.route-content .note-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;border:0;border-top:1px solid #dce6e9;border-radius:0;padding:28px 0;min-height:0}.step-marker{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d5e5ed;background:white;border-radius:50%;font:650 12px var(--body);color:#41657a;position:relative;z-index:1;margin-top:2px}.note-card:not(:last-child)::after{content:'';position:absolute;left:18px;top:66px;bottom:-28px;width:1px;background:#dfebf0}.note-copy{min-width:0}.route-content .note-card h3{margin:14px 0 10px;font-size:24px;letter-spacing:-.6px;line-height:1.4}.route-content .note-card p{margin:0 0 15px}.route-content .note-bottom{border:0;padding-top:0;justify-content:flex-start;gap:16px}.route-content .note-category{font-size:11px}.route-content .pagination{margin-bottom:65px}.catalogue-section{margin-bottom:70px}.all-notes .step-marker{font-size:0;width:11px;height:11px;background:#c4e3f2;border:0;margin:13px}.all-notes .note-card::after{display:none}@media(max-width:900px){.route-browser{grid-template-columns:215px minmax(0,1fr);gap:26px}}@media(max-width:700px){.route-browser{display:block}.routes-sidebar{position:static;max-height:none;padding:0;margin:0 0 28px;border:1px solid #dce6e9;border-radius:18px}.routes-sidebar summary{padding:16px;margin:0;list-style:revert}.routes-sidebar nav{max-height:330px;overflow:auto;padding:0 10px 12px}.route-content .filter-row{grid-template-columns:1fr 1fr}.selected-route h2{font-size:25px}.route-content .note-card{grid-template-columns:32px minmax(0,1fr);gap:12px}.step-marker{width:30px;height:30px}.note-card:not(:last-child)::after{left:15px}.route-content .note-card h3{font-size:22px}.route-content .note-bottom{flex-wrap:wrap;gap:8px}.all-notes .step-marker{margin-left:10px}}

/* r5: tarjetas verticales y selección más visible */
.route-nav-button{border:1px solid transparent}
.route-nav-button[aria-pressed=true]{background:#dceef8;border-color:#a8cbde;box-shadow:inset 4px 0 0 #4683a3;color:#142b40}
.route-nav-button[aria-pressed=true] small{background:#fff;border-radius:99px;padding:0 6px}
.route-content .notes-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.route-content .note-card{border:1px solid #d9e5eb;border-radius:22px;padding:26px;gap:20px;background:#fff;box-shadow:0 3px 14px rgba(20,43,64,.025)}
.route-content .note-card:not(:last-child)::after{display:none}
.route-content .step-marker{background:#eef6fa;border-color:#d3e6ef;color:#345f76}
.route-content .note-card h3{margin-top:15px}
.route-content .note-bottom{margin-top:20px}
@media(max-width:700px){.route-content .filter-row{grid-template-columns:minmax(0,1fr)}.route-content .note-card{padding:21px 18px;gap:12px;border-radius:20px;grid-template-columns:30px minmax(0,1fr)}.route-content .notes-grid{gap:15px}.route-content .note-card h3{font-size:21px}.route-content .note-bottom{margin-top:16px}}

/* r6: buscador y filtros agrupados */
.route-content #filters{padding:26px;background:#edf6fa;border:1px solid #dcebf2;border-radius:24px}
.route-content #filters input,.route-content #filters select{background:#fff;border-color:#d4e2e9}
.route-content #filters input{padding:16px 18px}
.route-content #filters .filter-row{margin-top:18px}
@media(max-width:700px){.route-content #filters{padding:20px 18px;border-radius:22px}.route-content #filters input{font-size:16px;padding:15px 13px}.route-content #filters select{padding:14px 13px}}

/* r7: contorno transparente como fuentes */
.route-content #filters{background:transparent;border:1px solid var(--line);border-radius:20px;box-shadow:none}
@media(max-width:500px){.route-content #filters{border-radius:16px}}

.note-card.is-available{position:relative}.note-card.is-available h3 a{color:inherit;text-decoration:none}.note-card.is-available h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.note-card.is-available:hover{border-color:#84b7bc;background:#fbfefe}.note-card.is-available:focus-within{outline:2px solid var(--ink);outline-offset:3px}.note-card.is-available .note-bottom>span:last-child{color:var(--ink);font-weight:600}

/* Same soft gradient as the map starting-point panel. */
.route-content #filters{background:linear-gradient(120deg,#f7fcfe,#fffef4);border-color:#dce8ec}

/* Trial: gradient on learning routes instead of search filters. */
.route-content #filters{background:transparent;border-color:var(--line)}
.routes-sidebar{background:linear-gradient(120deg,#f7fcfe,#fffef4);border:1px solid #dce8ec;border-radius:24px;padding:22px 16px}
@media(max-width:700px){.routes-sidebar{padding:0;border-radius:20px}}

/* White selected route and no inherited details separator. */
.route-nav-button[aria-pressed=true]{background:#fff;border-color:#dce6e9;box-shadow:none}
.routes-sidebar #route-menu{border-top:0;padding:0}