/* Catálogo compacto: cinco estados por fila, con progreso editorial explícito. */
.state-directory .destination-grid,.states-section .states-compact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:0;scroll-snap-type:none}
.state-directory .destination-card,.states-section .compact-state-card{position:relative;display:flex;flex-direction:column;height:170px;min-height:0;min-width:0;padding:0;border-radius:12px;overflow:hidden;isolation:isolate;border:1px solid #34404e;background:#111b25;box-shadow:0 4px 16px #0002;transition:transform .22s,border-color .22s,box-shadow .22s}
.state-directory .destination-card[hidden]{display:none}
.state-directory .destination-card:after{display:none}
.state-directory .destination-card img,.states-section .compact-state-card img{position:relative;inset:auto;width:100%;height:96px;min-height:96px;object-fit:cover;opacity:1;z-index:0;transition:transform .4s,filter .4s}
.state-directory .destination-caption,.states-section .compact-state-card .state-card-label{position:relative;inset:auto;display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#111b25;z-index:1;min-width:0}
.state-directory .destination-caption h2,.states-section .compact-state-card h3{font:600 15px/1.2 system-ui,sans-serif;letter-spacing:0;margin:0;overflow-wrap:normal;word-break:normal;color:#f4f7fa}
.state-directory .destination-caption>div>span{display:none}
.state-directory .destination-arrow,.states-section .compact-state-card .round-arrow{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #566879;border-radius:50%;color:#d4deea;background:transparent}
.state-directory .destination-arrow svg,.states-section .compact-state-card .round-arrow svg{width:13px;height:13px}
.state-directory .destination-card.is-complete,.states-section .compact-state-card.is-complete{border-color:#30bb88;box-shadow:inset 0 0 0 1px #30bb881a,0 4px 16px #0002}
.state-directory .is-complete .destination-caption,.states-section .is-complete .state-card-label{background:#103a2d}
.state-directory .is-complete .destination-arrow,.states-section .is-complete .round-arrow{border-color:#61d6a8;color:#b2f4d6}
.state-directory .destination-card:hover,.state-directory .destination-card:focus-visible,.states-section .compact-state-card:hover,.states-section .compact-state-card:focus-visible{transform:translateY(-3px);border-color:#8da8c0;box-shadow:0 8px 22px #0005;outline:2px solid #b8d6f0;outline-offset:3px}
.state-directory .destination-card.is-complete:hover,.states-section .compact-state-card.is-complete:hover{border-color:#82f3c2;box-shadow:0 8px 22px #0e9c6330}
.state-directory .destination-card:hover img,.states-section .compact-state-card:hover img{transform:scale(1.045);filter:saturate(1.1)}
.state-directory .directory-heading h1{font-size:clamp(27px,3vw,42px);margin:0 0 6px}.state-directory .directory-heading p{font-size:15px;margin:0 0 14px}.state-directory .directory-tools{gap:14px;margin:16px 0}.state-directory .region-filters button{font:500 13px/1.4 system-ui,sans-serif;padding:8px 15px}.state-directory .directory-search{padding:4px 14px}.states-section .section-title{margin-bottom:12px}
@media(max-width:1099px){.state-directory .destination-grid,.states-section .states-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:899px){.state-directory .destination-grid,.states-section .states-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.state-directory .directory-tools{flex-wrap:wrap}.state-directory .directory-search{flex-basis:100%;max-width:none}.state-directory .region-filters{flex-wrap:wrap;gap:8px}}
@media(max-width:599px){.state-directory .destination-grid,.states-section .states-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-directory .destination-card,.states-section .compact-state-card{height:158px}.state-directory .destination-card img,.states-section .compact-state-card img{height:86px;min-height:86px}.state-directory .destination-caption,.states-section .compact-state-card .state-card-label{padding:9px 10px;gap:5px}.state-directory .destination-caption h2,.states-section .compact-state-card h3{font-size:14px}.state-directory .destination-arrow,.states-section .compact-state-card .round-arrow{width:20px;height:20px;flex-basis:20px}.state-directory .directory-heading p{font-size:13px}.state-directory .directory-tools{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.state-directory .destination-card,.state-directory .destination-card img,.states-section .compact-state-card,.states-section .compact-state-card img{transition:none;transform:none!important}}
.states-section .compact-state-card .state-card-label{position:relative!important;backdrop-filter:none}
.states-section .compact-state-card:after{display:none}
/* Variación discreta de color, sin etiquetas de progreso. */
.state-directory .destination-card.is-complete,.states-section .compact-state-card.is-complete{border-color:#3b6858;box-shadow:0 4px 16px #0002}
.state-directory .is-complete .destination-caption,.states-section .is-complete .state-card-label{background:#182c25}
.state-directory .is-complete .destination-arrow,.states-section .is-complete .round-arrow{border-color:#5b8774;color:#bed5c8}
.state-directory .destination-card.is-complete:hover,.states-section .compact-state-card.is-complete:hover{border-color:#6d9d87;box-shadow:0 8px 22px #0005}

/* Guías completas de los cinco estados: azul. */
.state-directory .destination-card.is-editorial,.states-section .compact-state-card.is-editorial{border-color:#48a9e8;box-shadow:0 4px 16px #0002}
.state-directory .is-editorial .destination-caption,.states-section .is-editorial .state-card-label{background:#123449}
.state-directory .is-editorial .destination-arrow,.states-section .is-editorial .round-arrow{border-color:#69c8ff;color:#c2eaff}
.state-directory .destination-card.is-editorial:hover,.states-section .compact-state-card.is-editorial:hover{border-color:#a3ddff;box-shadow:0 8px 22px #12699b40}