@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Helvetica-Roman';
    src: url("../../fonts/Helvetica/Helvetica Roman.ttf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

:root {
    --aqua: #00A0AF;
	--verde: #8DBB00;
	--negro: #000000;
	--gris: #1F242D;
	--helvetica-Roman: 'Helvetica-Roman';
}
p{
	font-family: var(--helvetica-Roman);
	font-size: 1.125rem;
}
p:hover{
	color: #FFFFFF;
}
.container__marcas {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	text-align: center;
}

.container__marcas-mirati, 
.container__marcas-quaroni{
	border: 1px solid #000000;
	padding: 6% 4%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.container__marcas-mirati:hover, 
.container__marcas-quaroni:hover{
	background-color: var(--aqua);
	color: #FFFFFF
}
.container__marcas-quaroni{
	border-left: none;
}
.container__marcas-mirati img,
.container__marcas-quaroni img {
    max-width: 100%;
	min-height: 5rem;
    height: auto; 
	transition: filter 0.3s ease;
}

.container__marcas-mirati:hover img,
.container__marcas-quaroni:hover img {
    filter: brightness(0) invert(1); 
}

@media screen and  (max-width: 590px) {
.slider-marcas {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.slider__item2 {
    display: none;
    width: 100%;
    text-align: center;
    transition: opacity 1s ease-in-out;
	height: 230px;
	padding: 10% 2%;
	box-sizing: border-box;
	border: none;
}

.slider__item2 img {
    max-width: 100%;
    height: auto;
}
.slider__item2.active {
    display: block;
    opacity: 1;
}	
.container__marcas {
	grid-template-columns: repeat(1, 1fr);
}
.container__marcas-quaroni{
	border: none;
}	
}