.nav-group {
		  font-family: 'Open Sans', Arial, sans-serif;
		  text-align: left;
		  margin:0;
		}
		
				.nav-group + .nav-group{
				  margin-top:2px;
				  padding-top:0;
				  border-top:none;
				}
				
				.nav-group a{
				  display:block;
				  margin:0;
				  padding:0;
				  line-height:1.05;
				}				
		
		/*
		.nav-mainmenu-link{
		  font-size:0.78rem;
		  font-weight:600;
		  line-height:1.2;
		}
		*/
		
.nav-mainmenu-link{
  display:block;
  font-size:0.78rem;
  font-weight:500;   /* antes probablemente 600 o bold */
  letter-spacing:0.02em;
  color:#cfd6df;  
}		

		.nav-submenu-link{
		  font-size:0.74rem;
		  font-weight:400;
		  color:#aeb7c2;
		  line-height:1.25;
		}	

		/* SUBCATEGORÍAS */
		.nav-submenu-link {
		  position: relative;
		  padding-left: 22px !important;
		}

		.nav-submenu-link::before {
		  content: "›";
		  position: absolute;
		  left: 8px;
		  opacity: 0.5;
		}

		/* Hover */
		.nav-group a:hover {
		  color: #ffffff;
		}

						/* Botón */
							/* Asegura que nada lo corte */
							body {
							  /* overflow-x: visible !important;  */
							  overflow-x: hidden;
							}

							/* BOTÓN */
							
								.header {
									display:flex;
									align-items:center;
									justify-content:space-between; /* 🔥 clave */
									padding: 6px 40px;
									position: relative;
									
									flex-shrink: 0;   /* 🔥 evita que se comprima */
								}							
										
								.menu-buttons{
									position: absolute;
									top: 4px;

									left: 50%;
									transform: translateX(-50%);
									
									display:flex;
									flex-direction:row;
									gap:12px;

									background: rgba(15,22,32,0.85);
									padding: 10px 14px;
									border-radius: 12px;
									backdrop-filter: blur(6px);								
								}
								
								.menu-buttons .nav-toggle {
									font-size: 0.72rem;
									letter-spacing: 0.12em;

									padding: 5px 12px;

									color: rgba(255,255,255,0.85);

									background: rgba(0,0,0,0.35);
									backdrop-filter: blur(8px);

									border: 1px solid rgba(255,255,255,0.08);
									border-radius: 20px;

									transition: all 0.25s ease;
									white-space: nowrap;
								}									
								
										.menu-buttons .nav-toggle:hover {
											color: #ffffff;

											background: rgba(255,255,255,0.08);
											border-color: rgba(255,255,255,0.2);

											min-width: 110px;   /* 👈 opcional, alinea todos */
															
											white-space: nowrap;   /* 🔥 evita salto de línea */

											transform: translateY(-1px);
										}	


							/* CONTENEDOR BASE */
							.side-nav {
								/*
								  position: fixed;
								  background: #0f1620;
								  z-index: 900;
								  pointer-events: auto;			
								*/
							    position:fixed;
								top:0;
								right:0;
								height:100vh;
							}

								/* INDEX — lateral derecho */
								#sideNavIndex {
								  top: 0;
								  right: 0;
								  width: 300px;
								  height: 100vh;
								  transform: translateX(100%);
								  transition: transform 0.35s ease;
								  z-index: 1000;
								}

								#sideNavIndex.open {
								  transform: translateX(0);
								}
								
								/* ADVISOR — lateral derecho */
								#sideNavAdvisor{
								  top:0;
								  right:0;
								  width:300px;
								  height:100vh;

								  transform:translateX(100%);
								  transition:transform 0.35s ease;

								  z-index:999999;
								}

								#sideNavAdvisor.open{
								  transform:translateX(0);
								}	

								/* BANKING — lateral derecho */
								#sideNavBanking{
								  top:0;
								  right:0;
								  width:300px;
								  height:100vh;

								  transform:translateX(100%);
								  transition:transform 0.35s ease;

								  z-index:999999;
								}

								#sideNavBanking.open{
								  transform:translateX(0);
								}									

								/* PERSON OF THE WEEK – lateral derecho */
								#sideNavPerson {
								  top: 0;
								  right: 0;
								  width: 300px;
								  height: 100vh;
								  background: #0f1620;
								  transform: translateX(100%);
								  transition: transform 0.35s ease;
								  z-index: 999998; /* un punto por debajo del INDEX */
								}

								#sideNavPerson.open {
								  transform: translateX(0);
								}

					.person-card p{
					  font-size: 0.9rem;
					  line-height: 1.65;
					  font-family: "Inter", Arial, sans-serif;
					  color: #cfd6df;
					  max-width: 680px;
					  margin-bottom: 16px;
					}

							.person-card img {
								width: 120px;       /* tamaño ajustado para web */
								height: auto;
								border-radius: 6px;
								display: block;
								margin-bottom: 12px;
								filter: grayscale(100%);  /* hace la imagen en blanco y negro */
							}
												
							.cnbc-logo {
								width: 40px;   /* ajusta al tamaño de tu captura */
								height: auto;
								vertical-align: middle;
								margin-right: 6px;
							}					


					/*--  Pagina de Bernard Arnault   */

					.control-link {
					  display: inline-block;
					  margin-top: 12px;
					  font-size: 0.85rem;
					  letter-spacing: 0.04em;
					  color: #9fd3ff;
					  text-decoration: none;
					  opacity: 0.85;
					}

					.control-link:hover {
					  opacity: 1;
					  text-decoration: underline;
					}
					
					/* Request Access */
						.restricted {
						  display: flex;
						  justify-content: space-between;
						  align-items: center;
						}

						.access-badge {
						  font-size: 0.6rem;
						  padding: 2px 6px;
						  border: 1px solid rgba(255,255,255,0.4);
						  border-radius: 4px;
						  opacity: 0.7;
						  letter-spacing: 0.05em;
						  text-transform: uppercase;
						}

						.restricted:hover .access-badge {
						  opacity: 1;
						  border-color: #9fd3ff;
						}
						
						

						.red-note{
							border-left:3px solid #ff4d4d;
							padding-left:14px;
							color:#ff6b6b;
							font-style:italic;
						}
						
						
						
						/* Buscador menus */
							.nav-search{
								padding:10px;
							}

							#menuSearch{
								width:100%;
								padding:6px 8px;
								border:1px solid #444;
								background:#0f1620;
								color:white;
								font-size:0.85rem;
							}

							#menuSearch::placeholder{
								color:#8899aa;
							}				

						/* Reorganize menus */
								.nav-items{
									display:none;
									margin-top:2px;
									padding-left:14px;
								}

								.nav-group.open .nav-items{
									display:block;
								}

										.nav-title{
										  display:flex;
										  align-items:center;
										  /*
										  justify-content:flex-start;
										  cursor:pointer;
										  line-height:1.05;
										  */
										  gap:5px;
										}

										/* Flecha del Menu lateral */
										.nav-title::before{
											content:"▸";
											font-size:9px;
											opacity:0.6;
										/*
										  content:"▶";
										  font-size:0.65rem;
										  opacity:0.6;
										  margin-right:6px;
										  transition:transform .25s ease;
										  */
										}

										.nav-group.open .nav-title::before{
										  transform:rotate(90deg);
										}							
										
												/* FIX NAV MENU */
												.side-nav .nav-title{
												  display:flex;
												  justify-content:flex-start !important;
												  align-items:center;
												  gap:6px;
												}

												.side-nav .nav-title::before{
												  content:"▶";
												  font-size:10px !important;
												  opacity:0.65;
												  margin-right:6px;
												}

												.side-nav .nav-group.open .nav-title::before{
												  transform:rotate(90deg);
												}										
												
												
												
												
												

								/* ===== SIDE NAV – DEFINITIVO ===== */
								
								.main-content {
								  padding-left: 30px;
								}								

								aside.side-nav {
								  background: linear-gradient(180deg, #101822 0%, #0b111a 100%) !important;
								  padding: 32px 26px !important;
								  font-family: 'Open Sans', Arial, sans-serif !important;
								  
										  position: fixed;
										  top: 0;
										  right: 0;
										  height: 100vh;

										  overflow-y: auto;
										  overscroll-behavior: contain;
										  
										  /* Firefox */
											scrollbar-width: thin;
											scrollbar-color: rgba(184,203,224,0.4) transparent;
											
									outline: 1px solid red;
								}
								
										/* + Espaciado entre Menus */
											aside.side-nav .nav-group{
											  margin-bottom:2px;
											  padding-bottom:2px;
											  border-bottom:none;
											}
											
											aside.side-nav a{
											  padding:1px 0 !important;
											  line-height:1.05 !important;
											}			
										/*- Espaciado entre Menus */

										aside.side-nav .nav-group:last-child {
										  border-bottom: none;
										}
																
											aside.side-nav::-webkit-scrollbar {
											  width: 5px;
											}

											aside.side-nav::-webkit-scrollbar-track {
											  background: transparent;
											}

											aside.side-nav::-webkit-scrollbar-thumb {
											  background: rgba(184,203,224,0.35);
											  border-radius: 3px;
											}

											aside.side-nav::-webkit-scrollbar-thumb:hover {
											  background: rgba(184,203,224,0.55);
											}				

								aside.side-nav::after {
								  content: "";
								  display: block;
								  height: 200px;
								}								

								/* RESET enlaces */
								aside.side-nav a {
								  display: block !important;
								  margin: 0 !important;
								  padding: 2px 0 !important;
								  line-height: 1.15 !important;
								  text-decoration: none !important;
								  color: #b8cbe0 !important;
								  font-size: 0.75rem !important;
								}

								/* PRINCIPAL */
								aside.side-nav .nav-mainmenu-link {
								  font-weight: 600 !important;
								  color: #ffffff !important;
								  margin-bottom: 6px !important;
								}

								/* SUBNIVELES */
								aside.side-nav .nav-submenu-link {
								  padding-left: 26px !important;
								  font-weight: 400 !important;
								  opacity: 0.85 !important;
								  position: relative;
								  
									margin-bottom: 4px;								  
								}

								aside.side-nav .nav-submenu-link::before {
								  content: "›";
								  position: absolute;
								  left: 10px;
								  color: #6f8aa6;
								}

								/* Hover elegante */
								aside.side-nav a:hover {
								  color: #ffffff !important;
								  opacity: 1 !important;
								}

								/* TOGGLE */
								.nav-toggle {
									/*
										background: rgba(15,22,32,0.92) !important;
										border: 1px solid rgba(255,255,255,0.08);
										letter-spacing: 0.03em;
										cursor:pointer;
									*/
									  display:flex;
									  align-items:center;
									  gap:8px;

									  width:180px;
									  padding:8px 12px;

									  background:rgba(15,22,32,0.92);
									  border:1px solid rgba(255,255,255,0.08);

									  font-size:0.78rem;
									  letter-spacing:0.04em;
									  color:#cfd6df;

									  cursor:pointer;									
								}
								
								.nav-toggle span{
									width:16px;
									display:inline-block;
								}

								/* Quita subrayados inline */
								aside.side-nav a[style] {
								  text-decoration: none !important;
								}				

								.nav-toggle:hover{
								  background:rgba(25,35,50,0.95);
								  border-color:rgba(255,255,255,0.2);
								}	


		/* + Carrusel Logos */	
/*		
			  body {
				font-family: Arial, sans-serif;
				background: #fff;
				display: flex;
				justify-content: center;
				padding: 50px;
			  }


				body {
				  font-family: Arial, sans-serif;
				  background: #fff;
				}
*/
			  .logo-carousel-container {
				width: 90%;
				overflow: hidden;
				border-top: 2px solid #ccc;
				border-bottom: 2px solid #ccc;
				padding: 15px 0;
				position: relative;
				background: #f9f9f9;
			  }

			  .logo-carousel {
				display: flex;
				gap: 40px;
				position: relative;
				animation: scroll 15s linear infinite;
			  }

			  .logo {
				font-weight: bold;
				font-size: 1.2em;
				color: #555;
				white-space: nowrap;
				opacity: 0.7;
				transition: color 0.3s, opacity 0.3s;
			  }

			  .logo:hover {
				color: #1a3e6f;
				opacity: 1;
			  }

			  @keyframes scroll {
				0% { transform: translateX(0); }
				100% { transform: translateX(-50%); }
			  }	
		/* - Carrusel Logos */				  
		
		
			/* + Banking */
			.nav-group-banking {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 6px;
				margin-bottom: 15px;
			}

			.nav-text-banking {
				font-size: 14px;
				line-height: 1.4;
				text-align: left;
				color: #333;
			}

			.nav-link-cta {
				font-size: 13px;
				font-weight: 600;
				text-decoration: none;
				color: #1a73e8;
			}

			.nav-link-cta:hover {
				text-decoration: underline;
			}

/*
			.private-badge {
				font-size: 11px;
				color: #888;
				font-weight: 500;
			}
*/
			.private .nav-text-banking {
				opacity: 0.85;
			}		
			
			
					.nav-inline {
						display: flex;
						align-items: center;
						gap: 10px; /* separación elegante */
					}

					/* Access deshabilitado visual */
					.nav-link-disabled {
						font-size: 13px;
						color: #b5b5b5; /* gris claro */
						font-weight: 500;
						cursor: default;
					}

					/* Private badge */
					.private-badge {
						font-size: 12px;
						color: #666;
						display: flex;
						align-items: center;
						gap: 4px;
					}

							.hidden-link {
								color: inherit;
								opacity: 0.7;
							}

							.hidden-link:hover {
								opacity: 1;
							}		
			/* - Banking */