/* =====================================================================
   SEMINÁRIO PARAIBANO SOBRE ELEVADORES — tema visual (ABEMEC-PB)
   Carregado DEPOIS de style-liberty-1.css para sobrescrever a paleta.
   Paleta extraída do convite: navy + azul-marca + verde + âmbar.
   Mobile-first.
   ===================================================================== */

:root {
  --primary-color: #0B5FA5;     /* azul-marca (botão verde "down arrow") */
  --primary-dark:  #00264A;     /* navy profundo do convite             */
  --brand-navy:    #002F5A;
  --brand-blue:    #0B5FA5;
  --brand-blue-2:  #1E88E5;     /* azul vivo (seta para baixo)          */
  --brand-green:   #2FA24C;     /* verde (seta para cima / "Segurança") */
  --brand-amber:   #E8911A;     /* âmbar ("Legislação" no convite)      */
  --brand-sky:     #DCEAF5;
  --heading-color: #00264A;
  --font-color:    #4a5562;
  --footer-bg:     #00203E;
  --footer-bglight:#00284c;
  --banner-layer:  linear-gradient(105deg, rgba(0,38,74,.92) 0%, rgba(11,95,165,.78) 46%, rgba(11,95,165,.30) 100%);
}

[data-theme="dark"] {
  --primary-color: #2E9BE6;
  --primary-dark:  #04101e;
  --heading-color: #ffffff;
  --font-color:    #c2ccd6;
  --footer-bg:     #03101e;
  --footer-bglight:#061a30;
  --banner-layer:  linear-gradient(105deg, rgba(2,12,24,.94) 0%, rgba(3,30,58,.80) 50%, rgba(3,30,58,.40) 100%);
}

/* ---- tipografia: títulos mais firmes para um evento técnico ---- */
h3.title-style { letter-spacing:-.5px; }
.banner-19 .main-content h4 { letter-spacing:-1px; }

/* ====================== HERO / BANNER ====================== */
.banner-19 .banner-layer { min-height: 88vh; }
.banner-19 .banner-hero-img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
}
.hero-meta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:22px; }
.hero-meta .pill {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  color:#fff; padding:8px 15px; border-radius:30px;
  font-size:14px; font-weight:600; backdrop-filter:blur(3px);
}
.hero-meta .pill i { color:var(--brand-green); }
.hero-eyebrow {
  display:inline-block; background:var(--brand-green); color:#fff;
  font-weight:700; font-size:13px; letter-spacing:1.5px; text-transform:uppercase;
  padding:6px 14px; border-radius:30px; margin-bottom:18px;
}
.banner-19 .main-content h4 .accent-1{color:var(--brand-green)}
.banner-19 .main-content h4 .accent-2{color:#7ec1ff}

/* ====================== EIXOS (4 cards com ícone) ====================== */
.eixo-card{
  background:var(--bg-color); border:1px solid var(--border-color-light);
  border-radius:16px; padding:30px 24px; height:100%;
  box-shadow:0 12px 30px rgba(0,38,74,.06); transition:.3s ease; text-align:center;
}
.eixo-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(0,38,74,.14); }
.eixo-ico{
  width:66px;height:66px;border-radius:16px;margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
  font-size:27px;color:#fff;
}
.eixo-ico.c-green{background:linear-gradient(135deg,#37b95a,#1f8a3f)}
.eixo-ico.c-blue {background:linear-gradient(135deg,#2e9be6,#0b5fa5)}
.eixo-ico.c-amber{background:linear-gradient(135deg,#f2a93a,#d97b0c)}
.eixo-ico.c-navy {background:linear-gradient(135deg,#19568f,#00264a)}
.eixo-card h4{color:var(--heading-color);font-size:20px;font-weight:700;margin-bottom:10px}
.eixo-card p{color:var(--font-color);font-size:15px;margin:0}

/* ====================== AGENDA — painel de elevador ====================== */
.agenda-wrap{max-width:880px;margin:0 auto}
.agenda-block-title{
  display:flex;align-items:center;gap:12px;margin:34px 0 16px;
  color:var(--brand-blue);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:1px;
}
.agenda-block-title::after{content:"";flex:1;height:1px;background:var(--border-color-light)}
.floor{
  display:flex;gap:16px;background:var(--bg-color);
  border:1px solid var(--border-color-light);border-left:4px solid var(--brand-blue);
  border-radius:14px;padding:18px 20px;margin-bottom:14px;
  box-shadow:0 8px 22px rgba(0,38,74,.05);transition:.25s ease;
}
.floor:hover{border-left-color:var(--brand-green);transform:translateX(3px)}
.floor-btn{
  flex:0 0 52px;height:52px;border-radius:12px;
  background:var(--primary-dark);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;letter-spacing:.5px;
}
.floor.is-open .floor-btn{background:var(--brand-green)}
.floor.is-round .floor-btn{background:var(--brand-amber);font-size:13px;line-height:1.05;text-align:center}
.floor-body h4{margin:2px 0 6px;color:var(--heading-color);font-size:18px;font-weight:700}
.floor-body ul{margin:0;padding-left:18px;color:var(--font-color);font-size:14.5px}
.floor-body ul li{margin-bottom:3px}

/* ====================== PALESTRANTES ====================== */
.speaker-card{
  background:var(--bg-color);border:1px solid var(--border-color-light);
  border-radius:18px;overflow:hidden;height:100%;
  box-shadow:0 12px 30px rgba(0,38,74,.07);transition:.3s ease;
}
.speaker-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,38,74,.15)}
.speaker-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--brand-sky)}
.speaker-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.speaker-initials{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-size:54px;font-weight:800;color:#fff;letter-spacing:1px;
  background:linear-gradient(135deg,var(--brand-blue),var(--primary-dark));
}
.speaker-body{padding:20px 22px}
.speaker-body h4{margin:0 0 4px;color:var(--heading-color);font-size:20px;font-weight:700}
.speaker-role{color:var(--brand-blue);font-weight:600;font-size:14px;margin-bottom:10px}
.speaker-body p{color:var(--font-color);font-size:14.5px;margin:0}
.speaker-tag{
  display:inline-block;margin-top:14px;background:var(--brand-sky);color:var(--primary-dark);
  font-size:12px;font-weight:700;padding:5px 12px;border-radius:30px;
}

/* ====================== REALIZAÇÃO / APOIO (badges) ====================== */
.org-band{background:var(--bg-lightgrey);border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light)}
.org-group + .org-group{margin-top:34px}
.org-label{
  text-align:center;color:var(--brand-blue);font-weight:700;font-size:13px;
  letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;
}
.org-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.org-badge{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:120px;min-height:78px;padding:14px 18px;
  /* background: var(--bg-color);  border:1px solid var(--border-color-light);border-radius:14px;
  box-shadow:0 6px 16px rgba(0,38,74,.05);transition:.25s ease;*/
}
.org-badge:hover{transform:translateY(-3px);border-color:var(--brand-blue)}
.org-badge .sigla{font-weight:800;color:var(--primary-dark);font-size:18px;line-height:1}
.org-badge .nome{font-size:11px;color:var(--font-color);margin-top:6px;text-align:center;max-width:150px}
.org-badge.lead .sigla{color:var(--brand-blue);font-size:22px}

/* ====================== FORMULÁRIO DE INSCRIÇÃO (.ins-form) ====================== */
.ins-shell{
  max-width:760px;margin:0 auto;background:var(--bg-color);
  border:1px solid var(--border-color-light);border-radius:22px;
  padding:30px 26px;box-shadow:0 22px 60px rgba(0,38,74,.12);
}
.ins-form .ins-code{
  display:flex;flex-direction:column;gap:4px;
  background:linear-gradient(135deg,var(--primary-dark),var(--brand-blue));
  color:#fff;border-radius:14px;padding:16px 20px;margin-bottom:22px;text-align:center;
}
.ins-form .ins-code .lab{font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85}
.ins-form .ins-code .val{font-size:30px;font-weight:800;letter-spacing:3px;font-variant-numeric:tabular-nums}
.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ins-grid .field{display:flex;flex-direction:column}
.ins-grid .field.full{grid-column:1 / -1}
.ins-form label{font-size:13.5px;font-weight:600;color:var(--heading-color);margin-bottom:6px}
.ins-form input,.ins-form select,.ins-form textarea{
  width:100%;padding:12px 14px;border-radius:10px;
  border:1px solid var(--border-color-light);background:var(--bg-lightgrey);
  color:var(--heading-color);font-family:inherit;font-size:15px;transition:.2s ease;
}
.ins-form input::placeholder,.ins-form textarea::placeholder{color:#9aa6b2}
.ins-form input:focus,.ins-form select:focus,.ins-form textarea:focus{
  outline:none;border-color:var(--brand-blue);background:var(--bg-color);
  box-shadow:0 0 0 3px rgba(11,95,165,.15);
}
.ins-form textarea{min-height:74px;resize:vertical}
.ins-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 6px;color:var(--font-color);font-size:14px;cursor:pointer}
.ins-check input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;accent-color:var(--brand-blue)}
.ins-form .btn-block{width:100%}
.ins-form .btn-lg{padding:15px 24px;font-size:17px;margin-top:18px}
.ins-form .btn-primary{
  background:var(--brand-green);border:2px solid var(--brand-green);color:#fff;
  border-radius:30px;font-weight:700;transition:.3s ease;cursor:pointer;
}
.ins-form .btn-primary:hover{background:#23863c;border-color:#23863c}
.ins-msg{text-align:center;font-size:14px;margin-top:12px;color:var(--brand-green);font-weight:600}
.ins-aside .feat{display:flex;gap:12px;margin-bottom:16px}
.ins-aside .feat i{color:var(--brand-green);font-size:18px;margin-top:3px}
.ins-aside .feat h5{margin:0 0 2px;font-size:15.5px;color:var(--heading-color);font-weight:700}
.ins-aside .feat p{margin:0;font-size:14px;color:var(--font-color)}

/* ====================== STATS ====================== */
.stat-mini{color:var(--font-color)}

/* ====================== RESPONSIVO ====================== */
@media (max-width: 575px){
  .ins-grid{grid-template-columns:1fr}
  .ins-shell{padding:22px 16px;border-radius:18px}
  .ins-form .ins-code .val{font-size:26px;letter-spacing:2px}
  .banner-19 .banner-layer{min-height:92vh}
  .floor{padding:15px 14px;gap:12px}
  .floor-btn{flex-basis:46px;height:46px;font-size:14px}
}
@media (max-width: 991px){
  .banner-19 .main-content h4{font-size:38px;line-height:46px}
}