*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
   box-sizing: border-box;
   

}
 body{
    color: white;
    background: rgba(0, 0, 0, 0.945);
    font-family: "Cormorant Garamond", serif;
}
.logo{
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    place-items: center;
 
}
.logo_1 img{
    height: 200px;
}
.logo .nav{
    margin-top: 30px;
}
.logo .nav a{
    color:white;
    font-weight: 400;
    text-decoration:underline;
    margin: 15px 20px 10px;
    font-size: 15px;
}
.main-padre{
    width: 90%;
    margin: 0 auto;
    display: grid;
    place-items: center;
   grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
   
   
}

.articulo{
    display: grid;
    place-items: center;
}
.img-articulo{
    width: 80%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.img-articulo img{
    width: 80%;
    height: 500px;
    border-radius: 15px;

}
.titulo-articulo {
    width: 75%;
    text-align: center;
    margin: 2rem 0rem;
}
.titulo-articulo h2{
    font-size: 35px;
}
.hideText{
    
  display:none;
}

.subtitulos{
    font-size: 30px;
    font-weight: bold;
}
.hideText p{
    width: 70%;
    font-size: 28px;
    margin-left: 185px;
    justify-content: justify;
   
}

.hideText h2{
    width: 70%; 
}


.show{
    display:block;
}

.parrafo-articulo{
    width: 100%;
    display: grid;
    place-items: center;   
}
.parrafo-articulo p{
    width: 70%;
    font-size: 28px;
    justify-content: justify;
   
}

.hideText_btn{
    margin-top: 30px;
    padding:10px;
    cursor: pointer;
    box-shadow: none;
    background-color: #e74c3c;
    color: white;
    border:0cap;
    border-radius: 10px;

}

.hideText_btn:hover{
    background-color: #c0392b;
}

.footer{
    width: 100%;
    height: 300px;
    background:black;
color: white;
display: flex;
grid-template-columns: 1fe 1fr 1fr;
margin-top: 80px;
gap:50px;

}

.box-1{
    width: 40%;
    display: grid;
    place-items: center;
}
.box-1 img{
    width: 100%;
}

.box-2{
    margin-top: 70px;
    
}

.box-2 p{
    margin-top: 20px;
   
}
.box-2 a{
    margin-top: 35px;
   
}
.box-3{
    margin-top: 70px;
    margin-left: 20px;
}

.box-3 p{
    margin-top:20px ;
    
}
.box-3 a{
    text-decoration: none;
    color: white
    }
.pie{
    width: 100%;
    background:#c0392b;
    color:white;
    font-weight: 800;
    display: inline-flex;
    justify-content: space-between;
   padding: 5px 20px 5px;
}

.btn_asesoria{
    width: 100%;
    display: flex;
    justify-content: end;
   position: fixed;
   bottom: 30px;
   right: 5px;
   z-index: 1000;
    animation:  mover 3s infinite;
}
@keyframes mover {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(10px, 10px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
.asesoria{
    width: 20%;
    height: 75px;
    background:#25D366 ;
    text-decoration: none;
 border-radius: 180px;
 display: grid;
 place-items: center;
 justify-content: center;
 
}


    .asesoria  a{
        width: 100%;
        margin-top: 0px;
        color: white;
        font-size: 22px;
        font-weight: bold;
        text-decoration: none;
   
      
       
    }
 
      

@media screen and (max-width:780px){
    .logo{
        width: 100%;
        display: grid;
        align-items: center;
       justify-content: center;
       margin-top: 40px;
     
      
    }
    .logo img{
        width: 82%;
        height: 150px;
        margin-left: 40px;
        padding: 0px;
    }

    .logo .nav a{
        font-size: 10px;
    }

    .img-articulo{
        width: 100%;
    }
    .img-articulo img{
        width: 95%;
        height: 230px;
    }
    .titulo-articulo{
        width: 100%;
      display: grid;
      place-items: center;
       
    }
    .titulo-articulo h2{
        width: 70%;
        font-size: 32px;
        text-align:left;
    }
    .subtitulos{
        font-size: 32px;
    }
    .parrafo-articulo p{
        font-size: 25px; 
    }

  
    .hideText p{
        width: 70%;
        font-size: 25px;
        margin-left: 50px;
            
    }

    .footer{
        display:block;
        height: 453px;
       
        }    
        .box-1{
            width: 100%;
            display: grid;
            place-items: center;
        }
        .box-1 img{
            width: 70%;
            height: 120px;
            margin-top: 30px;
        }
        .box-2{
            margin-top: 30px; 
            margin-left: 60px;  
        }
         .box-2 h2{
          font-size: 18px;
         }
        .box-2 p{
            margin-top: 10px;
            font-size: 15px;
        }
        .box-3{
            margin-top: 20px;
            margin-left: 60px;
        }
        .box-3 h2{
            font-size: 20px;
        }
        .box-3 p{
            margin-top:10px ;
            font-size: 15px;
        }
      
        .pie p{
           font-size: 7px;
           margin: 8px 25px 10px;
        }
        .btn_asesoria{
           
            bottom: 30px;
           right: 0;
           bottom: 0;
         
            
        }
        .asesoria{
            width: 100%;
            padding: 8px;
            display: grid;
            place-items: center;
        }

            .asesoria button a{
                font-size: 21px;   
            }
}
    
@media screen and (max-width:922px){

}
@media screen and (max-width:1920px){
/*
    .logo_1 img{
        margin-top: 80px;
        height: 230px;
    }
    .logo .nav{
        margin-top: 70px;
    }
    .logo .nav a{
       
        font-size: 18px;
       
    }
  
    
    
    .img-articulo img{
        width: 80%;
        height: 600px;
    
    }
   .titulo-articulo{
       
        font-size: 23px;
       
    }
    
    
    .parrafo-articulo p{
        width: 65%;
        font-size: 35px;
       
    }
    .hideText{
        width: 100%;
        display: grid;
        place-items: center;
    }
    .hideText{
    
        display:none;
      }
      
    .hideText p{
        width: 65%;
        font-size: 30px;
        margin-right: 176px;
        font-size: 35px;
        line-height: 50px;   
    }
    .show{
        display:block;
    }
    
    .hideText_btn{
        margin-top: 50px;
        padding:10px 30px;
        border-radius: 10px;
        font-size: 20px;
    
    }
    .footer{
       
    gap:90px;

    }
    .box-1 img{
        width: 100%;
        margin-top:-25px;
    }
   

    .btn_asesoria{
        width: 100%;
        display: flex;
        justify-content: end;
       position: fixed;
       bottom: 30px;
       right: 5px;
       z-index: 1000;
        
    }
    .asesoria{
        width: 20%;
        padding: 20px 25px;
    }
    .asesoria button {  
      margin-left: 25px;
        
        }
    
        .asesoria button a{ 
            font-size: 26px;    
        }
    */}