:root {--main: #4b6587;}* {margin: 0;padding: 0;font-family: Helvetica, Arial, sans-serif;}#title {background: #D4E9E2;padding: 40px;text-align: center;}#title h2 {font-weight: 700;color: #203931;font-size: 1.8em;}#title p {color: #2C4740;margin-top: 5px;letter-spacing: .102rem;}.row {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;width: 100%;margin-bottom: 40px;}.column {display: flex;flex-direction: column;align-items: flex-start;}#line {width: 100%;max-width: 1190px;height: 4px;background-image: linear-gradient( to right, #ff9e36, #fe6e17, #dc2a4a, #b62068, #902a7e, #4b6587 );margin: 0 auto;position: relative;top: 320px;}#line::after {content: '';width: 12px;height: 12px;border-radius: 50%;background-color: var(--main);position: absolute;right: -5px;top: -4px;}#line::before {content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #ff9e36;position: absolute;left: -5px;top: -4px;}#line img{width:140%;}.branch {width: calc(100%/7);height: 90px;position: relative;bottom: 120px;left: 40px;display: inline-block;transition: all 1.5s ease;}.ld {border-left: 3px solid #ff9e36;}.ld::after {border-bottom: 3px solid #ff9e36;}.ld::before {background-color: #ff9e36;}.ld1 {border-left: 3px solid #fe6e17;}.ld1::after {border-bottom: 3px solid #fe6e17;}.ld1::before {background-color: #fe6e17;}.ld2 {border-left: 3px solid #dc2a4a;}.ld2::after {border-bottom: 3px solid #dc2a4a;}.ld2::before {background-color: #dc2a4a;}.ld3 {border-left: 3px solid #b62068;}.ld3::after {border-bottom: 3px solid #b62068;}.ld3::before {background-color: #b62068;}.ld4 {border-left: 3px solid #902a7e;}.ld4::after {border-bottom: 3px solid #902a7e;}.ld4::before {background-color: #902a7e;}.ld5 {border-left: 3px solid #902a7e;}.ld5::after {border-bottom: 3px solid #902a7e;}.ld5::before {background-color: #902a7e;}.branch.transition {transition: all 2s ease;}.branch::after {content: '';width: 15px;height: 2px;position: absolute;bottom: 0;left: -2px;}.branch::before {content: '';width: 8px;height: 8px;border-radius: 50%;position: absolute;top: -4px;left: -5.5px;}.mirror-down {transform: scaleY(-1);top: 30px;}.mirror-down .content {transform: scaleY(-1);bottom: 0;}.content {position: absolute;left: 30px;top: -20px;width: 200px;}.year {font-size: 1.2rem;font-weight: 600;border-radius:100px;background-color: #4b6587;border: 2px solid #000;color: #fff;width:45px;padding:10px 10px 10px 10px;text-align: center;}.text {font-size: 0.92rem;margin-top: 15px;}.branch img {position: absolute;top: -135px;left: -70px;}@media (max-width: 1080px) {.branch img {top: -115px;}}.mirror-down img {transform: scale(1) scaleY(-1);}img#analisis {width:105%;}img#diseno {width: 90%;}img#verificacion {width: 80%;}img#desarrollo {width:105%;}img#testeo {width:90%;}img#mant {width:130%;}@media (max-width: 1435px) {#line {transform: scale(0.9);}}@media (max-width: 1256px) {#line {transform: scale(0.8);}}@media (min-width: 1256px) {.sub-foot {justify-content: space-between;margin-bottom: 5px;}.img-col {width: 50%;}#logo-img {width: 100%;height: auto;position: relative;left: -200px;}.copy-col {display: flex;flex-direction: row;align-items: flex-end;font-size: 0.9em;}}@media (max-width: 852px) {#line {transform: rotate(90deg) scale(0.8);transform-origin: left;top: 50px;left: 50%;}.flip {transform: scaleY(-1);}.turn {transform: scaleY(1);}.year {margin-bottom: -8px;}.branch {bottom: 0px;height: 25px;}.mirror-down {top: -22px;left: -35px;}.branch::after {content: '';border: none;}.branch::before {content: '';width: 10px;height: 10px;left: -6px;}.text {font-size: 1rem;}.left {left: -25px;top: -210px;transform: scaleY(-1) rotate(-90deg);transform-origin: top left;width: 220px;}img#analisis {top:-150px;width: 150%;left: 40px;}img#diseno {width: 150%;left: 40px;}img#verificacion {top:-170px;width: 150%;left:40px;}img#desarrollo {top:-170px;width:170%;left: 30px;}img#testeo {top:-170px;width:150%;left: 45px;}img#mant {top:-170px;width:200%;left:20px;}.flip img {left: 0px;top: -200px;transform: rotate(-90deg) scaleX(-1) scale(1);}.right {left: -25px;top: -20px;transform: rotate(-90deg)!important;transform-origin: top left;}.turn img {left: 0px;top: -160px;transform: rotate(-90deg) scaleX(-1) scale(1);}.column {margin-bottom: 30px;width: 100%;align-items: center;}.copy-col {font-size: 0.9em;}#logo-img {width: 100%;}}@media (max-width: 640px) {#line {width: 75vh;}}