@media screen and (max-width: 1850px) and (min-width: 1680px) {
    .espacio {
      height: 20px;
    }
    .espacio._10px {
      height: 18px;
    }
    .lineas-cabecera-header {
      left: 200px;
    }
    .img-bodegon-home {
      right: 5%;
    }
    .container-baby-olivia {
      left: 870px;
    }
    .dots-nota {
      right: 1210px;
    }
    .lottie-cabecera-cards {
      left: 300px;
      top: 80px;
    }
    .heading-interior._2 {
      right: 11%;
      top: 40%;
    }
    .dots-nota.recuerda {
      right: 1150px;
    }
    .heading-interior.cuando-tomarla {
      right: 9%;
    }
    .heading-interior.que-es-postinor {
      right: 18%;
    }
    .container-baby-olivia.que-es-postinor {
      left: 780px;
    }
    .dots-nota.que-es-postinor {
      left: 33%;
    }
    .lineas-cabecera-header._5 {
      left: 300px;
    }
    .heading-interior.ten-en-cuenta {
      right: 10%;
      width: 600px;
    }
    .lineas-cabecera-header._6 {
      left: 340px;
    }
}
/* Estilos generales (desktop/tablet) */
#buscador_farmacias {
  position: fixed;      /* siempre visible */
  top: 60%;             /* un poco más abajo del centro */
  right: -200px;        /* empieza oculto fuera de la pantalla */
  width: 150px;         /* tamaño fijo en escritorio */
  transform: translateY(-50%);
  transition: right 1s ease;
  z-index: 9999;
}

#buscador_farmacias img {
  width: 100%;          /* la imagen se adapta al div */
  height: auto;
}

/* Versión móvil (pantallas hasta 768px) */
@media (max-width: 768px) {
  #buscador_farmacias {
    top: 60%;             /* quitamos centrado */
    bottom: 20px;          /* lo pegamos abajo */
    right: -150px;         /* empieza oculto también */
    width: 120px;          /* más pequeño en móvil */
    transform: none;       /* eliminamos translateY */
  }
}

/* Versión muy pequeña (hasta 480px) */
@media (max-width: 480px) {
  #buscador_farmacias {
    width: 90px;           /* aún más pequeño en móviles chicos */
  }
}