body {font-family:Arial,sans-serif;margin:0;padding:0;background-color:#FFF5EE;color:#333;transition:background-color .1s ease,color .3s ease;font-size:1.1rem;}
        body.dark-mode {background-color:#121212;color:#FFF5EE;}
     a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
        header {display:flex;justify-content:space-between;align-items:center;padding:15px 15px 15px 15px;background-color:#333;color:#FFF5EE;position:sticky;top:0;z-index:1000;transition:background-color .3s ease,border-bottom .3s ease;}
        body.dark-mode header {background-color:#222;}
        .logo {font-size:2rem;font-weight:bold;color:#FFF5EE;}
        .menu-button, .dark-mode-toggle {background:none;border:none;color:#FFF5EE;font-size:2rem;cursor:pointer;transition:transform .3s ease;margin-left:10px;}
        .menu-button:hover, .dark-mode-toggle:hover {transform:scale(1.1);}
        main {max-width:1000px;margin:0 auto;padding:10px 20px;}
        .wiki-content {display:flow-root;}
        .box {float:right;margin:0 0 1em 1em;padding:3px;background-color:#FFF5EE;box-shadow:2px 2px 5px rgba(0,0,0,.5);max-width:300px;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;z-index: 2;}
        body.dark-mode .box {background-color:#282828;box-shadow:2px 2px 5px rgba(255, 255, 255, 0.25);}
        .wiki-image {display:block;max-width:100%;height:auto;}
        .image-caption {font-size:.9rem;margin:4px;text-align:center;color:#666;transition:color .3s ease;}
        body.dark-mode .image-caption {color:#ccc;}
        h1 {font-size:3rem;margin-bottom:0;line-height:1.2;}
        h2 {font-size:1.65rem;margin-top:5px;color:#202020;transition:color .3s ease;}
        body.dark-mode h2 {color:#ddd;}
        .hipervinculo {color:#ff0062;text-decoration:underline;}
        p {line-height:1.4;margin-bottom:1em;text-align:left;max-width:900px;}
        li {line-height:1.6;margin-bottom:1em;text-align:left;max-width:800px;}
        footer {text-align:center;padding:20px;background-color:#e2dbd2;color:#666;transition:background-color .3s ease,color .3s ease;}
        body.dark-mode footer {background-color:#222;color:#888;}
        .modal-menu {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:none;justify-content:center;align-items:center;z-index:2000;}
        .modal-menu.active {display:flex;animation:fadeIn .3s ease-in-out forwards;}
        .modal-menu.closing {animation:fadeOut .4s ease-in-out forwards;}
        .menu-container {background-color:#FFF5EE;padding:40px;border-radius:10px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.5);transition:background-color .3s ease;right:0;top:81px;position:fixed;}
        .modal-menu.active .menu-container {animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);}
        .modal-menu.closing .menu-container {animation:slideOutRight .4s cubic-bezier(.25,.46,.45,.94);}
        body.dark-mode .menu-container {background-color:#222;}
        .menu-item {display:block;margin:10px 0;padding:15px 20px;background-color:#e2dbd2;border-radius:5px;text-decoration:none;color:#333;font-weight:bold;transition:background-color .3s ease,color .3s ease,transform .2s ease;}
        .menu-item:hover {background-color:#cbc3b9;color:#ff0044;transform:translateY(2px);}
        body.dark-mode .menu-item {background-color:#333;color:#e2dbd2;}
        body.dark-mode .menu-item:hover {background-color:#444;color:#ff0059;}
        .close-button {position:absolute;width:100%;height:100%;background:none;border:none;color:white;font-size:3.5rem;cursor:pointer;transition:transform .25s ease;}
        @media(max-width:768px) {.wiki-content {display:block;} .box {float:none;margin:20px auto;}}
        @keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
        @keyframes fadeOut {from {opacity:1;} to {opacity:0;}}
        @keyframes slideIn {from {transform:translateX(400px);} to {transform:translateX(0);}}
        @keyframes slideOutRight {from {transform:translateX(0);} to {transform:translateX(110%);}}