body, h1, h2, h3, h4, h5, h6, form, dl, ul, li, ol, dt, dd, p, address, a { margin:0; padding:0; text-decoration:none; text-transform:none; text-shadow:none; }

.max-width { max-width: 1350px }

:root {

--color_01:	    				#DBE6EC;
--color_02: 					#5C7B90;
--color_03: 					#0C243B;
--color_04: 					#19C42D;
--color_qr_blue:				#001A6B;
--color_qr_blue:				#0C243B;
--color_qr_red:					#EA062A;
}

.simplebox {
outline: none;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

.bg_color_01 { background: var(--color_01) }
.bg_color_02 { background: var(--color_02) }
.bg_color_03 { background: var(--color_03) }
.color_qr_red { color: var(--color_qr_red) }
.color-qr-blue { color: var(--color_03) }

.fixedPosition { overflow: hidden; }

.text-05 {
font-size: 0.5rem !important;
letter-spacing: 0.05rem !important;
}

.text-07 {
font-size: 0.7rem !important;
letter-spacing: 0.01rem !important;
}

.text-08 {
font-size: 0.8rem !important;
letter-spacing: 0.01rem !important;
}

.text-09 {
font-size: 0.9rem !important;
letter-spacing: 0rem !important;
}

.text-10 {
font-size: 1rem !important;
letter-spacing: 0rem !important;
}

.text-12 {
font-size: 1.2rem !important;
letter-spacing: 0rem !important;
}

.text-15 {
font-size: 1.5rem !important;
letter-spacing: -0.02rem !important;
}

.text-30 {
font-size: 3rem !important;
letter-spacing: -0.02rem !important;
line-height: 1;
}

body {
color: var(--color_03);
width: 100%;
}

body, form, input, select {
font-size: 1rem;
font-weight: normal;
color: var(--color_03);
font-family: 'Nunito', sans-serif;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--color_02);
opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--color_02);
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
color: var(--color_02);
}

.container-header{
background: linear-gradient(var(--color_01), var(--color_02));
background-image: linear-gradient( 135deg, #69FF97 10%, #00E4FF 100%);
background-image: linear-gradient( 135deg, #FFF720 10%, #3CD500 100%);
background-image: linear-gradient( 135deg, #FFFFFF 10%, #DBE6EC 100%);
}

#menu-desktop {
width: 100%;
position: fixed;
z-index: 1020;
}

#menu-desktop.scrolled {
background-color: #DBE6EC !important;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
transition: background-color 100ms linear;
}

#menu-mobile {
width: 100%;
position: fixed;
z-index: 1020;
background: var(--color_01);
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.5);
height: 75px;
}

#menu-mobile-spacer {
	height: 75px;
	width: 100%;
}

#menu-mobile a, #menu-mobile .btn {
padding: 0;
margin: 0;
}

.btn-menu-mobile {
color: var(--color_qr_blue);
font-size: 1.65rem;
}

.btn-menu-mobile-user {
color: var(--color_qr_red);
font-size: 1.65rem;
}

.logo-menu {
width: 150px;
}

.logo-menu-mobile {
height: 45px;
}

.menu-mobile-panel, .menu-mobile-panel-user {
position: fixed;
top: 75px;
left: 0;
bottom: 0;
right: 0;
list-style: none;
z-index: 1010;
overflow: auto;
font-size: 1.2rem;
padding: 0 0.6rem;
}

.menu-mobile-panel {
background-image: linear-gradient(white, var(--color_01));
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 100ms;
transition: 100ms;
}

.menu-mobile-panel-user {
background-color: var(--color_qr_red);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 100ms;
transition: 100ms;
}

.menu-mobile-panel-opened, .menu-mobile-panel-user-opened {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: 200ms;
transition: 200ms;
display: block;
}

.content { background-color: white; width: 100%; }
.container-login {
min-width: 100vw;
min-height: 100vh; 
background-image: url('../image/background-entrar.jpg');
background-position: top center;
background-size: 100% 100%;
}

.link-gray-black { color: var(--color_02) !important }
.link-gray-black:hover { color: var(--color_03) !important }
.hidden { display: none; }

.container-login-form { background-color: white; border: 1px solid #CECECE; width: 400px; }
.container-login-form .short-title { color: var(--color_04); }
.container-login-footer { background-color: white; border: 1px solid #CECECE; width: 400px; }


.nav-item a { color: var(--color_qr_red) !important; font-weight: bold; margin: 0 0.5rem; padding: 0.5rem 0 !important }
.nav-item a:hover { color: var(--color_qr_blue) !important;  }
.nav-item-dark a { color: var(--color_qr_blue) !important; font-weight: bold; margin: 0 0.5rem; padding: 0.5rem 0 !important }
.nav-item-dark a:hover { color: var(--color_qr_red) !important; }
.nav-item-border a { color: white !important; font-weight: normal; margin: 0 0.5rem; padding: 0.5rem 1rem !important; background: var(--color_qr_blue) !important; border-radius: 0.4rem; }
.nav-item-border a:hover { color: white !important; background: var(--color_qr_red) !important; }

.swiper-slide-text { height: 200px; width: 100%; }
.swiper-slide-text div { width: 100%; }
.swiper-slide h2 { font-size: 2rem; font-weight: bold; text-align: center; padding: 0 1rem; color: var(--color_03) }
.swiper-slide h3 { font-size: 1.3rem; text-align: center; padding: 0 1rem; color: var(--color_03) }

.btn-padding { padding: 0.85rem !important; }

#menu-desktop .dropdown-menu {
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
background: transparent;
border-radius: 10px !important;
border: none !important;
}

#menu-desktop .dropdown-menu .border-radius-top {
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}

#menu-desktop .dropdown-menu .border-radius-bottom {
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}

#menu-desktop .dropdown-menu .border-middle {
border-top: 1px solid rgba(255,255,255,0.1) !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

#menu-desktop .dropdown-menu a {
color: white !important;
background: var(--color_qr_blue) !important;
opacity: 1;
font-weight: normal;
padding: 15px 20px !important;
}

#menu-desktop .dropdown-menu a:hover {
background: var(--color_qr_red) !important;
opacity: 1;
}

.swiper-button-next, .swiper-button-prev { color: rgba(255,255,255,0.5) !important; }

.home-outdoor {
height: 100vh;
}

@media (max-width: 767px) and (orientation: portrait) {
.container-login-form { border: none; width: 100vw; padding: 0 30px !important }
.container-login { background: white; }
.container-login-spacer { height: 50px; min-height: 50px; }
.container-login-footer { border: none; width: 100vw; }
.text-15 {
font-size: 1.4rem !important;
letter-spacing: -0.02rem !important;
}
.text-30 {
font-size: 2.5rem !important;
letter-spacing: -0.02rem !important;
line-height: 1.1;
}
.home-outdoor {
height: unset;
}
}

@media (max-width: 1199px) {
.nav-item-border { text-align: center; margin: 0 1.5rem; }
.nav-item-border a { background-image: linear-gradient(black, var(--color_qr_blue));; color: white !important; font-weight: normal; padding: 2rem 1rem !important; border-radius: 0; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); }

.nav-item a { color: var(--color_qr_red) !important; font-weight: bold; margin: 0 0.5rem; padding: 1rem 0.6rem !important; border-bottom: 0.05rem solid var(--color_qr_red) }
.nav-item-dark a { color: var(--color_qr_blue) !important; font-weight: bold; margin: 0 0.5rem; padding: 1rem 0.6rem !important; border-bottom: 0.05rem solid var(--color_qr_blue) }
.nav-item-light a { color: white !important; font-weight: bold; margin: 0 0.5rem; padding: 1rem 0.6rem !important; border-bottom: 0.05rem solid white }

.nav-item-user-text { color: white !important; font-weight: normal; margin: 0 0.5rem; padding: 1rem 0.6rem !important; border-radius: 8px; border: 1px solid white; }
.nav-item-user-text a { color: white !important; font-weight: bold; }
}