a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}
a, [onclick] {
    cursor: pointer;
}
/*
 TEXT UNDERLINE
 * * * * * * * * * * * * * * * * * */
.list-menu-footer li a:hover,
.ficha-producto a.d-inline:hover {
	text-decoration: underline;
}

.img-categorias-home{
    opacity: 0.7;
}

.img-categorias-home:hover{
    opacity: 1;
}
/*===========================================================================
TAMAÑOS y FONT WEIGHT
=============================================================================*/
h2 { font-size: 1.5rem !important; /* 16px */ }

.text-iva, .small-11 { font-size: 0.6875rem; /* 11px */ }
.small-12 { font-size: 0.75rem; /* 12px */ }
.small { font-size: 0.8125rem; /* 13px */ }
.list-menu-footer, .fs-7 { font-size: .875rem !important; /* 14px */ }
.fs-6 { font-size: .9375rem !important; /* 15px */ }

.fw-bold { font-weight: 800 !important; /* Corrige valor por defecto 700 en Bootstrap */ }


/*===========================================================================
CATALOGO DE PRODUCTOS
=============================================================================*/
.producto-item {}
.producto-item .producto-item {}
.producto-item .producto-imagen a {
	overflow: hidden;  /* Esto ocultará cualquier parte de la imagen que exceda el contenedor */
}
.producto-item .producto-imagen img {
	object-fit: contain;  /* Esto asegura que la imagen se ajuste dentro del contenedor manteniendo su relación de aspecto */
	max-height: 100%;
}
.producto-item .producto-titulo {
	height: 70px; /* Altura fija de 70px */
	overflow: hidden; /* Ocultar contenido que excede */
	line-height: 1.2; /* Espaciado entre líneas (esto dependerá de tu diseño) */
	max-height: calc(1.2em * 3); /* Limitar a 3 líneas */
}
.producto-item .producto-titulo a {
	max-height: 50px; /* Altura máxima del titulo de 70px */
	overflow: hidden; /* Ocultar contenido que excede */
}

.producto-item .precios {
	height: 50px;
}
/*===========================================================================
WHATSAPP
=============================================================================*/
.btn-whatsapp {
	color: white;
    background-color: #25D366;
    border-color: #25D366;
}
.btn-whatsapp:hover {
    color: white;
    background-color: #128C7E !important;
    border-color: #075E54 !important;
}
.whatsapp-fixed {
	background: linear-gradient(to bottom, rgba(96,252,124,1) 0%, rgba(43,184,38,1) 100%);
	position: fixed;
	bottom: 50px;
	right: 20px;
	color: white !important;
	font-size: 40px;
	text-align: center;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	z-index: 3;
	text-decoration:none !important;
}

.bg-icon-categorias {
    background: #f5f5f5;
    border-radius: 120px 120px 6px 6px;
}
/*===========================================================================
ADAPTACION POR PANTALLAS
=============================================================================*/
@media (min-width: 240px){

	.producto-item .producto-imagen a {
		height: 170px;
	}

}
@media (min-width: 992px) {

    .box-categorias-bajo-slider {
        position: relative;
        top: -40px;
        background: white;
    }
    .altura-carrousel {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: calc(100vh - 280px);
        max-height: 490px;
    }
    .dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -1px;
	}

    .navbar-expand-lg .navbar-nav .nav-link {
		line-height: 1;
		text-decoration: none;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	.producto-item .producto-imagen a {
		height: 220px;
	}

	.whatsapp-fixed {
		right: 50px;
	}

}
