/* Directorio de teléfonos de asistencia — Sure Service, 30-08-2026 */

.ss-tel-dir{margin:2.4em 0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* ---- Buscador ---- */
.ss-tel-buscador{
    background:#f7f8fa;border:1px solid #dce0e4;padding:22px 24px;margin-bottom:28px;
    position:sticky;top:0;z-index:5;
}
.ss-tel-lbl{
    display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.1em;color:#1a2856;margin-bottom:10px;
}
.ss-tel-campo{position:relative}
.ss-tel-campo::before{
    content:"";position:absolute;left:14px;top:50%;width:15px;height:15px;
    margin-top:-9px;border:2px solid #8a8f97;border-radius:50%;pointer-events:none;
}
.ss-tel-campo::after{
    content:"";position:absolute;left:26px;top:50%;width:8px;height:2px;
    margin-top:3px;background:#8a8f97;transform:rotate(45deg);pointer-events:none;
}
.ss-tel-dir input[type="search"]{
    width:100%;padding:13px 16px 13px 40px;font-size:1.02rem;
    border:1px solid #c3c8ce;background:#fff;color:#1c1c1c;border-radius:0;
    -webkit-appearance:none;appearance:none;
}
.ss-tel-dir input[type="search"]:focus{
    outline:3px solid #c8a415;outline-offset:1px;border-color:#1a2856;
}

.ss-tel-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ss-tel-chip{
    font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;
    padding:7px 15px;border:1px solid #c3c8ce;background:#fff;color:#4a4a4a;
    border-radius:999px;line-height:1.2;
}
.ss-tel-chip:hover{border-color:#1a2856;color:#1a2856}
.ss-tel-chip:focus-visible{outline:3px solid #c8a415;outline-offset:2px}
.ss-tel-chip.is-on{background:#1a2856;border-color:#1a2856;color:#fff}

.ss-tel-cuenta{margin:12px 0 0;font-size:.85rem;color:#6b6b6b;min-height:1.2em}

/* ---- Fichas ---- */
.ss-tel-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;
}
.ss-tel-card{
    border:1px solid #e0e3e7;background:#fff;padding:20px 22px;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.ss-tel-card[hidden]{display:none}
.ss-tel-card h3{
    margin:0 0 12px;font-size:1.06rem;font-weight:800;color:#1a2856;
    letter-spacing:-.01em;padding-bottom:10px;border-bottom:2px solid #c8a415;
}
.ss-tel-nota{margin:-6px 0 12px;font-size:.8rem;color:#8a8f97;font-style:italic}
.ss-tel-card ul{list-style:none;margin:0;padding:0}
.ss-tel-card li{
    display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
    gap:6px 14px;padding:9px 0;border-bottom:1px solid #f0f2f4;
}
.ss-tel-card li:last-child{border-bottom:0;padding-bottom:0}
.ss-tel-card li[hidden]{display:none}
.ss-tel-srv{font-size:.86rem;color:#5a5f66;flex:1 1 55%;line-height:1.35}
.ss-tel-num{
    font-size:1.06rem;font-weight:800;color:#1a2856;text-decoration:none;
    white-space:nowrap;border-bottom:2px solid transparent;
}
.ss-tel-num:hover,.ss-tel-num:focus{color:#c8a415;border-bottom-color:#c8a415}
.ss-tel-num:focus-visible{outline:3px solid #c8a415;outline-offset:3px}
.ss-tel-num.es-ext{font-size:.98rem;color:#5a5f66}

/* ---- Sin resultados y pie ---- */
.ss-tel-vacio{
    margin:24px 0;padding:20px 24px;background:#fdf8e8;border-left:4px solid #c8a415;
    font-size:.98rem;color:#4a4a4a;
}
.ss-tel-vacio[hidden]{display:none}
.ss-tel-pie{margin:24px 0 0;font-size:.84rem;color:#8a8f97;line-height:1.6}

@media (max-width:782px){
    .ss-tel-buscador{position:static;padding:18px 16px}
    .ss-tel-grid{grid-template-columns:1fr}
    .ss-tel-card li{flex-wrap:nowrap}
}