/* ============================================================
   CGAP · Responsive página de especialidad (pages/especialidad-*.html)
   Las filas de profesionales y prácticas se recalculan en resize desde
   js/especialidad.js (limitarAUnaFila); acá solo se van achicando las
   cards a medida que baja el ancho, para que sigan entrando varias por
   fila en vez de ocupar cada vez más espacio relativo.
   ============================================================ */
@media(max-width:1400px){
  .esp-doc-grid{grid-template-columns:repeat(auto-fit,minmax(190px,190px))}
  .esp-section .prac-grid{grid-template-columns:repeat(auto-fit,minmax(240px,240px))}
}
@media(max-width:900px){
  .esp-doc-grid{grid-template-columns:repeat(auto-fit,minmax(160px,160px));gap:14px}
  .esp-doc-grid .doc-photo{height:130px}
  .esp-doc-grid .doc-photo span{font-size:1.8rem}
  .esp-doc-grid .doc-card h3{font-size:.92rem;margin:.8rem .8rem .1rem}
  .esp-doc-grid .doc-card .esp{font-size:.76rem}
  .esp-doc-grid .doc-card .hor{font-size:.7rem}
  .esp-doc-grid .doc-card .mat{font-size:.66rem}
  .esp-section .prac-grid{grid-template-columns:repeat(auto-fit,minmax(200px,200px));gap:14px}
  .esp-section .prac-card{padding:1.1rem 1.2rem}
  .esp-section .prac-card h3{font-size:1rem}
  .esp-section .prac-card p{font-size:.83rem}
}
@media(max-width:560px){
  .esp-doc-grid{grid-template-columns:repeat(2,1fr)}
  .esp-section .prac-grid{grid-template-columns:1fr}
}