/* /cucuta — bloques propios de la página local (22-sep-2026).
   Todo sale de los tokens de tokens.css; aquí solo va la maqueta. */

.local-hero h1 {
    font-size: clamp(2.1rem, 4.2vw, 3.4rem);
    line-height: 1.05;
    max-width: 16ch;
}
.local-miga { font-size: var(--f-sm); color: var(--c-tinta-3); margin-bottom: 1rem; }
.local-miga a { color: var(--c-tinta-2); }
.local-ctas { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }

.local-bloque {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px 56px;
}
.local-bloque h2,
.local-h2-suelto {
    color: var(--c-tinta);
    font-family: var(--f-display);
    font-size: var(--f-2xl);
    margin: 0 0 1.25rem;
}
.local-bloque a { color: var(--c-oro-hondo); text-decoration: underline; text-underline-offset: 3px; }

.local-pasos {
    list-style: none;
    counter-reset: paso;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.local-pasos li {
    counter-increment: paso;
    background: var(--c-panel);
    border: 1px solid var(--c-linea);
    border-radius: var(--r-lg);
    padding: 22px;
    color: var(--c-tinta-2);
    line-height: 1.55;
}
.local-pasos li::before {
    content: counter(paso);
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--c-oro);
    color: #0c090c;
    font-weight: var(--p-fuerte);
    margin-bottom: 10px;
}
.local-pasos strong { display: block; color: var(--c-tinta); font-size: var(--f-lg); margin-bottom: 6px; }
.local-pasos p { margin: 0 0 .6rem; }

.local-cobertura {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.local-cobertura > div {
    border: 1px solid var(--c-linea);
    border-radius: var(--r-lg);
    padding: 20px;
    color: var(--c-tinta-2);
    line-height: 1.55;
}
.local-cobertura h3 { color: var(--c-tinta); font-size: var(--f-lg); margin: 0 0 .5rem; }
.local-cobertura h3 i { color: var(--c-oro); margin-right: 6px; }
.local-cobertura p { margin: 0; }

.local-faq details {
    background: var(--c-panel);
    border: 1px solid var(--c-linea);
    border-radius: var(--r-md);
    padding: 14px 18px;
    margin-bottom: 10px;
}
.local-faq summary { cursor: pointer; font-weight: var(--p-fuerte); color: var(--c-tinta); }
.local-faq p { margin: .6rem 0 0; color: var(--c-tinta-2); line-height: 1.6; }
.local-mas { margin-top: 1.25rem; color: var(--c-tinta-2); }

.catalog-controls .local-h2-suelto { margin-bottom: .5rem; }

@media (max-width: 980px) {
    .local-pasos, .local-cobertura { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .local-bloque { padding: 0 14px 40px; }
    .local-hero h1 { font-size: clamp(1.9rem, 9vw, 2.5rem); line-height: 1.08; max-width: none; }
    .local-ctas .button { flex: 1 1 100%; justify-content: center; }
}