body{ background: #F3F3F3; }
a{ text-decoration: none; }

/*VARIABLES*/
:root{
	--color-primario: #ee515a;
}

/* COLORS */
.text-fuheco,
.swiper-button-next,
.swiper-button-prev {
	color: var(--color-primario);
}

.bg-fuheco,
.swiper-pagination-bullet {
	background: var(--color-primario);
}

.main-bg{
	background: url(https://image.freepik.com/vector-gratis/fondo-abstracto-blanco_23-2148809724.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
}

.navbar-nav li a, .navbar-nav .dropdown{
    text-decoration: none;
    color: #444444;
    transition: .2s ease-in-out;
    margin-right: 20px;
    cursor: pointer;
}

.navbar-nav li a:hover, .navbar-nav .dropdown:hover{
    color: #ED1C24;
}

.dropdown-item{
    padding: 15px 30px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu .dropdown-menu *{
	margin: 15px;
}

.btn-custom{
	display: inline-flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	border-radius: 8px;
	background: rgba(236, 60, 60, .09);
	text-decoration: none;
	color: #EC3C3C;
}

.footer-links div ul{
	list-style: none;
	font-size: 15px;
	padding: 0;
	margin:20px 0;
}

.footer-links div ul li{
	margin: 5px 0;
}

.footer-links div ul li a{
	text-decoration: none;
	color:  white;
}

.footer-links div ul li a:hover{
	color: rgba(255, 255, 255, .8);
}


/*SWIPPER*/
.swiper {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.swiper-slide {
	display: flex;
	align-items: center;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-disabled{
	color: var(--color-primario);
	opacity: .2;
}


/*Line clamp*/
.line-clamp-2,
.line-clamp-4,
.line-clamp-6,
.line-clamp-8,
.line-clamp-10
{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.line-clamp-3{ -webkit-line-clamp: 2; }
.line-clamp-4{ -webkit-line-clamp: 4; }
.line-clamp-6{ -webkit-line-clamp: 6; }
.line-clamp-8{ -webkit-line-clamp: 8; }
.line-clamp-10{ -webkit-line-clamp: 10; }


