@charset 'UTF-8';

/* =========================================================
   VARIÁVEL DE MARCA (ROSA BENGUELA MAIS ESCURO)
   ========================================================= */
:root {
	--benguela-brand: #cc3300; /* rosa escuro, elegante */
}

/* =========================================================
   Slick Slider - Basic
   ========================================================= */
.slick-slider {
	position: relative; display: block; box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list { position: relative; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0,0,0);
}
.slick-track {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-slide { display: block; }
.slick-slide img { display: block; }
.slick-arrow.slick-hidden { display: none; }

/* =========================================================
   FUNDO TRANSPARENTE (anti-cinza)
   ========================================================= */
.slick-slider,
.slick-list,
.slick-track,
.slick-slide,
.sls_wrapper,
.sls_boximg {
	background: transparent !important;
}

/* Slick Slider - Theme */
.slick-loading .slick-list {
	background: #fff url('ajax-loader.gif') center center no-repeat;
}

@font-face {
	font-family: 'slick';
	src: url('./fonts/slick.woff') format('woff');
}

/* =========================================================
   SETAS (estilo original, sem fundo)
   ========================================================= */
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	transform: translate(0,-50%);
	cursor: pointer;
	border: none;
	background: transparent;
	z-index: 2;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 30px;
	line-height: 1;
	color: black;
}

.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-prev:before { content: '←'; }
.slick-next:before { content: '→'; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

/* =========================================================
   Slick Slider - Module
   ========================================================= */
.slick-track { display: flex !important; }
.slick-slide { height: auto; }
.slick-list { padding: 5px; }
.sls_wrapper { margin: 0 0 30px; }

/* =========================================================
   CARD
   ========================================================= */
.sls_box {
	margin: 0 15px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 14px;
	box-shadow: none;
	overflow: hidden;
}
.sls_box_withprice { position: relative; padding-bottom: 32px; }
.sls_box:hover img { filter: brightness(110%); }
.sls_box a { display: block; text-decoration: none; }

/* =========================================================
   IMAGEM
   ========================================================= */
.sls_boximg { position: relative; }
.sls_boximg img {
	width: 100%;
	display: block;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.sls_boximg img.sls_ratio21  { aspect-ratio: 2 / 1; object-fit: cover; }
.sls_boximg img.sls_ratio43  { aspect-ratio: 4 / 3; object-fit: cover; }
.sls_boximg img.sls_ratio169 { aspect-ratio: 16 / 9; object-fit: cover; }

/* =========================================================
   CATEGORIA (ROSA ESCURO DO LOGO)
   ========================================================= */
.sls_topright {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 4px 12px;
	background: var(--benguela-brand);
	color: #ffffff;
	border-radius: 999px;
	font: 600 13px/13px "Open Sans", arial, sans-serif;
	letter-spacing: .2px;
}

/* =========================================================
   CONTEÚDO / TIPOGRAFIA
   ========================================================= */
.sls_boxin { padding: 10px; }

/* Título */
.sls_boxin > h4,
.sls_boxin > h4 a {
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-size: 19px;
	line-height: 26px;
	font-weight: 600;
	letter-spacing: -0.2px;
	color: #272727;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Subtítulo */
.sls_boxsub {
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-size: 14.5px;
	line-height: 20px;
	font-weight: 500;
	color: #6b6b6b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Descrição */
p.sls_boxdesc {
	font-family: "Open Sans", helvetica, arial, sans-serif;
	font-size: 14.5px;
	line-height: 22px;
	color: #666;
	text-align: justify;
}

/* =========================================================
   PREÇO
   ========================================================= */
.sls_boxprice {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font: bold 26px/32px "Open Sans", helvetica, arial, sans-serif;
	color: #FF1F00;
}
.sls_boxprice span {
	font-size: 14px;
	color: #888;
}