/*-------------------------------------------------------------------------------- BOX ----------------------------------------------------------------------------*/
    @import "variables.css";
    .card {
        transition: transform .2s;
        color: var(--header-color);
        background-color: #FFFFFF;
        border-left: 10px solid var(--index-blue);
        border-top: none;
        border-bottom: none;
        box-shadow: 5px 5px 5px #CCCCCC;
        border-radius: 0;
        padding: 15px;
    }
    /*-----------------------------------------------------------   CONTENT    -----------------------------------------------------------*/
    
    .line-left {
        border-bottom: 1px solid #DCE0E4;
        width: 70%;
    }
    
    .clearfix {
        height: 150px;
        overflow: auto;
    }
    
    .img-enlace {
        float: right;
        height: 80%;
        width: auto;
        padding-top: 30px;
    }
    
    .txt-enlace {
        padding-top: 30px;
        padding-left: 15px;
    }
    /*-----------------------------------------------------------   CARDS    -----------------------------------------------------------*/
    
    .column {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    
    .column a {
        color: var(--header-color);
        text-decoration: none;
    }
    
    .column a:hover {
        color: var(--index-blue);
    }
    
    @media screen and (max-width: 1000px) {
        .column {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }
    }
    
    @media screen and (max-width: 425px) {
        .img-enlace {
            float: right;
            height: 50%;
            width: auto;
            padding-top: 30px;
        }
    }
    
    .zoom {
        transition: transform .2s;
        flex: content;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    
    .zoom:hover {
        -ms-transform: scale(1.03);
        /* IE 9 */
        -webkit-transform: scale(1.03);
        /* Safari 3-8 */
        transform: scale(1.03);
    }
    /*------------------------------------------------------------- PAGINATION --------------------------------------------------------------------*/
    
    .pagination {
        display: inline-block;
    }
    
    .pagination a {
        color: black;
        padding: 8px 16px;
        text-decoration: none;
    }
    
    .pagination a.active {
        background-color: var(--index-blue);
        color: white;
    }
    
    .pagination a:hover:not(.active) {
        background-color: #FFFFFF;
    }