/* La Orejita - experiencia movil de las apps de pedidos (oct 2026).
   Solo aplica en pantallas de menos de 768 px. Tablet y computadora quedan igual.
   Modos de tarjetas: lista (por defecto), ?v=2col, ?v=1col. Con ?demo=1 aparece un selector de modo. */
@media (max-width: 767px) {
  body.lo-ui { padding-bottom: 110px; background: #f2f3f5; }
  body.lo-ui #second { display: none !important; }
  body.lo-ui .bgs { min-height: 0; }
  body.lo-ui .container-fluid, body.lo-ui #first { padding-left: 0; padding-right: 0; }
  body.lo-ui .wizard { width: 100% !important; margin: 0; }
  body.lo-ui .wizard .tab-content .row { margin-left: 0; margin-right: 0; }
  body.lo-ui .lo-oculto { display: none !important; }
  /* Titulos en imagen: misma altura en todos los pasos (asi estan pensados en computadora), las letras quedan del mismo tamano */
  body.lo-ui .tab-pane img[src*="texto-paso"] { width: auto !important; height: 124px !important; max-width: calc(100% - 24px); object-fit: contain; margin: 0 auto; }
  body.lo-queque #step4 h4 { font-size: 16px !important; color: #6b6470 !important; margin-top: 4px; }
  body.lo-ui .tab-pane > .row > .col-md-12:first-child { margin: 14px 0 8px !important; }
  body.lo-ui .tab-pane h4 { font-size: 19px; color: #24202d !important; margin: 6px 0 0; text-align: center; }
  body.lo-ui.lo-cesta #step1 > .row > .col-md-12.text-center:first-child { display: none; }

  /* Barra superior fija */
  body.lo-ui .wizard-inner { position: sticky; top: 0; z-index: 20; background: #fff; box-shadow: 0 1px 0 #e3e3e3; padding: 8px 0 4px; }
  body.lo-ui .wizard .nav-tabs { margin: 0 auto; border: 0; }
  body.lo-ui .wizard .nav-tabs > li a, body.lo-ui span.round-tab { width: 36px !important; height: 36px !important; line-height: 36px !important; margin: 0 auto !important; }
  body.lo-ui span.round-tab h5 { font-size: 0 !important; line-height: 36px !important; margin: 0 !important; padding: 0 !important; }
  body.lo-ui .wizard .nav-tabs { counter-reset: lopaso; }
  body.lo-ui .wizard .nav-tabs > li { counter-increment: lopaso; }
  body.lo-ui span.round-tab h5::after { content: counter(lopaso); font-size: 14px; color: #fff; font-family: 'Nunito Bold'; }
  body.lo-ui .wizard li.active:after { display: none; }
  body.lo-ui .connecting-line { top: 26px !important; }
  .lo-encab { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 12px 6px; font-family: 'Nunito Bold'; text-align: center; }
  .lo-encab .lo-tit { font-size: 27px; line-height: 1.15; color: #24202d; min-width: 0; }
  .lo-encab .lo-tit small { display: block; margin-bottom: 2px; font-family: 'Nunito Bold'; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; color: #3fbcdd; }
  .lo-chip { flex: none; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; padding: 5px 14px; border-radius: 99px; background: #eef8fc; color: #1f8fb8; }
  .lo-chip.lo-completo { background: #eef4d6; color: #6c7a12; }
  .lo-modos { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 6px 12px 8px; border-top: 1px solid #f0edf2; margin-top: 4px; }
  body.lo-compacto .wizard-inner > .lo-modos, body.lo-compacto .lo-encab .lo-chip { display: none !important; }
  body.lo-compacto .lo-encab .lo-tit { font-size: 21px; }
  body.lo-compacto .lo-encab .lo-tit small { font-size: 13px; }
  body.lo-sin-selector .lo-modos { display: none !important; }
  .lo-modos-tit { flex-basis: 100%; text-align: center; font: 12px 'Nunito SemiBold'; color: #77707d; }
  .lo-modos button { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #cfe9f3; background: #fff; color: #1f8fb8; border-radius: 99px; padding: 4px 11px; font: 12px 'Nunito Bold'; }
  .lo-modos button svg { width: 13px; height: 13px; fill: currentColor; flex: none; }
  .lo-modos button.lo-on { background: #3fbcdd; border-color: #3fbcdd; color: #fff; }

  /* Tarjetas */
  body.lo-ui .lo-grid { display: grid !important; gap: 10px; padding: 0 8px !important; width: auto !important; float: none !important; }
  body.lo-ui .lo-celda { width: auto !important; padding: 0 !important; float: none !important; margin: 0 !important; }
  body.lo-ui .lo-grid .thumbnail { position: relative; margin: 0; border: 2px solid transparent; border-radius: 14px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); cursor: pointer; transition: border-color .15s, opacity .15s; min-height: 0 !important; height: auto; }
  body.lo-ui .lo-grid .thumbnail:has(.btn-selecc-dis, .lo-elegido) { border-color: #3fbcdd; }
  body.lo-ui .lo-grid .thumbnail:has(.btn-selecc-dis, .lo-elegido)::after { content: "✓"; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 50%; background: #3fbcdd; color: #fff; font: 16px/28px 'Nunito Bold'; text-align: center; }
  body.lo-ui .lo-grid a.lo-elegido { background: #3fbcdd !important; color: #fff !important; }
  body.lo-ui .lo-lleno .thumbnail:not(:has(.btn-selecc-dis, .lo-elegido)) { opacity: .45; }
  body.lo-ui .lo-grid .thumbnail .caption .btn-selecc, body.lo-ui .lo-grid .thumbnail .caption .btn-selecc-dis { font-size: 15px; padding: 6px 18px; }

  /* Modo LISTA */
  body.lo-v-lista .lo-grid .thumbnail { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: center; padding: 10px; }
  body.lo-v-lista.lo-cesta #step1 .thumbnail { grid-template-columns: 112px 1fr; }
  body.lo-v-lista .lo-grid .thumbnail > img { width: 100%; height: auto; margin: 0; border-radius: 10px; }
  body.lo-v-lista .lo-grid .thumbnail .caption { padding: 0 26px 0 0; text-align: left; }
  body.lo-v-lista .lo-grid .thumbnail .caption h3 { font-size: 17px !important; margin: 0 0 2px; text-align: left; }
  body.lo-v-lista .lo-grid .thumbnail .caption h3[id^="detProduct"] { font-size: 13px !important; color: #6b6470; font-family: 'Nunito Regular'; line-height: 1.35; }
  body.lo-v-lista .lo-grid .thumbnail .caption span, body.lo-v-lista .lo-grid .thumbnail .caption span p { font-family: 'Nunito Regular'; font-size: 13px !important; color: #6b6470; text-align: left; margin: 0; line-height: 1.35; }
  body.lo-v-lista .lo-grid .thumbnail .caption p { text-align: left !important; margin: 4px 0 0; font-size: 16px !important; }
  body.lo-v-lista .lo-grid .thumbnail .caption p:last-child { margin-top: 8px; }

  /* Modo 1 COLUMNA */
  body.lo-v-1col .lo-grid .thumbnail { padding: 10px 10px 14px; }
  body.lo-v-1col .lo-grid .thumbnail > img { max-height: 210px; width: auto; margin: 0 auto; }
  body.lo-v-1col .lo-grid .thumbnail .caption { padding: 6px 4px 0; }

  /* Modo 2 COLUMNAS */
  body.lo-v-2col .lo-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  body.lo-v-2col .lo-grid .thumbnail { padding: 8px 8px 10px; display: flex; flex-direction: column; height: 100%; }
  body.lo-v-2col .lo-grid .thumbnail > img { width: 100%; aspect-ratio: 1; object-fit: contain; }
  body.lo-v-2col .lo-grid .thumbnail .caption { padding: 4px 0 0; display: flex; flex-direction: column; flex: 1; }
  body.lo-v-2col .lo-grid .thumbnail .caption h3 { font-size: 17px !important; line-height: 1.25; margin: 4px 0; }
  body.lo-v-2col .lo-grid .thumbnail .caption h3[id^="detProduct"] { font-size: 14px !important; line-height: 1.35; font-family: 'Nunito Regular'; color: #4a4450; }
  body.lo-v-2col .lo-grid .thumbnail .caption span, body.lo-v-2col .lo-grid .thumbnail .caption span p { font-size: 14px !important; line-height: 1.35; color: #4a4450; }
  body.lo-v-2col .lo-grid .thumbnail .caption p { font-size: 18px !important; margin: 2px 0; }
  body.lo-v-2col .lo-grid .thumbnail .caption p:last-child { margin: auto 0 0; padding-top: 8px; }
  body.lo-v-2col .lo-grid .thumbnail .caption .btn-selecc, body.lo-v-2col .lo-grid .thumbnail .caption .btn-selecc-dis { width: 100%; font-size: 16px; padding: 8px 4px; }

  /* Barra inferior fija */
  .lo-no, body.lo-barra-final .lo-sig, body.lo-barra-final .lo-atras { display: none !important; }
  .lo-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: flex; align-items: center; gap: 8px; padding: 10px max(10px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px)); background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.10); font-family: 'Nunito Bold'; }
  .lo-barra > button { border: 0; border-radius: 26px; height: 50px; font-size: 16px; font-family: 'Nunito Bold'; }
  .lo-atras { width: 48px; flex: none; background: #eef8fc; color: #3fbcdd; font-size: 24px !important; }
  .lo-resumen { flex: 1; min-width: 0; height: auto !important; background: none; text-align: left; padding: 0 2px; color: #24202d; display: grid; gap: 3px; justify-items: start; }
  .lo-resumen b { font-size: 19px; line-height: 1; }
  .lo-ver { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 10px 4px 8px; border-radius: 99px; background: #3fbcdd; color: #fff; font: 13px/1.2 'Nunito Bold'; white-space: nowrap; }
  .lo-ver em { font-style: normal; }
  .lo-ver i { font-style: normal; min-width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #fff; color: #1f8fb8; text-align: center; font-size: 12px; }
  .lo-ver.lo-vacio-ver { background: #eef0f2; color: #8b8590; }
  .lo-ver.lo-ver-pulso { animation: loPulso .5s ease 3; }
  .lo-sig { flex: none; padding: 0 20px; background: #B8C64B; color: #fff; }
  .lo-sig.lo-falta { background: #d9dcd0; color: #6f7266; }
  .lo-sig.lo-pulso { animation: loPulso .6s ease 2; }
  .lo-sig.lo-tiembla { animation: loTiembla .35s ease; }
  @keyframes loPulso { 50% { transform: scale(1.08); } }
  @keyframes loTiembla { 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
  @media (max-width: 359px) { .lo-ver em { display: none; } .lo-sig { padding: 0 14px; } }

  .lo-aviso { position: fixed; left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 45; padding: 12px 14px; border-radius: 12px; background: #24202d; color: #fff; font: 14px/1.35 'Nunito SemiBold'; opacity: 0; transform: translateY(10px); transition: .2s; pointer-events: none; }
  .lo-aviso.lo-mostrar { opacity: 1; transform: none; }

  /* Hoja "Tu eleccion" */
  .lo-velo { position: fixed; inset: 0; z-index: 40; background: rgba(20,16,24,.45); opacity: 0; pointer-events: none; transition: .2s; }
  .lo-hoja { position: fixed; left: 0; right: 0; bottom: 0; z-index: 41; max-height: 88vh; max-height: 88dvh; display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 18px 18px 0 0; padding: 8px 16px calc(16px + env(safe-area-inset-bottom, 0px)); transform: translateY(105%); transition: transform .25s; font-family: 'Nunito Regular'; color: #24202d; }
  body.lo-hoja-abierta { overflow: hidden; }
  body.lo-hoja-abierta .lo-velo { opacity: 1; pointer-events: auto; }
  body.lo-hoja-abierta .lo-hoja { transform: none; }
  .lo-hoja-cuerpo { position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; margin: 0 -16px; padding: 0 16px 4px; }
  .lo-hoja .lo-asa, .lo-hoja h3, .lo-cerrar { flex: none; }
  @media (max-height: 640px) { .lo-foto { max-width: 120px; } .lo-hoja h3 { font-size: 19px; } }
  .lo-hoja .lo-asa { width: 40px; height: 5px; border-radius: 3px; background: #ddd; margin: 0 auto 10px; }
  .lo-hoja h3 { font: 22px 'Nunito Bold'; color: #3fbcdd; margin: 0 0 8px; }
  .lo-foto { display: block; max-width: 180px; width: 60%; margin: 0 auto 6px; border-radius: 12px; }
  .lo-caja { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; margin-top: 4px; }
  .lo-caja img { width: 64px; border-radius: 10px; }
  .lo-caja small { font-size: 12px; color: #77707d; line-height: 1.3; display: block; }
  .lo-grupo { padding: 10px 12px; margin: 8px -4px 0; border-radius: 12px; }
  .lo-grupo.lo-actual { background: #f1f9fc; box-shadow: inset 0 0 0 1px #cfe9f3; }
  .lo-grupo h4 { font: 14px 'Nunito Bold'; color: #6b6470; margin: 0 0 4px; display: flex; justify-content: space-between; gap: 8px; }
  .lo-grupo.lo-actual h4 { color: #1f8fb8; }
  .lo-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 0; font-size: 15px; }
  .lo-item b { font-family: 'Nunito Bold'; font-weight: normal; }
  .lo-item button { flex: none; border: 0; background: #fbeeee; color: #c4573f; border-radius: 16px; padding: 5px 12px; font: 13px 'Nunito Bold'; }
  .lo-nota { font-size: 12px; color: #8b8590; margin-top: 2px; }
  .lo-vacio { font-size: 14px; color: #a39da7; padding: 2px 0; }
  .lo-editar { margin-top: 6px; border: 1px solid #3fbcdd; background: #fff; color: #1f8fb8; border-radius: 18px; padding: 6px 14px; font: 13px 'Nunito Bold'; }
  .lo-total { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; margin-top: 8px; border-top: 1px solid #eee; font: 20px 'Nunito Bold'; }
  .lo-cerrar { width: 100%; margin-top: 14px; height: 46px; border: 0; border-radius: 24px; background: #3fbcdd; color: #fff; font: 16px 'Nunito Bold'; }
}
@media (min-width: 768px) { .lo-barra, .lo-aviso, .lo-velo, .lo-hoja, .lo-encab, .lo-modos { display: none !important; } }

/* Modales de candelas (queques) y tarjeta (cesta) en el celular */
@media (max-width: 767px) {
  body.lo-ui .lo-modal { padding: 0 !important; }
  body.lo-ui .lo-modal .modal-dialog { width: auto; max-width: none; margin: max(14px, env(safe-area-inset-top, 0px)) 10px 14px !important; }
  body.lo-ui .lo-modal .modal-content { max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); border: 0; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; background: #f2f3f5 !important; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
  body.lo-ui .lo-modal .modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 0 0 16px; }
  body.lo-ui .lo-mod-cab { position: sticky; top: 0; z-index: 3; background: #fff; margin: 0 0 10px !important; padding: 14px 14px 8px; box-shadow: 0 1px 0 #e3e3e3; }
  body.lo-ui .lo-mod-cab > div { width: auto; float: none; padding: 0; margin: 0 !important; text-align: left !important; }
  body.lo-ui .lo-mod-cab h2 { font-size: 22px !important; margin: 0 !important; }
  body.lo-ui .lo-mod-cab #candelitas-listo, body.lo-ui .lo-mod-cab #tarjeta-listo { display: none !important; }
  .lo-mod-sub { font: 13px 'Nunito Regular'; color: #77707d; margin-top: 2px; }
  body.lo-ui .lo-mod-cab .lo-modos { justify-content: flex-start; padding: 8px 0 0; border-top: 0; }
  body.lo-ui .lo-mod-cab .lo-modos-tit { text-align: left; }

  body.lo-ui #candelitasModalCenter #rowCandelistaList { display: grid; gap: 10px; padding: 0 8px; margin: 0 !important; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList::before, body.lo-ui #candelitasModalCenter #rowCandelistaList::after, body.lo-ui .lo-grid::before, body.lo-ui .lo-grid::after { display: none !important; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList > div { width: auto; padding: 0; margin: 0 !important; float: none; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card { position: relative; border: 2px solid transparent; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.08); padding: 10px 40px 10px 10px !important; color: #24202d; transition: border-color .15s; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card.lo-con { border-color: #3fbcdd; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card.lo-con::after { content: attr(data-cant); position: absolute; top: 8px; right: 8px; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 14px; background: #3fbcdd; color: #fff; font: 15px/28px 'Nunito Bold'; text-align: center; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card-img-overlay { position: static; padding: 0; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .caption h3 { font-size: 16px !important; margin: 0 !important; text-align: left !important; line-height: 1.25; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .caption p { font-size: 16px !important; margin: 2px 0 0 !important; text-align: left !important; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card > .row { margin: 6px 0 0; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card > .row > div { padding: 0; display: flex; align-items: center; gap: 14px; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .card > .row > div > div { width: auto; padding: 0; float: none; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .selecc-agg-btn { width: 40px; height: 40px; padding: 0; line-height: 38px; border-radius: 50%; font-size: 22px; }
  body.lo-ui #candelitasModalCenter #rowCandelistaList .textCandela { margin: 0; min-width: 26px; text-align: center; font-size: 20px; }
  /* lista */
  body.lo-v-lista #candelitasModalCenter #rowCandelistaList .card { display: grid; grid-template-columns: 72px 1fr; column-gap: 12px; align-items: center; }
  body.lo-v-lista #candelitasModalCenter #rowCandelistaList .card > img { grid-row: 1 / span 2; width: 72px !important; height: auto; }
  body.lo-v-lista #candelitasModalCenter #rowCandelistaList .card-img-overlay, body.lo-v-lista #candelitasModalCenter #rowCandelistaList .card > .row { grid-column: 2; }
  /* 2 columnas */
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList { grid-template-columns: 1fr 1fr; gap: 8px; }
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList .card { padding: 8px !important; height: 100%; display: flex; flex-direction: column; }
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList .card > img { width: 100% !important; max-height: 120px; object-fit: contain; }
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList .caption h3 { font-size: 16px !important; padding-right: 26px; }
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList .card > .row { margin-top: auto; padding-top: 6px; }
  body.lo-v-2col #candelitasModalCenter #rowCandelistaList .card > .row > div { justify-content: space-between; gap: 4px; }
  /* 1 columna */
  body.lo-v-1col #candelitasModalCenter #rowCandelistaList .card { padding: 10px !important; }
  body.lo-v-1col #candelitasModalCenter #rowCandelistaList .card > img { display: block; max-height: 170px; width: auto !important; margin: 0 auto; }
  body.lo-v-1col #candelitasModalCenter #rowCandelistaList .caption h3, body.lo-v-1col #candelitasModalCenter #rowCandelistaList .caption p { text-align: center !important; }
  body.lo-v-1col #candelitasModalCenter #rowCandelistaList .card > .row > div { justify-content: center; gap: 28px; }

  /* tarjeta de la cesta */
  body.lo-ui #tarjetaModalCenter .modal-body > .row:not(.lo-mod-cab) { margin: 0 8px !important; }
  body.lo-ui #tarjetaModalCenter .modal-body > .row:not(.lo-mod-cab) > div { padding: 0; margin: 0 0 10px !important; }
  body.lo-ui #tarjetaModalCenter .card { border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.08); min-height: 0 !important; color: #24202d; }
  body.lo-ui #tarjetaModalCenter .card { padding: 12px !important; }
  body.lo-ui #tarjetaModalCenter .card-img { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; border-radius: 8px; }
  body.lo-ui #tarjetaModalCenter .card-img-overlay { display: none; }
  body.lo-ui #tarjetaModalCenter .caption { float: none !important; width: auto !important; display: block; padding: 0 !important; margin: 0 !important; }
  body.lo-ui #tarjetaModalCenter .caption p { margin: 0 0 6px !important; text-align: left !important; font: 15px 'Nunito Bold'; color: #24202d; }
  body.lo-ui #textareaTarjeta { display: block; float: none; width: 100% !important; }
  body.lo-ui #textareaTarjeta { font-size: 16px; border: 1px solid #d9d4dc; border-radius: 10px; padding: 10px; resize: none; color: #24202d; }
  .lo-cuenta { text-align: right; font: 12px 'Nunito Regular'; color: #77707d; margin-top: 4px; }

  /* pie fijo del modal */
  .lo-mod-pie { flex: none; display: grid; gap: 8px; padding: 10px 12px 12px; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.08); }
  .lo-mod-btns { display: flex; gap: 10px; }
  .lo-mod-cancelar { flex: 1; border: 1px solid #d9d4dc; background: #fff; color: #6b6470; height: 48px; border-radius: 26px; font: 16px 'Nunito Bold'; }
  .lo-mod-res { flex: 1; min-width: 0; color: #24202d; }
  .lo-mod-res b { display: block; font: 16px/1.2 'Nunito Bold'; font-weight: normal; }
  .lo-mod-res span { display: block; font: 12px 'Nunito Regular'; color: #77707d; }
  .lo-mod-listo { flex: 1; border: 0; height: 48px; padding: 0 20px; border-radius: 26px; background: #B8C64B; color: #fff; font: 16px 'Nunito Bold'; }

  /* ventana de confirmacion (¿seguro que no quieres candela / tarjeta?) */
  body.lo-ui .swal2-popup { width: calc(100% - 32px) !important; max-width: 420px; padding: 20px 16px !important; border-radius: 16px !important; }
  body.lo-ui .swal2-html-container, body.lo-ui .swal2-content { font: 17px/1.4 'Nunito SemiBold' !important; color: #24202d !important; }
  body.lo-ui .swal2-title { font: 20px/1.3 'Nunito Bold' !important; }
  body.lo-ui .swal2-actions { display: flex !important; flex-wrap: nowrap !important; gap: 10px; width: 100%; padding: 0 4px; }
  body.lo-ui .swal2-actions button { flex: 1; margin: 0 !important; min-height: 48px; border-radius: 24px !important; font: 16px 'Nunito Bold' !important; }
}
@media (min-width: 768px) { .lo-mod-pie, .lo-mod-sub, .lo-mod-cab .lo-modos, .lo-cuenta { display: none !important; } }