*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   html{
     scroll-behavior: smooth;
 }
   
   body{
     font-family: 'Changa', sans-serif;
     background: #553c85;
   }
   .textos-header h1{
     font-size: 50px;
     color: #fff;
 }
 
 .textos-header h2{
     font-size: 30px;
     font-weight: 300;
     color: #fff;
 }
   header .textos-header{
     display: flex;
     height: 430px;
     width: 100%;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     text-align: center;
 }
   header{
    width: 100%;
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
     background-image: linear-gradient(to right, hsla(234, 59%, 28%, 0.5), hsla(341, 56%, 49%, 0.5)), url(../img/editaralum.jpg);
   }
   nav{
     text-align: right;
     padding: 30px 50px 0 0;
 }
 nav > a{
     color: #fff;
     font-weight: 300;
     text-decoration: none;
     margin-right: 10px;
 }
 nav > a:hover{
     text-decoration: underline;
 }
   .contenedor-textos{
     padding: 60px 0;
    width: 90%;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
    color: #fff;
   }
   .wave{
     position: absolute;
    bottom: 0;
    width: 100%;
   }
           #caja1{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja2{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja3{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja4{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja5{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja6{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
           #caja7{
                padding-top: 5px;
                padding-right:20px;
                padding-bottom: 5px;
                padding-left: 20px;
                display: inline-block;
                border: 5px double blue;
                background-image: linear-gradient(30deg, rgb(205, 30, 113), rgb(29, 227, 155), rgb(251, 255, 20), rgb(155, 5, 15));
                font-family:fantasy ;
                color: black;
           }
   
           /*---Boton de guardar---*/
           
           .btn{
               position: relative;
               padding: 10px 40px;
               text-decoration: none;
               color: #fff;
               letter-spacing: 10px;
               text-indent: 10px;
               z-index: 2;
           }
           .btn-4::after{
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-image: linear-gradient(90deg, rgb(255, 30, 143), rgb(19, 227, 255), rgb(251, 255, 20), rgb(255, 15, 15));
                background-size: 300%;
                border-radius: 5px;
                z-index: -1;
                transition: all 0.4s ease;
           }
           
           .btn-4:hover::after{
               background-position: 100%;
               filter: blur(15px);
           }
           .btn-4::before{
               content: "";
               position: absolute;
               width: 100%;
               height: 100%;
               left: 0;
               top: 0;
               background-image: linear-gradient(90deg, rgb(255, 30, 143), rgb(19, 227, 255), rgb(251, 255, 20), rgb(255, 15, 15));
               background-size: 300%;
               border-radius: 5px;
               z-index: -1;
           }
           .btn-4:hover::before{
              background-position: 100%;
           }