.modulo-optimizacion-maritima{background-color:#fff;font-family:sans-serif;padding:40px 20px;text-align:center}.mo-cabecera h2{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.mo-cabecera p{color:#666;font-size:20px;margin-bottom:40px}.mo-contenedor{border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;height:480px;margin:0 auto;max-width:1200px;overflow:hidden}.mo-tarjeta{background-position:50%;background-size:cover;cursor:pointer;flex:1;overflow:hidden;position:relative;transition:transform .3s ease}.mo-tarjeta:hover{transform:scale(1.01)}.mo-tarjeta:before{background:rgba(0,0,0,.45);content:"";inset:0;position:absolute;transition:background .4s ease,opacity .4s ease;z-index:1}.mo-tarjeta.hover-movil:before,.mo-tarjeta:hover:before{background:rgba(0,0,0,.2)}.mo-titulo-central{color:#fff;font-size:56px;font-weight:800;left:50%;position:absolute;text-shadow:0 2px 10px rgba(0,0,0,.3);top:50%;transform:translate(-50%,-50%);transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .3s ease;z-index:2}.mo-tarjeta.hover-movil .mo-titulo-central,.mo-tarjeta:hover .mo-titulo-central{opacity:.9;transform:translate(-50%,-100%)}.mo-detalles{align-items:flex-end;background:linear-gradient(0deg,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));bottom:0;display:flex;height:80%;justify-content:center;left:0;padding:20px 40px 30px;position:absolute;right:0;transform:translateY(100%);transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:3}.mo-tarjeta.hover-movil .mo-detalles,.mo-tarjeta:hover .mo-detalles{transform:translateY(0)}.mo-lista-contenedor ul{list-style:none;margin:0;padding:0;text-align:left}.mo-lista-contenedor li{color:#111;font-size:18px;font-weight:600;margin-bottom:12px;opacity:0;padding-left:30px;position:relative;transform:translateY(20px);transition:transform .4s ease .1s,opacity .4s ease .1s}.mo-tarjeta.hover-movil .mo-lista-contenedor li,.mo-tarjeta:hover .mo-lista-contenedor li{opacity:1;transform:translateY(0)}.mo-tarjeta:hover .mo-lista-contenedor li:nth-child(2){transition-delay:.2s}.mo-tarjeta:hover .mo-lista-contenedor li:nth-child(3){transition-delay:.3s}.mo-lista-contenedor li:before{color:#337ab7;content:"";font-size:1.1em;font-weight:900;left:0;position:absolute;top:1px}@media (max-width:900px){.mo-contenedor{height:400px}.mo-titulo-central{font-size:48px}}@media (max-width:768px){.mo-contenedor{border-radius:0;flex-direction:column;height:auto}.mo-tarjeta{height:380px}.mo-cabecera h2{font-size:28px}}