.atc {

    h1,
    h5{
        color: var(--color-mado-morado);
    }

    h2,
    h3,
    h4 {
        color: var(--color-mado-rojo);
    }

    .bg-oscuro,
    .bg-gris,
    .bg-imagen,
    .bg-img-izq,
    .ejemplo,
    .tips {
        border-radius: 30px;
        overflow: hidden;
    }

    .bg-oscuro {
        background-color: #5e2366;
        color: white !important;
        border-radius: 30px;

        .highlight,
        .call2action {
            color: white !important;
        }
    }

    .bg-img-izq {
        background-color: var(--color-atc-principal);
        color: white !important;
    }

    .logo_bg {
        background-color: #5E2366;
        width: 100%;
        min-height: 300px;
        background-image: url(https://universidad.mobilityado.com/pluginfile.php/8424/mod_folder/content/0/ATC_negativo.png);
        background-size: auto 90%;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0px;
        margin-bottom: 60px;
    }

    h1.bg {
        background-color: var(--color-atc-secundario);
        color: white !important;
        padding: 8px;
        font-weight: 200;
    }

    h2.bg,
    h3.bg,
    h4.bg {
        background-color: var(--color-atc-principal);
        color: white !important;
        font-weight: 400 !important;
        font-size: xx-large;
        padding: 20px;
        padding-left: 20px !important;

        span{
            color: var(--color-atc-secundario) !important;
        }
    }

    h2.borde,
    h3.borde,
    h4.borde {
        border-bottom: thin solid var(--color-atc-principal);
        padding-bottom: 10px;
        margin-bottom: 10px;

        span{
            color: var(--color-atc-principal) !important;
        }
    }

    .banner {
        background-color: var(--color-mado-rojo);
        color: white ! important;
        padding: 0px;
        margin-top: 60px;
        min-height: 10px;

        .col-img {
            margin: 0;
            padding: 0;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 180px;

            background-image: url(https://universidad.mobilityado.com/pluginfile.php/3230/course/overviewfiles/16.jpg);
        }

        h2,h3,h4 {
            font-weight: 400 !important;
            font-size: xx-large;
            margin: 30px 12px;
            color: white !important
        }
    }

    .bloque-outline {
        border-radius: 25px;
    }

    b,
    .call2action {
        color: var(--color-mado-rojo) !important;
    }

    .highlight {
        color: var(--color-mado-morado);
    }

    .importante {
        background: var(--color-mado-morado);
        color: white !important;
    }

    .introduccion{
        background-color: var(--color-atc-principal) !important;
        padding: 15px;
        color: white !important;
        border-radius: 30px;

        a{
            color: var(--color-atc-secundario);
        }

        .break{
            border-top-color: var(--color-atc-secundario);
        }

        .material{
            background-color: var(--color-atc-principal) !important;
        }
    }

    .repaso{
        border-radius: 30px !important;
        overflow: hidden;

        .head{
            background-color: var(--color-atc-principal);
            color: white !important;
        }
    }

    .tips{
        background-color: var(--color-atc-principal);
        color: white !important;
    }
}






.atc.ahorrobus {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #0060A8 !important;
    }

    h1.bg {
        background-color: #E76E01;
        color: white !important;
    }

    h3.bg {
        background-color: #0060A8;
        color: white !important;
    }

    .call2action {
        color: #E76E01 !important;
    }

    .highlight {
        color: #0060A8 !important;
    }

    b {
        color: #E76E01 !important;
    }

    .banner {
        background-color: #0060A8;

        .col-img {
            background-image: var(--imagen-ahorrobus);
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            color: white !important;
        }

    }

    .bg-oscuro {
        background-color: #E76E01;
        color: white !important;
        padding: 30px 0px;
        font-weight: 500;

        p {
            margin: 0px;
        }

        b {
            color: white !important;
        }

        .highlight,
        .call2action {
            color: white !important;
            font-weight: 200;
        }
    }

    .tips {
        background-color: #E76E01;
        color: white !important;

        .call2action {
            color: white !important;
        }
    }

    .tips::before {
        background-image: url(https://universidad.mobilityado.com/pluginfile.php/8424/mod_folder/content/0/Ahorrobus/ahorrobus_idea.png);

    }
}