.especialidadesTitles{
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size:38px;
  line-height:52px;
  max-width:794px;
}

.especialidadesTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:19px;
  line-height:25px;
  max-width:547px;
}      
      
.especialidades{
  display:flex;
  width:100%;
  padding:40px;
  justify-content:center;
  align-items:center;
  position:relative;
  height:471px;
}

.especialidadesFondo{
  display:flex;
  position:absolute;
  width:100%;
  height:100%;
  background-color:black;
  top:0;
  left:0;
  z-index:1;
}

.especialidadesFondo img{
  width:100%;
  height:100%;
  object-position:top;
  object-fit:cover;
  background-color:black;
}

.especialidadesContainer{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:1198px;
  gap:30px;
  color:white;
  position:relative;
  z-index:1;
  text-align:left;
}

/* ──────────────── MEDIA QUERIES ──────────────── */

/* Tablets grandes y medianas (hasta 1024px) — SIN CAMBIO DE FUENTES */
@media (max-width: 1024px) {
  .especialidades{
    padding:60px 30px;
  }

  .especialidadesContainer{
    gap:25px;
    max-width:1000px;
  }

  .especialidadesFondo img{
    object-position:RIGHT;
  }
  
}

/* Tablets pequeñas o móviles grandes (hasta 1000px) — SOLO CAMBIA DISTRIBUCIÓN */
@media (max-width: 1000px) {


.especialidades{
    padding:100px 30px 70px 20px;
    align-items:flex-end;
  }

  .especialidadesContainer{
    align-items:center;
    text-align:center;
    gap:20px;
    padding: 0;
  }

  .especialidadesTitles{
    font-size: 32px;
    line-height: 39px;
  }

    .especialidadesFondo img{
    opacity: 0.85;
  }


}

/* Móviles (hasta 600px) — AJUSTE DE TAMAÑOS MÁS LEGIBLES */
@media (max-width: 600px) {
  .especialidades{
      padding: 20px 20px 40px 20px;
      align-items: flex-end;
  }

  .especialidadesContainer{
    gap:18px;
    /*background-color: chocolate;*/
  }

  .especialidadesTitles{
    font-size:26px;  /* proporcional al 33→24 de intro */
    line-height:34px;
  }

  .especialidadesTexto{
    font-size:15px;
    line-height:22px;
  }

  .especialidadesFondo img{
    object-position:90% center;
    opacity: 0.85;
  }

  .especialidades{
    height: 560px;
  }


  
}