@charset "utf-8";

/***********************************************************************************************
						PÁGINA NÃO ENCONTRADA
/**********************************************************************************************/

/* ESTRUTURA */
body { margin: 0; padding: 0; font-family: Open Sans, Lato, Verdana, Arial; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
* { outline: none; word-break: break-word; -webkit-tap-highlight-color: rgba(0,0,0,0); }
*, :after, :before { box-sizing: border-box; }
a { text-decoration: none; color: inherit; }

/* TOPO */
#swe_topo { padding: 20px; box-shadow: 0 0 20px rgba(0,0,0,.05); }
#swe_topo img { height: 8vh; min-height: 80px; display: block; margin: auto; }

/* CONTEÚDO */
.navegador_sem_suporte { text-align: center; padding: 20px; }
.navegador_sem_suporte .titulo { font-size: 4vh; color: #2a72d2; font-weight: bold; letter-spacing: -.05em; }
.navegador_sem_suporte .descricao { font-size: 2.35vh; color: #47474b; font-weight: 500; }
.navegador_sem_suporte .descricao p { margin: 1vh 0; }
/* NAVEGADORES */
.navegador_sem_suporte .cont_navegadores { font-size: 0; margin-top: 5vh; text-align: center; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador { width: 20%; display: inline-block; vertical-align: middle; padding: 5px; transition: .1s ease; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador { width: 100%; background: #fff; font-size: 0; color: #2a72d2; border-radius: 10px; overflow: hidden; position: relative; padding: 20px; transition: .15s ease; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .img_navegador { width: 12vh; height: 12vh; margin: auto; background: #fff; border-radius: 100%; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .img_navegador img { width: 100%; will-change: transform; transition: .2s ease; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .nome_navegador { width: 100%; height: 6vh; line-height: 3vh; display: table; font-size: 2.5vh; font-weight: 600; letter-spacing: -.05em; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .nome_navegador span { display: table-cell; vertical-align: middle; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador:hover .cont_navegador { background: #2a72d2; color: #fff; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador:hover .cont_navegador .img_navegador img { transform: scale(.75); }
.navegador_sem_suporte .cont_navegadores .opcao_navegador:active { transform: scale(.9); }
/* BUSCAR NAVEGADOR */
.navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador { width: 100%; max-width: 500px; margin-top: 3vh; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador .cont_navegador .img_navegador { width: 8vh; height: 8vh; display: inline-block; vertical-align: middle; background: #2a72d2; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador .cont_navegador .img_navegador img { width: 60%; margin: 20%; }
.navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador .cont_navegador .nome_navegador { max-width: calc(100% - 8vh); display: inline-table; vertical-align: middle; padding: 0 3vh; }


/***********************************************************************************************
						MEDIAS
/**********************************************************************************************/
@media (max-width: 1000px) {

    /* NAVEGADORES */
    .navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador,
    .navegador_sem_suporte .cont_navegadores .opcao_navegador { width: auto; max-width: none; display: block; text-align: left; }
    .navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .img_navegador { display: inline-block; vertical-align: middle; }
    .navegador_sem_suporte .cont_navegadores .opcao_navegador .cont_navegador .nome_navegador { display: inline; vertical-align: middle; padding: 0 3vh; }
    /* BUSCAR NAVEGADOR */
    .navegador_sem_suporte .cont_navegadores .opcao_navegador.buscar_navegador .cont_navegador { background: #307ce2; color: #fff; }


}

/***********************************************************************************************
						FONTS
/**********************************************************************************************/
@font-face {
    font-family: "Open Sans";
    src: url("font/OpenSans.woff2") format("woff2"),
        url("font/OpenSans.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("font/OpenSans-Bold.woff2") format("woff2"),
        url("font/OpenSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("font/OpenSans-SemiBold.woff2") format("woff2"),
        url("font/OpenSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}