@charset "utf-8";

header .padrao { float: left; width: 100%; line-height: 1;}

header .padrao .mobile { display: none; float: left; width: 100%; position: relative;}
header .padrao .desktop { display: none; float: left; width: 100%; position: relative;}

header .padrao .linha { float: left; width: 100%; position: relative;}
header .padrao .linha.fixed { position: fixed; top: 0; left: 0;}

header .padrao .linha1 { z-index: 3; font-size: 15px;}
header .padrao .linha2 { z-index: 2; font-size: 17px;}
header .padrao .linha3 { z-index: 1; font-size: 17px;}

header .padrao .conteudo { display: flex; align-items: center; position: relative;}

header .padrao .logo { display: flex; font-size: 0;}
header .padrao .logo img { max-width: 100%;}

header .padrao .ico svg { position: absolute; width: 100%; top: 0; left: 0;}

header .padrao .busca .digite { float: left; padding: 0 10px; outline: 1px solid;}
header .padrao .busca .digite:focus { -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}

header .padrao .links .link { float: left; position: relative;}
header .padrao .links .link .um { float: left;}

header .padrao .telefone .ilus { display: flex;}
header .padrao .telefone .ico { position: relative;}
header .padrao .telefone .nun { display: flex; margin: 7px 0 5px 9px;}

header .padrao .sociais .ico { float: left; margin: 2px; position: relative;}
header .padrao .sociais .ico svg { width: 56%; margin: 22%;}
header .padrao .sociais .ico:hover { opacity: 0.8;}

header .padrao .checkout { position: relative; width: 30px; height: 30px; top: 6px;}
header .padrao .checkout .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0; stroke: rgb(50 50 50);}
header .padrao .checkout .nun { position: absolute; width: 100%; top: -12px; left: 0; padding: 8px 0; text-align: right; font-size: 0.9em; line-height: 0;}

header .padrao .links .link .sub .fundo { float: left; width: 100%; padding: 10px 0; position: relative;}
header .padrao .links .link .sub .ico { position: absolute; width: 24px; height: 16px; top: -14px; left: 50%; margin: 0 0 0 -8px;}
header .padrao .links .link .sub .dois { float: left; width: 100%; text-align: center;}
header .padrao .links .link .sub .dois:hover { opacity: 0.8;}


/* LINHAS GLOBAL */
header .padrao .linha1 .telefone .ico { padding: 7px;}
header .padrao .linha1 .telefone .nun { margin: 0 0 0 5px;}

header .padrao .linha2 .telefone .ico { padding: 10px;}
header .padrao .linha2 .telefone .nun { font-weight: bold;}

header .padrao .linha3 .telefone .ico { padding: 10px; margin: 2px 0 0; outline: 2px solid; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
header .padrao .linha3 .telefone .ico svg { width: 60%; margin: 20%;}
header .padrao .linha3 .telefone .nun { font-weight: bold;}


/* SCREEN DESKTOP */
@media only screen and (min-width: 1101px){
  header .padrao .desktop { display: block;}
  header .padrao .chapa { display: flex; align-items: center;}  
  header .padrao .lado1 { display: flex; align-items: center;}
  header .padrao .lado2 { display: flex; align-items: center;}


  /* LINHA1 */
  header .padrao .linha1 .links .link .um:hover { text-decoration: underline;}
  header .padrao .linha1 .telefone { align-items: center;}

  header .padrao .linha1.tradicional .conteudo { justify-content: space-between;}

  header .padrao .linha1.centralizado .conteudo { justify-content: center;}
  header .padrao .linha1.centralizado .links { margin: 0 10px;}
  header .padrao .linha1.centralizado .telefone { padding: 0 15px;}
  header .padrao .linha1.centralizado .telefone.bol { border-left: 1px solid;}
  header .padrao .linha1.centralizado .telefone.bor { border-right: 1px solid;}


  /* LINHA2 */
  header .padrao .linha2 .logo { display: flex; font-size: 0;}
  header .padrao .linha2 .logo img { max-width: 100%;}
  header .padrao .linha2 .chapa { margin: 0 0 0 40px;}
  header .padrao .linha2 .busca .digite { width: 200px; height: 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
  header .padrao .linha2 .busca .ico { position: relative; padding: 12px; margin: 0 0 0 5px;}
  header .padrao .linha2 .links .link .um:hover { opacity: 0.8;}

  header .padrao .linha2.tradicional .lado2 { position: absolute; height: 100%; top: 0; right: 0;}
  header .padrao .linha2.centralizado .conteudo { justify-content: center;}


  /* LINHA3 */
  header .padrao .linha3 .links .link .um:hover { background-color: rgb(0 0 0 / 20%);}

  header .padrao .linha3.tradicional .lado1 { position: absolute; height: 100%; top: 0; left: 0;}
  header .padrao .linha3.tradicional .lado2 { position: absolute; height: 100%; top: 0; right: 0;}
  header .padrao .linha3.tradicional .lado2 .chapa { margin: 0 0 0 40px;}
  header .padrao .linha3.tradicional .links { align-items: stretch; height: 100%;}
  header .padrao .linha3.tradicional .links .link { display: flex; align-items: center;}
  header .padrao .linha3.tradicional .links .link .um { display: flex; align-items: center;}

  header .padrao .linha3.centralizado .conteudo { justify-content: center;}
  header .padrao .linha3.centralizado .chapa { margin: 0 20px;}


  /* SUBMENU */
  header .padrao .links .link .sub { display: none; position: absolute; width: 200%; top: 90%; left: -50%; padding: 10px 0 0;}
  header .padrao .links .link .sub .dois { padding: 10px;}
  header .padrao .links .link:hover .sub { display: block;}
}

/* SCREEN MOBILE */
@media only screen and (max-width: 1100px){
  header .padrao .mobile { display: block;}
  header .padrao .chapa { float: left; width: 100%; margin: 5px 0; position: relative;}
  header .padrao .lado1 { float: left; width: 100%;}
  header .padrao .lado2 { float: left; width: 100%;}

  header .padrao .links .link { width: 100%;}
  header .padrao .links .link .um { width: 100%;}
  header .padrao .telefone { display: flex; align-items: center;}


  /* LINHA 1 */
  header .padrao .linha1 .conteudo { flex-direction: column; padding: 10px 0 !important;}
  header .padrao .linha1.tradicional .links .link .um { padding-left: 0 !important; padding-right: 0 !important;}
  header .padrao .linha1.centralizado .links .link .um { text-align: center;}
  header .padrao .linha1.centralizado .telefone { justify-content: center;}


  /* LINHA 2 */
  header .padrao .linha2 .conteudo { flex-direction: column; padding: 0 !important;}
  header .padrao .linha2 .logo { display: none;}
  header .padrao .linha2 .busca .digite { width: 100%; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  header .padrao .linha2 .busca .ico { position: absolute; padding: 12px; top: 0; right: 8px; margin: 13px 0;}
  header .padrao .linha2 .sociais { display: flex; margin: 5px 0 15px;}
  header .padrao .linha2 .sociais .ico { width: 100%; padding: 10px !important; text-align: center;}
  header .padrao .linha2 .sociais .ico svg { position: relative; width: 25px; top: auto; left: auto; margin: auto;}
  header .padrao .linha2 .checkout { display: none;}

  header .padrao .linha2.tradicional .links .link .um { padding-left: 0 !important; padding-right: 0 !important;}
  header .padrao .linha2.tradicional .links .link .sub .ico { left: 8px; margin: 0;}

  header .padrao .linha2.centralizado .sociais { display: flex; justify-content: center;}
  header .padrao .linha2.centralizado .links .link .um { text-align: center;}
  header .padrao .linha2.centralizado .telefone { justify-content: center;}


  /* LINHA 3 */
  header .padrao .linha3 .conteudo { flex-direction: column; padding: 10px 0 !important;}

  header .padrao .linha3.tradicional .links .link .um { padding-left: 0 !important; padding-right: 0 !important;}
  header .padrao .linha3.tradicional .links .link .sub .ico { left: 8px; margin: 0;}

  header .padrao .linha3.centralizado .sociais { display: flex; justify-content: center;}
  header .padrao .linha3.centralizado .links .link .um { text-align: center;}
  header .padrao .linha3.centralizado .telefone { justify-content: center;}


  /* LINHA 9 */
  header .padrao .linha9 .conteudo { justify-content: center; border-bottom: 1px solid rgb(250 250 250 / 20%);}
  
  header .padrao .linha9 .chave { position: absolute; width: 40px; height: 40px; top: 50%; left: 2%; margin: -20px 0 0;}
  header .padrao .linha9 .chave .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  
  header .padrao .linha9 .logo { max-width: 70%; margin: 0 2%;}

  header .padrao .linha9 .busca { position: absolute; width: 30px; height: 30px; top: 50%; right: 2%; margin: -15px 0 0;}
  header .padrao .linha9 .busca .ico { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  header .padrao .linha9 .busca .digite { display: none;}
  header .padrao .linha9 .checkout { position: absolute; width: 30px; height: 30px; top: 50%; right: 2%; margin: -12px 0 0;}


  /* SUBMENU */
  header .padrao .links .link .sub { display: none; float: left; width: 100%;}
  header .padrao .links .link .sub .dois { padding: 15px 10px;}
}