/* Ciervo Cafe Enhanced Main Styles */
.map-link { 
    text-decoration: underline; 
    text-decoration-style: dotted;
    cursor: pointer;
    color: #31484e;
    transition: all 0.3s ease;
}
.map-link:hover { 
    text-decoration-style: solid;
    color: #3d5a61;
}

/* Global Enhancement Variables */
:root {
    --primary-color: #31484e;
    --primary-light: #3d5a61;
    --primary-dark: #253a3f;
    --accent-color: #b8c5c9;
    --text-color: #1D1D1B;
    --light-bg: #f8fafa;
    --border-color: rgba(49, 72, 78, 0.1);
    --shadow-light: 0 2px 10px rgba(49, 72, 78, 0.08);
    --shadow-medium: 0 4px 15px rgba(49, 72, 78, 0.15);
    --shadow-heavy: 0 8px 25px rgba(49, 72, 78, 0.2);
}

/* Enhanced Typography */
.modern-text-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Enhanced Animations */
.fade-in {
    animation: fadeIn 0.6s ease-out;
}

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

.slide-up {
    animation: slideUp 0.5s ease-out;
}

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

/* Enhanced Background Patterns */
.pattern-bg {
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(49, 72, 78, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(49, 72, 78, 0.05) 0%, transparent 50%);
}

/* Modern Card Styles */
.modern-card {
    background: white;
    border-radius: 15px;
    box-shadow: var(--shadow-light);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.modern-card:hover {
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

/* Loading Animation for Images - Disabled */
/* .image-loading {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
} */