html {
            scroll-behavior: smooth;
        }

        .delay-100 {
            animation-delay: 0.1s;
        }

        .delay-200 {
            animation-delay: 0.2s;
        }

        .delay-300 {
            animation-delay: 0.3s;
        }

        .no-scroll {
            overflow: hidden;
        }

        .delivery-option:checked+div {
            border-color: #8D6E63;
            background-color: #FDFBF7;
            box-shadow: 0 4px 6px -1px rgba(141, 110, 99, 0.1), 0 2px 4px -1px rgba(141, 110, 99, 0.06);
        }

        .modal-animate {
            animation: popInModal 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
            transform-origin: center center;
        }

        @keyframes popInModal {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.9);
            }

            100% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }

        /* Estilos para el estado deshabilitado */
        .grayscale-disabled {
            filter: grayscale(1);
            opacity: 0.6;
            pointer-events: none;
        }