:root{
    --bt-yellow:#fac001;
    --bt-yellow-2:#ef9f00;
    --bt-text:#1b1b1b;
    --bt-muted:#6c757d7a;
    --bt-muted2:#6c757d;
    --bt-input:#f7f8fa;
    --bt-border:#e9ecef;
    --bt-radius:12px;
  }
  html, body{
    height:100%;
    margin:0;
    overflow-x:hidden;
  }
  body{
    background:#fff;
    color:var(--bt-text);
    font-family:'Rubik', sans-serif;
  }

  .meeting-confirmation {
      width: 100%;
      display: block;
      padding: 20px 0px;
      background: #FFF;
  }
  /* ====== LAYOUT ====== */
  .auth-wrap{
    min-height:100vh;
    padding:0;
    margin:0;
    max-width:100%;
    overflow-x:hidden;
  }
  .auth-wrap > .row{
    min-height:100vh;
    align-items:stretch;
    margin:0;
    width:100%;
  }
  .auth-wrap > .row > [class*="col-"]{
    padding-left:0;
    padding-right:0;
  }
  .form-pane{
    min-height:100vh;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:32px 40px;
    background:#fff;
    overflow-y:auto;
  }
  .promo-pane{
    min-height:100vh;
    flex:1 1 auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:48px 40px;
    overflow:hidden;
    position:relative;
    background:linear-gradient(145deg, #ffd400 0%, var(--bt-yellow) 40%, var(--bt-yellow-2) 100%);
  }
  .promo-pane::before,
  .promo-pane::after{
    content:'';
    position:absolute;
    border-radius:50%;
    pointer-events:none;
  }
  .promo-pane::before{
    width:320px; height:320px;
    top:-80px; right:-60px;
    background:rgba(255,255,255,.15);
  }
  .promo-pane::after{
    width:240px; height:240px;
    bottom:-40px; left:-40px;
    background:rgba(0,0,0,.06);
  }
  .promo-inner{
    position:relative;
    z-index:1;
    width:100%;
    max-width:560px;
    text-align:center;
  }
  .promo-inner h2{
    font-size:1.75rem;
    font-weight:700;
    line-height:1.3;
    color:#1b1b1b;
    margin-bottom:12px;
  }
  .promo-inner .promo-lead{
    font-size:16px;
    line-height:1.5;
    color:rgba(27,27,27,.82);
    margin-bottom:28px;
  }
  .promo-screenshot{
    width:100%;
    max-width:520px;
    border-radius:12px;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
    border:none;
  }
  .promo-badges{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    justify-content:center;
    margin-top:24px;
  }
  .promo-badges span{
    font-size:11px;
    font-weight:500;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.35);
    color:#1b1b1b;
    border:1px solid rgba(255,255,255,.5);
    white-space:nowrap;
    flex-shrink:0;
  }
  .form-pane .form-legal a{
    color:var(--bt-text);
    font-weight:600;
  }
  .form-pane .btn-registro-submit,
  .form-pane .btn-registro-next{
    background-color:var(--bt-yellow) !important;
    border:1px solid var(--bt-yellow) !important;
    color:#1b1b1b !important;
    font-weight:600;
    padding:12px 16px;
    border-radius:10px;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    transition:background .15s ease, border-color .15s ease;
  }
  .form-pane .btn-registro-submit:hover:not(:disabled),
  .form-pane .btn-registro-submit:focus:not(:disabled),
  .form-pane .btn-registro-next:hover:not(:disabled),
  .form-pane .btn-registro-next:focus:not(:disabled){
    background-color:var(--bt-yellow-2) !important;
    border-color:var(--bt-yellow-2) !important;
    color:#1b1b1b !important;
    box-shadow:0 2px 10px rgba(0,0,0,.12) !important;
  }
  .form-pane .btn-registro-submit:disabled,
  .form-pane .btn-registro-next:disabled{
    background-color:var(--bt-yellow) !important;
    border-color:var(--bt-yellow) !important;
    color:rgba(27,27,27,.45) !important;
    box-shadow:none !important;
    cursor:not-allowed;
    opacity:.65;
  }
  .form-pane .btn-registro-back{
    background:transparent;
    border:none;
    color:rgba(27,27,27,.75);
    font-weight:500;
    padding:12px 8px;
    text-decoration:none;
  }
  .form-pane .btn-registro-back:hover{
    color:#1b1b1b;
    text-decoration:underline;
  }

  /* ====== CARD / FORM ====== */
  .form-card{
    width:100%;
    max-width:400px;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    padding:0;
    flex-shrink:0;
  }
  .form-pane .brand-top{
    justify-content:flex-start;
    margin-bottom:32px;
    width:100%;
  }
  .wizard-progress{
    display:flex;
    gap:8px;
    margin-bottom:24px;
  }
  .wizard-progress .step-bar{
    flex:1;
    height:4px;
    border-radius:4px;
    background:#e9ecef;
    transition:background .2s ease;
  }
  .wizard-progress .step-bar.is-active,
  .wizard-progress .step-bar.is-done{
    background:var(--bt-yellow);
  }
  .wizard-progress .step-bar.is-done{
    background:var(--bt-yellow-2);
  }
  .step-head h2{
    font-size:1.125rem;
    font-weight:700;
    margin:0 0 6px;
    line-height:1.35;
    color:var(--bt-text);
  }
  .step-head p{
    font-size:14px;
    color:var(--bt-muted2);
    margin:0 0 20px;
  }
  .registro-step{ display:none; }
  .registro-step.is-active{ display:block; }
  .wizard-actions{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:8px;
  }
  .wizard-actions .btn-main{ flex:1; }
  .brand-top{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
  }
  .brand-top img{
    height:42px;
    object-fit:contain;
  }
  .form-head h1{
    font-weight:700;
    font-size:22px;
    margin:6px 0 2px;
  }
  .form-head p{
    color:var(--bt-muted);
    margin:0 0 16px;
    font-size:14px;
  }

  .form-head2{
    margin-bottom:8px;
  }
  .form-head2 h1{
    font-weight:700;
    font-size:1.65rem;
    margin:0 0 8px;
    line-height:1.25;
    color:var(--bt-text);
  }
  .form-head2 p{
    color:var(--bt-muted2);
    margin:0 0 16px;
    font-size:14px;
    line-height:1.45;
  }

  .section-title{
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    color:#3c3c3c;
    margin:18px 0 8px;
  }

  .form-pane .form-control{
    background:#f7f8fa;
    border:1px solid var(--bt-border);
    border-radius:10px;
    padding:10px 12px;
    height:42px;
    font-size:14px;
  }
  .form-pane .form-control:focus{
    border-color:var(--bt-yellow);
    box-shadow:0 0 0 3px rgba(250,192,1,.35);
    background:#fff;
  }
  .form-pane .form-control-lg{
    height:48px;
    font-size:16px;
  }
  .form-pane .form-label{
    color:#3c3c3c;
    margin-bottom:4px;
  }
  .form-card .helper-text{ color:var(--bt-muted2); }
  .form-card .form-legal{ color:#666; }
  .helper-text{
    font-size:12px;
    color:var(--bt-muted);
    margin-top:6px;
  }
  .is-valid{ border-color:#2ecc71 !important; }
  .is-invalid{ border-color:#e74c3c !important; }
  #formError{ font-size:13px; margin-top:10px; }

  /* ====== CONFIRMATION CARD (aparece en lugar del formulario) ====== */
  .meeting-confirmation{ width:100%; display:flex; justify-content:center; }
  .meeting-confirmation .container-form{
    width:100%;
    max-width:1200px;
    background:#fff;
    border:1px solid var(--bt-border); /* Mantener la línea */
    border-radius:12px;
    box-shadow:none !important;        /* Quitar contorno gris/sombra */
    padding: 28px 16px 18px;
  }

  .meeting-confirmation h1{
    font-weight:800; font-size:24px; margin-bottom:12px;
  }
  .meeting-confirmation .details{
    display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px;
  }
  .meeting-confirmation .details span{
    display:block; font-size:12px; color:var(--bt-muted); text-transform:uppercase;
  }
  .meeting-confirmation .details p{
    margin:4px 0 0; font-weight:700; word-break:break-word;
  }

  /* Footer minimal  */
  .page-footer{
    font-size:13px; color:#6b6b6b; text-align:center; padding:12px 0 18px;
  }