/* .alternate-content */

.alternate-content h3 { font-size: 16px; font-weight: 400; margin: 1em 0 1em .15em;} 

.alternate-content .flex { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0;}
.alternate-content .flex > div { width: calc(50% - 1rem * 2);}
.alternate-content .flex .txt { padding: 3rem;}
.alternate-content .flex .txt h3 { font-size:14px; font-family: 'aperculight', sans-serif; }
.alternate-content .segundo .txt {order: 2;}
.alternate-content .flex .image { align-self: stretch;}
.alternate-content .flex .image img { width: 100%; height: 100%; object-fit: cover;}
.alternate-content ul { margin-top:50px;}
.alternate-content ul li { width:50%; float:left; margin: 0 0 1rem;}
.alternate-content ul li:last-child { margin: 0;}
.alternate-content ul li a { position: relative; display:inline-block; overflow: hidden; color: #28628a; padding:0 0 7px; }
.alternate-content ul li a:after { width:15px; height: 2px; background-color: #efcd34; content:""; position: absolute;bottom:0;left:0; transition:all 0.5s ease;}
.alternate-content ul li a:hover:after { width:100%; }

.alternate-content .btn01 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; max-width: 100%;}
.alternate-content .btn01 svg { margin: 0; transition: margin .5s ease;} 
.alternate-content .btn01:hover svg { margin: 0 -.5rem 0 .5rem;} 

@media (max-width: 1280px){
    .alternate-content .flex > div { width: 47%;}
}
@media (max-width: 1023px){
    .alternate-content ul li { width:100%; } 
}
@media (max-width: 767px){
    .alternate-content .content > .flex { margin-bottom: 3rem;}
    .alternate-content .content > .flex:last-child { margin-bottom: 0;}
    .alternate-content .flex .txt { width:100%; order:1; padding: 0 2rem 2rem;} 
    .alternate-content .flex .image { width:100%; height: 250px; order:2;} 
}