/* Palettería La Real Michoacana Garland — Custom Styles
   Additional overrides and utility classes beyond Tailwind CDN */

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Selection color */
::selection {
    background-color: #eab308;
    color: #102a43;
}

/* Focus visible styles */
:focus-visible {
    outline: 2px solid #eab308;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Print styles */
@media print {
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    
    nav, .mobile-menu {
        display: none;
    }
}

/* High contrast mode support */
@media (forced-colors: active) {
    .paleta-card {
        border: 1px solid CanvasText;
    }
}

/* Reduce motion - ensure content is always visible */
@media (prefers-reduced-motion: reduce) {
    .paleta-card {
        transition: none;
    }
    
    .paleta-card:hover {
        transform: none;
    }
    
    .btn-shine::after {
        display: none;
    }
}

/* Very small screens */
@media (max-width: 360px) {
    .font-serif-display {
        font-size: clamp(2rem, 8vw, 3rem);
    }
}

/* Large screens */
@media (min-width: 1920px) {
    .max-w-7xl {
        max-width: 80rem;
    }
}

/* Landscape mobile */
@media (max-height: 500px) and (orientation: landscape) {
    #hero {
        min-height: auto;
        padding: 80px 0;
    }
}