/* Casa Rei Premium Styles */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar Personalizado */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #071526;
}
::-webkit-scrollbar-thumb {
    background: #DE8924;
    border-radius: 10px;
}

/* Efectos del Portafolio */
.project-card {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-card:hover {
    transform: translateY(-10px);
    border-color: #DE8924;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* Lazy Loading & Image Overlays - Compatible con tu main.js */
.lazy {
    opacity: 0;
    transition: opacity 0.8s ease-in-out, filter 0.6s ease, transform 0.6s ease;
}

.lazy.loaded {
    opacity: 1;
}

/* Mobile Typography & Accessibility Enhancements */
@media (max-width: 640px) {
    /* Product and Blog card descriptions */
    .project-card p,
    .product-description-content,
    article.prose p {
        font-size: 1.05rem !important; /* ~17px readable on mobile */
        line-height: 1.75 !important;
        color: #f1f5f9 !important; /* High contrast light slate */
        font-weight: 400 !important;
    }

    /* Headings inside article & product detail */
    article.prose h1, .product-description-content h1 { font-size: 1.65rem !important; line-height: 1.3 !important; }
    article.prose h2, .product-description-content h2 { font-size: 1.45rem !important; line-height: 1.35 !important; margin-top: 1.5rem !important; margin-bottom: 0.75rem !important; }
    article.prose h3, .product-description-content h3 { font-size: 1.3rem !important; line-height: 1.4 !important; margin-top: 1.25rem !important; margin-bottom: 0.5rem !important; }
    article.prose h4, .product-description-content h4 { font-size: 1.15rem !important; line-height: 1.4 !important; margin-top: 1rem !important; }
    
    /* Lists legibility */
    article.prose ul, article.prose ol, .product-description-content ul, .product-description-content ol {
        font-size: 1.05rem !important;
        line-height: 1.7 !important;
        margin-top: 0.75rem !important;
        margin-bottom: 1rem !important;
        padding-left: 1.25rem !important;
    }

    article.prose li, .product-description-content li {
        margin-bottom: 0.5rem !important;
    }
}