/* Reemplaza tu bloque 'body' por este en style.css */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #F4F4F4;
    color: #5A3A31;
    z-index: 1;
}

.glass-nav {
    background: rgba(244, 244, 244, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(205, 137, 114, 0.1);
}

.page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
    z-index: 100;
    overflow-y: auto;
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-overlay.active {
    transform: translateY(0);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
    background: #E7B19F;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #CD8972;
}

/* Pathologies Card Hover Effect */
.pathology-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.pathology-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Interactive blob background */
.blob-bg {
    position: absolute;
    filter: blur(40px);
    opacity: 0.6;
    z-index: -1;
}

#dark-footer {
    position: relative;
    z-index: 10;
    background-color: #1F2937;
}