body { font-family: 'DM Sans', sans-serif; }

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.fade-up { animation: fadeUp 0.6s ease forwards; }
.delay-1 { animation-delay: 0.1s; opacity: 0; }
.delay-2 { animation-delay: 0.25s; opacity: 0; }
.delay-3 { animation-delay: 0.4s; opacity: 0; }
.delay-4 { animation-delay: 0.55s; opacity: 0; }

/* Thumbnails */
.thumb { border: 2px solid transparent; transition: border-color 0.2s; }
.thumb.active { border-color: #3B302A; }

/* Tallas */
.talla-btn {
    border: 1px solid rgba(184, 173, 161, 0.7);
    padding: 8px 16px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    background: transparent;
    color: #3B302A;
}

.talla-btn:hover { background: #3B302A; color: #FAF8F5; }
.talla-btn.selected { background: #3B302A; color: #FAF8F5; }
.talla-btn:disabled { opacity: 0.35; cursor: not-allowed; }
.talla-btn:disabled:hover { background: transparent; color: #3B302A; }

details summary::-webkit-details-marker { display: none; }