/* ========================================================== NUBO_SHELL_HERO_CANONICAL_V3_START Capa única para menú y cabeceras principales. Sustituye los parches experimentales anteriores. ========================================================== */ /* ========================================================== MENÚ SUPERIOR ========================================================== */ .app-header { position: sticky !important; top: 0 !important; right: auto !important; bottom: auto !important; left: auto !important; inset: 0 auto auto auto !important; z-index: 70 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; translate: none !important; will-change: auto !important; contain: none !important; overflow: visible !important; } /* Retirar todas las capas externas antiguas */ .app-header::before, .app-header::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; background-image: none !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Superficie flotante estable */ .app-header > .header-inner { position: relative !important; z-index: 1 !important; top: auto !important; inset: auto !important; isolation: isolate !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdfc 100% ) !important; background-color: #ffffff !important; background-image: linear-gradient( 180deg, #ffffff 0%, #fbfdfc 100% ) !important; border: 1px solid rgba(218, 228, 223, 0.82) !important; box-shadow: 0 12px 30px rgba(23, 54, 44, 0.065), 0 2px 7px rgba(23, 54, 44, 0.025), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; translate: none !important; will-change: auto !important; contain: none !important; backface-visibility: visible !important; } .header-inner::before, .header-inner::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; background-image: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================== CONTENIDO PRINCIPAL ========================================================== */ .main-content { position: relative !important; z-index: 1 !important; margin-top: 0 !important; transform: none !important; translate: none !important; filter: none !important; will-change: auto !important; contain: none !important; } .main-content > :first-child { margin-top: 0 !important; } /* ========================================================== PRIMERA CARD O HERO DE CADA PESTAÑA ========================================================== */ /* * Limita cualquier degradado, sombra o elemento decorativo * al interior de la primera card de la página. */ .main-content > div > section:first-child { position: relative !important; isolation: isolate !important; overflow: hidden !important; overflow: clip !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; translate: none !important; } /* * Retira orbes, manchas y luces generadas mediante * pseudoelementos en la cabecera de cualquier pestaña. */ .main-content > div > section:first-child::before, .main-content > div > section:first-child::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; background-image: none !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ========================================================== ETIQUETAS SUPERIORES ========================================================== */ /* * “Actividad financiera”, subtítulos superiores y etiquetas * equivalentes quedan nítidos, sin halo exterior. */ .main-content > div > section:first-child [class*="eyebrow"] { position: relative !important; z-index: 2 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; translate: none !important; } /* ========================================================== BOTONES PRINCIPALES DE CABECERA ========================================================== */ /* * Conserva el color y degradado del botón, pero elimina * la sombra difusa de 23 px que producía la mancha verde. */ .main-content > div > section:first-child .btn--primary { position: relative !important; z-index: 2 !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; translate: none !important; } .main-content > div > section:first-child .btn--primary:hover { box-shadow: 0 3px 9px rgba(20, 116, 83, 0.10) !important; transform: translateY(-1px) !important; } /* ========================================================== MOVIMIENTOS ========================================================== */ .nubo-movements-hero { background: linear-gradient( 180deg, #ffffff 0%, #f9fcfb 100% ) !important; background-image: linear-gradient( 180deg, #ffffff 0%, #f9fcfb 100% ) !important; } .nubo-movements-hero::before, .nubo-movements-hero::after, .nubo-movements-hero__top::before, .nubo-movements-hero__top::after { content: none !important; display: none !important; opacity: 0 !important; background: none !important; box-shadow: none !important; filter: none !important; } .nubo-movements-eyebrow, .nubo-movement-new-btn { filter: none !important; box-shadow: none !important; } /* ========================================================== MODO OSCURO ========================================================== */ html[data-theme="dark"] .app-header > .header-inner { background: linear-gradient( 180deg, #1a2426 0%, #172022 100% ) !important; background-color: #172022 !important; border-color: rgba(95, 119, 111, 0.25) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important; } html[data-theme="dark"] .nubo-movements-hero { background: linear-gradient( 180deg, #192325, #172022 ) !important; background-image: linear-gradient( 180deg, #192325, #172022 ) !important; } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 760px) { .app-header > .header-inner { background: #ffffff !important; background-image: none !important; box-shadow: none !important; } html[data-theme="dark"] .app-header > .header-inner { background: #172022 !important; } .main-content > div > section:first-child .btn--primary { width: 100%; } } /* ========================================================== IMPRESIÓN Y CAPTURA ========================================================== */ @media print { .app-header { position: relative !important; } .app-header > .header-inner { background: #ffffff !important; background-image: none !important; box-shadow: none !important; } .main-content > div > section:first-child, .main-content > div > section:first-child .btn--primary { box-shadow: none !important; filter: none !important; } } /* NUBO_SHELL_HERO_CANONICAL_V3_END */ /* ========================================================== NUBO_TOPBAR_STICKY_RESTORE_V1_START La barra vuelve a acompañar el scroll. Mantiene fondo sólido, sin backdrop blur ni halos. ========================================================== */ @media (min-width: 761px) { .app-header { position: sticky !important; top: 0 !important; right: auto !important; bottom: auto !important; left: auto !important; inset: 0 auto auto auto !important; z-index: 90 !important; transform: none !important; translate: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; will-change: auto !important; } .app-header > .header-inner { background-color: #ffffff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; filter: none !important; transform: none !important; translate: none !important; } html { scroll-padding-top: 105px; } } /* Modo oscuro */ @media (min-width: 761px) { html[data-theme="dark"] .app-header > .header-inner { background-color: #172022 !important; } } /* Impresión no necesita sticky */ @media print { .app-header { position: relative !important; top: auto !important; inset: auto !important; } } /* NUBO_TOPBAR_STICKY_RESTORE_V1_END */