/* ============================================================
   C.H DU CORTE MOBILE R1.3.1 — PREFERENCIA + UX ESTAVEL
   ============================================================ */

.r13-quiet-preference{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border:1px solid #37342e;
  border-radius:12px;
  background:#121210;
  cursor:pointer;
}
.r13-quiet-preference input{
  margin:3px 0 0;
  width:17px;
  height:17px;
  flex:0 0 17px;
  accent-color:var(--v04-gold);
}
.r13-quiet-copy{display:grid;gap:4px;line-height:1.35}
.r13-quiet-copy strong{font-size:12px;color:#eee8df;font-weight:700}
.r13-quiet-copy small{font-size:10px;color:#9f978b}
.r13-review-preference strong{line-height:1.35}

@media (max-width:760px){
  .r13-quiet-preference{padding:15px 14px;border-radius:14px}
  .r13-quiet-copy strong{font-size:14px}
  .r13-quiet-copy small{font-size:12px}

  /* Etapas com Voltar + Continuar: mesmas bordas, altura e eixo. */
  .v04-view[data-step="2"] .v04-actions.split,
  .v04-view[data-step="3"] .v04-actions.split,
  .v04-view[data-step="4"] .v04-actions.split{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
  }

  .v04-view[data-step="2"] .v04-actions.split>button,
  .v04-view[data-step="3"] .v04-actions.split>button,
  .v04-view[data-step="4"] .v04-actions.split>button,
  .v04-view[data-step="5"] .v04-actions.split>button{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* Revisao: prioriza largura do CTA principal sem perder alinhamento lateral. */
  .v04-view[data-step="5"] .v04-actions.split{
    display:grid!important;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .v04-view[data-step="5"] .v04-actions.split .v04-primary{
    font-size:13px!important;
    white-space:normal!important;
  }
}

@media (max-width:320px){
  .v04-view[data-step="2"] .v04-actions.split,
  .v04-view[data-step="3"] .v04-actions.split,
  .v04-view[data-step="4"] .v04-actions.split,
  .v04-view[data-step="5"] .v04-actions.split{
    grid-template-columns:1fr!important;
  }
}


/* MOBILE R1.3.2 — alinhamento final definitivo */
@media (max-width:760px){
  .v04-view[data-step="5"] .v04-actions.split{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:14px!important;
    width:100%!important;
  }
  .v04-view[data-step="5"] .v04-actions.split>button{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0!important;
  }
  .v04-view[data-step="5"] .v04-actions.split>#confirmBooking{
    flex:1.35 1 0!important;
  }
}
@media (max-width:300px){
  .v04-view[data-step="5"] .v04-actions.split{flex-direction:column!important;}
}