/* Estilos personalizados adicionales */
html {
    scroll-behavior: smooth;
}

.prose {
    max-width: 65ch;
    margin-left: auto;
    margin-right: auto;
}

/* Añadir animaciones suaves */
.transition-transform {
    transition: transform 0.3s ease-in-out;
}

/* Efectos hover para enlaces */
a:hover {
    transition: all 0.3s ease;
}

/* Ajuste para imágenes de productos */
.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
}

.aspect-w-16 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Mobile touch improvements for buttons */
button {
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight */
    touch-action: manipulation;              /* Improve responsiveness on touch devices */
    /* Ensure a sufficient font-size and disable outline on focus */
    font-size: 16px;
}

button:focus {
    outline: none;
}