/**
CLASS
*/
* { margin: 0; padding: 0; box-sizing: border-box; } 
html, body { height: 100%; scroll-behavior: smooth; }
body { display: flex; flex-direction: column; justify-content: space-between; margin: 0; padding: 0; overflow-x: hidden !important; font-family: 'IBM Plex Sans', sans-serif; font-weight: 300; } 
.h-100-min { min-height: 100vh; } 
.z-index-2{ z-index: 2;}
.border-left-0 { border-left: none !important; } 
.bg-1, .bg-special, body#subscription_index { background-color: #011e38; }
.bg-2 { background-color: #011e38; } 
.bg-3 { background-color: #3850e6; } 
.bg-4 { background-color: #264fec; } 
.bg-white { background-color: #FFF; } 
.bg-pink, body.notlogged { background-color: #011e38; } 
.bg-white-off{ background-color: #f2ede6; }
.bg-special{ background: #011e38 url(../img/bg.webp) no-repeat center center; background-size: cover; }
.text-white { color: #FFF; } 
.text-1 { color: #011e38 !important; } 
.text-tit{ letter-spacing: 2px;}
.text-pink{ color: #254feb;}
.text-blue-marine{ color: #011e38;}
.float-left{ float: left; }
.rounded-pill-start { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-right: none; z-index: 2; } 
.rounded-pill-end { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } 
.btn-custom { background-color: #fff; color: #000; border: none; transition: color 0.3s ease, background-color 0.3s ease; } 
.btn-custom:hover { background-color: #fff; color: #000; text-decoration: none; } 
.max-width-80{ max-width: 80px;}
.max-width-180{ max-width: 180px;}
.max-width-250{ max-width: 250px;}
.menu-pipe{ margin-top: 8px; margin-left: -2px;}
.box-shadow-none { box-shadow: none !important; }

/**
DEFAULT
*/
main { padding-top: 51px; } 
body.notlogged main{ padding-top: 0;}
/* #header .nav-item{ position: relative;} #header .nav-item:not(:last-child)::after { content: "|"; color: #FFF; position: absolute; top: 16px; } */
#header .nav-link { color: #FFF; letter-spacing: 2px; }
#section1 button.box-shadow-bottom, #section1 .input-group.box-shadow-bottom { position: relative; z-index: 1; box-shadow: 10px 12px 12px -8px rgba(0, 0, 0, 0.4); } 
section.box-shadow-top-bottom { position: relative; z-index: 1; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4), 0 -4px 30px rgba(0, 0, 0, 0.4); } 
section.box-shadow-bottom { position: relative; z-index: 1; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4), 0 -4px 10px rgba(0, 0, 0, 0.4); } 
#section1 .line1 { height: 75vh; }
#section1 .line2 { min-height: 190px; }
#section1 #loginForm { position: relative; top: -20px; width: 30vw; left: 50%; transform: translateX(-50%); max-width: 90vw; } 
#section1 #logo1 { margin-top: -30px;}
#section1 #fullScreenCarousel .carousel-item img { object-fit: cover; height: 100%; width: 100%;}
#section1-2 { height: 40px; } 
#formx-init{ min-height: 50vh; background: linear-gradient(to bottom, #011e38 33.33%, #011e38 33.33% 66.66%, #011e38 66.66%); }
#subs-footer-logo{ min-height: 35vh;}
#whts_suporte{ position: fixed; z-index: 9999; bottom: 8px; right: 15px; width: 70px;}

/**
HOME
*/
body#home_index main > * { max-width: 100vw; overflow-x: hidden;} 
body#home_index #section { display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1;} 
body#home_index #section2 #bannerCarousel{ margin-top: -40px;}
body#home_index #section3 { min-height: 300px;} 
body#home_index #section3 > * { margin-top: 25px; } 
body#home_index #section3 .card-header { border-bottom: none; padding-top: 30px; } 
body#home_index #section3 .circle { width: 80px; height: 80px; border-radius: 50%; position: absolute; top: -29px; } 
body#home_index #section4 .banner { background: url(../img/bg-pink2.webp) repeat-x 0 0px; background-size: contain; } 
body#home_index #section4-5 { height: 70px; } 
body#home_index #section4 .icon-title { position: relative; } 
body#home_index #section4 .icon-title div::after { content: ""; position: absolute; height: 22px; border-bottom: 1px solid #011e38 !important; width: 100vw; }
body#home_index #section4 .icon-img { width: 65px; height: auto; margin-top: -22px; } 
body#home_index #section4 .title-text, body#home_index #section6 .title-text{ font-size: 1.25rem; color: #000; font-weight: bold; } 
body#home_index #section4 .content-text p { margin: 0; line-height: 1.6; }
body#home_index #section5 .banner { background: url(../img/bg-banner3.jpg) repeat-x center center; } 
body#home_index #section6 .img-2{ max-width: 304px;}

/**
SUBSCRIPTION
*/
body#subscription_index main{ padding-top: 0;}
body#subscription_index #formx.box-shadow-top-bottom{ box-shadow: 20px 0px 30px rgba(0, 0, 0, 0.8) !important;}
body#subscription_index #formx-init .input-group{ display: block;}
body#subscription_index #formx-init .input-group, body#subscription_index #formx-init .form-control { width: 100% !important; display: block;}
body#subscription_index #formx-init .form_item { width: 50%; max-width: 100%; margin: 0 auto;}
body#subscription_index #formx-init .form_item > * { width: 100%; box-sizing: border-box; }
body#subscription_index #formx-init .form_item label{ color: #011e38; font-weight: bold;}
body#subscription_index #formx-init .form-control{ border: 1px solid #011e38 !important; background-color: transparent;}
body#subscription_index #formx-init hr{ margin-top: 50px !important; margin-bottom: 50px !important;}
body#subscription_index #formx-init .input-title img{ width: 100px;}
body#subscription_index #section5.box-shadow-top-bottom{ position: inherit; box-shadow:none; }

/**
COUNTDOWN
*/
#countdown *{ background-color: transparent !important; color: #FFF;}
#countdown .card-title{ font-weight: bold; }
#countdown .card, #section3 .card { background-color: transparent; border-radius: 30px; } 
#countdown-section { background-color: #3850e6; }
#countdown .card { background-color: transparent !important; border: 2px solid #011e38 !important;  border-radius: 40% !important; flex: 0 0 auto; min-width: 100px; max-width: 120px; transition: transform 0.2s ease; }
#countdown .card:hover { transform: scale(1.05); }
#countdown .card-body { padding: 1.5rem 0.75rem !important;  }
#countdown .card-title { font-size: 3rem; font-weight: 900; color: #FFF !important; margin-bottom: 0.5rem !important; line-height: 1; font-family: 'IBM Plex Sans', sans-serif; }
#countdown .card-text { font-size: 0.9rem; color: #FFF !important; font-style: italic; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0 !important; }
#countdown {  align-items: flex-start; }
#countdown .countdown-item { display: flex; flex-direction: column; align-items: center; }
#countdown .countdown-label { color: #011e38 !important; font-size: 0.9rem; font-style: italic; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0.75rem; margin-bottom: 0 !important; }

/**
MOBILE 
*/
@media (max-width: 991px) { 
    .menu-pipe{ display: none;}
    #header .nav-item:not(:last-child)::after { content: none; }
    #countdown { zoom: 0.8;}
    #countdown .card-text{ font-size: 12px; }
    #countdown-section h2 { font-size: 1.5rem; }
    #countdown .card { 
        flex: 0 0 auto;
        max-width: 90px; 
    }
    #countdown .card-title { font-size: 2.5rem; }
    #countdown .card-body { padding: 1.25rem 0.5rem !important; }
    #countdown .countdown-label { font-size: 0.75rem; margin-top: 0.5rem; }
    #whts_suporte{ width: 40px; right: 5px;}
    #section1 #loginForm { width: 90vw !important; } 
    #section1 #logo1 { max-width: 60vw !important; } 
    #section1{ height: auto;}
    #section1 .line2 { height: 22vh; }
    #section1-2{ display: none;}
    body#home_index #section2 { min-height: auto !important; }
    body#home_index #section2 #bannerCarousel{ margin-top: 0;}
    body#home_index #section4-5{ height: 45px;}
    body#home_index #section6 .img-2{ max-width: 272px;}
    body#subscription_index #formx-init .form_item { width: 100%;}
    body#subscription_index #formx-init .form_item > * { width: 90% !important; margin: 0 auto; }
}