*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:sans-serif}.container-cover{width:100%;height:500px;position:relative;margin-top:80px;background-image:url(/ProyectoFinal/assets/portada1-81eddf5f.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.container-cover:before{content:"";width:100%;height:100%;background:rgba(5,33,50,.8);position:absolute;top:0;left:0}.container-cover .container-info-cover{max-width:800px;height:500px;margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.container-cover .container-info-cover h1{font-size:60px;font-weight:500;color:#fff;margin-bottom:20px}.container-cover .container-info-cover p{color:#fff;font-size:20px;font-weight:300}.container-content{width:1200px;margin:40px auto auto;display:flex;justify-content:center}.container-content article{width:100%;padding:20px 20px 40px;box-shadow:-10px 0 20px -30px #000;border-radius:6px;position:relative;overflow:hidden}.container-content article:before{content:"";width:100%;height:6px;position:absolute;top:0;left:0;background:#03a9f4}.container-content article h1{margin-top:20px;font-weight:500;font-size:40px}.container-content article p{margin-top:20px;font-size:18px;color:#887f7f}.container-content article img{width:100%;margin-top:20px}.container-aside aside{width:320px;box-shadow:0 0 20px -20px #000;overflow:hidden;border-radius:6px;margin-left:40px;margin-bottom:40px;padding-bottom:20px}.container-aside aside img{width:100%}.container-aside aside h2,.container-aside aside p{margin-top:20px;padding:0 20px}.container-aside aside button{margin-top:20px;margin-left:20px;padding:10px 50px;font-size:16px;background:#03a9f4;border:none;color:#fff;cursor:pointer;border-radius:6px}@media screen and (max-width: 1220px){.container-content{max-width:1000px;padding:0 20px}}@media screen and (max-width: 1020px){.container-content{width:100%;flex-direction:column}.container-content article{box-shadow:0 0}.container-aside{display:flex;justify-content:center}.container-aside aside{max-width:300px;margin:10px}}@media screen and (max-width: 800px){body{overflow-x:hidden}.container-all{transition:all .3s cubic-bezier(1,0,0,1)}.container-aside{flex-wrap:wrap}}