.manual-container{min-height:100vh;background:linear-gradient(135deg,var(--crema) 0%,var(--blanco) 100%);padding:2rem 0}.manual-header{max-width:1200px;margin:0 auto;padding:0 2rem 2rem;position:relative}.mobile-menu-btn{display:none;position:absolute;top:0;right:2rem;z-index:10}.manual-title-section{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--gradiente-principal);border-radius:16px;color:var(--blanco);box-shadow:var(--sombra-media)}.manual-main-icon{font-size:3rem;color:var(--dorado)}.manual-main-title{color:var(--blanco)!important;margin:0!important;font-size:2.5rem;font-weight:var(--peso-bold)}.manual-subtitle{color:var(--crema);font-size:1.1rem;opacity:.9}.manual-content{max-width:1200px;margin:0 auto;padding:0 2rem}.manual-tabs.desktop-tabs{background:var(--blanco);border-radius:16px;box-shadow:var(--sombra-suave);overflow:hidden}.manual-tabs .ant-tabs-tab{padding:1rem 1.5rem;margin:0;border-radius:0;transition:all .3s ease}.manual-tabs .ant-tabs-tab:hover{background:var(--crema);transform:translate(4px)}.manual-tabs .ant-tabs-tab-active{background:var(--gradiente-principal);color:var(--blanco);transform:translate(8px);box-shadow:var(--sombra-suave)}.manual-tabs .ant-tabs-tab-active .manual-tab-label{color:var(--blanco)}.manual-tab-label{display:flex;align-items:center;gap:.75rem;font-weight:var(--peso-medio);color:var(--verde-esperanto);transition:all .3s ease}.manual-tab-label span{font-size:1rem}.manual-tab-label .anticon{font-size:1.2rem}.manual-section-content{padding:2rem;animation:fadeInUp .6s ease-out}.manual-content-card{border:none;box-shadow:none;background:transparent}.section-title{color:var(--verde-esperanto)!important;font-weight:var(--peso-bold)!important;margin-bottom:1.5rem!important;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--gradiente-dorado);border-radius:2px}.section-image-container{text-align:center;margin:2rem 0}.section-image{max-width:100%;border-radius:12px;box-shadow:var(--sombra-media);transition:transform .3s ease}.section-image:hover{transform:scale(1.02)}.section-text{font-size:1.1rem;line-height:1.8}.section-subtitle{color:var(--verde-claro)!important;font-weight:var(--peso-semi)!important;margin:1.5rem 0 1rem!important;position:relative}.section-subtitle:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:var(--dorado);border-radius:1px}.section-list{margin:1rem 0;padding-left:1.5rem}.section-list li{margin-bottom:.75rem;color:var(--gris-oscuro);line-height:1.6;position:relative}.section-list li::marker{color:var(--verde-esperanto);font-weight:var(--peso-semi)}.section-paragraph{margin-bottom:1.5rem!important;color:var(--gris-oscuro);text-align:justify}.manual-drawer .ant-drawer-header{background:var(--gradiente-principal);color:var(--blanco);border-bottom:none}.manual-drawer .ant-drawer-title{color:var(--blanco);font-weight:var(--peso-semi)}.manual-drawer .ant-drawer-close{color:var(--blanco)}.drawer-sections{padding:1rem 0}.drawer-section-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--verde-esperanto);font-weight:var(--peso-medio)}.drawer-section-item:hover{background:var(--crema);transform:translate(4px)}.drawer-section-item.active{background:var(--gradiente-principal);color:var(--blanco);transform:translate(8px);box-shadow:var(--sombra-suave)}.drawer-section-item .anticon{font-size:1.2rem}.mobile-content{display:none}@media (max-width: 768px){.manual-container{padding:1rem 0}.manual-header{padding:0 1rem 1rem}.mobile-menu-btn{display:block}.manual-title-section{padding:1.5rem;margin-top:3rem}.manual-main-title{font-size:1.8rem!important}.manual-content{padding:0 1rem}.desktop-tabs{display:none}.mobile-content{display:block}.manual-tabs.mobile-tabs .ant-tabs-tab{padding:.75rem;text-align:center}.manual-tab-label{flex-direction:column;gap:.25rem}.manual-tab-label span{font-size:.8rem}.manual-section-content{padding:1rem}.section-title{font-size:1.5rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.manual-tabs .ant-tabs-content-holder::-webkit-scrollbar{width:6px}.manual-tabs .ant-tabs-content-holder::-webkit-scrollbar-track{background:var(--gris-claro);border-radius:3px}.manual-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb{background:var(--verde-esperanto);border-radius:3px}.manual-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb:hover{background:var(--verde-claro)}:root{--verde-esperanto: #2D5016;--verde-claro: #4A7C59;--dorado: #F4C430;--azul-colombia: #1E3A8A;--rojo-colombia: #DC2626;--crema: #FEF7ED;--blanco: #FFFFFF;--gris-oscuro: #374151;--gris-claro: #F3F4F6;--gris-medio: #9CA3AF;--gradiente-principal: linear-gradient(135deg, var(--verde-esperanto) 0%, var(--verde-claro) 100%);--gradiente-dorado: linear-gradient(135deg, var(--dorado) 0%, #FFE55C 100%);--sombra-suave: 0 2px 8px rgba(45, 80, 22, .1);--sombra-media: 0 4px 16px rgba(45, 80, 22, .15);--sombra-fuerte: 0 8px 32px rgba(45, 80, 22, .2);--fuente-principal: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--peso-normal: 400;--peso-medio: 500;--peso-semi: 600;--peso-bold: 700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fuente-principal);font-weight:var(--peso-normal);color:var(--gris-oscuro);background-color:var(--blanco);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-verde-esperanto{color:var(--verde-esperanto)}.text-dorado{color:var(--dorado)}.bg-verde-esperanto{background-color:var(--verde-esperanto)}.bg-dorado{background-color:var(--dorado)}.bg-crema{background-color:var(--crema)}.gradiente-principal{background:var(--gradiente-principal)}.gradiente-dorado{background:var(--gradiente-dorado)}.sombra-suave{box-shadow:var(--sombra-suave)}.sombra-media{box-shadow:var(--sombra-media)}.sombra-fuerte{box-shadow:var(--sombra-fuerte)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ant-btn-primary{background:var(--gradiente-principal);border:none;box-shadow:var(--sombra-suave);transition:all .3s ease}.ant-btn-primary:hover{background:var(--gradiente-principal);transform:translateY(-2px);box-shadow:var(--sombra-media)}.ant-card{border-radius:12px;box-shadow:var(--sombra-suave);border:none}.ant-card:hover{box-shadow:var(--sombra-media);transform:translateY(-4px);transition:all .3s ease}