*{padding: 0; margin: 0;text-decoration: none; list-style: none; scroll-behavior: smooth;}

body {background-color: #000000 !important ; }
.topbar{ background-color: #000; font-family: 'Montserrat', sans-serif; font-size: 14px; display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; }
.icon-whatsapp{color: #0d57ff; text-decoration: none;}
.icon-social{color: #0d57ff; padding-right: 10px; padding-left: 10px;}

/*  ----------- HEADER/Menú Desktop ----------- */
header {
    background-color: rgba(0,0,0,1);
    display: flex;
    position: sticky;
    top: 0;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    animation: enhance-header linear both;
}
.logo-header img{height: 30px;  padding-left: 30px; padding-top: 0px;}
.nav-menu ul{ display: flex; align-items: center;}
.nav-menu li{ margin-right: 1.5rem;}
.nav-menu a, li {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; text-decoration: none !important;}
.nav-menu a:hover{color: rgb(0, 192, 102);}

/*  ----------- HEADER/Menú Mobile ----------- */
.menu-icon img{width: 50px; height: 50px; border-radius: 2px;}
.menu-icon, #check{display: none;}

/* Media Querys para el responsive del menú */
@media (max-width:768px){
.checkbtn{display: block;}
.menu-icon{display: block; position: relative; top:5px; right: 10px; cursor: pointer;} 
.nav-menu ul{display: block; position: fixed; top:50px; left: -100%; background: #0f0f0f; width:100%; height:100vh; right: 0; z-index: 1;}
.nav-menu ul li{padding: 2rem; display:flex; justify-content: center; margin: 0;}
.nav-menu ul li:last-child{background: none; padding: 1rem;}
#check:checked ~ ul{left: 0; transition: all 1.5s;}
}

/* Media Querys Animación Back Menú */
@keyframes enhance-header {
    to { background: rgba(0,0,0,.4);
    backdrop-filter: blur(15px);}
}

/* CONTENIDO */

.h1{
    font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff;
    font-size: 24px;
    padding: 50px;
}

.contenido {
    background-color: #000;
    font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff;
    font-size: 14px; 
    text-align: justify;
    padding: 0px 50px 50px 50px;
}


/*  ----------- FOOTER ----------- */
.footer{background-color: #000000; position: absolute; padding-bottom: 0; width: 100%; display: flex; padding-top:8px; padding-bottom:8px; z-index: -10;}
.footer ul {display:flex; }
.footer li {margin-left: 15px;}
.nav-footer a, li {font-family: 'Montserrat', sans-serif; font-size: 12px; color: #7D4CFF;}