/* ===== TuMicroneedling — Directorio /centros ===== */
:root{
  --tmn-teal:#14A08C; --tmn-teal-osc:#0D6B5E; --tmn-salmon:#DCB4A0;
  --tmn-crema:#FAF7F2; --tmn-negro:#0F0C08;
}
.dir-wrap{max-width:1100px;margin:0 auto;padding:32px 18px 64px;}

.dir-head{text-align:center;margin-bottom:26px;}
.dir-kicker{display:inline-block;color:var(--tmn-teal-osc);font-weight:700;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;}
.dir-head h1{margin:0 0 8px;font-size:2rem;color:var(--tmn-negro);}
.dir-head p{margin:0;color:#666;font-size:1rem;}

/* Filtros */
.dir-filtros{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;
  background:#fff;padding:14px;border-radius:16px;box-shadow:0 6px 22px rgba(15,12,8,.05);margin-bottom:14px;}
.dir-input{padding:11px 13px;border:1px solid #e2ddd5;border-radius:10px;font-size:.92rem;
  background:#fff;color:var(--tmn-negro);min-width:150px;flex:1 1 150px;max-width:230px;}
.dir-input:focus{outline:none;border-color:var(--tmn-teal);}
.dir-btn{background:var(--tmn-teal);color:#fff;border:none;padding:11px 22px;border-radius:10px;
  font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:none;display:inline-block;}
.dir-btn:hover{background:var(--tmn-teal-osc);color:#fff;}
.dir-reset{color:#999;font-size:.86rem;text-decoration:underline;white-space:nowrap;}
.dir-count{color:#999;font-size:.88rem;margin:0 0 16px;padding-left:4px;}

/* Grid */
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
.dir-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;
  text-decoration:none;color:inherit;box-shadow:0 6px 22px rgba(15,12,8,.06);
  transition:transform .15s,box-shadow .15s;border:1px solid transparent;}
.dir-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,12,8,.12);}
.dir-card.is-destacado{border-color:var(--tmn-teal);}
.dir-card-img{height:160px;background-size:cover;background-position:center;position:relative;}
.dir-card-img.is-ph{background:linear-gradient(135deg,var(--tmn-teal),var(--tmn-teal-osc));}
.dir-badge{position:absolute;left:10px;bottom:10px;background:var(--tmn-teal);color:#fff;
  font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;}
.dir-card-body{padding:16px 16px 18px;}
.dir-tipo{display:inline-block;background:var(--tmn-crema);border:1px solid var(--tmn-salmon);
  color:#8a5a3f;font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-bottom:8px;}
.dir-card-nombre{margin:0 0 4px;font-size:1.08rem;line-height:1.25;color:var(--tmn-negro);}
.dir-card-meta{margin:0 0 6px;color:#777;font-size:.88rem;}
.dir-card-rating{margin:0;color:var(--tmn-teal-osc);font-weight:700;font-size:.9rem;}
.dir-card-rating small{color:#aaa;font-weight:400;}

.dir-vacio{text-align:center;padding:48px 20px;background:#fff;border-radius:16px;
  box-shadow:0 6px 22px rgba(15,12,8,.05);}
.dir-vacio p{color:#777;margin:0 0 14px;}

@media(max-width:520px){
  .dir-head h1{font-size:1.6rem;}
  .dir-input{max-width:none;}
}