html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  background-color: rgb(247, 248, 252);
}

body {
  padding-top: 56px;
  position: relative;
}

#mainMenu .navbar-brand img{width: 75% !important;}
@media (max-width: 991.98px) {
#mainMenu .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
#mainMenu .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  #mainMenu .navbar-brand img{width: 50% !important;}
}

#mainMenu {
  height:56px;
  -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
background: #ffffff;
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
box-shadow: 0 0.1875rem 0.25rem 0.3125rem rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 60px 14px rgba(0,0,0,0.13);
box-shadow: 0 2px 60px 14px rgba(0,0,0,0.13);
}

#mainMenu.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#mainMenu.navbar-light .navbar-toggler{
    color: rgba(255,255,255,.55);
    width: 2.175rem;
    background-color: #7ebae4;
    box-shadow: none;
    border-radius: 0.325rem;
    border: 0.125rem solid #7ebae4 !important;
}
#mainMenu.navbar-light .navbar-toggler:focus {
	border: 0.125rem solid #619cc6 !important;
}

#mainMenu.navbar-light .navbar-nav .nav-item.active .nav-link,
#mainMenu.navbar-light .navbar-nav .nav-link,
#mainMenu.navbar-light .navbar-nav .nav-link,
#mainMenu.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.77);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px solid #fff;
    border-bottom: 5px solid transparent;
	outline: 0;
	text-decoration: none !important;
}

#mainMenu.navbar-light .navbar-nav > li a.active,
#mainMenu.navbar-light .navbar-nav .nav-item.active,
#mainMenu.navbar-light .navbar-nav .nav-item.active .nav-link:focus,
#mainMenu.navbar-light .navbar-nav .nav-link:active,
#mainMenu.navbar-light .navbar-nav .nav-link:focus,
#mainMenu.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.99);
	border: 0px solid #fff;
    border-bottom: 5px solid #7ebae4;
	outline: 0;
	text-decoration: none !important;
}


.btn-blue1{
	border: 2px solid #0060df;
    font-weight: 700;
    font-size: .875rem;
    padding: 4px 24px 4px 24px;
}

.h-0 {
    height: 0 !important;
}

.fw-3 {
    font-weight: 300 !important;
}
.fw-4 {
    font-weight: 400 !important;
}
.fw-5 {
    font-weight: 500 !important;
}
.fw-6 {
    font-weight: 600 !important;
}
.fw-7 {
    font-weight: 700 !important;
}
.fw-8 {
    font-weight: 800 !important;
}


.bg-transparent {
    background-image: none;
    background-color: transparent;
    color: inherit;
    border: inherit;
    box-shadow: inherit;
    text-shadow: inherit;
}

.list-style-lower-alpha{list-style-type: lower-alpha}
.list-style-lower-roman{list-style-type: lower-roman}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0)
}


.offset-link-menu {
	width:100%;
	position: relative;
	margin:0;
	padding:0;
	margin-bottom: 33px;
}


.lista-redes-sociales li a{width:50px;height:50px;color:#333;background:#dcd9d9;text-align:center;border-radius:25px;padding-top:7px;
text-decoration:none;
}

.lista-redes-sociales li a.fa-twitter:focus,
.lista-redes-sociales li a.fa-twitter:hover{
	background:#00aced;text-decoration:none;color:#fff
}
.lista-redes-sociales li a.fa-facebook-f:focus,
.lista-redes-sociales li a.fa-facebook-f:hover,
.lista-redes-sociales li a.fa-facebook:focus,
.lista-redes-sociales li a.fa-facebook:hover{
	background:#1a5afd;text-decoration:none;color:#fff
}
.lista-redes-sociales li a.fa-instagram:focus,
.lista-redes-sociales li a.fa-instagram:hover{
	background:#025489;text-decoration:none;color:#fff
}
.lista-redes-sociales li a.fa-whatsapp:focus,
.lista-redes-sociales li a.fa-whatsapp:hover{
	background:#1DB154;text-decoration:none;color:#fff
}

.bg-footer {
	background-color: #2e4469 !important;
    background-image: radial-gradient(circle at 0 100%,#6585b0,#2e4469);
    background-repeat: no-repeat;
	-webkit-box-shadow: 0 2px 60px 14px rgba(0,0,0,0.13);
    box-shadow: 0 2px 60px 14px rgba(0,0,0,0.13);
}

/* text-justify no viene en boostrap 5 */
.txt-justify {
    text-align: justify !important;
}