.modal-info {
background: #FFFFFF;
    border-radius: 20px;
    opacity: 1;
    top: 99px;
    left: 538px;
    position: absolute;
    width: 470px;
    height: 350px;

}

.section-header-modal {
    width: 100%;
    top: 24px;
    left: 24px;
    gap: 8px;
    opacity: 1;
    position: absolute;
}

.section-mid-modal {
    margin-top: 82px;
    position: absolute;
    margin-left: 26px;
}

.section-tag-mid-modal {
    padding-top: 5px;
    width: 420px;

}

.section-footer-modal {
    position: absolute;
    top: 228px;
    margin-left: 27px;
}


/* Cuerpo de la lina (cuadrado de colores) */
.line-train-modal {
    width: 42px;
    height: 32px;
    border-radius: 8px;
    opacity: 1;
    background: #00943D;
    text-align: center;

}

/* Texto del cuadrado de color */
.text-line-train-modal {
    color: #FFFFFF;
    line-height: 2;
}


.name-line-train-modal {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0px;
    font-size: 24px;
    color: black;
}


.tag-info {
    /* width: 93px; */
    border-radius: 8px;
    opacity: 1;
    padding-right: 6px;
    padding-left: 6px;
    position: absolute;
}

.info {
    background: #E3F0FF;
}

.warning {
    background: #FCEFD8;
}

.accessible {
    background: #2969C7;
}

.parking {
    background: #33A85C;
}

.text-tag-modal-info {
    color: #2969C7;
}

.text-tag-modal-warning {
    color: #AA5414;
}

.text-tag-modal-accessible {
    color: #FFFFFF;
}

.text-tag-modal-parking {
    color: #FFFFFF;
}


.icon-accessible {
    margin-bottom: 3px;
}

.icon-parking {
    margin-bottom: 3px;
}



.next-station act-station ant-station {

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;

    line-height: 20px;
    letter-spacing: 0px;


}

.button-close-modal {
    width: 32px;
    height: 32px;
    border-radius: 123px;
    opacity: 1;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
    background: #EFF3F6;
}






.section-header-modal-station {
    width: 100%;
    top: 24px;
    left: 24px;
    gap: 8px;
    opacity: 1;
    position: absolute;
}

.section-mid-modal-station {
    margin-top: 62px;
    position: absolute;
    margin-left: 26px;
}

.section-tag-mid-modal-station {
    padding-top: 5px;
    width: 420px;

}
.section-footer-modal-station {
    position: absolute;
    top: 160px;
    margin-left: 27px;
    width: 80%;
}




.correspondences {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;

    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 8px;
}

.separator-tag-modal-station{
    width: 100%;
    margin-top: 40px !important;
    margin-left: 1px !important;
    background: #DEE7ED;
    height: 1.4px;
    border-radius: 1px;
}