body {
            background-color: #EAE3D8;
            color: #141512;
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
        }

        .datacenter-grid {
            background-color: #EAE3D8;
            background-image: 
                linear-gradient(rgba(184, 106, 59, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(82, 91, 52, 0.04) 1px, transparent 1px);
            background-size: 40px 40px;
        }

        .glass-panel {
            background: rgba(250, 246, 240, 0.88);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-color: #D4CAB9;
        }

        .glass-card {
            background: #FAF6F0;
            border: 1px solid #D4CAB9;
        }

        #readingProgress {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, #525B34, #B86A3B);
            width: 0%;
            z-index: 9999;
            transition: width 0.1s ease-out;
        }

        input:focus, textarea:focus, select:focus {
            outline: none;
            border-color: #B86A3B !important;
            box-shadow: 0 0 0 3px rgba(184, 106, 59, 0.15);
        }
    
/* hidden debe prevalecer sobre las clases de diseño. */
[hidden] { display: none !important; }