/* Crazy Wings V13.14 - Bienvenida limpia, centrada y responsive */
.order-mode-screen{padding:clamp(12px,3vw,24px);overflow:hidden}
.order-mode-screen .mode-shade{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.order-mode-screen .mode-dialog{
  width:min(460px,100%);max-width:100%;max-height:calc(100dvh - 24px);
  overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;
  padding:clamp(22px,4vw,34px);border-radius:28px;
  box-shadow:0 28px 90px rgba(18,21,29,.24);
  text-align:center;
}
.order-mode-screen .welcome-brand{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 auto 22px}
.order-mode-screen .welcome-logo-frame{
  display:grid;place-items:center;width:100px;height:100px;
  border:1px solid #f2e9df;border-radius:23px;background:#fff;
  box-shadow:0 9px 28px rgba(55,36,20,.07);
}
.order-mode-screen .welcome-logo-frame img{display:block;width:83%;height:83%;object-fit:contain}
.order-mode-screen .welcome-brand-name{font-size:16px;font-weight:850;line-height:1.3;color:#24232a}
.order-mode-screen .welcome-brand-caption{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#a66b3c}
.order-mode-screen .mode-eyebrow{display:block;font-size:10px;letter-spacing:1.5px;color:#e96e20;font-weight:850;margin:0 0 10px}
.order-mode-screen .mode-dialog h2{
  font-size:clamp(26px,5vw,34px);line-height:1.12;letter-spacing:-1.2px;
  margin:0 auto 12px;max-width:380px;color:#24232a;text-wrap:balance;
}
.order-mode-screen .mode-dialog h2 em{color:#ee721d;font-style:normal}
.order-mode-screen .mode-intro{font-size:13px;line-height:1.5;color:#7c7775;margin:0 auto 24px;max-width:310px}
.order-mode-screen .mode-options{display:grid;gap:12px}
.order-mode-screen .mode-option{
  display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;
  width:100%;min-width:0;gap:13px;padding:15px;
  border:1px solid #eee6df;border-radius:17px;background:#fff;
  box-shadow:0 3px 10px rgba(50,35,20,.025);
  text-align:left;transition:background .2s,border-color .2s,transform .2s;
}
.order-mode-screen .mode-option:hover,.order-mode-screen .mode-option:focus-visible{
  border-color:#f3a469;background:#fff9f4;transform:translateY(-1px);
}
.order-mode-screen .mode-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font-size:27px;background:#fff0df}
.order-mode-screen .mode-home{background:#fff1e9}
.order-mode-screen .mode-option-text{min-width:0;display:flex;flex-direction:column;gap:4px}
.order-mode-screen .mode-option-text strong{font-size:15px;font-weight:800;line-height:1.25}
.order-mode-screen .mode-option-text small{font-size:12px;line-height:1.45;color:#837b75}
.order-mode-screen .mode-chevron{font-size:19px;color:#e97324}
.order-mode-screen .mode-help{
  margin:18px auto 0;padding:0;background:transparent;border:0;
  font-size:11px;line-height:1.5;color:#8e8984;text-align:center;
}
@media(max-width:480px){
 .order-mode-screen{padding:12px}
 .order-mode-screen .mode-dialog{padding:23px 18px;border-radius:23px}
 .order-mode-screen .welcome-brand{margin-bottom:18px}
 .order-mode-screen .welcome-logo-frame{width:82px;height:82px;border-radius:19px}
 .order-mode-screen .mode-dialog h2{font-size:28px}
 .order-mode-screen .mode-intro{margin-bottom:19px}
 .order-mode-screen .mode-option{grid-template-columns:48px minmax(0,1fr) 16px;padding:12px;gap:11px}
 .order-mode-screen .mode-icon{width:48px;height:48px;font-size:23px}
 .order-mode-screen .mode-option-text strong{font-size:14px}
 .order-mode-screen .mode-option-text small{font-size:11px}
}
@media(max-height:650px){
 .order-mode-screen .mode-dialog{padding-top:16px;padding-bottom:16px}
 .order-mode-screen .welcome-brand{margin-bottom:12px}
 .order-mode-screen .welcome-logo-frame{width:66px;height:66px}
 .order-mode-screen .mode-intro{margin-bottom:14px}
 .order-mode-screen .mode-help{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.order-mode-screen .mode-option{transition:none}}