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

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

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

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

.farmaciaContainer{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:1198px;
  gap:26px;
  color:white;
  position:relative;
  z-index:1;
  text-align:left;
  justify-content: center;
  align-items: center;
}



a.farmaciaBoton{
  all: unset;
  position: relative;
  cursor: pointer;
  padding: 14px 19px;
  background-color: #AE864E;
  text-align: center;
  border-radius: 13px;
  width:fit-content;
  color: white;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 12.7px;
  letter-spacing: 0.02em;
  transition: all 0.20s ease;
}

a.farmaciaBoton:hover{
  transform: translateY(-8px);
}





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

/* Tablets grandes y medianas (hasta 1024px) — SIN CAMBIO DE FUENTES */

/* Móviles (hasta 600px) — AJUSTE DE TAMAÑOS MÁS LEGIBLES */
@media (max-width: 600px) {


  .farmaciaContainer{
    padding-top: 40px;
  }

  .farmaciaContainer{
    gap:18px;
  }

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

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


  a.farmaciaBoton{
  font-size: 14px;
  padding: 11px 15px;
}

  
}