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

@font-face {
    font-family: 'OwenPro-SemiBold';
    src: url("../../fonts/Owen Pro/OwenPro-SemiBold.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-Medium';
    src: url("../../fonts/Owen Pro/OwenPro-Medium.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}


:root {
    --aqua: #00A0AF;
	--verde: #8DBB00;
	--negro: #000000;
	--gris: #1F242D;
	--owenPro-600: 'OwenPro-SemiBold';
	--owenPro-500: 'OwenPro-Medium';
}

.container__tiendas{
	height:auto;
	width: 100%;
}
.container__text-tiendas{
	text-align: center;
	padding: 5% 11%;
}
.container__text-tiendas h1{
	font-family: var(--owenPro-600);
	color: var(--aqua);
	font-size: 1.75rem;
	margin-bottom: 0px;
}
.container__text-tiendas p{
	font-family: var(--owenPro-500);
	color: var(--gris);
	margin-top: .5rem;
	text-wrap: pretty;
}

.container__imagenes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	min-height: 18rem;
}
.container__imagenes img{
	width: 65px;
	height: auto;
}
.container__imagenes-fondo{
	width: 100%;
}
.container__imagenes-contenido{
	top: 48%;
    position: relative;
    left: 10%;
    transition: transform 0.3s ease;
	width: max-content;
}
.container__imagenes-contenido:hover {
     transform: scale(1.2) translateY(-10%);
}
#banner__hp-tiendas {
    background-image: url("../../img_repository/banners_homePage/tiendas_banner/tiendas_fondo.svg");
    background-size: cover;        
    background-repeat: no-repeat; 
    background-position: center;
	cursor: pointer;
}
#banner__hp-ecommerce{
    background-image: url("../../img_repository/banners_homePage/tiendas_banner/ecomerce_fondo.svg");
    background-size: cover;        
    background-repeat: no-repeat; 
    background-position: center;    
	cursor: pointer;
}
#banner__hp-distro {
    background-image: url("../../img_repository/banners_homePage/tiendas_banner/distribuidores_fondo.svg");
    background-size: cover;        
    background-repeat: no-repeat;  
    background-position: center; 
	cursor: pointer;
}
#banner__hp-tiendas:hover{
	background-image: url("../../img_repository/banners_homePage/tiendas_banner/tiendas_hoover.svg");
    background-size: cover;        
    background-repeat: no-repeat; 
    background-position: center;    
}
#banner__hp-ecommerce:hover{
    background-image: url("../../img_repository/banners_homePage/tiendas_banner/ecomerce_hoover.svg");
    background-size: cover;        
    background-repeat: no-repeat; 
    background-position: center;    
}
#banner__hp-distro:hover {
    background-image: url("../../img_repository/banners_homePage/tiendas_banner/distribuidores_hoover.svg");
    background-size: cover;        
    background-repeat: no-repeat;  
    background-position: center; 
	cursor: pointer;
}
.container__imagenes-contenido h2{
	font-family: var(--owenPro-600);
	color: #FFFFFF;
	font-size: 1.5rem;
	margin-top: .5rem;
}

@media screen and  (max-width: 690px) {
.container__tiendas{
	height: auto;	
	}
	.container__imagenes{
		min-height: 22rem;
	}
	.container__text-tiendas h1{
	margin-bottom: 1.5rem;
}	
	
#slider{
	position: relative;
	overflow: hidden;
	cursor: pointer; 
	}
.slide {
	display: none; 
}
.slide.active {
	display: block; 
}
.slider--inner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
	
#banner__hp-tiendas, #banner__hp-ecommerce, #banner__hp-distro  {
	width: 100%;
}
}