/* TrailLab v223 · Catalunya Summit Collection */
.summit-atlas-v223{position:relative;overflow:hidden;padding:0!important;border-color:color-mix(in srgb,var(--tl-gold) 36%,var(--tl-border))!important;background:linear-gradient(155deg,#0b2026,#071419)!important}
.summit-atlas-v223::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,rgba(242,193,78,.11),transparent 34%),linear-gradient(140deg,transparent 0 72%,rgba(49,214,179,.035));pointer-events:none}
.summit-atlas-v223>*{position:relative;z-index:1}
.summit-atlas-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:25px 26px 20px;border-bottom:1px solid var(--tl-border);background:linear-gradient(135deg,rgba(242,193,78,.06),rgba(49,214,179,.025))}
.summit-atlas-head h3{margin:5px 0 7px!important;font-family:var(--tl-font-display);font-size:2rem!important;letter-spacing:.035em}.summit-atlas-head p{max-width:760px!important;font-size:.75rem;line-height:1.6}.summit-atlas-head .btn-prim{min-width:230px!important;min-height:45px;border:0;border-radius:11px;font-weight:850;box-shadow:0 12px 28px rgba(166,232,44,.16)}
.summit-atlas-progress{display:grid;grid-template-columns:120px minmax(340px,.8fr) minmax(280px,1fr);gap:15px;align-items:center;margin:18px 25px;padding:17px;border:1px solid var(--tl-border);border-radius:17px;background:color-mix(in srgb,var(--tl-panel-raised) 82%,transparent)}
.summit-ring{--pct:0;position:relative;display:grid;place-items:center;align-content:center;width:102px;height:102px;border-radius:50%;background:radial-gradient(circle at center,var(--tl-panel) 58%,transparent 60%),conic-gradient(var(--tl-accent) calc(var(--pct)*1%),var(--tl-border) 0)}.summit-ring::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.summit-ring b,.summit-ring span{position:relative;z-index:1;display:block;text-align:center}.summit-ring b{font-family:var(--tl-font-display);font-size:1.55rem}.summit-ring span{margin-top:-2px;color:var(--tl-text-3);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}
.summit-atlas-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.summit-atlas-kpis article{min-height:72px;padding:11px;border:1px solid var(--tl-border);border-radius:12px;background:var(--tl-canvas)}.summit-atlas-kpis b,.summit-atlas-kpis span{display:block}.summit-atlas-kpis b{font-family:var(--tl-font-display);font-size:1.35rem;color:var(--tl-text)}.summit-atlas-kpis b i{margin-left:2px;color:var(--tl-text-3);font:700 .62rem var(--tl-font-ui)}.summit-atlas-kpis span{margin-top:3px;color:var(--tl-text-3);font-size:.58rem}
.summit-atlas-copy b,.summit-atlas-copy span{display:block}.summit-atlas-copy b{font-size:.86rem}.summit-atlas-copy span{margin-top:5px;color:var(--tl-text-3);font-size:.68rem;line-height:1.5}.summit-atlas-copy>div{height:6px;margin-top:12px;border-radius:99px;background:var(--tl-border);overflow:hidden}.summit-atlas-copy i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tl-teal),var(--tl-accent),var(--tl-gold));box-shadow:0 0 12px rgba(166,232,44,.32)}
.summit-status-v223{margin:0 25px 15px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--tl-teal) 30%,var(--tl-border));border-radius:11px;background:color-mix(in srgb,var(--tl-teal) 7%,var(--tl-panel));color:var(--tl-teal);font-size:.7rem}
.summit-atlas-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 25px 14px}.summit-atlas-tools>label{display:block;flex:1;max-width:350px}.summit-atlas-tools label>span{display:block;margin-bottom:5px;color:var(--tl-text-3);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.summit-atlas-tools input{width:100%;height:42px;padding:0 13px;border:1px solid var(--tl-border);border-radius:11px;background:var(--tl-panel);color:var(--tl-text);font:inherit;font-size:.72rem;outline:0}.summit-atlas-tools input:focus{border-color:var(--tl-accent);box-shadow:0 0 0 3px rgba(166,232,44,.1)}
.summit-filter-row{display:flex;gap:5px;overflow:auto;padding-bottom:1px}.summit-filter-row button{min-height:39px;padding:0 11px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-panel);color:var(--tl-text-3);font-size:.61rem;font-weight:800;white-space:nowrap;cursor:pointer}.summit-filter-row button.active{border-color:var(--tl-accent);background:rgba(166,232,44,.1);color:var(--tl-accent)}
.summit-grid-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 25px 9px}.summit-grid-head b{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.summit-grid-head span{color:var(--tl-text-3);font-size:.63rem}
.summit-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 25px 24px}.summit-card-v223{--state:#71847e;position:relative;display:grid;grid-template-rows:170px auto auto;min-height:310px;padding:0;border:1px solid var(--tl-border);border-radius:16px;overflow:hidden;background:var(--tl-panel);color:var(--tl-text);text-align:left;cursor:pointer;transition:transform .2s var(--tl-motion),border-color .2s,box-shadow .2s}.summit-card-v223:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--state) 50%,var(--tl-border));box-shadow:var(--tl-shadow-sm)}.summit-card-v223.crowned{--state:var(--tl-accent);border-color:color-mix(in srgb,var(--tl-accent) 28%,var(--tl-border))}.summit-card-v223.discovered{--state:var(--tl-teal);border-color:color-mix(in srgb,var(--tl-teal) 25%,var(--tl-border))}.summit-card-v223.locked{--state:#6b7c78}
.summit-card-no,.summit-card-state{position:absolute;z-index:4;top:10px}.summit-card-no{left:10px;display:grid;place-items:center;width:31px;height:27px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(4,15,18,.7);font-family:var(--tl-font-display);font-size:.75rem;backdrop-filter:blur(8px)}.summit-card-state{right:10px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--state) 48%,transparent);border-radius:8px;background:rgba(4,15,18,.72);color:var(--state);font-size:.5rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.summit-card-art{display:block;height:170px;overflow:hidden;background:#08171c}.summit-art-svg{display:block;width:100%;height:100%}.summit-card-v223.locked .summit-art-svg{filter:grayscale(.8) contrast(.85);opacity:.68}.summit-card-v223.discovered .summit-art-svg{filter:saturate(.65)}
.summit-card-copy{display:block;padding:13px 14px 10px}.summit-card-copy b,.summit-card-copy small{display:block}.summit-card-copy b{font-family:var(--tl-font-display);font-size:1.05rem;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summit-card-copy small{margin-top:3px;color:var(--tl-text-3);font-size:.59rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summit-card-proof{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin:0 12px 12px;padding:8px 9px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-canvas)}.summit-card-proof b{font-family:var(--tl-font-display);font-size:.92rem;color:var(--state)}.summit-card-proof small{color:var(--tl-text-3);font-size:.55rem}.summit-card-proof i{color:var(--tl-text-3);font-size:.52rem;font-style:normal;text-align:right}.summit-card-proof.near b{color:var(--tl-teal)}
.summit-grid-empty{grid-column:1/-1;padding:40px;border:1px dashed var(--tl-border);border-radius:15px;text-align:center;color:var(--tl-text-3)}.summit-grid-empty b,.summit-grid-empty span{display:block}.summit-grid-empty b{color:var(--tl-text)}.summit-grid-empty span{margin-top:5px;font-size:.7rem}
.summit-atlas-v223>footer{margin:0!important;padding:14px 25px;border-top:1px solid var(--tl-border);background:var(--tl-canvas);color:var(--tl-text-3)!important;font-size:.59rem!important;line-height:1.55!important}

/* Ficha completa */
.summit-detail-v223{--state:#71847e;max-width:780px!important;padding:0!important;overflow:hidden!important}.summit-detail-v223.crowned{--state:var(--tl-accent)}.summit-detail-v223.discovered{--state:var(--tl-teal)}.summit-detail-v223>.close{z-index:9}.summit-detail-art{position:relative;height:290px;background:#07151a}.summit-detail-art .summit-art-svg{height:100%}.summit-detail-number,.summit-detail-badge{position:absolute;z-index:3;top:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(3,14,17,.7);backdrop-filter:blur(10px)}.summit-detail-number{left:18px;font-family:var(--tl-font-display)}.summit-detail-badge{right:55px;color:var(--state);font-size:.58rem;font-weight:900;letter-spacing:.09em}.summit-detail-body{padding:22px 25px 25px}.summit-detail-body h3{margin:5px 0 0;font-family:var(--tl-font-display);font-size:1.9rem;letter-spacing:.03em}.summit-detail-zone{margin:2px 0 18px;color:var(--state);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.summit-proof-panel{padding:14px;border:1px solid color-mix(in srgb,var(--tl-accent) 28%,var(--tl-border));border-radius:14px;background:rgba(166,232,44,.055)}.summit-proof-panel>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--tl-text-3);font-size:.58rem;letter-spacing:.08em}.summit-proof-panel>header b{color:var(--tl-accent)}.summit-proof-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.summit-proof-panel article{padding:10px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-canvas)}.summit-proof-panel article b,.summit-proof-panel article span{display:block}.summit-proof-panel article b{font-size:.86rem}.summit-proof-panel article span{margin-top:2px;color:var(--tl-text-3);font-size:.55rem}.summit-proof-panel>p{margin:9px 0 0;color:var(--tl-text-3);font-size:.62rem}
.summit-visit-list{display:grid;gap:6px;margin-top:11px}.summit-visit-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid var(--tl-border);border-radius:10px;background:var(--tl-panel-soft);color:var(--tl-text);text-align:left;cursor:pointer}.summit-visit-list button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--tl-accent);color:#102007;font-weight:900}.summit-visit-list b,.summit-visit-list small{display:block}.summit-visit-list b{font-size:.7rem}.summit-visit-list small{margin-top:2px;color:var(--tl-text-3);font-size:.57rem}.summit-visit-list i{color:var(--tl-accent);font-size:.58rem;font-style:normal;font-weight:800}
.summit-near-panel,.summit-locked-panel{padding:18px;border:1px solid color-mix(in srgb,var(--state) 30%,var(--tl-border));border-radius:14px;background:color-mix(in srgb,var(--state) 6%,var(--tl-panel))}.summit-near-panel b,.summit-near-panel span,.summit-locked-panel b,.summit-locked-panel span{display:block}.summit-near-panel b,.summit-locked-panel b{font-size:.86rem}.summit-near-panel span,.summit-locked-panel span{margin-top:5px;color:var(--tl-text-3);font-size:.69rem;line-height:1.55}.summit-near-panel>div{height:6px;margin-top:13px;border-radius:99px;background:var(--tl-border);overflow:hidden}.summit-near-panel i{display:block;height:100%;border-radius:inherit;background:var(--tl-teal)}
.summit-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.summit-detail-actions a,.summit-detail-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:10px;font:800 .68rem var(--tl-font-ui);text-decoration:none;cursor:pointer}.summit-detail-actions a{border:0;background:var(--tl-accent);color:#102007}.summit-detail-actions button{border:1px solid var(--tl-border);background:transparent;color:var(--tl-text-2)}

@media(max-width:1000px){.summit-atlas-progress{grid-template-columns:100px 1fr}.summit-atlas-copy{grid-column:1/-1}.summit-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summit-atlas-tools{display:grid}.summit-atlas-tools>label{max-width:none}}
@media(max-width:680px){.summit-atlas-head{display:grid;padding:20px}.summit-atlas-head .btn-prim{width:100%}.summit-atlas-progress{grid-template-columns:1fr;margin:14px 16px}.summit-ring{margin:auto}.summit-atlas-kpis{grid-template-columns:repeat(2,1fr)}.summit-status-v223,.summit-atlas-tools{margin-left:16px;margin-right:16px}.summit-filter-row{max-width:calc(100vw - 64px)}.summit-grid-head{margin-left:16px;margin-right:16px}.summit-collection-grid{grid-template-columns:1fr;padding:0 16px 18px}.summit-card-v223{grid-template-rows:190px auto auto}.summit-card-art{height:190px}.summit-detail-art{height:220px}.summit-proof-panel>div{grid-template-columns:1fr}.summit-detail-actions{display:grid;grid-template-columns:1fr}.summit-detail-actions a,.summit-detail-actions button{width:100%}.summit-atlas-v223>footer{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.summit-card-v223{transition:none!important}}

/* v263 · el pasaporte por bandas de altitud, para que las 60 tarjetas no se coman la pagina.
   Mismo lenguaje visual que las categorias plegables de Logros (v259): flecha propia que gira,
   contador de coronadas y barra de progreso en la cabecera. La rejilla pasa de la seccion padre a
   cada banda, para que `<details>` pueda plegar de verdad. */
.summit-bands-v263{display:flex;flex-direction:column;gap:10px;padding:0 25px 24px}
.summit-band-v263{border:1px solid var(--tl-border);border-radius:15px;background:var(--tl-panel);overflow:hidden}
.summit-band-v263[open]{background:transparent}
.summit-band-h{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;
  list-style:none;user-select:none;font-size:.9rem;transition:background .12s}
.summit-band-h::-webkit-details-marker{display:none}
.summit-band-h::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-right:2px;
  border-right:2px solid var(--tl-text-3);border-bottom:2px solid var(--tl-text-3);
  transform:rotate(-45deg);transition:transform .18s ease}
.summit-band-v263[open]>.summit-band-h::before{transform:rotate(45deg)}
.summit-band-h:hover{background:rgba(255,255,255,.035)}
.summit-band-h:focus-visible{outline:2px solid var(--tl-accent);outline-offset:-2px}
.summit-band-name{font-weight:800;color:var(--tl-text-1)}
.summit-band-count{font-weight:800;font-size:.78rem;color:var(--tl-accent);
  padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.06)}
.summit-band-shown{font-size:.72rem;color:var(--tl-text-3)}
.summit-band-bar{flex:1;min-width:40px;height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.summit-band-bar>i{display:block;height:100%;border-radius:4px;background:var(--tl-accent)}
.summit-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 14px 14px}
/* Cuando hay bandas, el contenedor deja de ser rejilla: la rejilla vive dentro de cada banda. */
.summit-collection-grid:has(.summit-bands-v263){display:block;padding:0}
@media(max-width:1000px){.summit-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summit-bands-v263{padding:0 16px 20px}}
@media(max-width:680px){.summit-band-grid{grid-template-columns:1fr;padding:0 12px 12px}
  .summit-band-h{flex-wrap:wrap;gap:7px;padding:12px 13px}
  .summit-band-bar{flex-basis:100%;min-width:0}}

/* v264 · las mismas bandas plegables para las otras dos colecciones: Cimas miticas de Europa
   (v234) y el atlas mundial (v227). Los estilos viven aqui, en el CSS que siempre se carga con
   Logros, para no repetir el mismo bloque tres veces. Cada modulo pone su propia rejilla dentro
   de la banda —`.europe-summit-grid`, `.world-summit-grid`— asi que sus media queries de siempre
   siguen valiendo tal cual. */
.eu-bands-v264,.world-bands-v264{display:flex;flex-direction:column;gap:10px}
.tl-band{border:1px solid var(--tl-border);border-radius:15px;background:var(--tl-panel);overflow:hidden}
.tl-band[open]{background:transparent}
.tl-band-h{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;
  list-style:none;user-select:none;font-size:.9rem;transition:background .12s}
.tl-band-h::-webkit-details-marker{display:none}
.tl-band-h::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-right:2px;
  border-right:2px solid var(--tl-text-3);border-bottom:2px solid var(--tl-text-3);
  transform:rotate(-45deg);transition:transform .18s ease}
.tl-band[open]>.tl-band-h::before{transform:rotate(45deg)}
.tl-band-h:hover{background:rgba(255,255,255,.035)}
.tl-band-h:focus-visible{outline:2px solid var(--tl-accent);outline-offset:-2px}
.tl-band-name{font-weight:800;color:var(--tl-text-1)}
.tl-band-count{font-weight:800;font-size:.78rem;color:var(--tl-accent);
  padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.06)}
.tl-band-shown{font-size:.72rem;color:var(--tl-text-3)}
.tl-band-bar{flex:1;min-width:40px;height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.tl-band-bar>i{display:block;height:100%;border-radius:4px;background:var(--tl-accent)}
.tl-band>.europe-summit-grid,.tl-band>.world-summit-grid{padding:0 14px 14px}
@media(max-width:580px){.tl-band-h{flex-wrap:wrap;gap:7px;padding:12px 13px}
  .tl-band-bar{flex-basis:100%;min-width:0}
  .tl-band>.europe-summit-grid,.tl-band>.world-summit-grid{padding:0 12px 12px}}