/* Common style */


section.proceso_admision h2 {
    text-align: left;
    font-size: 2.5em;
    color: #1e9cf6;
    text-transform: uppercase;
    margin-left: 6%;
    font-weight: 900;
}

.proceso_admision .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #ebf1fb;
    border-radius: 13px 13px 0px 0px;
}

.proceso_admision .cont_text {
    padding: 10% 5%;
    width: 100%;
}

.proceso_admision h4.modal-title {
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #123169;
    display: inline-block;
}

.proceso_admision h6 {
    font-size: 15px;
    font-weight: 600;
}

.proceso_admision hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #123169;
}

.proceso_admision .btn.btn-link {
    font-size: 20px;
    font-weight: 600;
    color: #1e9cf6;
    margin: 10px 0px;
    text-decoration: none;
}

.proceso_admision .card .card-header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
}

.proceso_admisione .modal-body .card {
    border: 1px solid transparent!important;
}

.proceso_admision button.btn.btn-default:hover {
background: #1e9cf6;
color: #fff;
}

.proceso_admisione .sinRelleno {
    padding: 0;
}

.proceso_admision .calendarioAdmisiones {
    display: flex;
    border: 1px solid #ccc;
    margin: 10px 0px;
    align-content: stretch;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: end;
    min-height: 130px;
}

.proceso_admision .fecha {
    padding: 10px;
    background: #1e9cf6;
    max-width: 112px;
    width: 35%;
    text-align: center;
}

.proceso_admision .modal-header .close {
    margin-top: -2px;
    color: #da0921;
    font-size: 35px;
    opacity: .5;
}

.proceso_admision .fecha h4 {
    color: #fff;
    text-align: center;
    font-size: 2.0rem;
}

.proceso_admision .modal-content p {
    font-size: 1.0em !important;
    padding: 0;
    font-weight: 300;
    margin: 0;
}

.proceso_admision .descripcion {
    padding: 10px 10px;
    width: 65%;
}

.proceso_admision .descripcion h4 {
    color: #211256;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    margin: 0;
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 5px;
    margin-bottom: 10px;
    min-height: 39px;
    font-size: 1.4em;
    line-height: 30px;
}

.proceso_admision .modal-content p {
    font-size: 1.0em !important;
    padding: 0;
    font-weight: 300;
    margin: 0;
}

.proceso_admision .descripcion a {
    color: #1e9cf6;
    text-decoration: underline;
}

.proceso_admision .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.proceso_admision button.btn.btn-default {
padding: 2px 20px;
color: #1e9cf6;
text-transform: uppercase;
font-size: 1.2em;
border: solid 2px;
border-radius: 0;
letter-spacing: 1px;
margin-top: 2%;
bottom: 27px;
padding: 6px 20px;
}

.proceso_admision .descripcion p i {
    color: #211256;
    font-size: 15px;
    margin-right: 5px;
}

.proceso_admision h4 strong {
    font-size: 24px;
}

.proceso_admision .fecha p {
    color: #fff;
}

.proceso_admision .modal-content .fecha p {
    font-size: 1.3em !important;
}

.proceso_admision .modal-body {
    margin: 0px 25px;
}

section.proceso_admision h3 {
    font-family: 'Kaushan Script', cursive;
    font-size: 2.2em;
    color: #18294b;
    margin: 0;
    text-align: left;
    margin-left: 20px;
}

        section.proceso_admision {
    display: table;
    width: 100%;
    padding: 1% 3%;
    background: #fff;
}

        .proceso_admision .row.right {
    justify-content: flex-end;
}

.proceso_admision .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    width: 100%;
    min-width: 100%;
}

        .proceso_admision .grid figure img {
            display: block;
            min-height: 100%;
            max-width: 100%;
            margin: 0;
            position: relative;
            width: 100%;
        }

        .proceso_admision .grid figure figcaption {
    padding: 1.0em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .proceso_admision .grid figure figcaption::before,
    .proceso_admision .grid figure figcaption::after {
        pointer-events: none;
    }

    .proceso_admision .grid figure figcaption,
    .proceso_admision .grid figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    .proceso_admision .grid figure figcaption > a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
    }

    .proceso_admision .grid figure h6 {
        word-spacing: -0.15em;
        font-weight: 300;
    }

    .proceso_admision .grid figure h6 span {
        font-weight: 800;
        color: #71c4ff;
        font-size: 1.6em;
    }
    

    .proceso_admision .grid figure h6,
    .proceso_admision .grid figure p {
        margin: 0;
    }

    .proceso_admision .grid figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }

    .modal-dialog.modal-lg {
            max-width: 50%;
        }

    /* Individual effects */

    /*---------------*/
    /***** Lily *****/
    /*---------------*/

    .proceso_admision figure.effect-lily img {
        max-width: none;
        width: -webkit-calc(100% + 50px);
        width: calc(100% + 50px);
        opacity: 0.7;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-40px,0, 0);
        transform: translate3d(-40px,0,0);
    }

    .proceso_admision figure.effect-lily figcaption {
        text-align: left;
    }

    .proceso_admision figure.effect-lily figcaption > div {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        height: 50%;
    }

    .proceso_admision figure.effect-lily h6,
    .proceso_admision figure.effect-lily p {
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0);
    }

    .proceso_admision figure.effect-lily h6 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    .proceso_admision figure.effect-lily p {
        color: rgba(255,255,255,0.8);
        opacity: 0;
        -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
        transition: opacity 0.2s, transform 0.35s;
    }

    .proceso_admision figure.effect-lily:hover img,
    .proceso_admision figure.effect-lily:hover p {
        opacity: 1;
    }

    .proceso_admision figure.effect-lily:hover img,
    .proceso_admision figure.effect-lily:hover h6,
    .proceso_admision figure.effect-lily:hover p {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .proceso_admision figure.effect-lily:hover p {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
    }


    /*---------------*/
    /***** Bubba *****/
    /*---------------*/

    .proceso_admision figure.effect-bubba {
    background: #213862;
}

.proceso_admision figure.effect-bubba img {
    opacity: 0.5;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.proceso_admision figure.effect-bubba:hover img {
    opacity: 0.2;
}

    .proceso_admision  figure.effect-bubba figcaption::before,
    .proceso_admision figure.effect-bubba figcaption::after {
        position: absolute;
        top: 15px;
            right: 15px;
            bottom: 15px;
            left: 15px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    .proceso_admision figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    .proceso_admision figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
    }

    .proceso_admision figure.effect-bubba h6 {
    padding-top: 35%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 500;
}
.proceso_admision figure.effect-bubba p {
    padding: 0px 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

    .proceso_admision figure.effect-bubba:hover figcaption::before,
    .proceso_admision figure.effect-bubba:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .proceso_admision figure.effect-bubba:hover h6,
    .proceso_admision figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    /*---------------*/
    /***** Bubba *****/
    /*---------------*/

    @media (max-width: 1300px) {
        .proceso_admision .modal-dialog.modal-lg {
            max-width: 90%;
        }
    }

    @media (max-width: 1024px) {

        .proceso_admision .modal-dialog.modal-lg {
            max-width: 100%;
            margin: 0px;
        }

        .proceso_admision .modal-open .modal  {
            padding: 0px;
        }

        }

        @media (max-width: 768px) {   
            .proceso_admision figure.effect-bubba p  {
            display: none;
        }
         }