body, button, input, select, textarea {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: inherit;
    font-size: 18px;
    width:100%;
    background-color:#FFF;
	color: #333333;
 }
 
 #fotocorados {width: 95%; padding: 5px; border-radius: 5px;}

#whatsapp-fixo
{
position: fixed;
bottom:10px;
left:88%;
z-index: 999;
width:90%;
}

a:link, a:visited {
	text-decoration: none;
        color:#fff;
	}
a:hover {
	color: #FFCC33;
	}
a:active {
	text-decoration: none;
        color:#fff;
        }

.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.aumenta img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.linha {
  display: table;
  width: 100%;
}
.coluna {
  display: table-cell;
  vertical-align: middle;
}
.colunafixa {
  display: table-cell;
}

#opcoesmenu{display: none;}

#col10 {width: 10%;}
#col20 {width: 20%;}
#col30 {width: 30%;}
#col33 {width: 33%;}
#col40 {width: 40%;}
#col50 {width: 50%;}
#col60 {width: 60%;}
#col70 {width: 70%;}
#col80 {width: 80%;}
#col90 {width: 90%;}

#cabecalho-celular {display: none;}
#cabecalho-pc {display: block;}


<style>


    .proclube-form { font-family: 'Roboto', sans-serif; }
    .proclube-form .field { margin-bottom:12px; }
    .proclube-form label { 
        display:block; 
        font-size:22px; 
        margin-bottom:6px; 
        color:#222; 
        font-family: roboto; 
    }

    .proclube-form input[type="text"],
    .proclube-form input[type="tel"],
    .proclube-form input[type="email"],
    .proclube-form textarea,
    .proclube-form select {
      width:100%;
      padding:10px 12px;
      border:1px solid #0E3884;
      border-radius:8px;
      box-sizing:border-box;
      font-size:22px;
      font-family: roboto;
      background:#E8F0FA; /* azul claro */
    }

    .proclube-form textarea {
      height: 180px;
      resize: vertical;
    }

    .proclube-form .row { 
        display:flex; 
        gap:14px; 
        flex-wrap:wrap; 
    }

    .proclube-form .col-2 { 
        flex:1 1 48%; 
        min-width:220px; 
    }

    .proclube-form .col-1 { 
        flex:1 1 100%; 
    }



    .proclube-form input::placeholder, 
    .proclube-form textarea::placeholder {
        color:#666;
    }

    .proclube-form .error { 
        border-color: #e53935 !important; 
    }

    #resposta-fale { 
        margin-top:12px; 
        font-size:18px; 
        white-space:pre-wrap; 
    }

    #resposta-fale.success { 
        color: #00695c; 
    }

    #resposta-fale.error { 
        color: #b71c1c; 
    }

#btn-ver-planos-30 {
    width: 30%;         /* padrão: desktop */
    display: inline-block;
}

.botao-1 {
    padding: 20px; 
    background-color: #E4D81E; 
    color: #FFF; 
    border-radius: 50px; 
    border: 1px solid #E4D81E;
    font-size: 160%; 
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease; /* Transição suave para o hover */
    text-align: center;
    display: inline-block; /* Para funcionar melhor com width */
}

.botao-1:hover {
    background-color: #FF6600; 
    border-color: #FF6600;
    transform: scale(1.05); /* Leve zoom no hover */
}


@media (max-width: 860px)
{
  .coluna {
    display: block;
    width: 100%;
  }
  
        .proclube-form .col-2 { 
            flex:1 1 100%; 
        } 
  
  #btn-ver-planos-30 {
    width: 90%;         
}
  #btn-faturamento {
    width: 90%;         
}
#col10 {width: 90%;}
#col20 {width: 90%;}
#col30 {width: 90%;}
#col33 {width: 90%;}
#col40 {width: 90%;}
#col50 {width: 90%;}
#col60 {width: 90%;}
#col70 {width: 90%;}
#col80 {width: 90%;}
#col90 {width: 90%;}

#cabecalho-celular {display: block;}
#cabecalho-pc {display: none;}

}