.producto-area{
	border:1px dotted #006600;
	width:359px;
	height:351px;
	text-align:center;
	padding:6px;
	float:left;
	cursor:pointer;
}

.producto-area:hover{
	background-color:white;
}

.producto-area:hover .titulo-producto-area,
.producto-area:hover .leyenda{
	background-color:red;
}

.titulo-producto-area{
	background-color:#990000;
	font-size:12px;
	color:white;
	font-weight:bold;
	padding:5px 0px;
	margin:0px 0px 5px 0px;
}

.titulo-producto-area:hover{
	background-color:red;
}

.producto-area h1{
	font-size:18px;
	padding:0px;
	margin:0px;
}

.producto-area:hover h1{
	color:black;
}



/* ====== BLOQUE TIPO TIENDA CON BOTONES ====== */

.tienda{
	border-bottom:1px solid black;
	background-color:#006600;
	width:210px;
	height:76px;
	padding:0;
	cursor:default;
	overflow:hidden;
	box-sizing:border-box;
}

.tienda:hover{
	background-color:black;
}

.tienda:hover .titulo-tienda-botones{
	color:white;
}

.tienda:hover .link-ver-tienda{
	color:#FFCC00;
}

.contenedor-tienda-botones{
	width:100%;
	height:100%;
	position:relative;
	cursor:default;
}


.tienda{
    border-bottom:1px solid black;
    background-color:#006600;
    width:210px;
    height:76px;
    padding:0;
    cursor:default;
    overflow:hidden;
    box-sizing:border-box;
    margin-bottom: 20px; /* Agregado: espacio entre tiendas */
}


.titulo-tienda{
    border:0px solid red;
    width:100%;
    text-align:center;  /* CENTRAR */
    font-size:15px;
    line-height:20px;
    font-family:arial;
    color:white;
    margin:15px 0px;
    padding:0 5px;
}




.titulo-tienda-botones{
	position:absolute;
	top:10px;
	left:18px;
	color:white;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	cursor:default;
	user-select:none;
}

/* Eliminar subrayado de todos los estados */
.link-ver-tienda{
	position:absolute;
	left:18px;
	bottom:14px;
	color:white;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none; /* Elimina subrayado */
	cursor:pointer;
}

/* No subrayado para link, visitado, activo, hover */
.link-ver-tienda:link,
.link-ver-tienda:visited,
.link-ver-tienda:active,
.link-ver-tienda:hover{
	text-decoration:none; /* Asegura que nunca haya subrayado */
}

.link-whatsapp-tienda{
	position:absolute;
	right:18px;
	bottom:10px;
	display:block;
	width:32px;
	height:32px;
	cursor:pointer;
	text-decoration:none; /* Elimina subrayado */
}

/* No subrayado para link, visitado, activo, hover */
.link-whatsapp-tienda:link,
.link-whatsapp-tienda:visited,
.link-whatsapp-tienda:active,
.link-whatsapp-tienda:hover{
	text-decoration:none; /* Asegura que nunca haya subrayado */
}

.link-whatsapp-tienda .icono-whatsapp-tiendas{
	width:32px !important;
	height:32px !important;
	max-width:32px !important;
	max-height:32px !important;
	min-width:32px !important;
	min-height:32px !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	object-fit:contain !important;
	cursor:pointer;
}