@charset "iso-8859-1";
/* CSS Document */

:root {
	--rem-geral:0.81rem;
	--rem-body:1rem;
	--rem-menu:0.75rem;
	--rem-titulo-cadastro:0.90rem;
    --arrow-color: #000; /* Cor da seta */
    --arrow-size: 5px;   /* Tamanho da seta */
    --margin-right: 5px; /* Margem direita */	
}

/* Container do campo */
.floating-label {
  position: relative;
  margin-bottom: 24px;
  width: 100%; /* usa tamanho do container pai */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Container dos campos */
.floating-label {
  position: relative;
  margin-bottom: 20px;
  font-family: Arial, sans-serif;
}

/* Inputs */
.floating-label input,
.floating-label select {
  font-size: var(--rem-geral);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  outline: none;
  appearance: none;
  resize: vertical;
  width: auto;           /* respeita size */
  display: inline-block; /* importante */
  height: 40px;          /* mesma altura */
  line-height: 1.2;  
}

/* Textarea */
.floating-label textarea {
  font-size: var(--rem-geral);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  outline: none;
  resize: both;          /* permite redimensionar */
  width: auto;           /* respeita cols */
  height: auto;          /* respeita rows */
  display: inline-block; 
}

/* Labels */
.floating-label label {
  position: absolute;
  left: 12px;
  top: 12px;
  color: #999;
  font-size: var(--rem-geral);
  pointer-events: none;
  transition: all 0.2s ease-out;
  border-color: rgba(255, 255, 255, 0.6);  
  padding: 0 4px;
}

/* Floating label quando preenchido ou em foco */
.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label,
.floating-label select:focus + label,
.floating-label select:not([value=""]) + label,
.floating-label textarea:focus + label,
.floating-label textarea:not(:placeholder-shown) + label {
  top: -7px;
  left: 8px;
  font-size: 12px;  /* tamanho texto em cima...*/
  color:  #333;
  font-weight: bold;
}

/* Foco visual */
.floating-label input:focus,
.floating-label select:focus,
.floating-label textarea:focus {
border-color: rgba(255, 255, 255, 0.6); 
}

/* 	Radio - Box ----------------------------------------------------------  */

/* Caixa ao redor do grupo de radios */

.radio-box {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px 15px 10px 15px;
  position: relative;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  max-width: 400px; /* largura máxima da caixa */
}

/* Título flutuante */
.radio-box label.title {
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: #f9f9f9;
  padding: 0 5px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

/* Grupo de radios interno */
.radio-group {
  display: flex;
  flex-wrap: wrap; /* quebra de linha se houver muitos radios */
  gap: 10px; /* espacamento entre radios */
  margin-top: 10px;
}