*{
	margin:0;
	padding:0;
	box-sizing:border-box
}
body{
	font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    margin:0;
    padding-top:72px;
    background:#E8ECEF;
}
.menu-superior{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:72px;
	background:#B3352D;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 20px;
	z-index:9999;
	box-shadow:0 3px 10px rgba(0,0,0,.2)
	}
	.logo-link{
		text-decoration:none
    }
	.titulo{
		color:#fff;
		font-size:28px;
		font-weight:bold
	}
	.m{
		color:#58D68D
	}
	.subtitulo{
		color:#eee;
		font-size:11px
	}
	.menu{
		display:flex;
		align-items:center
	}
	.menu>a,.dropbtn{
		background:none;
		border:none;
		color:#fff;
		padding:26px 14px;
		font-weight:bold;
		font-size:16px;
		line-height:1;
		text-decoration:none;
		cursor:pointer;
    }
	.menu>a:hover,.dropbtn:hover{
		/*background:#E8ECEF;*/
		background:#198754;
	}
	.dropdown{
		position:relative;
	}
	.dropdown-content{
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#FFF;
    box-shadow:0 6px 18px rgba(0,0,0,.20);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .15s ease;
    z-index:99999;
}
.dropdown:hover .dropdown-content{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
	.dropdown-content a{
		font-size:15px;
		display:block;
		padding:12px 16px;
		color:#333;
		text-decoration:none
	}
	.dropdown-content a:hover{
		/*background:#E8ECEF;
		color:#B3352D;*/
		background:#198754;
		color:#fff
	}
	.cuenta{
		margin-left:auto
	}
	.hamburguesa{
		display:none;
		color:#fff;
		font-size:32px;
		cursor:pointer
	}
.usuario{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    line-height:1.15;
}
.usuario-nombre{
    font-size:15px;
    font-weight:bold;
    color:#fff;
}
.usuario-plan{
    font-size:11px;
    color:#d8f5d8;
}
@media(max-width:1100px){
		.hamburguesa{
			display:block
		}
		.menu{display:none;
		    position:fixed;
			top:72px;
			left:0;
			width:300px;
			height:calc(100vh - 72px);
			background:#F3F5F7;
			flex-direction:column;
			align-items:stretch;
			overflow:auto
		}
		.menu.responsive{
			display:flex
		}
		.menu>a,.dropbtn{
			width:300px;
			color:#333;
			text-align:left;
			font-size:18px;
			padding:16px 20px
		}
		.dropdown:hover .dropdown-content{
			display:none
		}
		.dropdown-content{
			position:static;
			box-shadow:none;
			min-width:100%
		}
		.dropdown.open .dropdown-content{
			display:block
		}
		.cuenta{
			margin-left:0
		}
		/* Botón abierto */
		.dropdown.open .dropbtn{
			color:#FFFFFF !important;
		}
		/* El botón del usuario siempre permanece verde*/
        .cuenta .dropbtn{
			background:#A0AAB4;
			color:#FFFFFF !important;
		}
		.cuenta .usuario-plan{
			color:#D8F5D8 !important;
		}
        
}