/* REGPAX_SKIN01 — owner: registro-pasajero.html only */

body.ma-registro-pasajero .card{
  max-width:880px;
  margin:0 auto;
}

body.ma-registro-pasajero .ma-form label{
  display:block;
  margin:.65rem 0 .25rem;
  font-weight:800;
  opacity:1;
  color:#111;
}

body.ma-registro-pasajero .ma-form input{
  width:100%;
  min-height:48px;
  padding:12px 12px;
  border-radius:14px;
  font-size:16px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#111;
}

body.ma-registro-pasajero .ma-form input::placeholder{
  opacity:1;
  color:rgba(0,0,0,.45);
}

body.ma-registro-pasajero .btn-primary{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:16px;
}

/* password toggle */
body.ma-registro-pasajero .pw-wrap{ position:relative; }
body.ma-registro-pasajero .pw-wrap input{ padding-right:52px !important; }

body.ma-registro-pasajero .pw-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}

body.ma-registro-pasajero .pw-toggle:active{
  transform:translateY(-50%) scale(.98);
}

body.ma-registro-pasajero .pw-toggle:focus{
  outline:2px solid rgba(255,122,0,.35);
  outline-offset:2px;
}

/* hint */
body.ma-registro-pasajero #btnSubmit[disabled][data-hint]::after{
  content:attr(data-hint);
  display:block;
  margin-top:.5rem;
  font-weight:700;
  font-size:13px;
  color:#b42318;
}

/* =========================================================
   REGPAX_CENTER01 — Centrado y card pro (solo registro pasajero)
   Scope: body.ma-registro-pasajero
   ========================================================= */
body.ma-registro-pasajero main.container{
  max-width: 900px;
  margin: 28px auto;
  padding: 0 16px;
}

body.ma-registro-pasajero main.container > section.card{
  width: 100%;
  margin: 0;
  padding: 18px 18px 20px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

@media (min-width: 900px){
  body.ma-registro-pasajero main.container{
    margin-top: 40px;
  }
}

/* =========================================================
   FIX_CONTAINER_BLOCK01 — neutraliza layouts globales del .container
   (solo registro pasajero)
   ========================================================= */
body.ma-registro-pasajero main.container{
  display:block !important;
  width:100%;
}

/* =========================================================
   REGPAX_FORCECENTER01 — fuerza centrado real
   ========================================================= */
body.ma-registro-pasajero main.container{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================================================
   PATCH PAX — Header horizontal (brand-row)
   Scope: solo registro pasajero
   ========================================================= */
body.ma-registro-pasajero header.topbar .brand-row{
  display: flex;
  align-items: center;
  gap: 10px;
}

body.ma-registro-pasajero header.topbar .brand-support{
  margin-left: auto;
}

/* Evitar que M&A y Ayacucho se partan */
body.ma-registro-pasajero header.topbar .brand-platform,
body.ma-registro-pasajero header.topbar .brand-city{
  white-space: nowrap;
}