/*
 * Barra «Atrás» fija al fondo, solo en pantallas de teléfono y tablet.
 * Venta touch y kiosco no cargan esta hoja.
 */
:root {
  --odp-atras-alto: 40px;
}

.odp-atras {
  display: none;
}

@media (max-width: 991.98px) {
  /*
   * overflow-x: hidden en html/body (búsqueda y ficha) convierte el documento
   * en contenedor de scroll y, en el celular, position:fixed queda pegado
   * al final de la página. clip recorta igual y no crea ese contenedor.
   */
  html.odp-atras-visible,
  html.odp-atras-visible body {
    overflow-x: clip;
  }

  .odp-atras:not([hidden]) {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    background: #fff;
    color: #a1a5b7;
    border-top: 1px solid #eff2f5;
    font-family: Poppins, sans-serif;
  }

  .odp-atras__btn,
  .odp-atras__btn:hover,
  .odp-atras__btn:focus {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    min-height: var(--odp-atras-alto);
    margin: 0;
    padding: 6px 16px calc(6px + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .odp-atras__btn:active {
    background: rgba(24, 28, 50, 0.04);
    color: #3f4254;
  }

  .odp-atras__icono {
    flex: 0 0 auto;
    display: block;
    width: 16px;
    height: 16px;
  }

  .odp-atras--teclado {
    visibility: hidden;
    pointer-events: none;
  }

  html.odp-atras-visible #kt_content,
  html.odp-atras-visible #wrapper {
    padding-bottom: calc(var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }

  html.odp-atras-visible {
    --tienda-fab-bottom: calc(24px + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }

  html.odp-atras-visible .dca__fab {
    bottom: calc(1rem + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }

  html.odp-atras-visible .dca__fab--elevado {
    bottom: calc(6rem + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }

  html.odp-atras-visible .dca__fab--elevado-mas {
    bottom: calc(9.5rem + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 767.98px) {
  html.odp-atras-visible {
    --tienda-fab-bottom: calc(20px + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  html.odp-atras-visible .dca {
    bottom: calc(1rem + var(--odp-atras-alto) + env(safe-area-inset-bottom, 0px));
  }
}

body.dark-mode .odp-atras,
[data-bs-theme="dark"] .odp-atras,
html.tienda-oscuro .odp-atras {
  background: #1e1e2d;
  color: #a1a5b7;
  border-top-color: #2b2b40;
}

body.dark-mode .odp-atras__btn:active,
[data-bs-theme="dark"] .odp-atras__btn:active,
html.tienda-oscuro .odp-atras__btn:active {
  background: rgba(255, 255, 255, 0.06);
  color: #f5f8fa;
}

@media print {
  .odp-atras {
    display: none !important;
  }
}