* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: boder-box;
}

  *:focus {
      outline: 0;
  }

body, html {
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fff;
    color:#000;
    font-weight: 600;
  }

  .text-verde-agua{
    color:#00FFDD;
  }

  .text-verde{
    color:#2C5543;
  }

  section h2{
    padding: 30px 0;
    color:#2C5543;
    font-size: 30px;
    font-weight: bold;
    margin: 14px 0;
    text-align: center;    
  }

  section h2{    
    font-weight: 900;   
  }

  .btn-verde {
    font-weight: bold;
    color: #fff;
    background-color: #2C5543;
    border-color: #2C5543;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
  }

  #home{
    height: 100vh;
    width: 100%;
    background: radial-gradient(#2C5543, #1D4031);    
  }

  .container-home{
    position: relative;
    border: 7px solid #fff;
    border-top-width: 0; 
    display: flex;
    justify-content:flex-start;
    align-items: center;
    flex-direction: column;
  }
  .container-top-left, .container-top-right{
    position: absolute;
    top: -7px;    
    width: 100px;
    height: 7px;
    background-color: #fff;
  }
  .container-top-left{ left: -7px; }
  .container-top-right{ right: -7px; }

  .logoRedacao{
    margin-top: 120px
  }

  @media (max-width: 620px) { 
    /* .container-home{     
      justify-content:flex-start;
    } */
    .logoRedacao{
      margin-top: 140px;
    }
  }

  /* .container-home::before{  
      background: red;
      content: " ";
      display: block;
      width: 120%;
      height: 7px;
      left: -5%;
      position: absolute;
      top: -10%;
     
      z-index: -1; /* Place it behind the box */
   
  

  /* .container-home div {
    display: block;
    width: 100%;
  } */

  .navbar{
    position: absolute;    
    top: -33px;
  }

  /* .navbar::after{
    content: '';
    height: 7px;
    
    background-color: #fff;
  } */

  .nav-link{
    color:#fff!important;
    font-size: 18px;
    font-weight: 600;
  }

  @media (max-width: 990px) { 
    #navbarSupportedContent{
      background-color:rgba(44,85,67,0.95);
      border: 1px solid #fff;
    }
  }

  #tema {
    /* min-height: 450px; */
    font-size: 38px;
    font-weight: 700;
    color:#fff;
    /* A arte de fundo do tema agora é escolhida no editor e vem por variável
       CSS; esta continua sendo a imagem padrão, para a seção nunca ficar sem
       fundo enquanto ninguém tiver enviado outra. */
    background-image: var(--red-tema-bg, url(../img/back-tema.jpg));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  fieldset{
    margin: 0 auto;
  }
  
  .fieldset-tema{   
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 800px;
  }
  .fieldset-tema legend{
    width: auto;
    padding: 0 20px;
    font-size: 42px;
    font-weight: 700;
    color:#00FFDD;
  }

  .fieldset-regulamento{   
    text-align: center;
    border: 2px solid #2C5543;
    border-radius: 10px;
    padding: 20px 40px;
    max-width: 800px;
    /* margin-bottom: 20px; */
  }
  
  .traco-filedset{
    text-align: center;
    width: 100%;
  }
  .traco-filedset::after {
     border-left: 2px dashed #2C5543; height: 20px; width: 1px;  
    content: " ";
  }
  .fieldset-regulamento legend{
    width: 55px;
    height: 55px;
    border: 2px solid #2C5543;
    border-radius: 50%;
    padding: 0;
    font-size: 42px;
    line-height: 49px;
    font-weight: 700;
    color:#2C5543;
  }

  #prazo {
    min-height: 450px;
    font-size: 68px;
    line-height: 68px;
    font-weight: 700;
    color:#fff;
    background-color: #2C5543;    
  }
  #prazo h3, #prazo p {
    transform: scale(1, 1.3);
  }
  #prazo h3 {
    margin-bottom: 55px;
  }

  .prazo-inscricao{
    text-align: right;
    border-right: 4px solid #fff;
    margin-bottom: 0!important;
  }

  @media (max-width: 990px) { 
    #prazo { font-size: 42px;}
  }

  @media (max-width: 620px) {
      #prazo h3 {
          font-size:18px;
      }
    #prazo {
        font-size: 30px;
        min-height: 450px;
        line-height: 30px;
        font-weight: 700;
        margin:0 auto;
    }

    .prazo-inscricao{
      text-align: left;
      border-right-width: 0;
      margin-bottom: 1.5rem!important;
    }
  }

  #premiacao {
    min-height: 400px;
    font-size: 68px;
    line-height: 68px;
    font-weight: 700;
    color:#fff;
    background-color:  #00131F;    
  }
 
  #rodape {    
    font-size: 14px;    
    font-weight: 700;
    color:#fff;
    background-color: #2C5543;    
  }
  .rodape-tv{
      border-right: 2px solid #fff;
  }
  /*#rodape > div {    
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }*/



    .rod-log > img {
        display:block;
        width:200px;
        padding:10px;
        margin:0 auto;
    }

    @media (max-width: 767px) {
        .rod-log > img {
            width: 130px;
            margin-left: -23px;
        }
    }


    .rodape-redes-sociais > div {
        justify-content: space-around;
    }

    @media (max-width: 576px) {
        #rodape > div {
            flex-direction: column;
        }

        .rodape-tv {
            border-right-width: 0;
        }

        .rodape-redes-sociais {
            display: flex;
            justify-content: center;
        }

            .rodape-redes-sociais > div {
                text-align: left;
            }
    }

    .midias-sociais {
        display: flex;
    }




    /* ######### Inscricao ########### */

    .header-inscricao {
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 110px;
        background-color: #2C5543;
    }

    .logo-redacao-header {
        /*padding-right: 10px;*/
        border-right: 2px solid #fff;
    }

    .logo-patrocinio {
        border-left: 2px solid #fff;
    }

    .nav-formulario {
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .nav-formulario h2 {
            font-size: 38px;
            font-weight: 700;
            color: #2C5543;
            transform: scale(1, 1.3);
        }

        .nav-formulario a {
            font-weight: 200;
            font-size: 24px;
            line-height: 30px;
            color: #fff;
            background-color: #2C5543;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            padding-top: 2px;
        }

        .nav-formulario input[type=submit] {
            font-weight: bold;
            margin: 0;
            border: 0;
            font-size: 24px;
            line-height: 28px;
            color: #fff;
            background-color: #2C5543;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            padding-top: 0;
            padding-bottom: 5px;
        }

            .nav-formulario input[type=submit]::after {
                /*content: '<i class="fa fa-arrow-right" aria-hidden="true"></i>';*/
                content: "opa";
                width: 40px;
                height: 40px;
            }

        .nav-formulario a:hover {
            background-color: #45735f;
        }

    .etapa {
        text-align: center;
        font-size: 24px;
        color: #2C5543;
        transform: scale(1, 1.3);
    }

    .formulario {
        text-transform: uppercase;
    }

        .formulario h4 {
            text-align: center;
            font-size: 21px;
            font-weight: 700;
        }

    .botaoHome {
        display: flex;
        align-items: center;
        color: #fff;
        margin-right: 60px;
    }

        .botaoHome > div {
            margin-right: 10px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            padding-left: 7px;
            font-size: 22px;
            background-color: #fff;
            color: #2C5543;
        }

    .H1concluido {
        font-size: 3.0rem;
        font-weight: 700;
        transform: scale(1, 1.2);
    }

    .H2concluido {
        font-size: 34px;
        font-weight: 400;
        transform: scale(1, 1.3);
    }

    @media (max-width: 846px) {
        .header-inscricao > img {
            width:200px;

        }
    }


@media (max-width: 576px) {
    .H1concluido {
        font-size: 2rem;
        font-weight: 700;
        transform: scale(1, 1.2);
    }

    .H2concluido {
        font-size: 24px;
        font-weight: 400;
        transform: scale(1, 1.3);
    }

    .header-inscricao > img {
        width: 140px;
    }
    .logo-tv-afiliada {
        display: none;
    }
}
    }


    .cookieTermo {
        background-color: #fff;
        border-radius: 4px;
        padding: 10px 30px;
        margin: 0 60px;
        position: fixed;
        box-sizing: border-box;
        z-index: 10;
        top: auto;
        right: 0px;
        bottom: 0px;
        left: auto;
        margin-bottom: 20px;
    }

    @media all and (max-width: 600px) {
        .logo {
            max-height: 32px;
        }

        .menutransparente2 {
            position: relative;
            background: #bebfc1 !important;
            height: 60px;
        }

        .cookieTermo {
            padding: 10px 20px;
            margin: 0 8px;
            margin-bottom: 15px;
        }
    }