main {
    flex: 1;
} 

footer {
    font-weight: normal;
    background-color: #e6e6d5;
    color: rgb(66, 66, 66);
    text-align: center;
    padding: 5px;
}
body {
    display: flex;
    flex-direction: column;
    padding-top: 5.2rem; 
}

#volverTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #e4c04b;
    color: white;
    border: none;
    width: 50px; /* Ajusta el ancho para que sea igual al alto */
    height: 50px; /* Ajusta el alto */
    border-radius: 50%; /* Hace que sea un círculo */
    cursor: pointer;
    z-index: 99;
    text-align: center; /* Centra el contenido dentro del círculo */
    line-height: 50px; /* Centra verticalmente el texto */
    font-size: 16px; /* Tamaño del texto */
}

.dropdown-menu {
    border-radius: 0 !important; /* Esto elimina los bordes redondeados */
}
.dropdown-menu .dropdown-submenu {
    position: relative;
}
.dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.dropdown-submenu .dropdown-menu {
    left: 100%; /* Asegura que el segundo dropdown aparezca correctamente a la derecha */
    top: 0;
}
.dropdown-menu > .dropdown-submenu {
    position: relative;
}
.logo-image{
    max-height: 3.5rem;
    height: auto;
} 

.bg-image {
    background-color: #4b4540;
    background-image: url("./images/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 50vh; /* Asegura que la altura del contenedor sea visible en móviles */
    z-index: -1;
}

#imgtxt-portada {
	margin: 8% auto  10% auto;
}

.img-responsive {
    /* display: block; */
    max-width: 100%;
    height: auto;
}


.justificado {
	text-align: justify;
}

.navbar-custom {
    border-top: solid 2px #09501c;
    border-bottom: solid 2px #09501c;
    background-color: #e2e2da; 
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1); 

}

.navbar-custom .navbar-nav .nav-link {
    color: rgb(58, 58, 58);
    font-size: 14px;
    font-weight: bold;
}

.nav-item{
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

.nav-item:hover{
    border-top: solid 1px #c7c4b4;
    border-bottom: solid 1px #c7c4b4;
}

.fotos-circulares-portada {
	/* display: inline-block; */
	height: 40%;
	width: auto;
	margin: 20px 0px;
	border: 2px solid #bbb3a8;
	padding: 2px;
}
.img-circle {
    border-radius: 50%;
}

#fotomanos {
    border: 6px solid #b7c499;
    height: 60%;
    width: auto;
}
.recuadrocertif {
    border: solid 1px #e1eacc;
    border-radius: 10px;
    padding: 20px;
    margin: 30px 10px 5px 5px;
    background-color: #b7c19d;
}

.fondocolor {
    background-color: #eeeae3;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px;
}



/* #servicios {
    padding: 0;
    margin: 0;
}



/* .carousel-inner img {
    max-width: 70%;
    height: auto !important;
}  */


.fotos-productos {
    height: 6rem;
    width: auto;
    border: 2px solid #d3d6ce;
    padding: 2px;
    margin: 20px 0px;
}
#servicios .container {
    font-size: 1rem;
} 

#politicas .container {
    font-size: 1rem;
} 

#otros .container {
    font-size:0.9rem;
} 

.btn-verde {
    background-color: #28a745 !important; 
    color: white !important; 
}
.btn-verde:hover {
    background-color: #218838 !important; 
}
.btn-redondeado {
    border-radius: 30px !important; 
}

#contacto{
    font-size: 1rem;
}

.logos-interes img {
    width: 120px !important;
    height: auto;
}