main section:not(.image-gallery , .video-content , .btn-back) { margin: 6.5rem auto 0;}

@media (max-width: 1023px){
    main section:not(.image-gallery , .video-content , .btn-back) { margin: 3rem auto 0;}
}

/* .proyect-intro */
.proyect-intro .content { flex-wrap: wrap;}

.proyect-intro .intro-content { order: 2; width: 50%; align-self: center;}
.proyect-intro .intro-content h1 { margin-bottom: 3rem;}
.proyect-intro .intro-content h1 strong { display: block;}
.proyect-intro .intro-content p:last-child { margin-bottom: 0;}

.proyect-intro .aside-content { order: 1; flex-direction: column; width: 45%;}
.proyect-intro .aside-content .project-data { order: 2; width: 100%; padding: 2rem;}
.proyect-intro .aside-content .project-data h3 { text-transform: none;}
.proyect-intro .aside-content .project-data ul { margin: 1rem 0 0 .5rem;}
.proyect-intro .aside-content .project-data ul li { position: relative; font-size: .85rem; letter-spacing: 1px; margin-top: .25rem; padding-left: 1rem;}
.proyect-intro .aside-content .project-data ul li:before { content: "•"; position: absolute; top: 0; left: 0; color: #28628a; font-size: 1.5rem;}

.proyect-intro .aside-content .image-content { width: 100%; height: 400px;}
.proyect-intro .aside-content .image-content img { width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 1023px){
    .proyect-intro .intro-content { width: 60%;}
    .proyect-intro .aside-content { width: 35%;}
    .proyect-intro .aside-content .image-content { height: 400px;}
    .proyect-intro .aside-content .project-data { padding: 2rem 1.5rem;}
}
@media (max-width: 767px){
    .proyect-intro .intro-content { order: 1; width: 100%; margin-top: 0;}
    .proyect-intro .aside-content { order: 2; width: 100%; margin-top: 3rem;}
    .proyect-intro .aside-content .image-content { height: auto;}
}

/* .description */
.description h3 { letter-spacing: 1px; text-transform: none; margin-top: 2rem; margin-bottom: 1rem;}
.description p a ,
.proyect-intro .intro-content p a { color: #28628a;
    background-image: linear-gradient(to bottom, white 94%, transparent 94%), linear-gradient(to right, #ddbc6c 50%, #28628a 50%);
    background-size: 300% 100%;
    background-position: 100% 0;
    transition: 1s background-position , color .5s ease;
}
@media (hover:hover) {
    .description p a:hover,
    .proyect-intro .intro-content p a:hover { color: #c1a731; background-position: 0%;}
}
.description ul:not(.image-content) { padding-left: 1rem;}
.description ul:not(.image-content):last-child { margin-bottom: 0;}
.description ul:not(.image-content) li { position: relative; padding-left: 1.25rem; margin-top: 1rem;}
.description ul:not(.image-content) li:before { content: "•"; position: absolute; top: 0; left: 0; color: #28628a; font-size: 1.75rem;}

@media (min-width: 1440px) {
    .description .image-content li { flex: 1; margin: 0 .75rem;}
}



/* .video-content */
.video-content { padding-bottom: 0;}