/*
 |  Carrito de tienda - estilos propios.
 |  El CSS compilado (public/build) es anterior a varias de estas utilidades,
 |  por lo que se replican aqui para que el carrito se vea bien sin recompilar.
 */

.h-full { height: 100%; }

.bottom-5 { bottom: 1.25rem; }
.right-5 { right: 1.25rem; }
.-top-2 { top: -0.5rem; }
.-right-2 { right: -0.5rem; }

.z-\[95\] { z-index: 95; }
.z-\[98\] { z-index: 98; }
.z-\[100\] { z-index: 100; }

.min-w-\[18px\] { min-width: 18px; }
.h-\[18px\] { height: 18px; }
.min-h-\[280px\] { min-height: 280px; }

.pr-5 { padding-right: 1.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.pt-5 { padding-top: 1.25rem; }
.mt-5 { margin-top: 1.25rem; }

.text-\[11px\] { font-size: 11px; }

.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
.bg-amber-500 { background-color: #f59e0b; }

.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }

.leading-relaxed { line-height: 1.625; }
.whitespace-pre-line { white-space: pre-line; }
.scroll-mt-6 { scroll-margin-top: 1.5rem; }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.disabled\:opacity-40:disabled { opacity: 0.4; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

@media (min-width: 640px) {
    .sm\:inline { display: inline; }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}