/*
 * FASE 769E · STANDALONE CRM
 * Login + guia_seguimiento.php
 * SOLO PRESENTACIÓN.
 */

:root{
  --vos-bg:#f4efe4;
  --vos-panel:#fffdf8;
  --vos-soft:#f8f3e9;
  --vos-border:#d7cfbd;
  --vos-text:#242a22;
  --vos-muted:#737466;
  --vos-green:#3f612d;
  --vos-green-dark:#2f4d22;
}

html{font-size:14px}

body{
  background:var(--vos-bg)!important;
  color:var(--vos-text)!important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
  -webkit-font-smoothing:antialiased;
}

main,
.login-wrap,
.vo-login-wrap,
.shell,
.wrap{
  max-width:1180px;
}

h1{
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.018em!important;
  font-weight:720!important;
}

h2{
  font-size:18px!important;
  font-weight:700!important;
}

form,
.card,
.vo-card,
.login-card,
.panel,
section{
  border-radius:11px!important;
}

.card,
.vo-card,
.login-card,
.panel{
  border-color:var(--vos-border)!important;
  box-shadow:none!important;
  background:var(--vos-panel)!important;
}

label{
  font-size:9.5px!important;
  line-height:1.15!important;
  letter-spacing:.85px!important;
  text-transform:uppercase!important;
  font-weight:760!important;
  color:#59624e!important;
}

input,
select,
textarea{
  min-height:36px!important;
  border-radius:9px!important;
  border-color:#cec5b2!important;
  background:#fffdf9!important;
  color:var(--vos-text)!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none!important;
  border-color:#829568!important;
  box-shadow:0 0 0 3px rgba(91,116,59,.09)!important;
}

button,
.btn,
.vo-btn-primary,
.vo-btn-secondary,
.vo-btn-ghost{
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:650!important;
  box-shadow:none!important;
}

table{
  font-size:12.5px!important;
  border-collapse:collapse!important;
}

thead th{
  padding:10px 12px!important;
  font-size:9.5px!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
  font-weight:760!important;
}

tbody td{
  padding:11px 12px!important;
  border-bottom:1px solid #e7dfcf!important;
}

small,.muted,.subtitle,.vo-subtitle{
  color:var(--vos-muted)!important;
  font-size:12.5px!important;
}

svg,img{
  filter:none!important;
  transform:none!important;
}

@media(max-width:760px){
  body{font-size:13px!important}
  h1{font-size:23px!important}
  button,.btn,.vo-btn-primary,.vo-btn-secondary,.vo-btn-ghost{
    font-size:12px!important;
    padding:8px 10px!important;
  }
}