/* ==========================================================================

   
   Paleta:
   --ig-green:       #00C853   (verde primário iGreen)
   --ig-green-hover: #00A846   (hover / pressed)
   --ig-green-bright:#69F0AE   (destaque / links)
   --ig-bg-deep:     #080D1A   (fundo mais escuro)
   --ig-bg-dark:     #0A1628   (header / hero)
   --ig-bg-base:     #0F172A   (fundo principal)
   --ig-bg-card:     #111C2E   (cards / seções)
   --ig-bg-elevated: #1B2B40   (bordas / hover)
   --ig-bg-subtle:   #162032   (inputs / subtitles)
   --ig-text-primary:#F0FFF4   (texto principal)
   --ig-text-secondary:#94A3B8 (texto secundário)
   --ig-text-muted:  #64748B   (placeholder / muted)
   --ig-border:      #1B2B40   (bordas)
   ========================================================================== */

/* ==========================================================================

   Estrutura:
   1. Base CSS
   2. Header Mobile/Desktop
   3. @media (min-width: 53.375em) — apenas troca header
   4. @media (min-width: 95em)   — apenas overrides reais (valores distintos da base)
   ========================================================================== */

.content {
    width: 100%;
    padding: 40px 0;
    background-color: #0F172A;
    color: #94A3B8;
}

.p_header {
    background: #080D1A;
    background-position: left 2% center;
    background-repeat: no-repeat;
    background-size: auto, cover;
}

.p_header .content {
    padding: 0;
}

.p_header header { float: left }

.royalties_box {
    background-color: rgba(0,200,83,0.12);
    padding: 20px;
    border-radius: 10px;
}

.p_header header h1 {
    text-align: center;
    padding: 34px;
    background: #00C853;
    color: #fff;
    float: left;
    font-weight: 300;
    
    font-size: 1.5em;
}

.p_header_bar { float: right }
.p_header_bar_line { display: block; width: 100% }

.p_header_bar_line.contact {
    margin-bottom: 8px;
    text-align: right;
}

.p_header_bar_contact {
    float: left;
    margin-top: 12px;
    font-size: .765em;
    
    vertical-align: middle;
    color: #94A3B8;
}

.p_header_bar_contact a { color: #00C853; text-decoration: none }
.p_header_bar_contact a:hover { text-decoration: underline }

.p_header_bar_social { display: inline-block; margin-left: 15px }
.p_header_bar_social li { float: left; margin: 0 }
.p_header_bar_social li a { float: left; padding: 8px; background: #1B2B40 }
.p_header_bar_social li img { height: 20px }
.p_header_bar_social .facebook { background: #00C853 }
.p_header_bar_social .facebook:hover { background: #00A846 }
.p_header_bar_social .twitter { background: #00C853 }
.p_header_bar_social .twitter:hover { background: #00A846 }
.p_header_bar_social .google { background: #EF5350 }
.p_header_bar_social .google:hover { background: #F44336 }
.p_header_bar_social .youtube { background: #F44336 }
.p_header_bar_social .youtube:hover { background: #FF5722 }

.p_header_bar_line.search { text-align: right; vertical-align: middle }
.p_header_bar_line.search form {
    display: inline-block;
    background: #162032;
    padding: 8px;
    vertical-align: middle;
}
.p_header_bar_line.search input {
    float: left;
    width: auto;
    padding: 8px;
    display: inline-block;
    border: 1px solid #1B2B40;
}
.p_header_bar_line.search .btn { float: right; display: inline-block; margin: 0; margin-left: 8px }

.p_header_cart {
    display: inline-block;
    background: #00C853;
    font-size: .8em;
    
    margin-left: 10px;
}
.p_header_user {
    display: inline-block;
    font-size: .8em;
    
    margin-left: 10px;
    cursor: pointer;
}
.p_header_user a {
    display: block;
    padding: 15px 20px;
    background: #00C853;
    color: #fff;
    text-decoration: none;
}
.p_header_user a:hover, .p_header_cart:hover { background: #00A846 }

.eadcontrol_u_account { background: #1B2B40 }
.a_slides { margin: 30px auto 0 auto }

.p_header_logo { padding: 17px 0; float: left; width: 110px; max-width: 100%; line-height: 0 }
.p_header_nav { float: right; text-align: right; line-height: 0 }
.p_header_nav_li { position: relative; display: inline-block; vertical-align: baseline }
.p_header_nav_li .a {
    color: #A7F3D0;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
    
    padding: 20px 10px 29px 30px;
    text-shadow: 1px 1px #000;
    border-bottom: 1px solid transparent;
}
.p_header_nav_li .a.ac { color: #fff }
.p_header_nav_li:hover .p_header_nav_sub,
.p_header_nav_li .a:hover .p_header_nav_sub { display: block }

.p_header_nav_sub {
    text-align: left;
    display: none;
    position: absolute;
    top: 100%;
    z-index: 99;
    width: 290px;
    border-left: 5px solid #1B2B40;
    padding-left: 0;
    background: #00C853;
    background-size: 100%;
}
.p_header_nav_sub .sub_a {
    font-weight: 500;
    font-size: 1.6em;
    color: #080D1A;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 3px 3px;
}


.p_h_developers_header {
    font-size: .7em;
}

.p_h_developers_header p {
    margin-top: 20px;
}



.p_header_nav_li_login {
    font-size: .8em;
    font-weight: 700;
    color: #69F0AE;
    text-decoration: none;
    
    text-shadow: 1px 1px #000;
    display: inline-block;
    padding: 28px 20px;
    background: #080D1A;
    margin: 0 7px;
}
.p_header_nav_li_login:hover { background: #080D1A }
.p_header_nav_li_login_true { cursor: pointer; margin: 0 7px }

.p_header_search {
    display: inline-block;
    margin-left: 14px;
    width: 100%;
    vertical-align: middle;
}
.p_header_search input,
.p_header_search .btn_s {
    display: inline-block;
    font-size: .8em;
    padding: 8px;
    vertical-align: middle;
    margin: 0;
    border: 0;
    color: #fff;
}
.p_header_search input {
    width: 80%;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.p_header_search .btn_s {
    border: none;
    font-weight: 700;
    padding: 9px;
    width: 20%;
    cursor: pointer;
    background: none;
}
.p_header_search .btn_s:hover { background: #080D1A }

.p_header_mobile_menu,
.p_header_mobile_menu_open { display: none }

/* ---- NAV (desktop >= 50em) ---- */
@media (min-width: 50em) {
    .p_nav_mobile_menu { display: none }
    .p_nav { border-top: 1px dashed #1B2B40 }
    .p_nav.content { padding-top: 0 }
    .p_nav nav>ul>li {
        margin-top: 20px;
        display: inline-block;
        border-left: 1px solid #00C853;
        padding: 0 40px 20px 10px;
        font-size: .875em;
        font-weight: 400;
        
        color: #00C853;
        position: relative;
        cursor: pointer;
    }
    .p_nav li a { color: #00C853; text-decoration: none }
    .p_nav nav>ul>li:hover,
    .p_nav nav>ul>li:hover a { color: #00A846 }
    .p_nav nav>ul>li:hover .sub { display: block }
    .p_nav .sub {
        position: absolute;
        left: 10px;
        top: 30px;
        background: #111C2E;
        padding: 10px;
        min-width: 250px;
        max-width: 100%;
        z-index: 99;
        box-shadow: 2px 2px 1px 1px #1B2B40;
        -moz-box-shadow: 2px 2px 1px 1px #1B2B40;
        -webkit-box-shadow: 2px 2px 1px 1px #1B2B40;
        border-bottom-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-bottom-right-radius: 20px;
        display: none;
    }
    .p_nav .sub>li { position: relative }
    .p_nav .sub>li a { display: block; width: 100%; padding: 10px; background: #162032 }
    .p_nav .sub>li:hover>a, .p_nav .sub>li a:hover { background: #00C853; color: #fff }
    .p_nav .sub>li:last-child>a, .p_nav .subsub>li:last-child>a {
        border-bottom-right-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -webkit-border-bottom-right-radius: 15px;
    }
    .p_nav .subsub {
        position: absolute;
        min-width: 250px;
        max-width: 100%;
        background: #111C2E;
        left: 100%;
        top: 0;
        z-index: 99;
        box-shadow: 2px 2px 1px 1px #1B2B40;
        -moz-box-shadow: 2px 2px 1px 1px #1B2B40;
        -webkit-box-shadow: 2px 2px 1px 1px #1B2B40;
        border-bottom-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-bottom-right-radius: 20px;
        display: none;
    }
    .p_nav .sub li:hover .subsub { display: block }
}

/* ---- NAV (mobile <= 64em) ---- */
@media (max-width: 64em) {
    .p_header .content { padding: 0; width: 100% }
    .p_header header { float: none; width: 100% }
    .p_header h1 { width: 100% }
    .p_header_bar_line.contact { display: none }
    .p_header_bar { float: none; padding: 20px; background: #1B2B40 }
    .p_header_bar_line.search { float: left; width: 100%; text-align: center }
    .p_header_bar_line form { margin: 0; width: 100%; margin-bottom: 10px }
    .p_header_bar_line form .input { margin: 0; width: 60% }
    .p_header_bar_line form button { margin: 0; width: 35% }
    .p_header_user, .p_header_cart { margin: 0; width: 50% }
    .p_nav_mobile_menu {
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 1.2em;
        padding: 10px 0;
        text-align: center;
        background: #69F0AE;
        color: #fff;
        cursor: pointer;
    }
    .p_nav nav { padding: 20px }
    .p_nav ul { display: none; width: 100% }
    .p_nav li { border-top: 1px solid #1B2B40 }
    .p_nav nav>ul>li { font-size: .8em; font-weight: 400; text-transform: uppercase }
    .p_nav nav>ul>li>ul>li>a:before { margin-right: 10px; content: "»" }
    .p_nav nav ul li ul li ul li { text-transform: capitalize }
    .p_nav nav ul li ul li ul li a:before { margin-right: 10px; text-transform: lowercase; content: "»»" }
    .p_nav li span { display: block; width: 100%; padding: 4%; background: #475569; color: #fff }
    .p_nav li a { display: block; width: 100%; padding: 4%; color: #fff; text-decoration: none; background: #00C853 }
    .p_nav li a:hover { background: #00A846 }
    .produtct_basics_cover, .produtct_basics_infor { width: 100%; padding: 0; text-align: center }
    .produtct_basics_cover>img { float: left; width: 50% }
    .produtct_basics_cover ul { float: right; width: 50%; padding-left: 5% }
    .produtct_basics_cover ul li { width: 33% }
    .produtct_basics_cover { margin-bottom: 30px }
}

@media (max-width: 33em) {
    .content { width: 99% }
    .p_footer .left { margin-bottom: 20px }
    .p_footer .left, .p_footer .right { float: none; width: 100%; text-align: center }
    .produtct_basics_cover img, .produtct_basics_cover ul { width: 100% }
    .produtct_basics_cover_stock { width: 55% }
    .produtct_basics_cover_offer { width: 60% }
}

@media (max-width: 66em) {
    .s_eadcontrollist { padding: 0; float: left; width: 100% }
    .s_eadcontrolsidebar { display: none }
}

@media (max-width: 74em) {
    .produtct_basics_cover_stock { width: 65% }
    .produtct_basics_cover_offer { width: 70% }
}

/* ---- SIDEBAR / LIST ---- */
.s_eadcontrollist { float: right; width: 70%; padding-left: 30px }
.s_eadcontrolsidebar { float: left; width: 30%; padding: 20px 20px 0 20px; background: #1B2B40 }
.s_eadcontrolsidebar section>h1 { font-size: 1.4em; font-weight: 300; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #1B2B40 }
.s_eadcontrolsidebar section>h1 span { border-bottom: 5px solid #1B2B40; padding-bottom: 11px }

.s_eadcontrolsidebar_widget { float: left; width: 100%; margin-bottom: 30px; padding: 20px 20px 0 20px; background: #111C2E }
.s_eadcontrolsidebar_widget.delivered article { float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #1B2B40 }
.s_eadcontrolsidebar_widget.delivered article img { float: left; width: 30% }
.s_eadcontrolsidebar_widget.delivered article div { float: right; width: 70%; padding-left: 5% }
.s_eadcontrolsidebar_widget.delivered article h1 { font-size: 1em; font-weight: 500; line-height: 1.1; margin: 0 0 8px 0 }
.s_eadcontrolsidebar_widget.delivered article a { color: #00C853; text-decoration: none }
.s_eadcontrolsidebar_widget.delivered article a:hover { color: #00A846; text-decoration: underline }
.s_eadcontrolsidebar_widget.delivered article p { font-size: .75em; font-weight: 300; color: #94A3B8 }
.s_eadcontrolsidebar_widget.delivered article .offer { font-size: .875em; color: #4B5563; margin-bottom: 10px }
.s_eadcontrolsidebar_widget.delivered article .offer span { color: #64748B; display: block; font-weight: 500 }
.s_eadcontrolsidebar_widget.delivered article .offerend { font-size: .6em; text-transform: uppercase }

.s_eadcontrolsidebar_widget.posts article { float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #1B2B40 }
.s_eadcontrolsidebar_widget.posts article img { width: 100%; margin-bottom: 15px }
.s_eadcontrolsidebar_widget.posts article h1 { font-size: 1.1em; font-weight: 500; line-height: 1.3 }
.s_eadcontrolsidebar_widget.posts article a { color: #00C853; text-decoration: none }
.s_eadcontrolsidebar_widget.posts article a:hover { color: #00A846; text-decoration: underline }
.s_eadcontrolsidebar_widget:before { clear: both }

/* ---- PRODUCT CARD ---- */
.s_eadcontrolpdt { box-shadow: 0 0 1px 1px #1B2B40; text-align: center }
.s_eadcontrolpdt_cover { padding-top: 20px; position: relative }
.s_eadcontrolpdt_offer { font-size: .8em; text-align: right; color: #fff; position: absolute; bottom: 0; left: 0; padding: 10px; background: #00C853; width: 60% }
.s_eadcontrolpdt_stock { font-size: .8em; text-align: right; color: #fff; position: absolute; bottom: 0; left: 0; padding: 10px; background: #4B5563; width: 60% }
.s_eadcontrolpdt_offer_ident { width: 50%; bottom: 35px }
.s_eadcontrolpdt header { padding: 20px }
.s_eadcontrolpdt header h1 { font-size: 1.5em; line-height: 1.1; font-weight: 500; margin-bottom: 10px }
.s_eadcontrolpdt header a { color: #00C853; text-decoration: none }
.s_eadcontrolpdt header a:hover { color: #00A846; text-decoration: underline }
.s_eadcontrolpdt header p { font-size: .7em; font-weight: 300 }
.s_eadcontrolpdt_price { font-size: 1.3em; font-weight: 600; color: #64748B; padding-bottom: 20px }
.s_eadcontrolpdt_price span { display: block; font-size: .8em; color: #4B5563; font-weight: 300 }
.pdt_s_eadcontrolsplit { font-size: .65em; font-weight: 300; color: #475569 }
.s_eadcontrolpdt_btn { padding: 15px 0; text-align: center; background: #1B2B40 }
.s_eadcontrolpdt_btn .btn { font-size: .7em;  padding: 10px 20px; font-weight: 600 }

/* ---- PRODUCT BASICS ---- */
.produtct_basics_cover { float: left; width: 35%; position: relative }
.produtct_basics_cover_offer { position: absolute; top: 50px; left: 0; text-align: right; color: #fff; width: 50%; padding: 10px 20px; background: #00C853; font-size: .8em }
.produtct_basics_cover_stock { position: absolute; top: 50px; left: 0; text-align: right; color: #fff; width: 45%; padding: 10px 20px; background: #4B5563; font-size: .8em }
.produtct_basics_cover_ident { top: 88px }
.produtct_basics_cover ul { display: block; width: 100%; padding-top: 10px; background: #111C2E }
.produtct_basics_cover li { display: inline-block; width: 20%; margin-bottom: 15px }
.produtct_basics_infor { float: right; width: 65%; padding-left: 5% }
.produtct_basics_infor .info { padding: 25px 0; margin-bottom: 30px; border-bottom: 1px solid #1B2B40; font-size: .875em; color: #94A3B8 }
.produtct_basics_infor .info p { margin-bottom: 3px }
.produtct_basics_infor .info .reviews { margin: 10px 0 20px 0; font-size: .9em;  color: #64748B }
.produtct_basics_infor header h1 { font-size: 1.8em; font-weight: 500; margin-bottom: 10px }
.produtct_basics_infor header p { font-size: .8em }
.produtct_basics_infor .info .price { font-size: 1.7em }
.produtct_basics_infor .info .price strike { font-weight: 300; color: #4B5563; font-size: .8em; margin-left: 10px }
.produtct_basics_infor .price_split { font-size: .5em; color: #64748B }
.produtct_basics_infor form { display: block; width: 100%; vertical-align: bottom }
.produtct_basics_infor a { text-decoration: none; color: #00C853 }
.produtct_basics_infor a:hover { color: #00A846; text-decoration: underline }

/* ---- PRODUCT INFO / MORE ---- */
.produtct_infor { background: #111C2E }
.produtct_infor .htmlchars { padding: 30px; background: #111C2E }
.produtct_more { background: #00C853; text-align: center; color: #fff }
.produtct_more .content>header { margin-bottom: 30px }
.produtct_more .content>header h1 { font-size: 2em; font-weight: 300 }
.produtct_more .content>header p { font-size: .8em;  font-weight: 500 }
.produtct_more .s_eadcontrolpdt { background: #111C2E; border: none; box-shadow: none; color: #475569 }
.produto_reviews .comm { font-size: .875em; background: #111C2E }

/* ---- MISC ---- */
.xxx_ead { padding-bottom: 20px }
.logo_text { position: absolute; left: -99px; top: -99px; text-indent: -9999px }
*:hover { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s }
.on_mobile { display: none !important }
.on_desktop { display: inline-block !important }

.btn_black { background-color: #00C853; text-shadow: 1px 1px #000 }
.btn_blue:hover { background-color: #69F0AE }

/* ---- MODAL / LOAD ---- */
.xxx_load,
.xxx_modal {
    position: fixed; z-index: 101; left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(8,13,26,0.85); display: none;
}
.xxx_load { z-index: 100; background-image: url(images/load_w.gif); background-position: center center; background-repeat: no-repeat }
.xxx_modal_box { width: 560px; max-width: 90%; margin: auto; background: #111C2E; box-shadow: 0 0 5px 0 #000; position: relative; color: #CBD5E1; text-align: center }
.xxx_modal_box_header { display: block; width: 100%; text-align: center; background: #00C853; padding: 30px 0; color: #fff }
.xxx_modal_box_header_icon { font-size: 6em; text-shadow: 0 1px 0 #000; line-height: 1 }
.xxx_modal_box_content { padding: 30px }
.xxx_modal_box_content .title { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #1B2B40; font-size: 1.8em; font-weight: 700;  margin: 0 !important }
.xxx_modal_box_content p { margin-top: 30px; font-size: 1em }
.xxx_modal_box_close { position: absolute; right: 15px; top: 15px; font-size: .7em; padding: 8px 10px; line-height: 1; background: rgba(8,13,26,0.7); color: #fff; text-align: center; cursor: pointer }
.xxx_modal_box_close:hover { background: #EF5350 }

/* ---- NOT FOUND ---- */
.not_found { padding: 50px 0 }
.not_found .header { width: 800px; max-width: 100%; text-align: center; margin: 0 auto 40px auto }
.not_found .header h1 { font-size: 2em; font-weight: 400 }
.not_found .header p { font-size: 1.1em; font-weight: 300; margin: 10px 0 0 0 }
.not_found .search_form { display: block; padding: 0 20px; margin-bottom: 50px; float: none; background: none; text-align: center }
.not_found .search_form input { width: 400px; max-width: 100%; padding: 6px }

/* ---- SIGN ---- */
.p_sign { background: #00C853; color: #fff; text-align: center; position: relative }
.p_sign .content { padding-top: 50px }
.goto_home { position: absolute; padding: 8px 20px; margin-top: -20px; margin-left: -30px; background: #00962E; font-size: 2em; font-weight: 300; border-radius: 50%; cursor: pointer }
.goto_home:hover { background: #69F0AE }
.p_sign h1 { font-size: 2em; font-weight: 300 }
.p_sign header p { font-size: .8em; margin-bottom: 30px; text-transform: uppercase }
.p_sign form { text-align: center; margin: 0 auto }
.p_sign form label { display: inline-block; vertical-align: bottom; margin-right: 20px; text-align: left; margin-bottom: 20px }
.p_sign form label span { display: block; margin-bottom: 5px; font-size: .875em }
.p_sign form input { border: none; font-size: 1.2em; padding: 10px 20px; font-weight: 400; color: #fff; background: rgba(8,13,26,0.7) }
.p_sign form .btn { padding: 12px 30px; font-size: 1.3em }

/* ---- FOOTER ---- */
.p_footer { float: left; width: 100%; background: #111C2E; font-size: .875em; color: #CBD5E1 }
.p_footer .left { float: left }
.p_footer .right { float: right; text-align: right }
.p_footer .content { padding: 40px 0; color: #fff }
.p_footer .tagline { font-size: .9em; font-weight: 300; margin: 30px 0 }
.p_footer .tagline_m { margin: 20px 0 0 0 }
.p_footer .tagline a { font-weight: 400; color: #69F0AE }

.p_footer_title { font-weight: 700; font-size: 1.2em; text-shadow: 1px 1px #000; margin-bottom: 30px }
.p_footer_title span { padding-bottom: 5px; border-bottom: 3px solid #69F0AE }

.p_footer_awards .content { padding: 10px 0 }
.p_footer_awards li { font-size: .6em; vertical-align: middle }
.p_footer_awards li img { display: inline-block; width: 20%; padding-right: 10px }
.p_footer_awards li p { display: inline-block; text-align: left; width: 80%; vertical-align: middle }
.p_footer_awards li span { color: #94A3B8 }

.p_footer_agencia { background: rgba(15,23,42) url(images/image_texture.png); padding: 20px 0 40px 0 }
.p_footer_agencia .content { padding-bottom: 0 }
.p_footer_agencia_about_social li { display: inline-block; margin-right: 5px }
.p_footer_agencia_most_menu li { display: block; width: 100%; margin-bottom: 3px }
.p_footer_agencia_most_menu .a { color: #69F0AE; font-size: .7em;  text-decoration: none }
.p_footer_agencia_most_menu .a:hover { color: #69F0AE }
.p_footer_agencia_most_hq { padding-top: 10px }
.p_footer_agencia_about, .p_footer_agencia_most, .p_footer_agencia_contact { vertical-align: top; margin-bottom: 40px !important }

.p_footer_site_net { font-weight: 300; color: #ffffff; text-align: center; font-size: .8em; padding: 70px 0 20px 0; background: #0f172a; border-top: 1px solid #1B2B40 }
.p_footer_site_net a { color: #00C853; text-decoration: none; font-weight: 400 }
.p_footer_site_net a:hover { color: #fff; text-decoration: underline }
.p_footer_site_net_alert { margin-top: 10px; padding-top: 10px; font-size: .8em }
.p_footer_site_net_partner { position: absolute; top: 0; left: 50%; margin-left: -100px; margin-top: -20px; padding: 15px; background: #111C2E; border: 2px solid #0A1628; width: 200px }
.p_footer_site_net_partner:hover { background: #00C853 }

/* ---- FOOTER OPTIN ---- */
.p_footer_optin { background: rgba(8,13,26,0.92); color: #fff; text-align: center; position: relative }
.p_footer_optin .content { padding-top: 20px }
.p_footer_optin_icon { position: absolute; left: 50%; margin-left: -40px !important; top: -30px; padding: 15px 0; width: 86px; font-size: 2em; text-align: center; background: #080D1A }
.p_footer_optin_hash { padding-top: 36px; color: #ffffff }
.p_footer_optin_header { display: block; width: 100%; margin-bottom: 30px }
.p_footer_optin_content .btn, .p_footer_optin_content label { margin-top: 0; margin-bottom: 0; vertical-align: middle }
.p_footer_optin_content .btn { padding: 13px }
.p_footer_optin_content input { border: none; font-size: 1.1em; padding: 12px }

/* ---- PAGINATION ---- */
.pgn { display: block; width: 100%; padding: 20px 0 20px 0; text-align: right }
.pgn li { display: inline-block }
.pgn a, .pgn span { padding: 5px 10px; background: #00C853; margin-left: 5px; color: #fff; text-decoration: none; border-radius: 25%; -moz-border-radius: 25%; -webkit-border-radius: 25%; text-shadow: 1px 1px 0 #005C20 }
.pgn span { background: #475569 }
.pgn a:hover { background: #00A846 }

/* ---- BREADCRUMBS ---- */
.breadcrumbs { display: block; padding: 10px; background: #1B2B40; font-size: .8em; font-weight: 300; color: #94A3B8; text-align: right;  margin-bottom: 20px }
.breadcrumbs a { text-decoration: none; color: #00C853; font-weight: 600 }

/* ---- PAGE SINGLE ---- */
.page_single { background: #111C2E; padding: 40px 0 }
.page_single header { text-align: center; color: #475569 }
.page_single header h1 { font-weight: 300 }
.page_single .page_content { padding: 30px; background: #111C2E }

/* ---- H_HEADER ---- */
.h_header { display: block; text-align: left; margin-bottom: 30px }
.h_header h2 { font-size: 2em; font-weight: 600; color: #00C853 }
.h_header p { font-size: .85em;  color: #94A3B8 }
.h_header span { display: inline-block; width: 250px; height: 10px; background: #111C2E; margin-top: 10px }

/* ---- HOME CTA ---- */
.p_h_cta {
    position: relative;
    background: #0A1628;
    padding: 72px 24px 56px;
    overflow: hidden;
    color: #CBD5E1;
    text-align: center;
}
.plano_passos {
    position: relative;
    background: #0F172A;
    background-size: cover;
    padding: 5% 2%;
    color: #94A3B8;
}
.p_h_cta_desc { width: 100%; max-width: 840px; margin: 0 auto; text-align: center; margin-bottom: 40px; background: transparent }
.p_h_cta_desc h2 { margin: 10px 0; font-size: 1.8em; background: transparent; color: #F0FFF4 }
.p_h_cta_desc h2 b { background: #00C853; font-size: 0.9em; border-radius: 10px }
.p_h_cta_desc p { font-size: 1.1em }
.p_h_cta_desc p span { padding: 0 10px 10px 10px; border-bottom: 3px solid #00C853 }

/* ---- HOME ABOUT ---- */
.p_h_about_award { display: no; margin-bottom: 30px }
.p_h_about_award p { font-size: .9em }
.p_h_about_award span { display: block; margin-top: 15px; width: 30px; height: 5px; background: #00C853 }
.p_h_about_item { font-size: .8em; text-align: center; margin-top: 0; margin-bottom: 2% }
.p_h_about_item_content { padding: 20px; background: #162032 }
.p_h_about_item h3 { font-size: 1.3em; font-weight: 400; border-bottom: 1px solid #1B2B40; padding-bottom: 10px }
.p_h_about_item p { margin-top: 10px }
.p_h_about_action { text-align: right; display: block; margin-top: 30px }
.p_h_about_media { padding-left: 3% }
.p_h_about_media img { width: 100% }
.p_h_about_media .media { padding: 10px; background: #1B2B40; margin-bottom: 10px; position: relative }
.p_h_about_media .media_false_bg { position: absolute; display: flex; left: 0; top: 0; width: 100%; height: 100% }
.p_h_about_media .media_play { display: block; margin: auto; color: #fff; font-size: 3em; cursor: pointer; padding: 10px 20px; background: rgba(1,142,192,.5); line-height: 0 }
.p_h_about_media .media_play:hover { background: rgba(1,142,192,.9) }
.p_h_about_slide { display: none }
.p_h_about_slide.active { display: block }
.h_media_item_nav { display: none }

/* ---- HOME COURSES ---- */
.p_h_courses {
    background: #080D1A;
    position: relative;
    margin: 0px 0;
    color: #fff;
}
.p_h_courses:after {
    position: absolute;
    top: 100%;
    width: 0; height: 0;
    border-style: solid;
    border-width: 0 0 80px 100vw;
    border-color: transparent transparent transparent #00C853;
    background: #111C2E;
}
.p_h_courses:before {
    position: absolute;
    bottom: 100%;
    width: 0; height: 0;
    border-style: solid;
    border-width: 0 0 80px 100vw;
    border-color: transparent transparent #00C853 transparent;
}
.p_h_courses_header { text-align: center; margin-bottom: 30px }
.p_h_courses_icon { display: block; text-align: center; font-size: 4em }
.p_h_courses_header h2 { font-size: 2em; text-shadow: 1px 1px 0 #000; color: #fff }
.p_h_courses_header p { font-size: .80em; margin-top: 5px; color: #fff; font-weight: 700 }
.p_h_courses_header ul { display: block; margin-top: 30px }
.p_h_courses_header li { font-size: .8em; font-weight: 700; display: inline-block; padding: 10px 20px; background: rgba(0,200,83,0.82); margin: 0 10px 20px 10px; cursor: pointer }
.p_h_courses_header li:hover { background: rgb(0,80,30); box-shadow: 0 1px 2px 0 #080D1A }
.p_h_courses_header .a_active, .p_h_courses_header .active { background: rgba(0,200,83,0.15); cursor: default; box-shadow: 0 1px 2px 0 #00C853 }
.p_h_courses .linhambos { display: block; width: 300px; max-width: 60%; margin: 20px auto 20px auto; height: 5px; background: #69F0AE }

.p_h_neec_course { background: #0F172A; border-bottom: 5px solid #00962E }
.p_h_neec_course:hover { border-color: #00A846 }
.p_h_neec_course_thumb { position: relative }
.p_h_neec_course_content { padding: 20px; font-size: .8em; text-align: center }
.p_h_neec_course_content h3 { font-size: 1.4em }
.p_h_neec_course_content h3 a { text-decoration: none; color: #fff }
.p_h_neec_course_content h3 a:hover { text-shadow: 0 1px 1px #000 }
.p_h_neec_course_content .headline { margin: 10px 0 20px 0 }
.p_h_courses footer { display: block; text-align: center; margin-top: 30px }
.p_h_courses footer p { font-size: 1em; font-weight: 700; margin: 0 auto 25px auto }
.p_h_courses footer a { color: #00A846; display: inline-block; font-size: 1.1em; font-weight: 700; text-shadow: 0 1px #000; text-decoration: none; padding: 15px 30px; background: #00C853 }
.p_h_courses footer a:hover { background: #69F0AE }

/* ---- HOME BLOG ---- */
.p_h_blog { background: #111C2E }

.post_list { background: #1B2B40; border-bottom: 3px solid #00C853; border-top: 3px solid #00C853 }
.post_list:hover { box-shadow: 0 0 15px 0 #00C853 }
.post_list_thumb { position: relative }
.post_list_content { padding: 25px }
.post_list_content h2 { font-size: 1.6em }
.post_list_content a { font-weight: 400; color: #CBD5E1; text-decoration: none }
.post_list_content a:hover { color: #00C853 }
.post_list_content p { margin-top: 15px; font-weight: 300; font-size: 1.3em; color: #000000 }
.post_list_breadcrumb { display: block; font-size: .7em;  color: #00C853; margin-bottom: 25px }
.post_list_author { display: block; width: 100%; font-size: .9em; text-transform: capitalize; color: #94A3B8; padding: 20px; border-top: 1px solid #1B2B40 }
.post_list_author_date, .post_list_author_info { display: inline-block; width: 50%; vertical-align: middle }
.post_list_author_date { text-align: right }
.post_list_comments { display: inline-block; margin-right: 20px }
.post_list_author_info_thumb { display: inline-block; width: 20%; vertical-align: middle }
.post_list_author_info_name { font-weight: 500; display: inline-block; width: 80%; padding-left: 10px; vertical-align: middle }

/* ---- BLOG (b_m) ---- */
.b_m { background: #111C2E }
.b_m_header { background: #080D1A }
.b_m_p img { width: 100% }
.b_m_content { text-align: center }
.b_m_post_header { background: red; margin: 0; padding: 10px; width: 50% }
.b_m_p { vertical-align: top; margin: 0 !Important; padding: 10px; vertical-align: middle !important; width: 25% }
.b_m_p footer { padding: 20px; background: #111C2E; border-top: 1px solid #1B2B40; font-size: .7em;  color: #64748B; text-align: center }
.b_m_p footer span { display: inline-block; width: 25%; text-align: center }
.b_m_p .f_d { width: 50% }
.b_m_c { text-align: right; padding-right: 30px; vertical-align: middle !important }
.b_m_c h3 { background: #111C2E; border-bottom: 2px solid #00C853; font-size: 1.5em; line-height: 1; padding-bottom: 10px; margin: 0 }
.b_m_c h3 a { color: #00C853; text-decoration: none; margin: 0 }
.b_m_c .linhambos { display: block; width: 100%; margin: 0; text-align: right; height: 5px }
.b_m_c .linhambos span { display: inline-block; width: 40%; height: 5px; background: #1B2B40; vertical-align: top }
.b_m_c a:hover { color: #00A846 }
.b_m_c_l { display: block; font-size: .75em; text-transform: uppercase }
.b_m_c_l a { display: block; padding: 15px 0; text-decoration: none; font-weight: 700; color: #CBD5E1; border-bottom: 1px solid #1B2B40 }
.b_m_p_c { padding: 20px; text-align: center; background: #111C2E }
.b_m_p_c_c { display: inline-block; padding: 0 2px; margin-bottom: 15px;  text-decoration: none; border-bottom: 1px solid #1B2B40; color: #475569; font-size: .7em }
.b_m_p_c_c:hover { color: #000; border-color: #000 }
.b_m_p_c_l { font-size: .9em; font-weight: 700 }
.b_m_p_c_l a { text-decoration: none;  color: #CBD5E1 }
.b_m_p_c_l a:hover { color: #00C853 }

/* ---- VIDEO MOSAIC (b_m_m_v) ---- */
.a_m_p_c_b { text-align: center }
.a_m_p_c_b h1 { color: #00d301; font-size: 2.7em; font-weight: 700;  text-shadow: 1px 1px #000 }
.a_m_p_c_b p { font-size: .9em; font-weight: 300 }

.b_m_m_v { background: #080D1A; color: #fff; position: relative; margin: 70px 0 0 0; padding-bottom: 10px }
.b_m_m_v:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0; height: 0;
    border-style: solid;
    border-width: 80px 0 0 100vw;
    border-color: transparent #000000 transparent #080D1A;
}
.b_m_m_v_t { text-align: center; margin-bottom: 30px }
.b_m_m_v_t h3 { font-size: 2em; text-shadow: 0 1px #000; margin-bottom: 5px }
.b_m_m_v_t p { font-weight: 400; font-size: .9em }
.b_m_m_v_t .linhambos { display: block; width: 100px; max-width: 60%; margin: 20px auto 20px auto; height: 5px; background: #00962E }
.b_m_m_v_h { margin-bottom: 20px }
.b_m_m_v_h h4 { font-size: 1em; font-weight: 700;  text-shadow: 0 1px #000 }
.b_m_m_v_h span { display: inline-block; width: 30px; height: 5px; background: #00962E }
.b_m_m_v_b { display: block; margin-top: 20px }
.b_m_m_v_b_t { display: inline-block; width: 30%; vertical-align: top; box-shadow: 0 1px 1px 0 #000 }
.b_m_m_v_b_c { display: inline-block; width: 70%; padding-left: 20px; vertical-align: top }
.b_m_m_v_b_c_c { font-size: .65em; font-weight: 300;  margin-bottom: 5px; color: #94A3B8; vertical-align: middle }
.b_m_m_v_b_c_c span { display: inline-block; margin-left: 10px !important; color: #00962E }
.b_m_m_v_b_c h5 { font-size: .8em }
.b_m_m_v_b_c a { color: #94A3B8; text-decoration: none; font-weight: 400 }
.b_m_m_v_b_c a:hover { color: #fff; text-decoration: underline }

/* ---- ARTICLES ---- */
.articles_main { background: #111C2E; padding-bottom: 30px }
.articles_p_header { text-align: center; margin: 0 auto 40px auto; width: 800px; max-width: 100%; color: #CBD5E1 }
.articles_p_header h1 { font-size: 3em; margin-bottom: 10px }
.articles_p_header .linhambos { display: block; width: 200px; max-width: 60%; margin: 30px auto 0 auto; height: 5px; background: #1B2B40 }

.a_m_p { color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed }
.a_m_p img { width: 100% }
.a_m_p_f { background: rgba(8,13,26,0.85) url(images/image_texture.png); padding: 30px 0; position: relative }
.a_m_p_false_blog { position: absolute; width: 86px; margin-left: -46px !Important; left: 50%; bottom: -40px; font-size: 2em; padding: 20px 0; background: #111C2E; color: #CBD5E1 }
.a_m_p_thumb { display: inline-block; width: 40%; box-shadow: 0 2px 10px 0 #000; vertical-align: top }
.a_m_p_content { display: inline-block; width: 60%; padding-left: 50px; vertical-align: top }
.a_m_p_content a { text-decoration: none; color: #69F0AE }
.a_m_p_content a:hover { color: #fff }
.a_m_p_content h2 { font-size: 2em; text-shadow: 0 1px #000; margin-bottom: 20px; line-height: 1 }
.a_m_p_content p { font-weight: 700; text-shadow: 0 1px #000; margin-bottom: 40px }

/* ---- SINGLE POST ---- */
.s_eadcontrolpost_header { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; color: #fff }
.s_eadcontrolpost_header_false { background: rgb(8,13,26); padding-bottom: 150px }
.s_eadcontrolpost_header h1 { font-size: 2.5em; margin-bottom: 20px }
.s_eadcontrolpost_header p { font-size: 1.2em; font-weight: 400; text-shadow: 0 1px #000 }
.s_eadcontrolpost_header .breadcrumb { display: block; width: 100%; margin-top: 25px }
.s_eadcontrolpost_header .breadcrumb a { font-size: .75em; color: #94A3B8; font-weight: 400; text-shadow: 0 1px #000;  margin: 0 10px 0 5px; text-decoration: none }
.s_eadcontrolpost_header .breadcrumb a:hover { color: #fff }
.s_eadcontrolpost_header .breadcrumb a:first-child { margin-left: 0 }

.s_eadcontrolpost_content { background: #111C2E }
.s_eadcontrolpost_content_thumb { width: 100% }
.s_eadcontrolpost_content .content { padding-top: 0 }
.s_eadcontrolpost_content .post_content { margin-top: -150px; background: #111C2E; padding: 0 }
.s_eadcontrolpost_content .htmlchars { font-size: 1.1em; padding: 30px }
.s_eadcontrolpost_content_comments { margin-top: 30px; padding: 30px; background: #111C2E }
.s_eadcontrolpost_more { display: block; width: 100%; margin-top: 30px }

.s_p_m_p { position: relative; font-size: .7em }
.s_p_m_p a { color: #CBD5E1; text-decoration: none; text-transform: uppercase }
.s_p_m_p a:hover { color: #fff; text-decoration: underline }
.s_p_m_p_f { background: rgba(8,13,26,0.85); position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.s_p_m_p_c { position: absolute; width: 100%; bottom: 0; padding: 25px; text-align: center; color: #CBD5E1 }
.s_p_m_p_c_img { width: 100px; margin-bottom: 15px; box-shadow: 0 2px 2px 0 #000 }

/* ---- POST SIDEBAR ---- */
.s_eadcontrolpost_sidebar { padding-top: 30px }
.s_eadcontrolpost_sidebar_widget { background: #111C2E; margin-bottom: 30px }
.s_eadcontrolpost_sidebar_widget .title { color: #CBD5E1; font-weight: 300; text-transform: uppercase }
.s_eadcontrolpost_sidebar_widget .subtitle { font-size: .875em; font-weight: 300; margin-top: 20px }
.s_eadcontrolpost_sidebar_widget .title span { display: block }
.s_eadcontrolpost_sidebar_widget_header .linhambos { display: block; width: 20%; height: 5px; background: #00C853; margin: 10px 0 20px 0 }
.s_eadcontrolpost_sidebar_widget_content { padding: 30px }
.s_eadcontrolpost_sidebar_widget_fanpage { text-align: center }
.s_eadcontrolpost_sidebar_widget_fanpage img { display: block; max-width: 50%; margin: 0 auto 20px auto }
.s_eadcontrolpost_sidebar_widget_fanpage_like { text-align: center; border-top: 1px solid #1B2B40; margin-top: 20px; padding-top: 20px }
.s_eadcontrolpost_sidebar_widget_fanpage_yt { text-align: center; margin-bottom: 20px }
.s_eadcontrolpost_sidebar_widget_navigation_ul { display: block; list-style: none }
.s_eadcontrolpost_sidebar_widget_navigation_ul>li { margin-bottom: 10px }
.s_eadcontrolpost_sidebar_widget_navigation_ul>li:last-child { margin-bottom: 0 }
.s_eadcontrolpost_sidebar_widget_navigation_ul a { color: #CBD5E1; text-decoration: none;  font-weight: 400; display: block; padding: 5px 20px; background: #162032; font-size: .8em }
.s_eadcontrolpost_sidebar_widget_navigation_ul a:hover { background: #1B2B40 }
.s_eadcontrolpost_sidebar_widget_navigation_ul_li_a { font-size: 1em; font-weight: bold !important; padding: 15px !important }
.s_eadcontrolpost_sidebar_widget_vip { background: #00C853; color: #fff }
.s_eadcontrolpost_sidebar_widget_vip header { text-align: center }
.s_eadcontrolpost_sidebar_widget_vip .title { font-weight: 700; color: #fff; text-shadow: 0 1px #000 }
.s_eadcontrolpost_sidebar_widget_vip .subtitle { margin: 10px 0 30px 0 }
.s_eadcontrolpost_sidebar_widget_vip header span { font-size: 3em; text-shadow: 0 1px #000 }
.s_eadcontrolpost_sidebar_widget_vip .btn { box-shadow: 0 2px 2px #1B2B40 }

/* ---- POST / BLOG BORDERS ---- */
.p_sidebar_widget_post { border-bottom: 3px solid #00C853; font-size: 0.9em; border-top: 3px solid #00C853; margin-top: 20px }
.p_blog_post { border-bottom: 3px solid #00C853; font-size: 0.9em; border-top: 3px solid #00C853; margin-top: 20px }

/* ---- BRANCHU ---- */
.branchu_main { background: url(images/branchu_background.jpg); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; background-attachment: fixed }
.branchu_cta { text-align: center; background: rgba(8,13,26,0.85) url(images/image_texture.png); padding-top: 70px; -webkit-box-shadow: inset 0 -150px 0 0 rgba(255,255,255,1); -moz-box-shadow: inset 0 -150px 0 0 rgba(255,255,255,1); box-shadow: inset 0 -150px 0 0 rgba(255,255,255,1) }
.branchu_header { display: block; width: 740px; max-width: 90%; margin: 0 auto 30px auto; color: #fff; text-shadow: 1px 1px #000 }
.branchu_header h1 { font-size: 3em; margin-bottom: 10px }
.branchu_header p { font-size: 1.2em; font-weight: 300 }
.branchu_media { width: 800px; max-width: 96%; margin: 0 auto; padding: 20px; background: rgba(0,200,83,0.08) }
.branchu_stats { text-align: center }
.branchu_stats span { font-size: 3em; color: #00C853; text-shadow: 0 2px #1B2B40 }
.branchu_stats p { font-size: 2em; font-weight: 300; color: #CBD5E1 }
.branchu_stats h3 { font-size: .7em;  font-weight: 400; margin-top: 10px; padding: 0 35px }
.branchu_stats .linhambos { display: block; width: 100px; max-width: 30%; margin: 40px auto; height: 5px; background: #1B2B40 }
.branchu_all { color: #CBD5E1 }
.branchu_all_content { position: relative; text-shadow: 0 2px #000 }
.branchu_all_content_false { position: absolute; display: flex; left: 0; top: 0; bottom: 0; right: 0; background: rgba(8,13,26,0.85) }
.branchu_all_header { text-align: center; margin: auto; padding: 0 30px }
.branchu_all_header h2 { font-size: 2.6em; margin-bottom: 10px }
.branchu_all_header p { font-size: .8em; text-transform: uppercase }
.branchu_all_course { display: inline-block; width: 16.6666666667% }
.branchu_all_items { padding-top: 80px }
.branchu_all_item { text-align: center; background: #00C853; padding: 50px 20px; color: #fff; position: relative }
.branchu_all_item span { position: absolute; top: -50px; left: 50%; margin-left: -40px !important; font-size: 3em; background: #111C2E; color: #00C853; line-height: 1; padding: 10px 0; width: 80px; text-shadow: 0 2px #005C20 }
.branchu_all_item h3 { font-size: 1.3em;  text-shadow: 0 1px #005C20 }
.branchu_all_item p { font-size: 1em; margin-top: 20px }
.branchu_offer { background: #00962E url(images/branchu_background.jpg); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; color: #fff }
.branchu_offer_content { background: rgba(8,13,26,0.7) url(images/image_texture.png) }
.branchu_offer_box_header { margin-bottom: 20px }
.branchu_offer_box_header h2 { font-size: 2em; margin-bottom: 10px; text-shadow: 1px 1px #000 }
.branchu_offer_box_header p { font-size: 1em }
.branchu_offer_optin, .branchu_offer_box { vertical-align: middle }
.branchu_offer_box_price_info { display: block; margin-bottom: 20px }
.branchu_offer_box_price_info li { font-weight: 700; font-size: .8em;  margin-bottom: 5px }
.branchu_offer_box_price .price { font-size: 1.8em; font-weight: 700; color: #00C853; margin-bottom: 20px }
.branchu_offer_box_price .price span { display: block; font-weight: 300;  font-size: .4em; color: #94A3B8 }
.branchu_offer_box_price .condt { font-size: .7em;  font-weight: 300; color: #94A3B8 }
.branchu_offer_optin form { padding: 30px 60px 60px 60px; background: rgba(8,13,26,0.7); position: relative }
.branchu_offer_optin form span { font-size: 3.5em; line-height: 1; margin-bottom: 10px !Important; display: block }
.branchu_offer_optin form p { font-size: 1.2em; margin-bottom: 40px }

.branchu_faq { background: #111C2E }
.branchu_faq_header { text-align: center; margin-bottom: 40px }
.branchu_faq_header h2 { font-size: 3em; color: #CBD5E1 }
.branchu_faq_header p { font-size: .7em;  color: #94A3B8 }
.branchu_faq .box { margin: 0; padding: 2px; vertical-align: top }
.branchu_faq_question { display: block; margin-bottom: 4px }
.branchu_faq_question h3 { font-size: .8em;  font-weight: 700; color: #94A3B8; padding: 15px; background: #1B2B40; border: 1px solid #1B2B40; cursor: pointer }
.branchu_faq_question h3:hover { background: #69F0AE; color: #080D1A }
.branchu_faq_question_content { border: 1px solid #1B2B40; border-top: 0; padding: 0 15px 15px 15px; display: none }
.branchu_faq_question_content p { padding: 15px 0 0 0; font-size: .875em; color: #CBD5E1 }

/* ---- COURSES ---- */
.courses_header { color: #fff; text-align: center; background: #080D1A url(images/courses_background.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; position: relative }
.courses_header_false { background: #0F172A; padding: 20px 0 40px 0 }
.courses_header_icon { position: absolute; padding: 20px 0; width: 100px; font-size: 3em; background: #111C2E; line-height: 1; color: #475569; left: 50%; margin-left: -50px !important; bottom: -50px }
.courses_header header { margin-bottom: 40px; text-shadow: 0 2px #000 }
.courses_header header h1 { font-size: 3em }
.courses_header header p { font-size: 1.7em; text-transform: uppercase }
.courses_header_item { padding: 20px 40px 40px 40px; vertical-align: top; background: rgba(8,13,26,0.7); font-size: .8em }
.courses_header_item span { font-size: 3em; display: block; margin-bottom: 10px !important }
.courses_header_item h2 { text-transform: uppercase }
.courses_header_item p { margin-top: 10px }

.course_segment { background: #111C2E }
.course_segment:nth-of-type(2n+0) { background: #080D1A; background-size: 200px; color: #fff }
.course_segment_header { margin-bottom: 30px }
.course_segment_header h2 { font-size: 2em; margin-bottom: 20px }
.course_segment_header p { font-size: .875em; font-weight: 300 }
.course_segment_header .linhambos { display: block; width: 100px; max-width: 30%; height: 10px; background: #00C853; margin-top: 30px }

.courses_item { background: #111C2E }
.courses_item .btn { font-size: .875em; display: block; width: 100% }
.courses_item_content { border: 1px solid #0f172a; border-top: 0; padding: 20px; text-align: center }
.courses_item_content header { margin-bottom: 20px }
.courses_item_content h3 { margin-bottom: 20px; font-size: 1em; font-weight: 300; color: #94A3B8; text-transform: uppercase }
.courses_item_content h3 a { text-decoration: none; color: #94A3B8 }
.courses_item_content h3 a:hover { color: #69F0AE }
.courses_item_content .price { font-size: 1.6em; font-weight: 700; color: #94A3B8 }
.courses_item footer { padding: 10px; background: #0f172a; color: #94A3B8; text-align: center }
.courses_item footer img { display: inline-block; width: 5% }
.courses_item footer p { display: inline-block; width: 80%; padding-left: 20px; font-size: .8em; text-transform: uppercase }

.courses_footer h3 { font-size: 2em; margin-bottom: 30px;  color: #475569 }
.courses_footer .linhambos { display: block; width: 100px; max-width: 30%; height: 10px; background: #1B2B40; margin: 20px 0 }
.courses_footer article { padding: 20px; font-size: .8em; text-align: center }
.courses_footer article h4 {  margin-bottom: 10px }

/* ---- COURSE DETAIL ---- */
.course_header { background-size: cover; background-attachment: fixed }
.course_header header { width: 760px; max-width: 100%; margin: 0 auto 1px auto }
.course_header header h1 { font-size: 1.6em; font-weight: 300;  margin-bottom: 20px }
.course_header header p { font-size: .9em; font-weight: 700; color: white }
.course_header_bg { background: rgba(8,13,26,0.85) url(images/image_texture.png) }
.course_video { width: 920px; max-width: 100%; margin: 0 auto }
.course_video_iframe { padding: 2px; color: #00C853 }
.course_cta { margin-top: 30px; width: 100% }
.course_stats { text-align: center; color: #94A3B8 }
.course_stats>span { font-size: 2em }
.course_stats h3 { font-size: 1em;  margin: 10px 0 5px 0 }
.course_stats p { font-size: .75em;  font-weight: 300; padding: 0 30px }

.course_modules { background: #0F172A }
.course_modules .content { padding: 80px 0 20px 0 }
.course_modules_header { text-align: center; margin-bottom: 57px }
.course_modules_header h3 { font-size: 1.8em; margin-bottom: 10px; font-weight: 700; color: #94A3B8 }
.course_modules_header h3 b { color: #00C853 }
.course_modules_header p { font-weight: 700; color: #475569 }
.course_modules_item { background: #0F172A; padding: 40px 20px 10px 20px; text-align: center; position: relative; cursor: pointer; margin-bottom: 30px }
.course_modules_item:hover { border-color: #1B2B40 }
.course_modules_item:hover span { color: #69F0AE }
.course_modules_item span { color: #00C853; position: absolute; left: 0; top: -28px; width: 100%; text-align: center; font-size: 3em }
.course_modules_item h4 { font-size: .9em; font-weight: 300; margin-bottom: 20px }
.course_modules_item h6 { font-size: .6em; font-weight: 400;  padding: 8px 0; border-top: 1px solid #1B2B40 }

.course_bonus { background: #00C853 }
.bonus_course_header { text-align: center; margin-bottom: 30px; color: #fff }
.bonus_course_header h2 { font-size: 1.6em; text-shadow: 0 1px #000; margin-bottom: 5px }
.bonus_course_header p {  font-size: .875em; font-weight: 300 }
.course_bonus_item { background: #111C2E }
.course_bonus_item_content { padding: 30px; text-align: center }
.course_bonus_item_content h3 { font-size: .9em;  color: #94A3B8; padding-bottom: 10px; border-bottom: 1px solid #1B2B40 }
.course_bonus_item_content p { margin-top: 15px; font-size: .8em }
.course_bonus_item_wait {  font-size: 0.7em !important; color: #94A3B8 }
.course_bonus_item_info span { display: inline-block; width: 50%; text-transform: uppercase }
.course_bonus_item_price { padding: 20px; text-align: center; background: #1B2B40; font-size: 1.2em }
.course_bonus_item_price strike { color: #EF5350 }
.course_bonus_item_price span { color: #00C853; font-weight: 700 }

.course_warranty { background: #00C853; border-top: 100px solid #00C853; position: relative }
.course_warranty_image { position: absolute; left: 50%; margin-left: -130px; top: -130px }
.course_warranty_header { margin: 40px auto 0 auto; background: #69F0AE; padding: 30px; color: #00C853; text-align: center; width: 900px; max-width: 90% }
.course_warranty_header h3 { font-size: 1.4em; font-weight: 700; margin-bottom: 5px }
.course_warranty_header p {  font-weight: 300 }
.course_warranty_content { padding: 10px 30px 30px 30px; background: #111C2E; font-size: 1em; font-weight: 400; border: 1px solid #1B2B40; width: 900px; max-width: 90%; margin: 0 auto }
.course_warranty_content p { margin-top: 20px }

.course_certification { background: url(images/cta_background.jpg); background-size: cover; background-attachment: fixed; text-align: center }
.course_certification .content { padding: 0 }
.course_certification_image { vertical-align: middle; text-align: right; display: inline-block; width: 45%; padding: 30px; background: rgba(0,200,83,0.08) }
.course_certification_text { padding: 50px; background: rgba(8,13,26,0.7); color: #fff; vertical-align: middle; display: inline-block; width: 45%; font-size: 1.2em; text-align: left }
.course_certification_text p { margin-top: 20px }
.course_certification_text .minus { font-size: .8em }

.course_actives .content { padding-bottom: 0 }
.course_actives_header { text-align: center; margin-bottom: 20px; margin-top: 0 }
.course_actives_header h2 { font-size: 2em; text-shadow: 0 1px #000; color: #CBD5E1 }
.course_actives_header h2 b { color: #69F0AE }
.course_actives_header p { font-size: 1.2em }
.testemunhos h2 { font-size: 2em; text-shadow: 0 1px #005C20; color: #fff }

/* [migrado para .plano_passos > .course_active_item] */
.passos_123 { padding: 10px 5px 5px 5px; border: 1px solid #00C853; text-align: center; position: relative; margin-bottom: 5px !Important }
/* [migrado para .plano_passos > .course_active_item] */
/* [migrado para .plano_passos > .course_active_item] */
/* [migrado para .plano_passos > .course_active_item] */

.course_offer { background: #111C2E; text-align: center; color: #fff }
.course_offer_header { margin-bottom: 30px }
.course_offer_header span { font-size: 6em; text-shadow: 0 3px #00C853 }
.course_offer_header h2 { font-size: 2em; font-weight: 400; margin-bottom: 5px }
.course_offer_header p {  font-weight: 300; font-size: .75em }
.course_offer_price .lol { font-size: .875em;  color: #00C853 }
.course_offer_price .pay { font-size: 2.5em; font-weight: 700; color: #fff }
.course_offer_price .pay span { display: block; font-size: .6em; font-weight: 400 }
.course_offer footer { display: block; margin-top: 40px }
.course_offer footer .btn { display: block; width: 500px; max-width: 100%; margin: 0 auto; padding: 20px; font-size: 2em }
.course_offer footer .trigger { width: 560px; max-width: 100%; margin: 0 auto; font-size: 1em; text-shadow: 0 1px #080D1A; border-radius: 4px;  font-weight: 700 }
.course_offer footer img { margin: 30px 0 20px 0 }
.course_offer footer p { width: 400px; max-width: 100%; margin: 0 auto; color: #fff; font-size: .8em }

/* ---- IN-EA / INSCRIPTION ---- */
.in_ea_header { text-align: center }
.in_ea_header h1 { font-size: 2em; color: #94A3B8; margin-bottom: 5px }
.in_ea_header p {  font-size: .8em }
.in_ea_false { background: rgba(8,13,26,0.85) url(images/image_texture.png); -webkit-box-shadow: inset 0 150px 0 0 #fff; -moz-box-shadow: inset 0 150px 0 0 #fff; box-shadow: inset 0 150px 0 0 #fff; padding-bottom: 30px }
.in_ea_false .content { padding-top: 0 }
.in_ea_media { background: #080D1A url(images/bg_inea.jpg); background-size: cover; background-attachment: fixed; text-align: center }
.in_ea_video { width: 760px; max-width: 90%; margin: 0 auto; padding: 20px; background: rgba(200,200,200,.5) }

.inscription_header { text-align: center; background: #080D1A url(images/bg_inscricao.jpg) center center; background-size: cover; background-attachment: fixed }
.inscription_header_false { background: rgba(8,13,26,0.85) url(images/image_texture.png); padding: 20px 0 50px 0; color: #fff }
.inscription_header_icon { font-size: 6em; text-shadow: 0 8px #005C20 }
.inscription_header h1 { font-size: 2.4em; margin-bottom: 5px }
.inscription_header b { color: #00C853 }
.inscription_header p { font-size: .96em; text-transform: uppercase }
.inscription_more { background: #111C2E; padding-bottom: 20px }
.inscription_more_header { text-align: center; margin-bottom: 50px }
.inscription_more_header h2 { font-size: 1.8em; margin-bottom: 5px }
.inscription_more_header p { text-transform: uppercase }

/* ---- NOT FOUND / SEARCH ---- */
.notfound_content { text-align: center; padding-bottom: 30px; width: 640px; max-width: 100%; margin: 0 auto }
.notfound_content header { width: 100%; padding: 30px; background: #111C2E }
.notfound_content header h1 { font-size: 1.6em; margin-bottom: 5px }
.notfound_content header p { font-size: .875em;  margin-bottom: 20px }
.notfound_content input { display: block; width: 100%; margin: 0 auto 20px auto; font-size: 1em; padding: 10px; border: 2px solid #1B2B40 }
.notfound_content .btn {  font-size: .9em }
.notfound_content_back { display: block; margin-top: 20px; text-decoration: none; color: #64748B; font-size: .8em; font-weight: 300 }
.notfound_content_back:hover { color: #00C853 }
.notfound_courses { background: #00C853; position: relative }
.notfound_courses:after { content: ''; position: absolute; top: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 80px 100vw; border-color: transparent transparent transparent #00C853; background: #111C2E }
.notfound_courses:before { content: ''; position: absolute; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 80px 100vw; border-color: transparent transparent #00C853 transparent }
.notfound_blog { background: #111C2E; padding-bottom: 20px; padding-top: 60px }
.notfound_section_header { text-align: center; margin-bottom: 40px }
.notfound_section_header h2 { font-size: 1.6em; margin-bottom: 5px }
.notfound_section_header p {  font-size: .8em }
.notfound_section_header .linhambos { display: block; width: 160px; max-width: 60%; margin: 30px auto 0 auto; height: 10px; background: #00C853 }
.notfound_blog_header { color: #fff }
.notfound_blog_header .linhambos { background: #1B2B40 }

.search_header { background-color: #000; background-size: cover; background-attachment: fixed; text-align: center; position: relative }
.search_header_false { background: rgba(8,13,26,0.85) url(images/image_texture.png); padding: 20px 0 50px 0; color: #fff }
.search_header_false h1 { font-size: 1.8em; margin-bottom: 5px; font-weight: 400; width: 600px; max-width: 90%; margin: 0 auto }
.search_header_false h1 b { color: #69F0AE }
.search_header_icon { position: absolute; bottom: -40px; left: 50%; margin-left: -40px !important; width: 80px; padding: 20px 0; background: #111C2E; font-size: 2em; line-height: 1; color: #64748B }
.search_posts { background: #111C2E; padding-bottom: 30px }

/* ---- EAD PARTNER / CERTIFICATION ---- */
.ead_partner { display: block; margin-top: 30px; background: #00C853; color: #fff }
.ead_partner_header { padding: 30px; text-align: center; background: #00962E }
.ead_partner_coupon { padding: 15px 10px; text-align: center }
.ead_partner_coupon h3 { font-size: 1em; font-weight: 700; text-shadow: 1px 1px #00C853 }
.ead_partner_coupon span { margin: 10px auto 10px auto; display: block; background: #111C2E; width: 80px; height: 1px }
.ead_partner_coupon p { font-size: .875em }
.ead_certification_bg { background-repeat: no-repeat; background-size: cover; background-attachment: fixed }
.ead_certification_content { background-color: rgba(8,13,26,0.85); background-image: url(images/image_texture.png); text-align: center; padding: 30px 0; color: #fff }
.ead_certification_content h1 { font-size: 1.5em;  text-shadow: 0 2px #000 }
.ead_certification_content p { margin: 5px 0 40px 0; font-size: .8em; text-transform: uppercase }
.ead_certification_content form { display: block; width: 600px; max-width: 90%; margin: 0 auto }
.ead_certification_content form input,
.ead_certification_content form .btn { display: inline-block; width: 80%; font-size: 1em; font-weight: 500; padding: 20px; border: none; border-radius: 4px 0 0 4px }
.ead_certification_content form .btn { width: 20%; border-radius: 0 4px 4px 0 }
.ead_certification_items article { padding: 40px 30px 30px 30px; background: #162032; text-align: center; position: relative; margin-top: 30px !Important }
.ead_certification_items article h2 { font-size: 1em; margin-bottom: 10px }
.ead_certification_items article p { font-size: .8em }
.ead_certification_items article .icon-notext { font-size: 3em; position: absolute; left: 0; top: -30px; width: 100% }
.ead_certification_box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(8,13,26,0.7); z-index: 89; display: none }
.ead_certification_box_content { width: 600px; max-width: 100%; margin: auto; position: relative }
.ead_certification_box_result { padding: 30px; background: #111C2E }
.ead_certification_box_result header { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #1B2B40 }
.ead_certification_box_result header h3 { font-size: 1.2em; display: inline-block; width: 80%; vertical-align: middle }
.ead_certification_box_result header h3 span { border-bottom: 5px solid #1B2B40; padding-bottom: 10px }
.ead_certification_box_close { display: inline-block; text-align: right; font-size: 1.3em; width: 20%; color: #475569; vertical-align: middle; cursor: pointer }
.ead_certification_box_close:hover { color: #EF5350 }
.ead_certification_box_result p { margin-top: 20px; font-size: .875em }
.ead_certification_box_result_cet { max-height: 300px; overflow: auto; margin-top: 20px }
.ead_certification_box_result_cet li { padding: 20px; background: #162032; margin-bottom: 10px }
.ead_certification_box_result_cet_img { display: inline-block; width: 30%; vertical-align: middle }
.ead_certification_box_result_cet_content { display: inline-block; width: 70%; padding-left: 20px; vertical-align: middle }
.ead_certification_box_result_cet_content p { margin-top: 0; font-weight: 300 }
.ead_certification_box_result_cet_content b { font-weight: 500 }

/* ---- HEADER DESKTOP CATEGORIES ---- */
.header_desktop_categories { background-color: var(--color-background-four); border-radius: 10px }
.header_desktop_categories_ul { display: flex }
.header_desktop_categories_ul>li { flex-grow: 1 }
.header_desktop_categories_ul>li:hover>div { display: flex; justify-content: space-between; align-items: flex-start }
.header_desktop_categories_ul>li>a { display: block; font-size: 1.4em; color: #00C853; font-weight: 700; text-decoration: none; padding: 5px 0; text-align: center; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out }
.header_desktop_categories_ul>li>a:hover { color: var(--color-text-one); background-color: #080D1A }
.header_desktop_categories_ul>li>div { display: none; width: 100%; position: absolute; left: 0; padding: 30px 5%; background-color: var(--color-background-one-opacity); z-index: 9999 }
.header_desktop_categories_ul>li>div div:first-child { display: flex; justify-content: space-between; align-items: flex-start; flex-basis: calc(100% - 400px); padding-right: 50px }
.header_desktop_categories_ul>li>div div:last-child { flex-basis: 400px }
.header_desktop_categories_ul>li>div div:first-child ul { padding: 5px; flex-grow: 1 }
.header_desktop_categories_ul>li>div div:first-child ul li { display: block }
.header_desktop_categories_ul>li>div div:first-child ul li:first-child { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1) }
.header_desktop_categories_ul>li>div div:first-child ul li a { display: block; font-size: 0.95em; color: #CBD5E1; font-weight: 300; text-decoration: none; padding: 5px }
.header_desktop_categories_ul>li>div div:first-child ul li:first-child>a { font-size: 1.1em; color: #69F0AE; font-weight: bold; text-transform: uppercase }
.header_desktop_categories_ul>li>div div:first-child ul li a:hover { background-color: rgba(255,255,255,0.1) }

/* ---- VIDEO OVERLAY ---- */
.video-overlay { width: 100%; position: absolute; z-index: 2; left: 0 }

/* ==========================================================================
   HEADER MOBILE / DESKTOP COMPONENTS
   ========================================================================== */
.header_mobile {
    position: fixed; top: 0; right: 0; left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 999999;
}
.header_mobile .content { padding: 10px 0 }
.header_mobile_logo { text-align: center; background-color: #080D1A }
.header_mobile_nav { text-align: center; background-color: #0f172a }
.header_mobile_nav .content { padding: 0 }
.header_mobile_nav ul li { display: inline-block }
.header_mobile_nav ul li a { display: block; padding: 0px 4px }
.header_mobile_nav ul li a.active { background-color: #00C853 }
.header_mobile_nav ul li a i { position: relative; font-size: 1.2em; color: #94A3B8 }
.header_mobile_nav ul li a i span { display: none; width: 20px; height: 20px; position: absolute; top: -5px; font-size: 0.5em; font-weight: bold; line-height: 20px; background-color: var(--color-background-three); opacity: 0.9; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.9) }
.header_mobile_nav ul li a i span.active { display: inline-block }

.header_mobile_search { display: none; background-color: #000000 }
.header_mobile_search form input { height: 35px; border: none }
.header_mobile_search form button { height: 35px; background-color: #111C2E; color: #00C853; border: none; padding: 0 10px }
.header_mobile_search form button:hover { background-color: #1B2B40 }
.header_mobile_search .realtime_search { background-color: #00C853; border-radius: 0; box-shadow: 0 3px 4px 0 rgba(216,216,216,0.5) }
.header_mobile_search .realtime_search ul { background-color: #111C2E }

.header_mobile_categories { display: none; height: 100vh; background-color: rgba(8,13,26,0.91) }
.header_mobile_categories_ul { max-height: 455px; overflow-y: auto; background-color: #0F172A; border: 3px solid #080D1A; border-radius: 3px }
.header_mobile_categories_ul::-webkit-scrollbar { width: 8px; background-color: #111C2E }
.header_mobile_categories_ul::-webkit-scrollbar-thumb { background-color: #00C853; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff }
.header_mobile_categories_ul li>div { position: relative; font-size: 0.9em; color: #94A3B8; font-weight: 600; background-color: #162032; margin-bottom: 1px; border: 1px solid #1B2B40; box-shadow: 0 0 5px rgba(0,0,0,0.1) }
.header_mobile_categories_ul li>div div { display: flex; justify-content: center; align-items: center; width: 50px; height: 100%; position: absolute; top: 0; left: 0; padding: 10px; background-color: #0F172A; cursor: pointer }
.header_mobile_categories_ul li>div div i { font-size: 1.2em; color: #00C853; font-weight: bold; transition: transform 0.3s ease-in-out }
.header_mobile_categories_ul li>div div i.active { transform: rotate(90deg) }
.header_mobile_categories_ul li>div a { display: block; font-size: 1.5em; color: #00C853; text-decoration: none; padding: 10px 5px 6px 54px }
.header_mobile_categories_ul li ul { display: none; padding-left: 40px }

.header_desktop { display: none; background-color: #111C2E }
.header_desktop_logo { flex-basis: 12% }
.header_desktop_logo a img { height: 40px }
.header_desktop_logo a span { position: absolute; top: -9999px; left: -9999px; text-indent: -9999px }
.header_desktop_search { flex-basis: 50%; position: relative }
.header_desktop_buttons { flex-basis: 25%; display: flex; justify-content: space-between; padding-left: 70px }
.header_desktop_buttons_account { flex-basis: 50px; position: relative; padding: 20px 30px; background: url(images/user.png) no-repeat center; border-radius: 5px; transition: background-color 0.2s ease-in-out }
.header_desktop_buttons_wishlist { flex-basis: 50px; position: relative; padding: 20px 30px; background: url(images/heart.png) no-repeat center; border-radius: 5px; transition: background-color 0.2s ease-in-out }
.header_desktop_buttons_cart { flex-basis: 50px; position: relative; padding: 20px 30px; background: url(images/cart.png) no-repeat center; border-radius: 5px; transition: background-color 0.2s ease-in-out }
.header_desktop_buttons_account.active, .header_desktop_buttons_account:hover,
.header_desktop_buttons_wishlist.active, .header_desktop_buttons_wishlist:hover,
.header_desktop_buttons_cart.active, .header_desktop_buttons_cart:hover { background-color: var(--color-background-three) }
.header_desktop_buttons_wishlist span, .header_desktop_buttons_cart span { display: none; width: 20px; height: 20px; position: absolute; top: -8px; right: -8px; font-size: 0.8em; color: var(--color-text-three); font-weight: bold; background-color: var(--color-background-three); border-radius: 50% }
.header_desktop_buttons_wishlist span.active, .header_desktop_buttons_cart span.active { display: flex; justify-content: center; align-items: center }

/* ==========================================================================
   RESPONSIVE: >= 550px — switch to desktop header
   ========================================================================== */
@media (min-width: 53.375em) {
    .header_mobile_wrap { display: flex; align-items: center; background-color: #00C853 }
    .header_mobile_logo { display: inline-block; width: 40% }
    .header_mobile_nav { display: inline-block; width: 60%; background-color: #00C853 }
    .header_mobile { display: none }
    .header_desktop { display: block }
}

/* ==========================================================================
   RESPONSIVE: >= 95em — large desktop overrides (somente valores distintos da base)
   ========================================================================== */
@media (min-width: 95em) {
    .btn_black { background-color: #00C853 }
    .p_header { background: #0A1628; background-position: left 2% center; background-repeat: no-repeat; background-size: auto, cover }
    .p_header_nav_li .a { color: #ffffff; font-size: 1.1em; font-weight: 800; text-decoration: none;  padding: 20px 5px 9px 5px }
    .p_header_search input,
    .p_header_search .btn_s { font-size: 1.8em; color: #94A3B8 }
    .h_header h2 { color: #00C853 }
    .plano_passos { color: rgb(255,255,255) }
    .post_list_content h2 { font-size: 1.1em }
    .post_list_content a { font-weight: 600; color: #94A3B8 }
    .post_list_content p { font-size: .8em; color: #94A3B8 }
    .post_list_author { font-size: 1.0em }
    .p_footer_site_net { color: #94A3B8 }
    .p_footer .tagline a { color: #69F0AE }
    .p_footer_title span { border-bottom: 3px solid #00C853 }
    .p_footer_agencia { background: #0F172A; padding: 20px 0 40px 0 }
    .course_segment_header .linhambos { background: #111C2E }
    .courses_item { background: #111C2E; border: 1px solid #00C853 }
    .courses_item_content { border: 1px solid #1B2B40; padding: 10px; text-align: center }
    .p_sidebar_widget_post { border-bottom-color: #00C853; border-top-color: #00C853 }
    .p_blog_post { border-bottom-color: #00C853; border-top-color: #00C853 }
    .passos_123 { border-color: #00C853 }
    .b_m_c h3 { border-bottom: 2px solid #00C853 }
    .b_m_c h3 a { color: #00C853 }
    .b_m_c a:hover { color: #00C853 }
    .b_m_m_v { margin: 60px 0 0 0 }
    .b_m_m_v_t .linhambos { background: #111C2E }
    .b_m_m_v_b_c_c span { color: #ffffff }
    .a_m_p_false_blog { bottom: -19px }
    .s_eadcontrolpost_sidebar_widget .title { color: #fff }
    .s_eadcontrolpost_sidebar_widget_navigation_ul a { color: #fff; background: #111C2E }
    .up_logo { margin-bottom: 5px !Important }
}

/* ==========================================================================
   SISTEMA DE GRID RESPONSIVO — iGreen Telecom
   
   Breakpoints:
   Desktop  : >= 1024px (64em)
   Tablet   : 600px – 1023px (37.5em – 63.9em)
   Mobile   : < 600px (< 37.5em)
   ========================================================================== */

/* --- Reset e box-sizing global --- */
*, *::before, *::after { box-sizing: border-box }

/* --- Wrapper principal --- */
.container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* --- Base .box (item de grid) --- */
.box {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* ==========================================================================
   GRID CSS — CONTAINERS
   Cada container que agrupa .box* recebe display:grid + gap.
   As classes .box2/.box3/.box4 são dicas semânticas — o grid do container
   define o número real de colunas por breakpoint.
   ========================================================================== */

/* Containers que usam box3 (3 colunas no desktop) */
.course_actives_header ul,
.plano_passos,
.courses_footer .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Container que usa box4 (4 colunas no desktop) */
.p_h_courses_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* --- Tablet: 2 colunas --- */
@media (max-width: 63.9em) {
    .course_actives_header ul,
    .plano_passos,
    .courses_footer .content {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .p_h_courses_content {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* --- Mobile: 1 coluna --- */
@media (max-width: 37.4em) {
    .course_actives_header ul,
    .plano_passos,
    .courses_footer .content {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .p_h_courses_content {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* ==========================================================================
   PRIMEIRA DOBRA — iGreen Telecom
   Hero / CTA — Slide + Logo + Headline + CTA
   Mobile-first: 1 coluna → Tablet → Desktop
   ========================================================================== */

/* Slide banner (h_header_slide) */
.h_header_slide {
    width: 100%;
    overflow: hidden;
    background: #080D1A;
    line-height: 0; /* remove gap abaixo do img */
}

.h_header_slide img,
.h_header_slide .a_slides {
    width: 100%;
    display: block;
    max-height: 480px;
    object-fit: cover;
}

/* Seção hero */
.p_h_cta {
    background: #0A1628;
    padding: 64px 20px 52px;
    color: #CBD5E1;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

/* Container interno */
.p_h_cta_desc {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
    background: transparent;
    padding: 0 8px;
    box-sizing: border-box;
}

/* Logo no hero */
.p_h_cta_desc .course_actives_header {
    margin: 0 0 28px;
}

.p_h_cta_desc .course_actives_header img {
    display: block;
    max-width: 220px;
    width: 80%;
    height: auto;
    margin: 0 auto;
}

/* Headline principal */
.p_h_cta_desc h2 {
    font-size: 2em;
    color: #F0FFF4;
    background: transparent;
    line-height: 1.35;
    margin: 0 0 20px;
    font-weight: 700;
}

.p_h_cta_desc h2 .linhambos {
    display: block;
    width: 60px;
    height: 3px;
    background: #00C853;
    margin: 14px auto 16px;
    border-radius: 2px;
}

.p_h_cta_desc h2 b {
    display: inline-block;
    background: #00C853;
    color: #080D1A;
    border-radius: 6px;
    padding: 3px 14px;
    font-size: 0.88em;
    line-height: 1.6;
    margin-top: 4px;
}

/* Subtítulo */
.p_h_cta_desc h3 {
    font-size: 1.05em;
    font-weight: 400;
    color: #94A3B8;
    line-height: 1.65;
    margin: 16px 0 28px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

/* Imagem do avião */
.p_h_cta_desc > .course_actives_header:last-child img,
.p_h_cta_desc img[alt*="aviao"],
.p_h_cta_desc img[alt*="voo"],
.p_h_cta_desc img[data-src*="aviao"],
.p_h_cta_desc img[data-src*="igreen_aviao"] {
    display: block;
    max-width: 320px;
    width: 70%;
    height: auto;
    margin: 28px auto 0;
}

/* Botão CTA */
.p_h_cta_desc .btn {
    margin: 0 auto 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ---- Tablet: >= 600px ---- */
@media (min-width: 37.5em) {
    .p_h_cta { padding: 72px 32px 60px }
    .p_h_cta_desc h2 { font-size: 2.3em }
    .p_h_cta_desc .course_actives_header img { max-width: 260px }
    .h_header_slide img,
    .h_header_slide .a_slides { max-height: 520px }
}

/* ---- Desktop: >= 1024px ---- */
@media (min-width: 64em) {
    .p_h_cta { padding: 88px 40px 72px }
    .p_h_cta_desc h2 { font-size: 2.7em }
    .p_h_cta_desc h3 { font-size: 1.15em }
    .p_h_cta_desc .course_actives_header img { max-width: 300px }
    .h_header_slide img,
    .h_header_slide .a_slides { max-height: 600px }
}

/* ---- Mobile pequeno: < 380px ---- */
@media (max-width: 23.75em) {
    .p_h_cta { padding: 48px 16px 40px }
    .p_h_cta_desc h2 { font-size: 1.6em }
    .p_h_cta_desc h3 { font-size: .95em }
    .p_h_cta_desc .course_actives_header img { max-width: 160px }
}

/* ==========================================================================
   SEÇÃO — PERGUNTAS (passos_123)
   ========================================================================== */
.passos_123 {
    background: #111C2E;
    border: 1px solid #00C853;
    border-radius: 10px;
    padding: 24px 18px 20px;
    text-align: center;
    transition: box-shadow .2s, border-color .2s;
}

.passos_123:hover {
    border-color: #69F0AE;
    box-shadow: 0 0 20px rgba(0,200,83,.2);
}

.passos_123 img {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin-bottom: 14px;
}

.passos_123 p {
    color: #94A3B8;
    font-size: .9em;
    line-height: 1.6;
    margin-bottom: 16px;
}

/* ==========================================================================
   SEÇÃO — 3 PASSOS (course_active_item)
   "Em 3 passos você está voando"
   Estrutura HTML:
     section.course_actives
       div.plano_passos.container
         header.course_actives_header          ← título + subtítulo (full width)
         article.course_active_item.box.box3   ← passo 1
         article.course_active_item.box.box3   ← passo 2
         article.course_active_item.box.box3   ← passo 3
         article.p_h_courses_header            ← CTA (full width)
   ========================================================================== */

/* ── Seção wrapper ─────────────────────────────────────────────────────── */
.course_actives {
    background: #0A1628;
    padding: 80px 24px 88px;
    width: 100%;
    box-sizing: border-box;
}

/* ── Grid container ────────────────────────────────────────────────────── */
.plano_passos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
    align-items: start;
    /* Anula estilos antigos */
    padding: 0;
    background: transparent;
    color: inherit;
}

/* ── Header da seção — ocupa as 3 colunas ─────────────────────────────── */
.plano_passos > .course_actives_header {
    grid-column: 1 / -1;
    text-align: center;
    margin: 0 0 16px;
}

.plano_passos > .course_actives_header h1 {
    font-size: 2em;
    font-weight: 700;
    color: #00C853;
    margin-bottom: 14px;
    line-height: 1.35;
    /* Remove sublinhado de ícones e herança */
    text-decoration: none;
    border-bottom: none;
}

/* <b class="icon-key icon-notext rounded"> */
.plano_passos > .course_actives_header h1 b {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    border-bottom: none;
    display: inline;
}

.plano_passos > .course_actives_header p {
    font-size: 1.05em;
    color: #94A3B8;
    line-height: 1.65;
    max-width: 580px;
    margin: 0 auto;
    text-decoration: none;
}

/* ── Cards — os 3 artigos ─────────────────────────────────────────────── */
.plano_passos > .course_active_item {
    /* Anula .box e .box3 (inline-block + width:33%) dentro do grid */
    display: block;
    width: auto;
    /* Visual */
    background: #111C2E;
    border: 1px solid #1B2B40;
    border-radius: 12px;
    padding: 56px 24px 32px;
    text-align: center;
    position: relative;
    margin-top: 28px;     /* abre espaço para o badge que sai -28px acima */
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}

.plano_passos > .course_active_item:hover {
    border-color: #00C853;
    box-shadow: 0 0 28px rgba(0,200,83,.15);
}

/* Badge ícone no topo do card (span.icon-*) */
.plano_passos > .course_active_item > span {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6em;
    line-height: 1;
    background: #00C853;
    color: #080D1A;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 4px 16px rgba(0,200,83,.35);
    /* Anula posicionamento antigo */
    margin-left: 0 !important;
}

/* Título do passo — h2 */
.plano_passos > .course_active_item h2 {
    font-size: 1em;
    font-weight: 700;
    color: #69F0AE;
    margin-bottom: 12px;
    line-height: 1.5;
    text-decoration: none;
    border-bottom: none;
}

/* Descrição do passo — h1 (tag semântica usada no template) */
.plano_passos > .course_active_item h1 {
    font-size: .9em;
    font-weight: 400;
    color: #94A3B8;
    line-height: 1.65;
    text-decoration: none;
    border-bottom: none;
}

/* ── CTA final — ocupa as 3 colunas ──────────────────────────────────── */
.plano_passos > .p_h_courses_header {
    grid-column: 1 / -1;
    text-align: center;
    padding: 12px 0 0;
    /* Anula qualquer herança de article */
    background: transparent;
    border: none;
    margin: 0;
}

/* ── Tablet: 2 colunas ─────────────────────────────────────────────────── */
@media (max-width: 63.9em) {
    .course_actives {
        padding: 64px 20px 72px;
    }
    .plano_passos {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .plano_passos > .course_actives_header h1 { font-size: 1.7em }
}

/* ── Mobile: 1 coluna ──────────────────────────────────────────────────── */
@media (max-width: 37.4em) {
    .course_actives {
        padding: 48px 16px 56px;
    }
    .plano_passos {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .plano_passos > .course_actives_header {
        margin-bottom: 8px;
    }
    .plano_passos > .course_actives_header h1 { font-size: 1.5em }
    .plano_passos > .course_active_item {
        padding: 52px 18px 28px;
    }
}


/* ==========================================================================
   SEÇÃO — REDES PARCEIRAS (courses_footer)
   ========================================================================== */
.courses_footer {
    background: #080D1A;
    padding: 64px 24px;
}

.courses_footer > .content {
    max-width: 1200px;
    margin: 0 auto;
}

.courses_footer h1 {
    text-align: center;
    color: #00C853;
    font-size: 1.6em;
    margin-bottom: 10px;
    grid-column: 1 / -1;
}

.courses_footer .lineboth {
    display: block;
    width: 80px;
    height: 3px;
    background: #00C853;
    margin: 0 auto 40px;
    border: none;
    grid-column: 1 / -1;
}

.courses_footer article {
    padding: 0;
}

.courses_footer .cliente_logo {
    background: #111C2E;
    border: 1px solid #1B2B40;
    border-radius: 10px;
    padding: 32px 20px;
    text-align: center;
    height: 100%;
    transition: border-color .2s;
}

.courses_footer .cliente_logo:hover { border-color: #00C853 }

.courses_footer .cliente_logo img {
    display: block;
    max-width: 140px;
    width: 100%;
    margin: 0 auto 16px;
}

.courses_footer .cliente_logo p {
    color: #94A3B8;
    font-size: .85em;
    line-height: 1.6;
}

.courses_footer .cliente_logo a { text-decoration: none; display: block }

@media (max-width: 63.9em) {
    .courses_footer { padding: 48px 20px }
}

@media (max-width: 37.4em) {
    .courses_footer { padding: 32px 16px }
}

/* ==========================================================================
   SEÇÃO — ACCORDION (course_modules)
   ========================================================================== */
.course_modules {
    background: #0A1628;
}

.course_modules > .content {
    max-width: 880px;
    margin: 0 auto;
    padding: 72px 24px;
}

.course_modules_header {
    text-align: center;
    margin-bottom: 48px;
}

.course_modules_header h3 {
    font-size: 1.5em;
    color: #CBD5E1;
    font-weight: 400;
    line-height: 1.6;
}

.course_modules_header h3 b { color: #00C853 }

.course_modules_header p {
    color: #64748B;
    font-size: .8em;
    
    letter-spacing: .06em;
    margin-top: 14px;
}

.course_modules_item {
    background: #111C2E;
    border: 1px solid #1B2B40;
    border-radius: 10px;
    padding: 22px 20px;
    margin-bottom: 14px;
    cursor: pointer;
    transition: border-color .2s;
    text-align: left;
}

.course_modules_item:hover { border-color: #00C853 }

.course_modules_item > p {
    color: #94A3B8;
    font-size: .9em;
    line-height: 1.6;
    display: inline;
}

.course_modules_item > header {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course_modules_item > header h3 {
    color: #00C853;
    font-size: .8em;
    
    letter-spacing: .08em;
}

.course_modules_item > header span {
    color: #00C853;
    font-size: 1.2em;
    position: static;
    width: auto;
}

.course_modules_item_content {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #1B2B40;
}

.course_modules_item_content p {
    display: block;
    margin-bottom: 12px;
    color: #94A3B8;
    font-size: .9em;
    line-height: 1.7;
}

.course_modules_item_content b { color: #69F0AE }

@media (max-width: 63.9em) {
    .course_modules > .content { padding: 56px 20px }
}

@media (max-width: 37.4em) {
    .course_modules > .content { padding: 40px 16px }
    .course_modules_header h3 { font-size: 1.2em }
}

/* ==========================================================================
   SEÇÃO — CARDS DE TREINAMENTOS (.p_h_courses)
   ========================================================================== */
.p_h_courses {
    background: #080D1A;
    padding: 64px 0;
}

.p_h_courses > .content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.p_h_courses_header {
    text-align: center;
    margin-bottom: 36px;
}

.p_h_courses_header span.p_h_courses_icon {
    display: block;
    font-size: 2.4em;
    color: #00C853;
    margin-bottom: 12px;
}

.p_h_courses_header h2 {
    font-size: 1.7em;
    color: #00C853;
    margin-bottom: 6px;
}

.p_h_courses_header h1 {
    font-size: 1.9em;
    color: #CBD5E1;
    margin-bottom: 6px;
}

.p_h_courses_header h3 {
    font-size: 1em;
    font-weight: 400;
    color: #94A3B8;
    margin-bottom: 6px;
}

.p_h_courses_header p {
    font-size: .9em;
    color: #64748B;
    margin-top: 6px;
}

/* Tabs de categorias */
.p_h_courses_header ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    padding: 0 !important;
    list-style: none;
    grid-template-columns: none !important;
}

.p_h_courses_header ul li {
    background: rgba(0,200,83,.1);
    border: 1px solid #00C853;
    color: #69F0AE;
    font-size: .8em;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: background .2s, color .2s;
    flex: none;
    width: auto !important;
}

.p_h_courses_header ul li:hover,
.p_h_courses_header ul li.a_active {
    background: #00C853;
    color: #080D1A;
    box-shadow: 0 0 12px rgba(0,200,83,.3);
}

/* Cards de cursos */
.p_h_neec_course {
    background: #111C2E;
    border-bottom: 3px solid #00C853;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s;
}

.p_h_neec_course:hover {
    border-color: #69F0AE;
    transform: translateY(-4px);
}

.p_h_neec_course_thumb img {
    width: 100%;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.p_h_neec_course_content {
    padding: 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.p_h_neec_course_content h3 {
    font-size: 1em;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.p_h_neec_course_content h3 a {
    color: #CBD5E1;
    text-decoration: none;
    line-height: 1.4;
}

.p_h_neec_course_content h3 a:hover { color: #69F0AE }

.p_h_neec_course_content .linhambos {
    display: block;
    width: 36px;
    height: 3px;
    background: #00C853;
    margin: 8px 0 10px;
    flex-shrink: 0;
}

.p_h_neec_course_content .headline {
    color: #64748B;
    font-size: .8em;
    line-height: 1.5;
    margin-bottom: 14px;
    flex: 1;
}

.p_h_neec_course_content .btn {
    align-self: flex-start;
    margin-top: auto;
}

.p_h_courses > .content > footer {
    text-align: center;
    padding: 36px 0 8px;
}

.p_h_courses > .content > footer p {
    color: #94A3B8;
    font-size: .95em;
    font-style: italic;
    max-width: 600px;
    margin: 0 auto 20px;
}

@media (max-width: 63.9em) {
    .p_h_courses { padding: 48px 0 }
    .p_h_courses > .content { padding: 0 20px }
    .p_h_courses_header h2 { font-size: 1.4em }
}

@media (max-width: 37.4em) {
    .p_h_courses { padding: 32px 0 }
    .p_h_courses > .content { padding: 0 16px }
    .p_h_courses_header h2 { font-size: 1.3em }
    .p_h_courses_header h1 { font-size: 1.5em }
    .p_h_courses_header ul li { font-size: .75em; padding: 6px 14px }
}

/* ==========================================================================
   BOTÕES — iGreen
   ========================================================================== */
.btn {
    display: inline-block;
    padding: 11px 24px;
    border-radius: 6px;
    font-weight: 700;
    font-size: .85em;
    
    letter-spacing: .05em;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: background .2s, color .2s, box-shadow .2s, transform .15s;
    line-height: 1.2;
}

.btn:hover { transform: translateY(-2px) }

.btn_cta_green {
    background: #00C853;
    color: #080D1A !important;
    border-color: #00C853;
    box-shadow: 0 4px 16px rgba(0,200,83,.35);
}

.btn_cta_green:hover {
    background: #69F0AE;
    border-color: #69F0AE;
    box-shadow: 0 6px 22px rgba(0,200,83,.5);
}

.btn_cta_blue,
.btn_blue {
    background: transparent;
    color: #00C853 !important;
    border-color: #00C853;
}

.btn_cta_blue:hover,
.btn_blue:hover {
    background: #00C853;
    color: #080D1A !important;
    box-shadow: 0 4px 16px rgba(0,200,83,.3);
}

.btn_medium { padding: 8px 18px; font-size: .8em }
.btn_black  { background: #00C853; color: #080D1A; border-color: #00C853 }
.btn_black:hover { background: #00A846; border-color: #00A846 }

/* ==========================================================================
   UP_LOGO — separador com logo
   ========================================================================== */
.up_logo {
    text-align: center;
    padding: 24px 0;
    background: #0A1628;
}

.up_logo img {
    max-width: 180px;
    width: 100%;
    display: inline-block;
    opacity: .85;
}

/* ==========================================================================
   RESPONSIVIDADE GERAL — padding e tipografia
   ========================================================================== */
@media (max-width: 63.9em) {
    .container { padding-left: 20px; padding-right: 20px }
    .content   { padding: 32px 20px }
}

@media (max-width: 37.4em) {
    .container { padding-left: 16px; padding-right: 16px }
    .content   { padding: 24px 16px }
    h1 { font-size: 1.6em }
    h2 { font-size: 1.3em }
    h3 { font-size: 1.1em }
}

/* ==========================================================================
   HEADER — iGreen Telecom
   Sticky / Glass / Responsivo 3 breakpoints
   Desktop >= 861px | Tablet 481-860px | Mobile <= 480px
   ========================================================================== */

/* ---- Variáveis CSS globais ---- */
:root {
    --ig-green:        #00d301;
    --ig-green-hover:  #00A846;
    --ig-green-bright: #00A846;
    --ig-bg-deep:      #080D1A;
    --ig-bg-dark:      #0A1628;
    --ig-bg-card:      #111C2E;
    --ig-bg-elevated:  #1B2B40;
    --ig-text-primary: #F0FFF4;
    --ig-text-sec:     #94A3B8;
    --ig-text-muted:   #64748B;
    --header-h:        68px;
    --ig-transition:   .22s cubic-bezier(.4,0,.2,1);
}

/* ---- Reset escopo do header ---- */
.ig-header *, .ig-header *::before, .ig-header *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ---- Wrapper sticky ---- */
.ig-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9999;
    height: var(--header-h);
    background: rgba(8,13,26,.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,200,83,.15);
    transition: box-shadow var(--ig-transition), background var(--ig-transition);
}

.ig-header.scrolled {
    box-shadow: 0 4px 30px rgba(0,0,0,.5);
    background: rgba(8,13,26,.99);
}

.ig-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ---- Logo ---- */
.ig-header__logo {
    flex-shrink: 0;
    line-height: 0;
    z-index: 10001;
}

.ig-header__logo a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.ig-header__logo img {
    height: 38px;
    width: auto;
    display: block;
}

.ig-header__logo-text {
    font-size: .75em;
    font-weight: 700;
    
    letter-spacing: .12em;
    color: var(--ig-green-bright);
    display: none;
}

/* ---- Nav desktop ---- */
.ig-nav {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
}

.ig-nav__item { position: relative }

.ig-nav__link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: .82em;
    font-weight: 600;
    letter-spacing: .04em;
    
    text-decoration: none;
    color: var(--ig-text-sec);
    transition: color var(--ig-transition), background var(--ig-transition);
    white-space: nowrap;
}

.ig-nav__link:hover,
.ig-nav__item:hover > .ig-nav__link,
.ig-nav__link.active {
    color: var(--ig-green-bright);
    background: rgba(0,200,83,.08);
}

.ig-nav__link .ig-caret {
    font-size: .7em;
    opacity: .6;
    transition: transform var(--ig-transition);
}

.ig-nav__item:hover > .ig-nav__link .ig-caret {
    transform: rotate(180deg);
}

/* ---- Nav botões CTA ---- */
.ig-nav__link--login {
    border: 1px solid var(--ig-bg-elevated);
    color: var(--ig-text-primary);
}

.ig-nav__link--login:hover {
    border-color: var(--ig-green);
    background: rgba(0,200,83,.1);
    color: var(--ig-green-bright);
}

.ig-nav__link--register {
    background: var(--ig-green);
    color: var(--ig-bg-deep) !important;
    border: none;
    padding: 9px 18px;
}

.ig-nav__link--register:hover {
    background: var(--ig-green-bright);
    color: var(--ig-bg-deep) !important;
    box-shadow: 0 0 18px rgba(0,200,83,.4);
}

/* ---- Separador visual no nav ---- */
.ig-nav__separator {
    width: 1px;
    background: rgba(0,200,83,.15);
    margin: 12px 6px;
    border-radius: 1px;
    align-self: stretch;
}

/* ---- Dropdown ---- */
.ig-nav__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(-6px);
    min-width: 220px;
    background: var(--ig-bg-card);
    border: 1px solid rgba(0,200,83,.2);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,.5);
    list-style: none;
    z-index: 10000;
    opacity: 0;
    transition: opacity var(--ig-transition), transform var(--ig-transition);
}

.ig-nav__dropdown::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: var(--ig-bg-card);
    border-top: 1px solid rgba(0,200,83,.2);
    border-left: 1px solid rgba(0,200,83,.2);
    rotate: 45deg;
}

.ig-nav__item:hover > .ig-nav__dropdown {
    display: block;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.ig-nav__dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: .82em;
    font-weight: 500;
    color: var(--ig-text-primary);
    text-decoration: none;
    transition: background var(--ig-transition), color var(--ig-transition);
    border-left: 2px solid transparent;
}

.ig-nav__dropdown li a:hover {
    background: rgba(0,200,83,.1);
    color: var(--ig-green-bright);
    border-left-color: var(--ig-green);
}

.ig-nav__dropdown li + li {
    border-top: 1px solid var(--ig-bg-elevated);
}

/* ---- Hamburger ---- */
.ig-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    padding: 8px;
    border: 1px solid var(--ig-bg-elevated);
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    z-index: 10001;
    transition: border-color var(--ig-transition), background var(--ig-transition);
}

.ig-hamburger:hover {
    border-color: var(--ig-green);
    background: rgba(0,200,83,.08);
}

.ig-hamburger__line {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--ig-text-primary);
    border-radius: 2px;
    transition: transform var(--ig-transition), opacity var(--ig-transition);
    transform-origin: center;
}

.ig-hamburger[aria-expanded="true"] .ig-hamburger__line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.ig-hamburger[aria-expanded="true"] .ig-hamburger__line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.ig-hamburger[aria-expanded="true"] .ig-hamburger__line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ---- Drawer mobile ---- */
.ig-drawer {
    display: none;
    position: fixed;
    top: var(--header-h);
    left: 0; right: 0; bottom: 0;
    background: rgba(8,13,26,.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow-y: auto;
    z-index: 9998;
    transform: translateX(-100%);
    transition: transform var(--ig-transition);
    border-top: 1px solid rgba(0,200,83,.1);
}

.ig-drawer.open { transform: translateX(0) }

.ig-drawer__nav {
    padding: 24px 20px 48px;
    list-style: none;
}

.ig-drawer__item {
    border-bottom: 1px solid var(--ig-bg-elevated);
}

.ig-drawer__item--no-border { border-bottom: none }

/* Row container para link + toggle ---- */
.ig-drawer__item-row {
    display: flex;
    align-items: center;
}

.ig-drawer__link {
    display: flex;
    align-items: center;
    padding: 16px 4px;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--ig-text-primary);
    text-decoration: none;
    
    transition: color var(--ig-transition);
    flex: 1;
}

.ig-drawer__link:hover,
.ig-drawer__link.active { color: var(--ig-green-bright) }

.ig-drawer__link i {
    color: var(--ig-green);
    width: 20px;
    text-align: center;
    margin-right: 12px;
    font-size: .9em;
}

.ig-drawer__toggle {
    background: transparent;
    border: none;
    color: var(--ig-text-muted);
    font-size: 1em;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: color var(--ig-transition), transform var(--ig-transition);
}

.ig-drawer__toggle[aria-expanded="true"] {
    color: var(--ig-green);
    transform: rotate(180deg);
}

.ig-drawer__sub {
    list-style: none;
    display: none;
    padding: 0 0 8px 32px;
}

.ig-drawer__sub.open { display: block }

.ig-drawer__sub li a {
    display: block;
    padding: 11px 16px;
    font-size: .85em;
    font-weight: 500;
    color: var(--ig-text-sec);
    text-decoration: none;
    border-left: 2px solid var(--ig-bg-elevated);
    transition: color var(--ig-transition), border-color var(--ig-transition);
}

.ig-drawer__sub li a:hover {
    color: var(--ig-green-bright);
    border-left-color: var(--ig-green);
}

/* ---- CTAs no drawer ---- */
.ig-drawer__ctas {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 4px 0;
}

.ig-drawer__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: .9em;
    font-weight: 700;
    letter-spacing: .05em;
    
    text-decoration: none;
    transition: background var(--ig-transition), color var(--ig-transition), box-shadow var(--ig-transition);
}

.ig-drawer__btn--login {
    background: transparent;
    color: var(--ig-text-primary);
    border: 1px solid var(--ig-bg-elevated);
}

.ig-drawer__btn--login:hover {
    border-color: var(--ig-green);
    color: var(--ig-green-bright);
}

.ig-drawer__btn--register {
    background: var(--ig-green);
    color: var(--ig-bg-deep);
    border: 1px solid var(--ig-green);
}

.ig-drawer__btn--register:hover {
    background: var(--ig-green-bright);
    box-shadow: 0 0 20px rgba(0,200,83,.4);
}

/* ---- Overlay ---- */
.ig-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 9997;
    cursor: pointer;
}

.ig-overlay.show { display: block }

/* ---- Espaçador ---- */
.ig-header-spacer {
    height: var(--header-h);
    display: block;
}

/* ---- Barra de progresso de leitura ---- */
.ig-progress {
    position: fixed;
    top: var(--header-h);
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--ig-green), var(--ig-green-bright));
    width: 0%;
    z-index: 10002;
    transition: width .1s linear;
}

/* ---- Responsividade do header ---- */
@media (max-width: 64em) {
    .ig-nav__link {
        padding: 7px 10px;
        font-size: .78em;
    }
}

@media (max-width: 53.75em) {
    .ig-nav        { display: none }
    .ig-hamburger  { display: flex }
    .ig-drawer     { display: block }
}

@media (max-width: 30em) {
    .ig-header__inner { padding: 0 16px }
    .ig-header__logo img { height: 32px }
}

/* ==========================================================================
   FOOTER — iGreen Telecom
   Responsivo: Mobile / Tablet / Desktop
   Estrutura:
     footer.ig-footer
       .ig-footer__optin          ← barra tagline topo
       .ig-footer__body           ← grid 3 colunas
         .ig-footer__col          ← Links Úteis
         .ig-footer__col          ← Termos de Uso
         .ig-footer__col          ← Redes Sociais
       .ig-footer__bottom         ← copyright
   ========================================================================== */

/* ── Wrapper principal ─────────────────────────────────────────────────── */
.ig-footer {
    background: #080D1A;
    color: #94A3B8;
    font-size: .875em;
    width: 100%;
    border-top: 1px solid rgba(0,200,83,.12);
}

/* ── Barra de tagline ──────────────────────────────────────────────────── */
.ig-footer__optin {
    background: #0A1628;
    text-align: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--ig-bg-elevated);
}

.ig-footer__optin p {
    color: #94A3B8;
    font-size: .9em;
    font-weight: 300;
    line-height: 1.6;
}

.ig-footer__optin b {
    color: #F0FFF4;
    font-weight: 700;
}

/* ── Nav de usuário logado (mobile menu herdado) ───────────────────────── */
.ig-footer__user {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 0 16px;
    border-bottom: 1px solid var(--ig-bg-elevated);
    margin-bottom: 16px;
}

.ig-footer__user-thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid var(--ig-green);
}

.ig-footer__user-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ig-footer__user-info p {
    font-size: .85em;
    color: #94A3B8;
    line-height: 1.5;
}

.ig-footer__user-info p:first-child {
    color: #F0FFF4;
    font-weight: 600;
}

.ig-footer__user-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ig-footer__user-actions a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: .8em;
    font-weight: 600;
    
    text-decoration: none;
    background: var(--ig-bg-elevated);
    color: #94A3B8;
    border: 1px solid transparent;
    transition: background .2s, color .2s, border-color .2s;
}

.ig-footer__user-actions a:hover {
    background: rgba(0,200,83,.1);
    color: var(--ig-green-bright);
    border-color: var(--ig-green);
}

/* ── Nav de links do footer ────────────────────────────────────────────── */
.ig-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 16px 0;
    border-bottom: 1px solid var(--ig-bg-elevated);
    margin-bottom: 32px;
    list-style: none;
}

.ig-footer__nav li a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: .8em;
    font-weight: 600;
    
    text-decoration: none;
    color: #94A3B8;
    transition: color .2s, background .2s;
}

.ig-footer__nav li a:hover,
.ig-footer__nav li a.active {
    color: var(--ig-green-bright);
    background: rgba(0,200,83,.08);
}

/* ── Body: grid 3 colunas ──────────────────────────────────────────────── */
.ig-footer__body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    align-items: start;
}

/* ── Coluna individual ─────────────────────────────────────────────────── */
.ig-footer__col h3 {
    font-size: 1em;
    font-weight: 700;
    color: #F0FFF4;
    margin-bottom: 18px;
    text-shadow: 1px 1px #000;
}

.ig-footer__col h3 span {
    padding-bottom: 5px;
    border-bottom: 3px solid var(--ig-green);
}

.ig-footer__col .ig-footer__tagline {
    font-size: .85em;
    font-weight: 300;
    color: #64748B;
    margin: 0 0 16px;
    line-height: 1.6;
}

/* ── Lista de links ────────────────────────────────────────────────────── */
.ig-footer__links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ig-footer__links li a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .78em;
    font-weight: 500;
    
    text-decoration: none;
    color: var(--ig-green-bright);
    transition: color .2s, gap .2s;
}

.ig-footer__links li a:hover {
    color: var(--ig-green);
    gap: 10px;
}

/* ── Redes sociais ─────────────────────────────────────────────────────── */
.ig-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
    list-style: none;
}

.ig-footer__social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: var(--ig-bg-elevated);
    color: #94A3B8;
    font-size: 1.1em;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .2s, color .2s, border-color .2s, transform .15s;
}

.ig-footer__social li a:hover {
    background: rgba(0,200,83,.12);
    color: var(--ig-green-bright);
    border-color: var(--ig-green);
    transform: translateY(-2px);
}

/* ── Barra de copyright ────────────────────────────────────────────────── */
.ig-footer__bottom {
    background: #080D1A;
    border-top: 1px solid var(--ig-bg-elevated);
    text-align: center;
    padding: 24px;
    font-size: .78em;
    font-weight: 300;
    color: #475569;
    line-height: 1.8;
}

.ig-footer__bottom a {
    color: var(--ig-green);
    text-decoration: none;
    font-weight: 400;
}

.ig-footer__bottom a:hover {
    color: var(--ig-green-bright);
    text-decoration: underline;
}

.ig-footer__full-row { grid-column: 1 / -1 }

.ig-footer__copy-alert {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: .85em;
    color: #475569;
}

/* ── Tablet: 2 colunas ─────────────────────────────────────────────────── */
@media (max-width: 63.9em) {
    .ig-footer__body {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        padding: 40px 20px 32px;
    }
}

/* ── Mobile: 1 coluna ──────────────────────────────────────────────────── */
@media (max-width: 37.4em) {
    .ig-footer__body {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 32px 16px 24px;
    }
    .ig-footer__optin { padding: 16px }
    .ig-footer__social li a { width: 48px; height: 48px; font-size: 1.2em }
}

/* ===== CORREÇÃO DO FILTRO DE CURSOS ===== */

/* Mantém o layout em grid apenas quando a aba estiver ativa */
.p_h_courses_content.a_tab_target {
    display: none;
}

.p_h_courses_content.a_tab_target.a_active {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Garante que abas ocultas realmente fiquem escondidas */
.p_h_courses_content.ds_none {
    display: none !important;
}

@media (max-width: 63.9em) {
    .p_h_courses_content.a_tab_target.a_active {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 37.4em) {
    .p_h_courses_content.a_tab_target.a_active {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* =========================
   CARDS MODERNOS - CURSOS
   ========================= */

.p_h_neec_course {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, #122038 0%, #0c1628 100%);
    border: 1px solid rgba(105, 240, 174, 0.12);
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.28),
        0 1px 0 rgba(255, 255, 255, 0.03) inset;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.p_h_neec_course::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(105, 240, 174, 0.10), transparent 35%, transparent 65%, rgba(0, 200, 83, 0.08));
    pointer-events: none;
    opacity: 0.9;
}

.p_h_neec_course:hover {
    transform: translateY(-8px);
    border-color: rgba(105, 240, 174, 0.35);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(105, 240, 174, 0.08) inset;
}

.p_h_neec_course_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    background: #0b1323;
}

.p_h_neec_course_thumb a {
    display: block;
}

.p_h_neec_course_thumb img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.p_h_neec_course:hover .p_h_neec_course_thumb img {
    transform: scale(1.06);
    filter: saturate(1.05) contrast(1.03);
}

.p_h_neec_course_content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px 20px 24px;
    flex: 1;
}

.p_h_neec_course_content h3 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.35;
    font-weight: 700;
}

.p_h_neec_course_content h3 a {
    color: #f0fff4;
    text-decoration: none;
    transition: color 0.25s ease;
}

.p_h_neec_course_content h3 a:hover {
    color: #69f0ae;
}

.p_h_neec_course_content .linhambos {
    display: block;
    width: 52px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #00c853 0%, #69f0ae 100%);
    margin: 0;
}

.p_h_neec_course_content .headline {
    margin: 0;
    color: #b8c4d6;
    font-size: 0.95rem;
    line-height: 1.7;
    flex: 1;
}

.p_h_neec_course_content .btn {
    align-self: flex-start;
    margin-top: 6px;
    min-width: 160px;
    border-radius: 14px;
    padding: 12px 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px rgba(105, 240, 174, 0.18) inset;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.p_h_neec_course_content .btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 22px rgba(0, 200, 83, 0.20),
        0 0 0 1px rgba(105, 240, 174, 0.22) inset;
    filter: brightness(1.03);
}

/* grade mais elegante */
.p_h_courses_content.a_tab_target.a_active {
    gap: 24px;
}

/* responsivo */
@media (max-width: 63.9em) {
    .p_h_neec_course_thumb img {
        height: 238px;
    }

    .p_h_neec_course_content {
        padding: 20px 18px 22px;
    }
}

@media (max-width: 37.4em) {
    .p_h_neec_course {
        border-radius: 18px;
    }

    .p_h_neec_course_thumb {
        border-radius: 18px 18px 0 0;
    }

    .p_h_neec_course_thumb img {
        height: 288px;
    }

    .p_h_neec_course_content h3 {
        font-size: 1rem;
    }

    .p_h_neec_course_content .headline {
        font-size: 0.92rem;
    }

    .p_h_neec_course_content .btn {
        width: 100%;
        min-width: auto;
        justify-content: center;
    }
}