/* CSS Document */

body{
    margin: 0px;
    padding: 0px;
	font-family: var(--font-family-primary) !important;
}

.navbar-bg-custom {
	background-color: var(--bgcolor-navbar) !important;
}

.navbar-brand-customsize {
	height: 60px;
	width: auto;
}

.offcanvas.customoffcanvas {
	background-color: var(--bgcolor-menu) !important;
}

.navbar-custombutton,
.navbar-customclose {
	font-size: 30px;
	line-height: 30px;
	padding: 15px;
	color: var(--color-navbarbutton-primary);
	background-color: var(--bgcolor-navbarbutton-primary);
	border: none;
	border-radius: 5px;
}

.navbar-custombutton:hover,
.navbar-custombutton:active,
.navbar-custombutton:focus,
.navbar-customclose:hover,
.navbar-customclose:active,
.navbar-customclose:focus{
	color: var(--color-navbarbutton-active);
	background-color: var(--bgcolor-navbarbutton-active);
}

.navbar-customtitle {
	font-family: var(--font-family-secondary) !important;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 10 0;
	padding: 0 20px 10px;
	color: var(--color-menutitle);
	font-weight: 300;
	border: none;
	border-bottom: solid 1px var(--color-menutitle);
}

.navbar-customnav {
	list-style: none;
	margin: 0;
	padding: 0 40px 40px;
}

.nav-customitem {
	margin: 0;
	padding: 5px 0;
}

.nav-customlink {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-menulink) !important;
	text-decoration: none !important;
	display: inline;
}

.nav-customlink:hover,
.nav-customlink:active,
.nav-customlink:focus {
	color: var(--color-menulink-active) !important;
}

.offcanvas {
	z-index: 9999 !important;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 9998 !important;
}

.slideritem {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.cardcustom {
	background-color: var(--bgcolor-slidercard) !important;
	border: none !important;
}
.cardcustom h3 {
	font-family: var(--font-family-secondary) !important;
	color: var(--color-slidercard-h3) !important;
}
.cardcustom p {
	color: var(--color-slidercard-p) !important;
}

.btn-custom {
	background-color: var(--bgcolor-slidercard-btn) !important;
	color: var(--color-slidercard-btn) !important;
	border: solid 1px var(--bgcolor-slidercard-btn) !important;
}
.btn-outline-custom {
	background-color: var(--color-slidercard-btn) !important;
	color: var(--bgcolor-slidercard-btn) !important;
	border: solid 1px var(--bgcolor-slidercard-btn) !important;
}

.bx-wrapper {
	box-shadow: none !important;
	border: none !important;	
}

.main-content {
	background-color: var(--bgcolor-main);
}

.main-content.producto {
	background-color: var(--bgcolor-producto);
}

.customsub {
	font-family: var(--font-family-secondary) !important;
	font-weight: 400;
	font-size: 2rem;
	margin: 0;
	padding: 0 0 20px;
	color: var(--color-main-titulo);
}

.main-content.producto .customsub {
	font-family: var(--font-family-secondary) !important;
	font-weight: 300;
	font-size: 2.5rem;
	margin: 0;
	padding: 0 0 20px;
	color: var(--color-main-titulo);
}

.customsubsub {
	font-family: var(--font-family-secondary) !important;
	font-weight: 400;
	font-size: 1.5rem;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border: none;
	border-bottom: solid 1px var(--color-main-subtitulo);
	color: var(--color-main-subtitulo);
}

.main-content p {
	font-weight: 400;
	font-size: 1rem;
	margin: 0;
	padding: 0 0 10px;
	color: var(--color-main-texto);
}

.card-header-custom {
	background-color: var(--bgcolor-main) !important;
}

.buscador {
	background-color: var(--bgcolor-buscador);
}

.contacto {
	background-color: var(--bgcolor-contacto);
}


.contactotitulo {
	font-family: var(--font-family-secondary) !important;
	font-weight: 400;
	font-size: 2rem;
	margin: 0;
	padding: 0 0 20px;
	color: var(--color-contacto);
}

.contactotexto {
	padding: 0 0 20px;
	color: var(--color-contacto);
}

.pie {
	background-color: rgb(17, 65, 11);
}

.pietitulo {
	font-weight: 700;
	font-size: 14px;
	margin: 0;
	padding: 0 0 5px;
	color: var(--color-contacto);
}

.pietexto {
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: var(--color-contacto);
}

.pielink {
	display: inline-block;
	font-size: 16px;
	margin: 0;
	padding: 3px;
	color: var(--color-contacto);
}

.mensaje {
	background-color: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.mensaje_toogle {
	display: none;
}

.mensaje_modal {
	background-color: var(--color-navbarbutton-primary);
	display: block;
	width: 90%;
	max-width: 400px;
	border-radius: 10px;
	padding: 20px;
}

.mensaje_content {
	text-align: center;
}

.mensaje_button {
	text-align: center;
	padding-top: 10px;
}

.img-fixed{
	height: 250px;
	object-fit: contain;
}


.card:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,0.50)!important;
}
.owl-item{
	margin-right: unset !important;
}

.owl-carousel .item img {
    margin: 0;
    border: none;
}
.owl-carousel {
    padding: 0;
    margin: 0;
}

.sidebar .form-label{
	color: white;
}
.sidebar h2{
	color: white;
}
.sidebar button{
	background-color: white !important;
}

/* Estilo necesario para submenús en hover */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

/* Mostrar el submenú en hover */
.navbar-nav li:hover > .dropdown-menu {
    display: block;
}

.nav-item.dropdown > a:hover{
	background-color: #333 ;
	border-radius: 5px;
	color: white;
}
.nav-item.dropdown > a{
	border-radius: 5px;
	color: white;
}



/* Estilos para el sello de AFIP en el footer */
.footer-afip-seal {
    text-align: center; /* Centra el sello si el contenedor es más ancho */
    margin-top: 15px; /* Añade un poco de espacio arriba */
}

.footer-afip-seal img {
    width: 35px; /* Define el ancho deseado para que se vea pequeño */
    height: auto; /* Mantiene la proporción correcta de la imagen */
}


/* --- INICIO: FIX PARA CARRUSEL APILADO Y BOTONES --- */

/* 1. Forzar la altura correcta del 'viewport' que crea el plugin bxSlider. */
.slider-container .bx-viewport {
    height: 100vh !important;
    border: none !important; /* Limpia bordes no deseados */
    box-shadow: none !important; /* Limpia sombras no deseadas */
}

/* 2. Forzar a que los banners (slides) se posicionen uno sobre otro. */
/*    Esta es la corrección clave para el problema de apilamiento. */
.slider-container .slideritem {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

/* 3. Asegurar que la tarjeta con el texto y los botones esté por encima de todo lo demás. */
/*    Esto garantiza que los botones reciban el clic. */
.slider-container .cardcustom {
    position: relative; /* Requerido para que z-index tenga efecto */
    z-index: 100;      /* Un valor alto para asegurar que esté al frente */
}

/* --- FIN: FIX PARA CARRUSEL APILADO Y BOTONES --- */