/* ========================================
   LOGIN & SIGNUP - RESPONSIVIDADE MOBILE (CORRIGIDO)
   Ajustes para telas pequenas e compatibilidade iPhone
   Correção específica para checkbox "Lembrar"
   ======================================== */

/* Ajustes gerais para mobile */
@media (max-width: 991.98px) {
  /* Container principal */
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Layout principal - stack vertical */
  .interna.tecnologia .columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  /* Seções de texto */
  .interna.tecnologia .texto {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }
  
  /* Seção de imagem - mover para o final */
  .interna.tecnologia .imagem {
    width: 100% !important;
    order: 3 !important;
    text-align: center !important;
    margin-top: 30px !important;
  }
  
  /* Imagens responsivas */
  .interna.tecnologia .imagem image,
  .interna.tecnologia .imagem img {
    max-width: 80% !important;
    height: auto !important;
  }
  
  /* Títulos */
  .interna.tecnologia h1 {
    font-size: 24px !important;
    margin-bottom: 15px !important;
  }
  
  .interna.tecnologia h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }
  
  .interna.tecnologia h4 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  
  /* Formulários */
  .form-group-2 {
    width: 100% !important;
  }
  
  /* Campos de input EXCETO checkbox */
  .form-group-2 input:not([type="checkbox"]),
  .form-group-2 select,
  .form-group-2 textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 15px !important;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  
  /* CORREÇÃO ESPECÍFICA PARA CHECKBOX "LEMBRAR" */
  .form-group-2 input[type="checkbox"] {
    width: auto !important;
    height: 14px !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    transform: scale(0.5) !important;
    vertical-align: middle !important;
  }
  
  /* Container do checkbox */
  .form-group-2 .mb-2:has(input[type="checkbox"]) {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
  }
  
  /* Label do checkbox */
  .form-group-2 label[for*="remember"] {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
  }
  
  /* Labels normais */
  .form-group-2 label:not([for*="remember"]) {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    display: block !important;
  }
  
  /* Botões */
  .btn {
    width: 100% !important;
    padding: 15px !important;
    font-size: 16px !important;
    min-height: 50px !important;
    border-radius: 8px !important;
    margin: 15px 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }
  
  /* Botão verde (login) */
  .btn.green {
    background-color: #0C4633 !important;
    color: white !important;
    border: none !important;
  }
  
  /* Botão marrom (signup) */
  .btn.brown {
    background-color: #8B4513 !important;
    color: white !important;
    border: none !important;
  }
  
  /* Links */
  a {
    color: #0C4633 !important;
    text-decoration: none !important;
    font-size: 14px !important;
  }
  
  a:hover {
    text-decoration: underline !important;
  }
  
  /* Textos informativos */
  .terms-notice {
    margin: 20px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  /* Mensagens de erro */
  .text-danger {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    display: block !important;
  }
  
  /* Captcha responsivo */
  .g-recaptcha {
    transform: scale(0.85) !important;
    transform-origin: 0 0 !important;
    margin-bottom: 15px !important;
  }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 576px) {
  /* Container mais compacto */
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Títulos menores */
  .interna.tecnologia h1 {
    font-size: 22px !important;
  }
  
  .interna.tecnologia h3 {
    font-size: 16px !important;
  }
  
  .interna.tecnologia h4 {
    font-size: 14px !important;
  }
  
  /* Inputs mais compactos EXCETO checkbox */
  .form-group-2 input:not([type="checkbox"]),
  .form-group-2 select,
  .form-group-2 textarea {
    padding: 10px 12px !important;
    font-size: 15px !important;
  }
  
  /* Checkbox mantém tamanho adequado */
  .form-group-2 input[type="checkbox"] {
    transform: scale(1.1) !important;
  }
  
  /* Botões mais compactos */
  .btn {
    padding: 12px !important;
    font-size: 15px !important;
    min-height: 48px !important;
  }
  
  /* Imagens menores */
  .interna.tecnologia .imagem image,
  .interna.tecnologia .imagem img {
    max-width: 70% !important;
  }
  
  /* Captcha ainda menor */
  .g-recaptcha {
    transform: scale(0.75) !important;
  }
}

/* Melhorar compatibilidade com iOS */
@media (max-width: 991.98px) {
  /* Zoom prevention em iOS EXCETO checkbox */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    font-size: 16px !important; /* Previne zoom no iOS */
  }
  input[type="password"] {
    -webkit-text-security: disc; /* Safari/iOS */
    text-security: disc;         /* Outras engines, mas pouco suportado */
  }
  
  
  /* Checkbox mantém aparência nativa no iOS */
  input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    font-size: inherit !important;
  }
  
  /* Touch targets otimizados */
  .btn,
  a,
  input:not([type="checkbox"]),
  select,
  textarea {
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }
  
  /* Checkbox com área de toque maior */
  input[type="checkbox"] {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
    touch-action: manipulation !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 12px !important;
  }
  
  /* Melhorar scroll em iOS */
  .container {
    -webkit-overflow-scrolling: touch !important;
  }
  
  /* Focus states para iOS */
  input:focus:not([type="checkbox"]),
  select:focus,
  textarea:focus {
    outline: none !important;
    border-color: #0C4633 !important;
    box-shadow: 0 0 0 2px rgba(12, 70, 51, 0.2) !important;
  }
  
  /* Focus para checkbox */
  input[type="checkbox"]:focus {
    outline: 2px solid #0C4633 !important;
    outline-offset: 2px !important;
  }
}

/* Estados de hover/active para mobile */
@media (max-width: 991.98px) {
  .btn:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s ease !important;
  }
  
  input:active:not([type="checkbox"]),
  select:active,
  textarea:active {
    transform: scale(1.02) !important;
    transition: transform 0.1s ease !important;
  }
  
  /* Checkbox com feedback visual */
  input[type="checkbox"]:active {
    transform: scale(1.3) !important;
    transition: transform 0.1s ease !important;
  }
}

/* Ajustes para orientação landscape em mobile */
@media (max-width: 991.98px) and (orientation: landscape) {
  /* Reduzir espaçamentos em landscape */
  .interna.tecnologia .imagem {
    margin-top: 20px !important;
  }
  
  .btn {
    margin: 10px 0 !important;
  }
  
  /* Imagens menores em landscape */
  .interna.tecnologia .imagem image,
  .interna.tecnologia .imagem img {
    max-width: 60% !important;
  }
}

/* Ajustes específicos para signup */
@media (max-width: 991.98px) {
  /* Texto dos termos */
  .signup span {
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: block !important;
    margin: 10px 0 !important;
  }
  
  /* Links dos termos */
  .signup a {
    font-size: 12px !important;
  }
}

/* Melhorar espaçamento geral */
@media (max-width: 991.98px) {
  .interna.tecnologia {
    padding: 20px 0 !important;
  }
  
  .mb-2 {
    margin-bottom: 15px !important;
  }
  
  p {
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
  }
}