@charset "utf-8";
/* CSS Document */

.abc_medicamentos ul, .abc_medicamentos li { list-style: none}
.abc_medicamentos li:hover { cursor: pointer; background-color: #99e5ff !important }
.abc_medicamentos ul li {
    display: flex }
.alphabet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    gap: 4px;
    max-width: 100%;
    margin: 0 auto;
  }


.abc_medicamentos li:hover .icon-rotate {
  transform: rotate(90deg);
}



  .alphabet-letter {
    background-color: #e0e0e0;
    text-align: center;
    padding: 4px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
  }

  	.alphabet-letter:hover {
    background-color: #005ea8;
    color: var(--color-blanco) !important; 
  }
	.alphabet-letter:hover a {
    color: var(--color-blanco) !important; 
  }

	.abc_medicamentos li {
		position: relative;
    background: var(--fondo-gris-dark);
		padding: 10px 15px; margin-top: 10px;
    
  }


.abc_medicamentos ul li {
  position: relative;
}

/* Cambio de fondo al hover */
.abc_medicamentos ul li:hover {  

  background-color: #DDDDDD; /* podés cambiar a cualquier color que quieras */
}


.abc_medicamentos ul li a:hover {
  color: var(--bg-primary)
}
 
 

 
	
	.abc_medicamentos ul {
    padding-left: 0;
}
	
	.tit_busqueda { font-weight: bold }
	.tit_busqueda:after { display: block;
		content: "";
		background-color: var(--bg-primary-light);
	width: 50px;
	height: 4px;
	margin-top: 10px}
	

.btn-wipe2{    --bs-btn-color: var(--color-blanco) !important }



	@media (min-width: 992px) {
	.filtros_producto .g-5 {
    --bs-gutter-y: 4rem }	
		
	}



.abc_medicamentos li a {
	    color: var(--color-texto);

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  transition: color 0.3s ease;
}

.abc_medicamentos li a i {
  transition: transform 0.3s ease;
}

.abc_medicamentos li a:hover i {
  transform: rotate(90deg);
}


#searchproductos [type=button], [type=reset] {background-color: var(--bg-primary) !important }

.btn-wipe2 a:hover, .btn-wipe a:hover,
.btn-wipe2:hover, .btn-wipe:hover { color: var(--color-blanco) !important }







/* lineas de producto */
	.lineasprod .img-zoom-wrapper .h4  
{    max-width: 63% }
 	@media (max-width: 768px) {
	.lineasprod .img-zoom-wrapper .h4  
{    min-width: 80% }
		
		.lineasprod .img-zoom-wrapper {
  min-height: 170px;

}





.lineasprod .zoomable-image {
  
    width: 150%;
    min-height: 180px;
    margin-left: -30%;
}

.lineasprod .h4 {
    font-size: calc(1.15rem + .2vw);
}		
	}


/* ubicar en farmacia */

	.claim-ubicar-farmacia { padding: 10px 20px; border: 1px solid #CCCCCC;
 }
	
@media (min-width: 768px)  {
	.claim-ubicar-farmacia {         width: 200px;
        border: 1px solid #CCCCCC;
        position: absolute; bottom: auto; top: 40px;
        margin-left: -250px; padding: 10px 20px; font-size: 1.1rem; margin-bottom: 20px }
	}