/* Novo - Mais conteúdos */

.container-mais-conteudos * {
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}
.container-mais-conteudos {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #1f4f66;
    border-radius: 12px;
    padding: 15px;
    color: #fff;
    margin-bottom: 60px;
}

.container-mais-conteudos h3 {
    margin: 0;
}

.box-mais-conteudos {
    width: 100%;
    padding: 15px;
    color: #0AC5D4;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    background: #fff;
    box-shadow: 12px 15px 20px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex: 1 1 200px;
}

.box-icon svg {
    width: 40px;
    height: 40px;
}

.box-title-conteudo span {
    color: #1f4f66;
    font-weight: 600;
}

.box-links-saiba-mais {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* TOPO */
.guia-topo-destaque {display: flex;flex-wrap: wrap;background-color: #0071BC;background-repeat: repeat-x;background-size: auto 100%;background-position: 0%, 50%, 100%;background-position: bottom;padding: 0;position: relative;/*padding: 70px 9.9vw 70px 17.6vw;*/padding: 60px 240px;z-index: 1;}
.titulo-guia{ font-size: 55px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #fff; width: 100%; margin: 0; max-width: 746px;}
.descricao-guia{ font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #fff; width: 100%; max-width: 746px; margin: 10px 0; line-height: 28px;}
/*.acesso-mvp-topo {font-family: "Montserrat", sans-serif; color: #6DF4FF; border: 1px solid #6DF4FF; border-radius: 15px; padding: 8px 40px;}*/
.acesso-mvp-topo { font-family: "Montserrat", sans-serif; background-color: #FE0056; color: #fff; padding: 20px 30px;    font-size: 18px; border-radius: 5px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); position: relative; cursor: pointer;}
.acesso-mvp-topo:hover{ transition: .3s all; background-color: #fff; color: #fe1b59;}
.acesso-mvp-topo svg {width: 20px; height: 20px; background-color: #FFFFFF; position: absolute; right: -15px;padding: 5px; top: 50%; transform: translateY(-50%); box-shadow: 12px 15px 20px rgba(0,0,0,.16); border-radius: 2px; transition: .3s all;}
.acesso-mvp-topo:hover svg{ background-color: #fe1b59; transition: .3s all; }
.acesso-mvp-topo .seta { border-radius: 5px; stroke: #ccc; fill: transparent; stroke-linecap: round; stroke-linejoin: round; transition: .3s all;}
.acesso-mvp-topo:hover .seta{ stroke: #fff; transition: .3s all; }
.bg-guia-topo { background: url("//www.devmedia.com.br/view/img/grid.png"), linear-gradient(to right, rgba(0, 126, 174, .85), rgba(26, 193, 187, .85)); position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1;}

/* EFEITO TOPO TRANSPARENTE */
.container-site-devmedia{padding-top: 0; margin-top: 0 !important;}
/*.header-site-devmedia { z-index: 9999 !important; }
.header-site-devmedia:not(.home-bottom) { background-color: transparent; box-shadow: none; height: 80px;} 
.header-site-devmedia:not(.home-bottom) .logo-devmedia .st1, body:not(.fixScreen) .header-site-devmedia:not(.home-bottom) .logo-devmedia .st0, body:not(.fixScreen) .header-site-devmedia:not(.home-bottom) .logo-devmedia .st2, .header-site-devmedia:not(.home-bottom) .logo-devmedia .cls-2, .header-site-devmedia:not(.home-bottom) .logo-devmedia .cls-1{ fill: white;}
.header-site-devmedia:not(.home-bottom) .logo-devmedia .st3 { stroke: white;}
.header-site-devmedia:not(.home-bottom) .menu-item-devmedia { color: white; box-shadow: none;}
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu { position: relative;}
.header-site-devmedia:not(.home-bottom) .link-login-devmedia, 
.header-site-devmedia:not(.home-bottom) .devmenu-mobile .logo-mob { color: #fff; }
.header-site-devmedia:not(.home-bottom) .devmenu-mobile .drop-mobile a.menu span { background-color: #fff; }
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu:before { border-top: 5px solid #fff;}
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #465760; right: 0px; z-index: 10; position: absolute; top: 5px;}
.header-site-devmedia:not(.home-bottom) .form-busca .btn-text-top { background-color: transparent; color: white; box-shadow: none; border: 2px solid white; font-weight: 500; height: 46px; border-radius: 23px; }
.header-site-devmedia:not(.home-bottom) .form-busca .btn-buscar-top { background: url("//www.devmedia.com.br/imagens/2013/buscar_white.png") no-repeat !important;}
.header-site-devmedia:not(.home-bottom) .form-busca .btn-text-top::placeholder { color: white;}
.header-site-devmedia:not(.home-bottom) .page-mvp { border: 2px solid #0AC5D4; /*background-color: initial;*/ /*background-color: #fff; box-shadow: 0px 12px 34px rgba(0,0,0,.16); width: 130px; height: 42px; transition: all .2s ease; border-radius: 23px;}
.header-site-devmedia:not(.home-bottom) .page-mvp a.link-page-mvp { color: #0AC5D4;}
.header-site-devmedia:not(.home-bottom) .submenu-itens-devmedia { border-radius: 6px; padding: 15px 0 5px; margin-top: 15px;}*/

/* MENU LATERAL TOPO */
.menu-right-guia { position: absolute; bottom: 0; right: 75px; width: 80px; display: flex; justify-content: center; flex-wrap: wrap;}
.menu-right-guia .item-menu-right { display: block; width: 100%; display: flex; justify-content: center; text-align: center; margin-top: 35px;}
.menu-right-guia .item-menu-right svg { height: 35px; width: 35px;}
.menu-right-guia .item-menu-right-svg svg { cursor: pointer; }
.menu-right-guia .action-menu-sub-icone-topo { opacity: 0; display: flex; margin-bottom: 40px; transition: .3s ease opacity; width: 100%;}
.menu-right-guia .social-icone { flex: 1 1 auto; width: 50%; transition: all .3s ease;}
.menu-right-guia .social-icone a { display: inline-block; width: 100%; height: auto; text-decoration: none; color: inherit;}
.menu-right-share svg { position: relative; left: 7px;}
.midia-social:hover .action-menu-sub-icone-topo{opacity: 1; transition: .3s ease opacity;}
.item-menu-right-like .item-menu-right-svg {display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid #FFF; height: 58px; width: 58px; position: relative;}
.menu-right-guia .total_likes_topo.num_total_likes { font-size: 9px; font-family: "Roboto", sans-serif; font-weight: 700; position: absolute; bottom: 3px; right: -7px; background-color: #fff; color: #0AC5D4; width: 25px; height: 15px; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.svg-facebook path { fill: #4267b2; }
.svg-twitter path { fill: #55acee; }
.midia-social{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

/* MENU LATERAL ESQUERDA */
.menu-lateral-left { position: fixed; /*width: 17.6vw;*/ width: 240px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; top: 30vh; z-index: 1; transition: .3s ease opacity;}
.menu-lateral-left.hidden{ opacity: 0; transition: .3s ease opacity;}
/* .menu-lateral-left[mf-menu-fixed="fixed"]{opacity: 0; transition: .3s ease opacity;} */
.menu-lateral-left .item-menu-lateral-left { width: 100%; display: flex; justify-content: center; text-align: center; margin-top: 35px;}
.item-menu-lateral-left.item-menu-lateral-left-comentario{margin-top: 20px;}
.menu-lateral-left .item-menu-lateral-left svg { height: 35px; width: 35px; cursor: pointer;}
.item-menu-lateral-left-like .item-menu-lateral-left-svg { display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid #0AC5D4; height: 58px; width: 58px; position: relative; transition: .3s ease all;}
.item-menu-lateral-left-share .item-menu-lateral-left-svg{padding-left: 10px;}
.menu-lateral-left .total_likes_lateral.num_total_likes { font-size: 9px; font-family: "Roboto", sans-serif; font-weight: 700; position: absolute; bottom: 3px; right: -7px; background-color: #0AC5D4; color: #fff; width: 25px; height: 15px;    display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.item-menu-lateral-left.item-menu-lateral-left-share > div { display: flex; flex-wrap: wrap;}
.item-menu-lateral-left-share .midia-social .action-menu-sub-icone-topo {display: none; width: 100%;}
.item-menu-lateral-left-share .midia-social:hover > svg{display: none; transition: .3s ease display;}
.item-menu-lateral-left-share .midia-social:hover .action-menu-sub-icone-topo{display: block; transition: .3s ease display;}
.item-menu-lateral-left-share .facebook-share{color: transparent;}

.menu-lateral-left, .menu-trilha{z-index: 0;}

/* MENU TRILHA */
.menu-trilha{ /*width: 26.7vw;*/ width: 365px; position: fixed; top: 30vh; right: 0;}
.menu-trilha .titulo-menu-trilha { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600; text-align: center; width: 277px; margin: 0 auto; border-bottom: 2px solid #F2F4F5; padding-bottom: 10px; position: relative;}
.menu-trilha .titulo-menu-trilha span:after { content: ""; width: 2px; height: 30px; background-color: #f2f4f5; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
.menu-trilha ul { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-direction: column; position: relative; width: 277px; max-height: calc(100vh - 150px);}
.menu-trilha ul li { text-align: center; border-radius: 10px; display: flex; align-items: center; transition: .4s ease all; width: 50%; margin: 25px 0;}
.menu-trilha ul li:nth-child(even) { position: relative; justify-content: flex-start; left: 50%;}
.menu-trilha ul li:nth-child(odd) { position: relative; justify-content: flex-end;}
.menu-trilha ul li .item { font-size: 11px; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #8795A2;    text-decoration: none; background-color: #F2F4F5; padding: 10px; border-radius: 6px; display: flex; justify-content: center;}
.menu-trilha ul li .item:nth-child(even) { position: absolute; left: 20%; }
.menu-trilha ul li .item:nth-child(odd) { position: absolute; right: 20%; }
.menu-trilha ul li .indice { font-size: 12px; font-family: 'Montserrat', sans-serif; border: 1px solid #F2F4F5; color: #95989A; background-color: #fff; border-radius: 25px; transition: .4s ease all; z-index: 1; text-decoration: none; width: 25px; height: 25px;  display: flex; justify-content: center; align-items: center;}
.menu-trilha ul li .indice-impar { position: relative; right: -14px;}
.menu-trilha ul li .indice-par { position: relative; left: -13px;}
.menu-trilha ul li .indice.item-destaque { animation: item-destaque 1.5s infinite;}
.menu-trilha ul li.active .indice:nth-child(odd) { left: -20px; }
.menu-trilha ul li.active .indice:nth-child(even) { right: -20px;}
.menu-trilha ul li .item:nth-child(even) { position: absolute; left: 20%;}
.menu-trilha ul li .item:nth-child(odd) { position: absolute; right: 20%;}
.menu-trilha ul li:not(:nth-last-child(1)) .indice:before { background-color: #f1f1f1; content: ""; height: 100%;    width: 1px; display: block; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.menu-trilha ul li.active .indice { background-color: #0AC5D4; color: #fff; transition: .4s ease all; color: #fff;    transition: .4s ease all; border: none; width: 40px; height: 40px;}
.menu-trilha ul li.active .item { background-color: #fff; transition: .4s ease all; border: none; font-weight: 700; box-shadow: 2px 3px 6px rgba(0,0,0,.16);}

/* MENU TÓPICOS */
.menu-topicos{/*width: 26.7vw;*/width: 315px;position: fixed;top: 30vh;right: 0;}
.menu-topicos ul { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-direction: column; position: relative; width: 277px; max-height: calc(100vh - 150px);}
.menu-topicos ul .item-menu-topicos a{ font-family: "Roboto", sans-serif; font-size: 14px; color: #95989A; text-decoration: none;  border-left: 1px solid #D4D4D4; padding: 10px 20px; opacity: 1; transition: all .4s; display: block;}
.menu-topicos ul .item-menu-topicos.active a { color: #49A8FF; border-left: 2px solid #FFB74E; margin-left: -1px;}

/* MENU LATERAL MOBILE */
.menu-lateral-mobile{display: none; flex-direction: row; width: 80vw; list-style: none; flex-wrap: wrap; padding: 0; margin: 30px auto 0;}
.menu-lateral-mobile .item-menu-lateral-mobile { background-color: #f9f9f9; border: 1px solid #d4d4d4; margin: 10px 10px 0 0;  transition: all ease .4s; border-radius: 4px; }
.menu-lateral-mobile .item-menu-lateral-mobile .link-item-menu-lateral-mobile { font-size: .9em; font-family: "Roboto", sans-serif; text-decoration: none; display: block; width: 100%; color: #535353; transition: all .4s; padding: 5px 10px;}
.menu-lateral-mobile .item-menu-lateral-mobile:hover { border: 1px solid transparent;  background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .1);}

/* BOX MID CONTAINER */
.box-mid-container { background: linear-gradient(to left, #264159, #253A44); color: #fff;    width: 100%; font-family: "Montserrat", sans-serif;}
.box-mid-content { display: flex; height: inherit; justify-content: center; width: 80vw; margin: 0 auto;}
.box-mid.box-aprenda { display: flex; justify-content: flex-start;}
.box-mid.box-tecnologias { background: linear-gradient(to right, #264159, #214E64); width: 21vw;    flex: 0 0 auto; justify-content: center; padding: 30px 60px;}
.box-mid.box-suporte { display: flex; justify-content: flex-end;}
.box-mid svg{height: 55px; width: 55px;}
.box-mid .titulo-box{ font-size: 14px; font-weight: 600; margin: 10px 0;}
.box-mid .texto-box{font-size: 14px; font-weight: 400; margin: 10px 0; line-height: 24px;}
.box-mid.box-aprenda, .box-mid.box-suporte { flex: 1 1 auto;}
.box-mid { padding: 30px 20px; display: flex; cursor: pointer; align-items: center;}
.sub-box-mid-img { flex: 0 0 auto; width: 70px;}
.svg-aprenda{fill:#0AC5D4;}
.svg-tecnologias-0{fill:#0AC5D4;stroke:#0AC5D4;stroke-width:0.5;}
.svg-tecnologias-1{fill:#0AC5D4;stroke:#0AC5D4;stroke-width:0.53;}
.svg-suporte{fill:#0AC5D4;}
.box-container-slick{display: none; background: linear-gradient(to right, #264159, #214E64);; color: #fff; text-align: center;}
.box-container-slick .slick-prev {left: 10px;}
.box-container-slick .slick-next {right: 20px;}
.col-right-hd_guia, .container-hd_guia{z-index: 2;}
.box-container-slick{font-family: "Roboto", sans-serif; position: relative;}
.titulo-box-slick{font-size: 14px; font-weight: 600; margin: 10px 0;}
.texto-box-slick{font-size: 14px; font-weight: 400; margin: 10px 0; line-height: 24px;}
.slide-next-slick .seta, .slide-prev-slick .seta{fill: none; stroke: #0AC5D4; stroke-width:0.5;stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; cursor: pointer;}
.slide-next-slick, .slide-prev-slick{width: 35px; height: 35px;}
.box-container-slick.slick-initialized.slick-slider{display: none;}	
.slick-slider{display: none;}

/* CONTEÚDO */
.area-conteudo-guia { width: 100%; } 
.conteudo-guia { /*width: 54.5vw; margin: 0 27.6vw 0 17.6vw;*/ width: 744px; margin: 0 365px 0 240px; padding-top: 40px; }
.conteudo-guia .h3-title_guia{ font-size: 30px; font-family: "Montserrat", sans-serif; color: #253A44; margin-top: 0;}
.conteudo-guia h4 { font-size: 19px; font-weight: 700; color: #535353; margin: 32px 0 0; font-family: "Source Serif Pro";}
.conteudo-guia .text-content_guia, .conteudo-guia p{ font-size: 19px; font-family: "Source Serif Pro"; color: #253A44; line-height: 34px; margin: 10px 0 0 0;}
.conteudo-guia .text-content_guia a { font-family: "Montserrat"; color: #253a44; border-bottom: 2px solid #0AC5D4;  padding-bottom: .2em; text-decoration: none; transition: all .2s ease; font-size: 14px; line-height: 35px; font-weight: 600;}
.conteudo-guia .text-content_guia a:hover { color: #0AC5D4;}
.conteudo-guia .mvp-expansao { font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #fff;    text-decoration: none; background-color: #1188E9; padding: 17px 30px; text-align: center; border-radius: 6px;  margin: 0;display: inline-block; box-shadow: 1px 1px 1px rgba(0,0,0,.7);}
.conteudo-guia img{ max-width: 100%; }
#player-video { margin: 30px 0; max-width: 100%;}
.content-area_guia{margin: 60px 0;}
/*.content-area_guia.secao-par{ background-color: #F8FAFB; border-radius: 15px; padding: 54px 45px 62px;}*/
.container-rel-link_guia.rel-link-with-img_guia, .container-rel-link_guia.rel-link-no-img_guia{display: flex; text-decoration: none; position: relative;}
.container-rel-link_guia.rel-link-with-img_guia{ margin: 30px 0; }
.container-rel-link_guia.rel-link-no-img_guia{ margin: 15px 0; }
.container-rel-link_guia.rel-link-no-img_guia:hover .tag-title-rel-link_guia{ background-color: #535353 !important; color: #fff !important; transition: .3s ease all !important;}
.container-rel-link_guia.rel-link-with-img_guia .container-title-rel-link_guia .description-title-link_guia {font-size: 15px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #535353;}
.container-img-rel-link_guia { width: 209px; flex: 0 0 auto; }
.img-rel-link_guia{ border-radius: 5px 0 0 5px; max-height: 100%; width: 100%;}
.container-rel-link_guia.rel-link-with-img_guia .container-title-rel-link_guia { padding: 10px 20px; height: inherit; border-radius: 0 5px 5px 0; border: 1px solid #dedede; box-shadow: 3px 3px 4px rgba(153, 69, 69, 0.04); flex: 1 1 auto; position: relative; display: flex; justify-content: flex-start; align-items: center;}
.container-rel-link_guia.rel-link-with-img_guia { height: auto; max-height: 103px;}
.container-rel-link_guia:hover { box-shadow: 2px 3px 6px rgba(0,0,0,.1); transition: .3s all; border-radius: 5px;}
.container-rel-link_guia.rel-link-no-img_guia .container-title-rel-link_guia { padding: 0; min-height: 81px; height: inherit;}
.tag-title-rel-link_guia { font-size: 11px; font-family: "Montserrat", sans-serif; color: #8795A2; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 6px; font-weight: 600; padding: 4px 15px; border-radius: 2px; transition: .3s ease all;}
.container-rel-link_guia.rel-link-no-img_guia .tag-title-rel-link_guia{box-shadow: none;}
.container-rel-link_guia.rel-link-with-img_guia .tag-title-rel-link_guia{ position: absolute; left: -230px; top: 15px; }
.container-rel-link_guia.rel-link-no-img_guia .container-title-rel-link_guia .tag-title-rel-link_guia { height: inherit;display: inline-flex; align-items: center; justify-content: center; min-width: 125px; font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 600; background-color: #f2f4f5; color: #8795A2; min-height: 81px;}
.container-rel-link_guia.rel-link-no-img_guia .container-title-rel-link_guia .description-title-link_guia {      font-family: "Montserrat", sans-serif; font-size: 15px; color: #535353; font-weight: 500; margin-left: 15px;}
.container-rel-link_guia.rel-link-no-img_guia.mvp-content .container-title-rel-link_guia .description-title-link_guia {        font-family: "Montserrat", sans-serif; font-size: 15px; color: #535353; font-weight: 500; margin-left: 15px;}
.container-rel-link_guia.rel-link-no-img_guia .container-title-rel-link_guia { border: 1px solid #DEDEDE; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 5px; font-family: "Roboto", sans-serif; position: relative; width: 100%;}
.rel-link-no-img_guia .container-title-rel-link_guia { display: flex; align-items: center;}
.container-title-rel-link_guia{padding: 0 80px 0 0 !important;}
.list-rel-link_guia.list-rel-link-with-img_guia .container-title-rel-link_guia, .container-rel-link_guia.rel-link-with-img_guia.rel-link-no-list_guia .container-title-rel-link_guia, .container-rel-link_guia.rel-link-with-img_guia .container-title-rel-link_guia{padding: 10px 80px 10px 20px !important;}
/* CONTEÚDO MVP*/
.container-rel-link_guia.rel-link-with-img_guia.mvp-content .container-title-rel-link_guia .description-title-link_guia{ font-size: 15px; font-family: "Montserrat", sans-serif; font-weight: 500; color: rgba(83, 83, 83, 0.5);}
.content-area_guia h4 { font-family: "Roboto Slab", sans-serif; font-size: 19px; font-weight: 600; color: #535353; margin: 30px 0 15px; }
.list-rel-link_guia { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0;}
.grade-completa{margin: 0 !important;}
.grade-completa-link{display: inline-flex; align-items: center; font-weight: 600; color: #8795A2; font-size: 14px; font-family: "Montserrat", sans-serif; margin: 0;}
.mvp-content .grade-completa-link{color: #535353;}
.container-title-rel-link_guia .slide-next { width: 12px; height: 12px; fill: #fff; margin-left: 5px;}
.container-title-rel-link_guia .slide-next .seta { stroke: #ffb74e; }
.serie_btn_link_azul{ background-color: #1188E9;padding: 17px 30px; color: #fff; text-align: center; margin: 20px 0; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 500; border-radius: 6px; text-decoration: none; display: inline-block; transform: translateX(-50%);left: 50%; position: relative;}

.mvp-opacity { opacity: .7; transition: .5s ease all;}

/* SLIDER */
.slider-box{margin: 30px auto;}
.slide-pagination { margin-top: 20px; }
.slide-pagination-item { margin: 0 8px !important;}

.nota-autor { padding: 60px 40px; position: relative; margin-top: 30px;}
.nota-autor h4 { font-family: "Roboto Slab", sans-serif; font-weight: 600; color: #535353; font-size: 24px; margin-bottom: 0; margin-top: 0;}
.nota-autor .borda-left { top: 25px; left: 0; border-left: 2px solid #d3d6db; border-top: 2px solid #d3d6db; border-radius: 15px 0 0 0;}
.nota-autor .borda-right { bottom: 25px; right: 0; border-right: 2px solid #d3d6db; border-bottom: 2px solid #d3d6db;    border-radius: 0 0 15px 0;}
.nota-autor svg { position: absolute; height: 50px; width: 57px;}
.nota-autor .borda-right, .nota-autor .borda-left { position: absolute; height: 140px; width: 12px;}
.nota-autor .aspas-left { top: 0; left: 40px;}
.nota-autor .aspas-right { bottom: 0; right: 40px;}
.nota-autor .aspas { fill: none; stroke: #d3d6db; stroke-width: 3;}
.nota-autor .text-content_guia{ margin-top: 15px; }

/* CADEADOS */
.svg-cadeado { fill: #fff; transition: .2s all;}
.cadeado{height: 20px; width: 20px; background-color: #8795A2; padding: 10px; border-radius: 25px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); box-shadow: 0 3px 6px rgba(0,0,0,.1); z-index: 7; transition: .2s all; box-sizing: content-box !important;}
.cadeado svg { height: 100%; width: 100%; transition: all .2s linear;}
.cadeado-aberto{background-color: #0ac5d4;}
.cadeado-aberto .svg-cadeado{fill: #ffffff;}
.cadeado-fechado svg{ transform: rotate(0deg);}
.mvp-acesso-completo{z-index: 3;}
.link-cadeados{z-index: 5;}
.link-cadeados .cadeado-aberto{display: none;}
.cadeado-ativo .cadeado-aberto{ display: block;}
.cadeado-ativo .cadeado-fechado{ display: none;}
.cadeado-rotate svg{ transform: rotate(-40deg);}
.link-cadeados:hover .mvp-acesso-completo{ animation-name: animacao; animation-duration: .4s; animation-fill-mode: forwards;}
.mvp-acesso-completo { position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; background-color: #1188E9; font-family: "Montserrat", sans-serif; color: #fff; border-radius: 5px; font-size: 18px; font-weight: 500; right: 0; top: 50%; transform: translateY(-50%); animation-name: animacaooff; animation-duration: .4s; animation-fill-mode: forwards; display: none; transition: .3s ease all;}
.link-cadeados:hover .mvp-acesso-completo, .mvp-acesso-completo:hover{transition: .3s ease all; display: flex;}
.mvp-acesso-completo .mvp-saiba-mais{box-shadow: 12px 15px 20px rgba(0,0,0,.16); text-transform: uppercase; color: #1188E9; background-color: #FFFFFF; padding: 13px 40px; font-size: 14px; margin: 0 0 0 30px; border-radius: 5px; z-index: 8; position: relative; font-weight: bold;}
.secao-par .mvp-acesso-completo .acesso-completo-texto{font-size: 16px;}
.secao-par .mvp-acesso-completo .mvp-saiba-mais{padding: 8px 20px;}
.mvp-acesso-completo .mvp-saiba-mais:after { content: ""; display: inline-block; vertical-align: middle; border-right: 5px solid #fff; border-bottom: 5px solid #fff; border-top: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%) scale(2.5) rotate(135deg);}
.mvp-content .description-title-link_guia{color: rgba(83, 83, 83, .5);}
.free-tag { position: absolute; right: -20px; top: 50%; background-color: #17c3a8; border-radius: 30px; height: 35px;    width: 35px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-family: "Montserrat"; color: #fff; font-size: 10px; transform: translateY(-50%); font-weight: 800;}

/* COR DOS PATH DOS SVG */
.aprenda-path-0{fill:none;}
.aprenda-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.aprenda-path-2{fill:#FFFFFF;}
.projetos-path-0{fill:none;}
.projetos-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.projetos-path-2{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.projetos-path-3{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.53;}
.suporte-path-0{fill:none;}
.suporte-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.suporte-path-2{fill:#FFFFFF;}
.path-share{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.menu-lateral-left .path-share{fill: #8795A2;stroke:#8795A2;stroke-width:0.5;}
.menu-lateral-left.dark .path-share{fill: #FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.coracao-path{fill:none;stroke:#FFFFFF;stroke-width:1.5;}
.svg-star path{fill: transparent; stroke: #fff; stroke-width: 1.5px;}
.menu-right-favorito.favorito-usuario .svg-star path{fill: #fff;}
.menu-lateral-left .svg-star path, .menu-lateral-left .svg-star line{fill: transparent; stroke: #0AC5D4; stroke-width: 1.5px;}
.menu-lateral-left.dark .svg-star path, .menu-lateral-left.dark .svg-star line{fill: transparent; stroke: #fff; stroke-width: 1.5px;}
.menu-lateral-left .favorito-usuario .svg-star path, .menu-lateral-left .favorito-usuario .svg-star line{fill: #0AC5D4;}
.menu-lateral-left.dark .favorito-usuario .svg-star path, .menu-lateral-left.dark .favorito-usuario .svg-star line{fill: #FFFFFF; stroke: #FFFFFF;}
.svg-comment path, .svg-comment line{stroke: #8795A2; stroke-width: 1.5px; fill: transparent;}
.menu-lateral-left.dark .svg-comment path, .menu-lateral-left.dark .svg-comment line{stroke: #FFFFFF; fill: transparent;}
.svg-star line{ fill: #fff; stroke: #fff; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; }
.menu-right-guia .path-like-topo{stroke: #fff;}
.path-like-topo{fill: none; stroke:#0AC5D4; stroke-width: 1.852; stroke-linecap: round; stroke-linejoin: round;stroke-miterlimit: 10;}
.menu-lateral-left.dark .item-menu-right-like.like-usuario .path-like-topo, .menu-lateral-left.dark .like-usuario .path-like-topo{stroke: #253A44;}
.item-menu-right-like.like-usuario .path-like-topo, .menu-lateral-left .like-usuario .path-like-topo{stroke: #fff;}
.item-menu-right-like.like-usuario .item-menu-right-svg,.menu-lateral-left .like-usuario .item-menu-lateral-left-svg{background: #0AC5D4; border: none;}
.item-menu-right-like.like-usuario .total_likes_topo.num_total_likes, .menu-lateral-left .like-usuario .num_total_likes{/*background-color: #253A44;*/ background-color: #FFF; color: #0AC5D4; border: 1px solid #0AC5D4;}
.aulas-path-0{fill:none;stroke:#0AC5D4;stroke-width:1.5;stroke-miterlimit:10;}
.aulas-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.checked-path-0{fill:#01CD6A;}
.checked-path-1{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

/* BOX ADMIN */
.box-servico-admin { width: 320px; margin: 0 auto 25px; border: 1px solid #787878; padding: 10px; text-align: center;}
.box-servico-admin a { display: block; color: #484848; text-decoration: none; padding: 3px;}

/* COMENTÁRIOS */
.comentariosArtigo{ width: 100%; }
.comentario_viewguia{ width: 744px; margin: 0 365px 0 240px; }
.comentarios_outer { margin-top: 0; }

/* MEU FOOTER MOBILE */
.menu-mobile-footer { display: none; }

/* MODAL */
#modal-msg { display: none; }
#modal-msg.active { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); z-index: 200; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#modal-msg p { margin: 0; background-color: white; z-index: 1; border: 1px solid #e1e1e1; width: 400px; max-width: 95%; border-radius: 5px; text-align: center; padding: 50px 20px; box-sizing: border-box; font-size: 16px; line-height: 30px; font-family: "Roboto", sans-serif; position: relative; cursor: default;}
#modal-msg p i { position: absolute; z-index: 1; top: 10px; right: 10px; cursor: pointer; height: 1.2em; width: 1.2em; font-size: 14px;}
#modal-msg p i:before { height: 100%; content: ""; border-left: 0.15em solid; transform: rotate(-45deg); position: absolute; left: .5em;}
#modal-msg p i:after { height: 100%; content: ""; border-left: 0.15em solid; transform: rotate(45deg); position: absolute; left: .5em;}

/* BANNER MVP RODAPÉ */
#modulo-mvp{position: relative;}
.modulo-mvp{position: relative; text-align: right; margin-bottom: 50px;}
.modulo-mvp img{width: 90%; height: 170px; border-radius: 2px;}
#modulo-mvp a {/* display: inline-block; *//* width: 100%; *//* height: 100%; */}
.modulo-mvp a { text-decoration: none; font-family: "Roboto Slab", sans-serif; display: inline-block;}
.acesso-conteudo { position: absolute; left: 0; right: 220px; text-align: center; top: 50%; transform: translateY(-50%); font-family: "Montserrat", sans-serif; font-size: 22px; background-color: rgba(235, 15, 97,.9); color: #fff; padding: 0 30px; border-radius: 10px; height: 98px; font-weight: 500; transition: .3s all;}
.saiba-mais { position: absolute; right: 36px; top: 50%; transform: translateY(-50%); background-color: #fff; padding: 0 30px; border-radius: 10px; font-family: "Roboto", sans-serif; color: #EB0F61; text-transform: uppercase; font-weight: bold; height: 62px; font-size: 16px; transition: .3s all;}
.saiba-mais:hover{transition: .3s all; box-shadow: 2px 3px 6px rgba(0, 0, 0, .16); }
.acesso-conteudo, .saiba-mais{display: flex; justify-content: center; align-items: center; box-shadow: 12px 15px 20px rgba(0,0,0,.16);}
.banner-mvp{background-image: url('../img/guia_mvp_img.jpg'); background-repeat: no-repeat; background-position: top center; height: 315px; width: 100%; background-size: cover; z-index: 10;}
.mestre-tecnologia { position: absolute; background-color: #fe1b59; padding: 20px 30px; color: #fff; text-transform: uppercase; top: -15px; left: 30px; font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 500; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.acesso-completo { position: absolute; bottom: 50px; right: 0; background-color: #fff; padding: 40px 50px; color: #373737; font-family: "Montserrat", sans-serif; line-height: 30px; font-size: 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.saiba-mais-mvp { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background-color: #fe1b59; color: #fff; padding: 10px 25px; text-transform: uppercase; font-size: 14px;transition: .3s all;}
.tecnologia{letter-spacing: 3px; }
.saiba-mais-mvp { letter-spacing: 3px; min-width: 120px; text-align: center;}
.banner-mvp:hover .saiba-mais-mvp{padding: 10px 40px; transition: .3s all;}
.sup-title_guia_mvp { background-color: #fe1b59; color: #fff; padding: 15px 40px;font-family: "Montserrat", sans-serif;font-size: 18px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); border-radius: 5px; position: relative; margin-bottom: 20px;}
.sup-title_guia_mvp:hover { transition: .3s all; background-color:  #fff; color: #fe1b59;}
.sup-title_guia_mvp:hover svg { background-color: #fe1b59; transition: .3s all;}
.sup-title_guia_mvp:hover svg path { stroke: #fff; transition: .3s all;}

.under_hellobar_wrapper{display: none !important;}
.header-site-devmedia.i_pos_relative{position: fixed !important;}

/* BUSCA SUGERIDA */
.form-busca.form-busca-off a.busca-sugerida { color: #fff; font-size: 11px; padding: 5px 10px; border: 1px solid #fff; border-top: none; border-radius: 0 0 15px 15px; position: absolute; background-color: #0fa4b7; z-index: 3; top: 58px; left: 20px;text-transform: uppercase; box-sizing: border-box; text-align: center; width: 85% !important;}
/*.busca-sugerida-mobile{ text-decoration: none; color: #484848;}
.busca-sugerida-mobile p{ background-color: #f2f2f2; margin: 0; padding: 15px 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #484848; text-transform: uppercase;}*/
.form-busca-off{position: relative;}
.busca-sugerida-mobile { position: absolute; top: 75px; z-index: 3; width: 100%; background-color: transparent !important; text-decoration: none;}
.busca-sugerida-mobile p { background-color: transparent; padding: 10px 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 10px; color: #0ac5d4; text-transform: uppercase; border: 1px solid currentColor; width: 50%; border-radius: 5px; margin: 15px auto 0;}
.busca-sugerida-mobile.oculto, .busca-sugerida.oculto{top: 46px !important;}

.pre pre { word-break: break-word; white-space: pre-wrap;}

.tag-new_guia { position: absolute; right: 0; font-family: "Oswald", sans-serif; font-size: 25px; margin-left: 10px; color: #ffb74e; position: absolute; right: 30px; transform: translateY(-50%); top: 50%;}

/* DEVBOT MODAL */
    .dev-modal { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 150; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; transition: opacity .4s ease; backdrop-filter: blur(2px);}
    .dev-modal-body { max-height: calc(100% - 10px); box-sizing: border-box; padding: 40px 20px; pointer-events: none; opacity: 0; position: relative; top: -50px; transition: all .4s ease; width: 100%;}
    .dev-modal-close {height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;background-color: white;padding: 10px;border-radius: 50px;cursor: pointer;position: absolute;right: -10px;top: -10px;z-index: 2;transition: all .2s ease;}
    .dev-modal-close svg { height: 100%; width: 100%; fill: CURRENTCOLOR; stroke: CURRENTCOLOR; stroke-linecap: round; stroke-linejoin: round; stroke-width: 10px;}
    .dev-modal-close:hover { background-color: #393939; color: white;}
    .dev-modal.active { opacity: 1; pointer-events: auto;}
    .dev-modal.active .dev-modal-body { opacity: 1; pointer-events: auto; top: 0;}
    .dev-modal-msg { font-size: 16px; text-align: center; margin-bottom: 20px; line-height: 30px;}
    .dev-modal .destaque { font-weight: 500; color: #0bc1d1;}
    .dev-modal-btn { display: inline-block; background-color: #0bc1d1; color: white; border: none; padding: 10px 20px; border-radius: 10px; cursor: pointer; transition: all .2s ease; font-weight: 700;}
    .dev-modal-btn:hover { background-color: #575757;}
    .dev-modal .devbot-dialog:before { border-color: #393939; border-width: 12px; border-left-width: 0; border-right-width: 20px; border-top-color: transparent; border-bottom-color: transparent; left: -19px; top: 30px;}
    .dev-modal .devbot-dialog { padding: 25px 30px; border-radius: 15px; background: #393939; font-family: 'Share Tech Mono', monospace; width: 100%;}
    .dev-modal .devbot-dialog * { font-family: 'Share Tech Mono', monospace;}
    .dev-modal .devbot-wrapper { align-items: flex-start; justify-content: center; width: 800px; margin: auto; position: relative;}
    .dev-modal .devbot-avatar { width: 85px; height: 85px;}
    .dev-modal .devbot-dialog a {color: #0ac5d4;text-decoration: none;display: inline-block;}
    .dev-modal .devbot-dialog a:hover { text-decoration: underline;}
    .dev-modal .devbot-dialog ul {list-style: none;padding: 0 15px;line-height: 28px;margin: 30px 0 0;}
    .dev-modal .devbot-dialog ul li { position: relative; padding-left: 10px;}
    .devbot-dialog .btn-inscrever { font-weight: 500; color: #0bc1d1; cursor: pointer;}
    .devbot-dialog .btn-inscrever:hover { text-decoration: underline;}
    .devbot-dialog ul li:before {content: ">";color: #0bc1d1;position: absolute;left: -5px;top: 0px;}
/* DEVBOT MODAL */

/*--- IFRAME ---*/
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; /*min-height: 182px; height: auto;*/ }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.breadcrumb { display: flex; justify-content: center; align-items: center; font-size: 14px; font-family: "Montserrat", sans-serif; color: #0891b4; height: 35px;}
.arrow-left { width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; overflow: hidden; margin-left: 5px; }
.breadcrumb a { color: #0891b4; text-decoration: none; box-sizing: border-box; display: inline-block; }
.arrow-left:after { content: ""; display: block; transform: rotate(-45deg); border: 1px solid; height: 100%; width: 100%; position: absolute; box-sizing: border-box; left: -10px; }
.breadcrumb a:hover { border-bottom: 2px solid; display: inline-block; }

div.pre{margin: 30px 0;}

.img-content_guia {margin: 30px 0;}
.figcaption_guia { margin-top: 15px; text-align: center;}

/* --- KEYFRAMES --- */
@keyframes item-destaque {
    0%{ box-shadow:0 0 rgba(255, 183, 78, 1); }
    100%{ box-shadow:0 0 20px 10px rgba(255, 183, 78, 0); }
}

@keyframes animacao {
    0% {width: 0; opacity: 0;}
    50%{opacity: 0;}
    100% {width: 100%; opacity: 1;}
}

@keyframes animacaooff {
    0% {width: 100%; opacity: 1; pointer-events: auto;}
    50% {opacity: 0;}
    100% {width: 0; opacity: 0; pointer-events: none;}
}

@keyframes show-facebook-mobile{
    0%{ top: 0; left: 15px; opacity: 0; pointer-events: auto;}
    100%{ top: -65px; left: -15px; opacity: 1; pointer-events: auto;}
}

@keyframes show-twitter-mobile{
    0%{ top: 0; left: 15px; opacity: 0;pointer-events: auto;}
    100%{ top: -65px; left: 55px; opacity: 1; pointer-events: auto;}
}

@keyframes hide-facebook-mobile{
    0%{top: -65px; left: -15px; opacity: 1; pointer-events: auto;}
    100%{ top: 0; left: 15px; opacity: 0; pointer-events: none;}
}

@keyframes hide-twitter-mobile{
    0%{ top: -65px; left: 55px; opacity: 1; pointer-events: auto;}
    100%{ top: 0; left: 15px; opacity: 0; pointer-events: none;}
}
    
/* --- MEDIA QUERIES --- */
@media (min-width: 1600px){
    /* TOPO */
    .titulo-guia{max-width: 1000px;}
    .conteudo-guia, .comentario_viewguia, #comentario_viewguia { width: 55%; margin: 0 auto;  max-width: 850px;}
    .conteudo-guia {padding-top: 60px;}

    /* MENU TOPO DIREITA */
    .menu-right-guia{bottom: -50px;}
}

@media (min-width: 1366px){

}

@media(min-width: 1201px) and (max-width: 1365px){
    /* TOPO */
    .guia-topo-destaque{padding: 140px 300px 70px 170px;}

    /* CONTEÚDO */
    .conteudo-guia, .comentario_viewguia { width: calc(100% - 500px); margin: 0 300px 0 170px; }
    .acesso-completo-texto{font-size: 16px;}
    .mvp-acesso-completo .mvp-saiba-mais{ padding: 13px 30px; }

    /* MENU LATERAL */
    .menu-lateral-left{width: 170px;}
    
    /* MENU TRILHA */
    .menu-trilha{width: 300px;}
}

@media(min-width: 1025px) and (max-width: 1200px){
    /* TOPO */
    .guia-topo-destaque{padding: 140px 300px 70px 170px;}

    /* CONTEÚDO */
    .conteudo-guia, .comentario_viewguia { width: calc(100% - 500px); margin: 0 300px 0 170px; }
    .acesso-completo-texto{font-size: 14px;}
    .mvp-acesso-completo .mvp-saiba-mais{ font-size: 12px; padding: 13px 10px; margin: 0 0 0 10px;}

    /* MENU LATERAL */
    .menu-lateral-left{width: 170px;}
    
    /* MENU TRILHA */
    .menu-trilha{width: 300px;}

}

@media(max-width: 1024px){
    /* TOPO */
    .titulo-guia{font-size: 48px;}
    .guia-topo-destaque{padding-left: 60px; padding-right: 40px;}

    /* BOM MID CONTAINER */
    .box-mid-container{display: none;}
    .box-container-slick{display: block;padding: 15px 0; position: relative;}
    .box-container-slick.slick-initialized.slick-slider{display: block;}
    .box-container-slick svg{height: 35px; width: 35px; z-index: 1;}
    .slide-prev-slick { position: absolute; left: 25px; top: 50%; transform: translateY(-50%) rotate(180deg) scale(.8);}
    .slide-next-slick{ position: absolute; right: 25px; top: 50%; transform: translateY(-50%) scale(.8);}

    /* MENU LATERAL E MENU TRILHA */
    .menu-lateral-left, .menu-trilha, .menu-topicos{display: none;}

    /* MENU LATERAL MOBILE */
    .menu-lateral-mobile{display: flex;}

    /* CONTEÚDO */
    #player-video { margin: 30px auto; max-width: 90%;}

    .conteudo-guia, .comentario_viewguia, #comentario_viewguia{ width: 830px; margin: 0 auto;}
    .menu-lateral-mobile{margin-top: 30px !important;}
}

@media (max-width: 967px){

    /* TOPO */
    /*.guia-topo-destaque{ padding: 50px 70px;}*/
    .titulo-guia{font-size: 44px;}
    
    /* MENU TOPO LATERAL */
    .menu-right-guia{display: none;}
    
    /* CONTEÚDO */
    /*.conteudo-guia, .comentario_viewguia{width: 80vw; margin: 0 auto;}*/

    .conteudo-guia, .comentario_viewguia, #comentario_viewguia, .menu-lateral-mobile{ width: 700px; margin: 0 auto;}
    
}

@media (max-width: 767px){
    .content-site-devmedia { padding-top: 0 !important;}

    /* TOPO */
    .titulo-guia{font-size: 44px;}

    /* CONTEÚDO */    
        
    /* MENU MOBILE */
    .menu-mobile-footer { height: 70px; display: flex; z-index: 50; position: fixed; bottom: 0; width: 100%;    background-color: white; border-top: 1px solid #E6E6E6; box-shadow: 0 -3px 60px rgba(0, 0, 0, 0.3);}
    .menu-mobile-footer .icone-svg { height: 100%; width: 100%; transform: scale(1.1);}
    .action-menu-item { display: flex; justify-content: center; color: #8795A2; cursor: pointer; position: relative;margin: 0;}
    .action-menu-item-mobile svg{cursor: pointer;}
    .action-menu-list-mobile { width: 100%; display: flex; padding: 0; margin: 0; list-style: none;}
    .action-menu-list-mobile li { width: 25%; display: flex; align-items: center; justify-content: center; }
    .action-menu-list-mobile li .action-menu-icone{position: relative;}
    .action-menu-label { display: none; }    
    .action-menu-list-mobile li .svg-star path, .action-menu-list-mobile li .svg-star line{stroke:#8795A2; }
    .action-menu-list-mobile li.favorito-usuario .svg-star path, .action-menu-list-mobile li.favorito-usuario .svg-star line{stroke:#8795A2; fill: #8795A2;}

    .action-menu-list-mobile li.like-usuario{color: #fff; background-color: #0AC5D4;}
    .action-menu-list-mobile .like-button .path-like-topo{stroke: #0AC5D4;}
    .action-menu-list-mobile .like-button.like-usuario .path-like-topo{stroke: #fff;}
    .like-button { background-color: #F2F4F5; color: #0AC5D4; }
    .like-button .total_likes_mobile { font-family: "Roboto"; font-size: 9px; line-height: 11px; font-weight: 700;      position: absolute;  background-color: #0AC5D4; color: #fff; border: 2px solid #fff; border-radius: 10px;        display: inline-block; padding: 2px 5px; bottom: -5px; right: -12px; transition: all .2s ease; }
    .action-menu-icone.share-mobile > svg{ margin-top: 50%; }
    .action-menu-icone svg { height: 100%; width: 100%; }
    .action-menu-icone .svg-share{transform: scale(.6);}
    .action-menu-icone .path-share{stroke: #8795A2; fill: #8795A2;}
    .action-menu-icone { height: 35px;  width: 35px; display: inline-flex; justify-content: center; align-items: center;right: 0; position: relative; transition: all .2s ease; color: #8795A2; cursor: pointer; position: relative;        margin: 10px 0;}
    .total_likes_mobile { font-family: Roboto;font-size: 9px; line-height: 11px; font-weight: 700; position: absolute; background-color: #0AC5D4; color: white; border: 2px solid white; border-radius: 10px; display: inline-block; padding: 2px 5px; bottom: -5px; right: -12px; transition: all .2s ease;}
    .social-icones-mobile { display: block; position: absolute; z-index: 999; width: 60px; height: 35px;}
    .social-facebook-mobile, .social-twitter-mobile { position: absolute; left: 15px; opacity: 0; pointer-events: none;    }
    .social-icones-mobile .social-icone a { width: 100%; height: 100%; text-decoration: none; color: inherit;     background-color: #fff; height: 35px; width: 35px; display: block; border-radius: 50px; transform: scale(.9);        box-shadow: 2px 3px 6px rgba(0, 0, 0, .3);}
    .menu-mobile-footer{height: 54px; border-top: none;}
    .mobile-active{background-color: #F2F4F5; color: #0AC5D4; }
    .mobile-active .total_likes_mobile{background-color: #F2F4F5; color: #0AC5D4; border: 2px solid #0AC5D4;}
    .facebook-mobile-show{animation: show-facebook-mobile .7s forwards;}
    .facebook-mobile-hide{animation: hide-facebook-mobile .7s forwards;}
    .twitter-mobile-show{animation: show-twitter-mobile .7s forwards;}
    .twitter-mobile-hide{animation: hide-twitter-mobile .7s forwards;}

    .conteudo-guia, #comentario_viewguia{ width: 610px;}
    .grade-completa{display: none;}

    /* MENU MOBILE */
    .facebook-mobile-show{animation: show-facebook-mobile .7s forwards;}
    .facebook-mobile-hide{animation: hide-facebook-mobile .7s forwards;}
    .twitter-mobile-show{animation: show-twitter-mobile .7s forwards;}
    .twitter-mobile-hide{animation: hide-twitter-mobile .7s forwards;}

    .conteudo-guia, .comentario_viewguia, #comentario_viewguia, .menu-lateral-mobile{ width: 520px; margin: 0 auto;}

    .tag-new_guia{font-size: 20px;}
}

@media (max-width: 625px){
    /* TOPO */
    .titulo-guia{font-size: 40px;}
    .acesso-mvp-topo{font-size: 14px;}

    /* CONTEÚDO */
    
    .conteudo-guia, .comentario_viewguia, #comentario_viewguia, .menu-lateral-mobile{ width: 480px; margin: 0 auto;}

    .busca-mobile{background-color: transparent !important;}
    .tag-new_guia{font-size: 16px;}

    .breadcrumb{font-size: 12px; padding: 0 15px;}

    .videoWrapper { padding-bottom: 0; padding-top: 0; min-height: 182px; margin-bottom: 35px;}
}

@media (max-width: 540px){
    /* TOPO */    
    .titulo-guia{font-size: 36px;}
    .guia-topo-destaque { padding: 90px 50px 30px; }
    .acesso-mvp-topo{width: 100%; padding: 15px 20px; font-size: 14px;}
    
    /* CONTEÚDO */
    .content-area_guia{margin: 40px 0;}
    .conteudo-guia .h3-title_guia{margin-bottom: 15px; font-size: 24px;}    
    .list-item-rel-link_guia{margin: 0;}
    .container-rel-link_guia.rel-link-with-img_guia, .container-rel-link_guia.rel-link-no-img_guia{flex-wrap: wrap; max-height: none; margin: 15px 0;}
    .container-rel-link_guia.rel-link-with-img_guia .container-title-rel-link_guia{padding: 30px 20px; min-height: 81px;}
    .container-rel-link_guia.rel-link-with-img_guia .tag-title-rel-link_guia{ left: -10px; top: -10px; }
    .container-img-rel-link_guia{width: 100%;}
    .img-rel-link_guia{border-radius: 5px 5px 0 0;}
    .conteudo-guia .text-content_guia, .conteudo-guia p{font-size: 16px;}
    .container-rel-link_guia{width: 70%; margin: 20px auto !important;}
    .list-rel-link_guia.list-rel-link-with-img_guia .container-title-rel-link_guia, .container-rel-link_guia.rel-link-with-img_guia.rel-link-no-list_guia .container-title-rel-link_guia, .container-rel-link_guia.rel-link-with-img_guia .container-title-rel-link_guia{padding: 10px 20px !important;}
    .link-cadeados:hover .mvp-acesso-completo, .mvp-acesso-completo:hover{flex-wrap: wrap;}
    .container-rel-link_guia.rel-link-no-img_guia{width: 100% !important; margin: 15px 0 !important;}
    .container-title-rel-link_guia{ padding: 0 20px 0 0 !important;}    

    .conteudo-guia, #comentario_viewguia, .menu-lateral-mobile, .comentario_viewguia{ width: 380px;}    
}

@media (max-width: 400px){
    /* TOPO */
    .titulo-guia{font-size: 32px; margin-top: 20px;}
    .descricao-guia{ font-weight: 400; font-size: 12px;}
    .acesso-mvp-topo{text-align: center;}
    .acesso-mvp-topo svg{ bottom: -20px; top: auto; transform: rotate(90deg) translateY(50%); left: 50%;}

    /* CONTEÚDO */
    /*.conteudo-guia, .menu-lateral-mobile, .comentario_viewguia{width: 300px;}*/

    .conteudo-guia, #comentario_viewguia, .menu-lateral-mobile, .comentario_viewguia{ width: 280px;}
    .container-rel-link_guia.rel-link-no-img_guia .container-title-rel-link_guia .tag-title-rel-link_guia{min-width: 75px; max-width: 75px; text-align: center;}

    .tag-new_guia{display: none;}
}