﻿
.main-servicios {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .main-servicios .servicios-banner {
        position: relative;
        z-index: 1;
    }

        .main-servicios .servicios-banner .servicios-text {
            position: absolute;
            width: var(--page-width);
            z-index: 2;
            height: 100%;
            min-height: 100%;
            max-height: 100%;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            .main-servicios .servicios-banner .servicios-text img {
                position: absolute;
                top: 0;
                left: 0;
                top: 50%;
                transform: translate(20%,-50%);
                height: 40%;
            }


    .main-servicios .servicios-map {
        position: relative;
        z-index: 1;
        margin: auto;
        width: var(--page-width);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        padding:50px 0;
    }
        .main-servicios .servicios-map .map-image {
            padding:50px;
        }

        .main-servicios .servicios-map .servicios-map-split {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            width: 100%;
            height: 100%;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: space-between;
            align-items: center;
            margin:0 30px;
            gap:20px;
        }

            .main-servicios .servicios-map .servicios-map-split .servicios-map-left {
                text-align:center;
                width:50%;
                position:relative;
                font-family:bold;
                font-size:3.5rem;
                text-transform:uppercase;
                text-align:left;
            }

            .main-servicios .servicios-map .servicios-map-split .servicios-map-right {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-content: flex-end;
                justify-content: center;
                align-items: stretch;
                gap:20px;
                width:50%;
            }

                .main-servicios .servicios-map .servicios-map-split .servicios-map-right > * {
                    display: flex;
                    border-bottom: solid 2px #555;
                    padding: 0 40px;
                    gap: 30px;
                    width: 100%;
                    flex-direction: row;
                    flex-wrap: nowrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                }

                .main-servicios .servicios-map .servicios-map-split .servicios-map-right .map-transport-icon {
                    width: 120px;
                }

                .main-servicios .servicios-map .servicios-map-split .servicios-map-right .map-transport-title {
                    flex:1;
                    font-family:bold;
                    font-size:1.2rem;
                    position:relative;
                    margin-top:10px;
                }

