*{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 ----------- */


/* CONTENEDORES */
.wrapper-blog { margin: 0px; max-width: 1500px;}
.card-blog { background-color: rgba(16, 16, 16, 0.5); min-height: 420px; border: 1px solid #575757; border-radius: 25px; backdrop-filter:blur(7px);}
.card-int-blog {width: auto; min-height: 420px; border-radius: 25px; position: relative ; margin: 20px auto; padding: 20px 20px;}


/* ESTILOS TEXTOS */ 

/* Generales*/
.title-intro {font-family: "Montserrat";  font-size: 36px; font-weight: 600; color: #ffffff; padding: 50px 0px 20px 20px;}
.title-blog {font-family: "Montserrat"; font-size: 24px; text-transform: uppercase;}
.subnumber-intro { font-family: "Montserrat";  font-size: 36px; font-weight: 600; color: #7D4CFF; padding: 20px 0px 0px 20px ;}
.cont-strong {font-family: "Montserrat";  font-size: 18px; line-height: 1.5; color: #7D4CFF; padding: 20px 20px 0px 20px ; text-align: justify; text-transform: uppercase;}
.cont-blogmain {font-family: "Montserrat";  font-size: 18px; line-height: 1.5; color: #c5c5c5; padding: 20px 20px 20px 20px; }

/* Home */
.title-number {     font-family: "Montserrat";  font-size: 52px;     font-weight: 600;    color: #7D4CFF;  padding: 50px 0px 20px 20px;}
.title-home {       font-family: "Montserrat";  font-size: 52px;     font-weight: 600 ;   color: #ffffff;  padding: 50px 0px 20px 20px;}
.subtitle-home {    font-family: "Montserrat";  font-style: italic; font-size: 36px;     color: #7D4CFF;  padding: 20px 20px 0px 20px ;}

/* Imagenes Blog Main */
.posterblog {float: right; border-radius: 25px;}

/* Links Blog*/
.linkblog {text-decoration: none;}



/*  ----------- 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; text-decoration: none;}