body{
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,p{
	margin:0 !important;
}

h1{
	font-size:2em;
}

.btn-send{
	 max-width: max-content;
    width: 100%;
    padding: 12px 26px;
    background: #131313;
    color: white;
    border: 1px solid #414141;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 25px;
    display: flex;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 0px;
	transition:all 0.3s ease;
}

.btn-send:hover{
	background:#252424;
}

.content-nav{
  position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100dvh;
	
    display: flex;
    justify-content: center;
    align-items: center;
    background: #13151645;
    backdrop-filter: blur(3px);
    transform: translateX(100%);
    transition: all 0.3s ease;
    z-index: 12;
}

.content-nav nav #menu-principal li a{
	position:relative;
    font-size: 20px;
    color: white;
    text-decoration: none;
    letter-spacing: 5px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;

}

/* Mobile menu toggle styles */
.mobile-bar {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.mobile-bar label {
  cursor: pointer;
  display: block;
}

.icon-close {
  display: none;
}



/* When checkbox is checked */
#navbar-mobile:checked ~ #masthead .content-nav {
  transform: translateX(0);
}

#navbar-mobile:checked ~ #masthead .mobile-bar .icon-open {
  display: none;
}

#navbar-mobile:checked ~ #masthead .mobile-bar .icon-close {
  display: block;
}

.content-nav nav #menu-principal li a::before{
            content: '';
            transition: all 0.3s ease;
            transform: scale(0);
            position: absolute;
            left: -4px;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: white;
        }

.content-nav nav #menu-principal li a:hover::before{
            transform: scale(1);
        }

#menu-principal{
	gap:10px;
}



header .list-social{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    flex-flow: wrap;
    margin-top: 34px;
	
}

header .social{
            height: 50px;
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            padding: 9px;
            transition: all 0.3s ease;
        }

header    .social:hover{
            background: #f0f8ff4d;
            transform: translateY(-10px);
        }

header .list-social a svg,
header .list-social a img{

	width:37px;
	height:37px;
	filter:invert(1);
	
}

header .list-social a img{
}

.mobile-bar svg{
	    fill: white !important;
    stroke: white !important;
    /* filter: invert(1); */
    width: 20px;
    height: 20px;
	fill:white !important;
}


@media(min-width:1024px){
	.mobile-bar{
		display:none;
	}
	
	header .list-social{
		padding:0 !important;
		margin-top:0 !important;
	}
	
	.content-nav{
		position: relative !important;
		top: 0;
		height: 60px;
		justify-content:space-between;
		width: 100%;
		transform:translateX(0%)!important;
	}
	
	.nav-navigation{
		width:100%;
        gap: 0 10px;
        padding: 0 30px;
        max-width: 1440px;
        margin: auto;
	}
	
	header .list-social{
		padding:20px 0px;
	}
	
	header .list-social a svg, header .list-social a img{
		 width: 25px;
        height: 25px;
	}
	
	.content-nav nav #menu-principal li a{
		font-size:18px;
	}
	
	#menu-principal{
		gap:20px;
	}
}