body { 
	font-family: "Fira Sans", sans-serif;
	font-weight: 200;
	font-style: normal;
	padding-top: 90px;
}

.verde-fci {
	color: rgb(180, 230, 190);
}

.verde-oscuro-cossrl {
	color: rgb(37, 95, 63);
}

.verde-claro-cossrl {
	color: rgb(180, 230, 190);
}

.verde-claro-fci {
	color: #D6DDBE;
}

.morado-fci {
	color: #A93344;
}

.naranja-fci {
	color: #F49309;
}

.footer__background {
	background-color: rgb(37, 95, 63);
	color: #FFF;
}

.thead-verde {
	/* background-color: #173C27; */
	background-color: rgb(180, 230, 190);
	color: #FFF;			
}

.thead-naranja {
	background-color:#F49309;
	color: #FFF;
	
}

.thead-morado {
	background-color:#A93344;
	color: #FFF;
	
}

.btn-morado {
	background-color: #A93344;	
	border-color: #a54b58;	
	border-radius: 4px;
	color: #fff;
}

.btn-morado:hover {
	color: #fff;
	background-color: #a54b58;
	border-color: #F49309;
	border-radius: 4px;
}

.btn-carrito {
	background-color: #F49309;	
	border-color: #f7b353;	
	border-radius: 4px;
	color: #fff;
}

.btn-carrito:hover {
	color: #fff;
	background-color: #f7b353;
	border-color: #F49309;
	border-radius: 4px;
}

.btn-primary {
	background-color: #173C27;	
	border-color: rgb(37, 95, 63);	
	border-radius: 6px;
}

.btn-primary:hover {
	color: #fff;
	background-color: rgb(37, 95, 63);
	border-color: rgb(37, 95, 63);
	border-radius: 6px;
}


.btn-outline-primary {
	background-color: #FFF	;
	border-color: #173C27;	
	color: #173C27;	
	border-radius: 6px;
}


.btn-outline-primary:hover {
	color: #fff;
	background-color: #173C27;
	border-color: rgb(37, 95, 63);
	border-radius: 6px;
}

.texto__carousel {
	font-size: 48px; 
	font-weight: 600;
	letter-spacing: 0.7px;
	/* text-transform: uppercase; */
	color: #ffffff;
	-webkit-text-stroke: 1px rgb(37, 95, 63, 0.6);
	/* text-shadow: -1px 10px 0 #878787, 1px -1px 0 #878787, -1px 1px 0 #878787, 1px 1px 0 #878787; */
	/* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
	text-shadow: 2px 2px 4px rgb(37, 95, 63, 0.6);		
}

/* .box__carousel{
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px;			
} */

.box__carousel{
	background: rgb(37, 95, 63,0.2);
	border-radius: 1px;	
	text-shadow: 2px 2px 4px rgb(37, 95, 63, 0.7);		
}

.titulo__descarga {
	font: Bold 15px/27px;
	letter-spacing: 0.3px;
	color: #292929;
}

.icon__descarga {
	/* position: ; */
	float: right;
	font: Bold 15px;
	letter-spacing: 0.3px;
	color: #008022;
}


.boton__blanco {
	width: 128px; border: 2px solid white;
	padding: 8px;
	border-radius: 6px;
	font-size: 14px; line-height: 25px; 
	letter-spacing: 0.28px;
	color: white; 
	background-color: rgb(180, 230, 190);
}

.boton__blanco:hover {
	width: 128px; border: 2px solid rgb(180, 230, 190);
	padding: 8px;
	border-radius: 6px;
	font-size: 14px; line-height: 25px;
	letter-spacing: 0.28px;
	color:rgb(180, 230, 190);
	background-color: white;
}


.prod__name {
	
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 0.42px;
	color: white;
	opacity: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -18px;
	text-transform: uppercase;
	max-width: 75%;
	background: #173b27;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;

}

.prod__ingresar {
	font-weight: bold;
	position: absolute;
	left:40%;
	right:1%;
	top: 80%;
	margin-left:auto;
	margin-right:auto;
	color: #008022; font-size: 14px;
}

.prod__flecha {
	font-weight: bold;
	position: absolute;
	left:80%;
	right:1%;
	top: 80%;
	margin-left:auto;
	margin-right:auto;
	color: #008022; font-size: 14px;


}

@-webkit-keyframes run {
	0% { left: 80%;}
	50%{ left : 85%;}
	100%{ left: 82%;}
}

.prod__container {
	position: relative;
	background: #ffffff;
	border: 2px solid grey;
	margin: 5px;
	min-width: 267px;
	min-height: 257px;
	border-radius: 2px;
}

/* 		.prod__destacado {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
} */

.prod__hover {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color:white;
	background: rgb(244 147 8);
	width: 44px;
	height: 44px;
	border-radius: 30px;
	line-height: 44px;

}



.prod__container:hover{

}

.prod__container:hover .prod__destacado {
	opacity: 0.3;
}

.prod__container:hover .prod__hover {
	opacity: 1;
}

.prod__container:hover .prod__flecha {
/*-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 0.8s;*/
}

.text {
	background-color: #4CAF50;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

.title_ap_pre {
	text-align: left;
	font-size: 21px;
	line-height: 38px;
	font-weight: bolder;
	letter-spacing: 0.42px;
	color: #292929;
}

.nav-link {
	text-transform: uppercase;
	letter-spacing: 0.28px;
	color: #455560;
	border-bottom: 2px solid white;
	white-space: nowrap;
}

.navbar-item > .active {

	letter-spacing: 0.28px;
	/* color: #f49308; */
	/* color: #f49308;
	border-bottom: 2px solid #f49308; */
	color: rgb(100, 130, 106);
	font-weight: bold;		
	border-bottom: 2px solid rgb(180, 230, 190);

}

.nav-link:hover {  
	letter-spacing: 0.28px;
	/* color: #f49308; */
	color: rgb(100, 130, 106);
	font-weight: bold;		
	border-bottom: 2px solid rgb(180, 230, 190);
}

.nav-link.nav-cliente {
	text-transform: uppercase;
	letter-spacing: 0.28px;
	color: #A93344;
	border-bottom: 2px solid white;
	white-space: nowrap;
}

.navbar-item.nav-cliente > .active {

	letter-spacing: 0.28px;
	/* color: #f49308;
	border-bottom: 2px solid #f49308; */
	color: rgb(100, 130, 106);
	font-weight: bold;		
	border-bottom: 2px solid rgb(180, 230, 190);

}

.nav-link.nav-cliente:hover {  
	letter-spacing: 0.28px;
	color: #f49308;
	border-bottom: 2px solid #f49308;
}





	.logofot {
	width: 220px;
	height: 66px;
	}

	.title__footer {
	text-align: left;
	font: Bold 15px/25px Martel Sans;
	letter-spacing: 0.3px;
	color: #FFFFFF;
	}

	.links__footer a {
	color: rgb(37, 95, 63);
	letter-spacing: 0.3px;
	font-size: 14px;
	line-height: 31px;
	}

.contacto__link a {
	text-align: left;
	
	letter-spacing: 0px;
	color: black;

}


	.info__contacto a {
		text-align: left;
		letter-spacing: 0px;
		color: black;
		font-weight: 400;
		/* font-size: 12px; */
	}

	.info__contacto__footer a {
	text-align: left;
	letter-spacing: 0px;
	color: white;
	font-size: 12px;

	}
	.info__emails a {
	text-align: left;
	letter-spacing: 0px;
	color: white;

	}
	.info__icon {
	color: white;
	font-size: 22px;

	}
	.info__icon_contacto {
	color: rgb(180, 230, 190);
	font-size: 22px;

	}



/*   .slidertext {
font: Regular 35px/64px Martel Sans;
letter-spacing: 0.7px;
color: #FFFFFF;
} */

.text__icon__home { 
text-align: left;
font-size: 21px;
line-height: 27px;
letter-spacing: 0.42px;
color: #FFFFFF;
}

.circle__verde {
background: #008022;
border-radius: 40px;
font-size: 30px;
max-height: 66px;
min-width: 66px;
text-align: center;
padding: 8px;
}

.ico16x16{
	width: 16px;
	height: 16px;
}

.navtoptop {
	font: Bold 14px/25px Martel Sans;
	letter-spacing: 0.28px;
	color: #B0B0B0;

}

.navtoptop .nav-item .nav-link {
	font: Bold 14px/25px Martel Sans;
	letter-spacing: 0.28px;
	color: #B0B0B0;

}

.navtoptop .nav-item .nav-link {
	font: Bold 14px/25px Martel Sans;
	letter-spacing: 0.28px;
	color: #B0B0B0;
		
}

.login_bot:hover{
	cursor: pointer;
	text-decoration: underline;
}

.logo__header {
	max-height: 90px;
	/* padding: rem; */
}

.logo__footer {
	max-height: 200px;
}

.dropdown-menu > a:hover, .dropdown-menu > li > a:focus {
	background-image:none !important;
	}
	.dropdown-menu > a:hover, .dropdown-menu > li > a:focus {
	background-color:white !important;
	color: #A93344 !important;
	}		 

	.badge-success {
	vertical-align: middle;
	border-radius: 2px;
	padding: 0.2rem 0.5rem;
	background-color: #173C27;
	}
	.badge-footer {
	vertical-align: middle;
	border-radius: 2px;
	padding: 0.2rem 0.5rem;
	background-color: #F49309;
	}

	.paginate_button.page-item.active > a {
background-color: #173C27;
border-color: rgb(37, 95, 63);
}

.breadcrumb-item > a {
color: #D6DDBE;


}
.breadcrumb-item > a:hover {
color: rgb(244, 147, 8);
text-decoration: none;
}
.breadcrumb-primary {
/* background-color: rgb(23, 59, 39); */
background-color: rgb(180, 230, 190);
border-radius: 0px;
margin-bottom: 0px;
}

.breadcrumb-item.active  {
color: rgb(167, 167, 167);

}

.breadcrumb {
padding: 0.4rem;
}

.card {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}

.border-left-naranja {
border-left: 0.25rem solid rgb(244, 147, 8) !important;
}


input::placeholder {
color: #888;
font: 12px Martel Sans;
}


.login-icon-container {
/* background-color:rgb(244, 147, 8) ;
border: 0.5px solid #292929 ;
padding:2rem;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
color:rgb(23, 59, 39); */

}
.login-icon-container  > i {
font-size:100px;
color: #B0B0B0;
padding-bottom: 1rem;
}

.icon__atencion_cliente {
width: 80px;
height: 80px;
border-radius: 50%;

background-color: rgb(180, 230, 190);
background-image: url("/resources/public/img/atencion-personalizada.svg");
background-size: 60%;
/* background-size: contain; */
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 20px; /* Aumenta el padding para más espacio */

}

.icon__logistica {
width: 80px;
height: 80px;
border-radius: 50%;

background-color: rgb(180, 230, 190);
background-image: url("/resources/public/img/logistica.svg");
background-size: 60%;
/* background-size: contain; */
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 20px; /* Aumenta el padding para más espacio */

}
.icon__stock {
width: 80px;
height: 80px;
border-radius: 50%;

background-color: rgb(180, 230, 190);
background-image: url("/resources/public/img/stock.svg");
background-size: 60%;
/* background-size: contain; */
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 20px; /* Aumenta el padding para más espacio */

}


.reveal {
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.8s ease;
}

.reveal-left {
transform: translateX(-60px);
}

.reveal-right {
		transform: translateX(60px);
}

.reveal.show {
	opacity: 1;
	transform: translateX(0) translateY(0);
}

.whatsapp-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 50px;
	right: 40px;
	/* background-color: #173C27; */
	background-color: rgb(180, 230, 190);
	color: rgb(37, 95, 63);
	/* color: #FFF; */
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px rgb(37, 95, 63);
	z-index: 100;
}
.whatsapp-float:hover {

	color: #FFF;

}
.whatsapp-my-float {
	margin-top: 16px;

}


#footer {
    position: relative;
    padding-top: 80px; /* espacio para el semicírculo */
}

html {
    scroll-behavior: smooth;
}

/* Semicírculo invertido correctamente alineado */
.scroll-top-btn {
    position: absolute;
    top: 0;                     /* arranca EXACTO en el inicio del footer */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 20px;
    background-color: #fff;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    z-index: 10;
    transition: background-color 0.3s ease;
}

/* Flecha */
.scroll-top-btn .arrow-up {
    color: #255f3f;
    font-size: 0.8rem;
    line-height: 1;
    margin-bottom: 6px;
}

/* Hover */
.scroll-top-btn:hover {
	text-decoration: none;
    background-color: #b4e6be;
}

:root {
  --navbar-height: 110px; /* ajustalo si hace falta */
}

section {
  scroll-margin-top: var(--navbar-height);
}

/* Mobile */
@media (max-width: 991px) {
    section {
        scroll-margin-top: 120px;
    }
}