@charset "UTF-8";

.links_mod {padding: 2rem 0;}
.links_mod .mainBox {display: flex;flex-wrap: wrap;position:relative}
.links_mod .mainBox a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:1}
.links_mod .mediaBox {order: 2;flex: 1 0 100%;}
.links_mod .overBox {order: 1;flex: 1 0 100%;}
.links_mod .overBox { text-align: center;padding: 1rem;}
.links_mod .overBox .maintitle {font-size: 2rem;line-height: 2.6rem;color: #1B85E0;}

.links_mod [title="¿Cómo vernos?"] + .mediaBox {padding: 2rem 35%;}

/* .links_mod [title="¿Cómo vernos?"] + .mediaBox .ima img {padding:02rem 25%} */

/* .links_mod [title="¿Cómo vernos?"] + .mediaBox .ima {padding-top: 15%;}
.links_mod [title="¿Cómo vernos?"] + .mediaBox .ima img {padding: 2rem;height: 100%;} */