/* ========= Theme ========= */
:root{
  --primary:#3A84B7;
  --secondary:#F9B233;
  --bg:#F7F9FC;
  --text:#111;
  --muted:#6b7280;
}

html,body{height:100%;}
/* Tipografia base */
body{
  background:var(--bg);
  color:var(--text);
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  letter-spacing:.01em;
}

/* Títulos → Urbanist */
h1,h2,h3,h4,h5,h6,.form-title{
  font-family:"Urbanist", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:900;
  letter-spacing:.2px;
}

/* Subtítulos/legendas */
.subtitle,.small-link,.text-muted{
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
}

/* ========= Buttons & Links ========= */
.btn{font-weight:600; letter-spacing:.15px;}
.btn-primary{background:var(--primary);border-color:var(--primary);}
.btn-primary:hover{filter:brightness(.95);}
.btn-secondary{background:var(--secondary);border-color:var(--secondary);color:#111;}
.btn-secondary:hover{filter:brightness(.95);color:#111;}
a, .link-primary{color:var(--primary);}
a:hover{color:#2f6b93;}
.link-accent{color:var(--secondary);}

/* ========= Layout ========= */
.split-layout{min-height:100vh;}
.left-pane{padding:32px 24px;}
@media (min-width: 992px){
  .left-pane{padding:56px 56px;}
}

/* Brand (logo) */
.brand{display:flex; align-items:center; gap:12px;}
.brand img{height:52px;}
.brand .brand-name{display:none;} /* usamos apenas a imagem */

/* ========= Card / form ========= */
.form-wrap{max-width:520px; margin:0 auto;}
.form-title{line-height:1.1;}
.input-group-text{background:#fff; border-right:0;}
.input-group .form-control{border-left:0;}
.form-control:focus, .form-select:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .2rem rgba(58,132,183,.25);
  height: 55px;
}
.small-link{font-size:.92rem}

/* ========= Right hero (somente imagem de fundo, sem textos) ========= */
.hero-pane{
  min-height:40vh;
  background: url('../img/bigbanner.png') center/cover no-repeat #0b0f14;
}
@media (min-width: 992px){
  .hero-pane{min-height:100vh;}
}

/* Util */
.alert{margin-bottom:1rem;}

input{
  height: 55px;
}

.card select{
  height: 55px;
}

.btn {
    font-weight: 500;
    height: 55px;
    padding: 15px;
}

.btn-icon {
  padding: 15px 8px !important;
}

.btn-remove a{
padding: 15px 5px;
}