/* Estilos Generales */
        body {
      /*     f;
            margin: 20px;	*/
        /*    background-color: #f0f0f0;*/
        }

        /* Contenedor Principal de la Barra */
        /* Estilos Base y Contenedor Principal */
       
        .navbar {
			 
            width: 1255px;
            height: 63px;
            background-color: #5e1040;
            display: flex;
            align-items: center;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            position: relative;
 padding-right: 30px; /* Espacio de 30px a la derecha */
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        /* Contenedor del Logo Izquierdo */
        .logo-container {
            width: 130px;
            height: 63px;
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            cursor: pointer;
            text-decoration: none;
        }

        .logo-container img {
            height: 100%;
            width: auto;
            transition: transform 0.3s ease;
        }

        .logo-container:hover img {
            transform: scale(1.2);
        }

        /* Menú de Navegación Derecho */
        .nav-menu {
            display: flex;
            flex-grow: 1;
            justify-content: flex-end;
            height: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-item {
            position: relative;
            height: 100%;
        }

        .nav-link {
			 font-family: Arial, sans-serif;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0 15px;
            color: #ffffff;
            text-decoration: none;
            font-size: 16px;		/*tamaño font menu 1*/
            transition: all 0.3s ease;
        }

        .nav-link img {
            height: 21px;
            margin-right: 8px;
            filter: brightness(0) invert(1); /* Hace la imagen blanca */
        }

        /* Efectos Hover Menú Principal */
        .nav-item:hover > .nav-link {
            background-color: #c8c0a2;
            color: #41504d;
        }

        .nav-item:hover > .nav-link img {
            filter: none; /* Regresa la imagen a su color original o gris oscuro */
        }

        /* Estilos de Submenús */
        .submenu {
            display: none;
            position: absolute;
            top: 63px;
            left: 0;
            min-width: 180px;
            list-style: none;
            padding: 0;
            margin: 0;
            z-index: 1000;
        }

        .nav-item:hover .submenu {
            display: block;
        }

        .submenu li a {
            display: block;
            padding: 12px 15px;
            text-decoration: none;
            font-size: 16px;
        /*    border-bottom: 4px solid rgba(255,255,255,0.6);  /*line abajo */
			 border-bottom: 1px dotted #262522; 
        }

        /* Submenú DIF */
        .dif-submenu a {
            background-color: #c7bfa1;
            color: #41504d;
			
        }
        .dif-submenu a:hover {
            background-color: #dc7092;
            color: #ebcad4;
        }

               /* Submenú Gobierno */
        .gobierno-submenu a {
            background-color: #c7bfa1;
            color: #41504d;
			
        }
        .gobierno-submenu a:hover {
            background-color: #41504d;
            color: #eef7f5;
        }