/* Estilo personalizado para el carousel */
#div_carousel_index {
	height: 500px; /* Altura fija */
	overflow: hidden; /* Oculta los desbordamientos */
}

#div_carousel_index .carousel-inner {
	height: 100%; /* Usa toda la altura disponible */
}
#div_carousel_index .carousel-item img {
	width: 100vw; /* Ancho del 100% del viewport */
	height: 500px; /* Altura fija de 500px */
	object-fit: cover; /* Cubre el contenedor manteniendo la proporción de aspecto */
}
.carousel-item {
	overflow: hidden; /* Para ocultar cualquier contenido fuera del área del item */
	position: relative; /* Para posicionar correctamente los elementos secundarios */
}
.carousel-item::before,
.carousel-item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0px; /* Altura del difuminado en la parte superior e inferior */
	z-index: 0; /* Asegura que la capa de difuminado esté encima de la imagen */
}
.carousel-item::before {
	top: 0;
	background: linear-gradient(#F8F9FA, transparent); /* Cambia transparent al color que desees */
}
.carousel-item::after {
	bottom: 0;
	background: linear-gradient(transparent, #F8F9FA); /* Cambia transparent al color que desees */
}
.carousel-item img {
	width: 100%;
	height: auto; /* Para mantener la relación de aspecto de la imagen */
	z-index: 1; /* Asegura que la imagen esté detrás de las capas de difuminado */
}
.texto_logo_cliente{
	color: #C8C8C8;
}

/*Texto del Logo*/
.brand-text-container {
    display: inline-block;
    vertical-align: top; /* Alinear al principio */
    line-height: 0.8; /* Reducir el espacio entre líneas a su mínimo */
}

.brand-text {
    font-size: 1rem; /* Tamaño del texto principal */
	font-weight: bold;
	color: #664D00;
}

.sub-brand {
    font-size: 1rem; /* Tamaño del texto secundario */
    line-height: 0; /* Reducir el espacio entre líneas a su mínimo */
}

.sub-brand-smaller {
    font-size: 0.8rem; /* Tamaño del texto más pequeño */
    line-height: 0; /* Reducir el espacio entre líneas a su mínimo */
}

.bigger-font {
    font-size: 1rem; /* Tamaño de fuente más grande para "del Perú" */
	font-weight: bold;
}

.smaller-font {
    font-size: 0.7rem; /* Tamaño de fuente más pequeño para "Solución oportuna y precisa" */
}
.text-justify {
    text-align: justify;
}
.estilos-barra{
	background-color: #FFF7E0;
	border-bottom: 1px solid #FFF7E0 !important;
}
/* CSS personalizado para cambiar el color de la sombra del navbar */
.navbar.shadow-lg {
    box-shadow: 0 .5rem 1rem rgba(255, 236, 179, 0.5) !important; /* Cambia el color de sombra aquí */
}