﻿.movil{
    display: none!important;
}
.banner-responsabilidad-social{
    padding: 0 !important;
    margin-top: 0 !important;
}
.banner_rs {
    background: url('../img/responsabilidad-social/responsabilidad-social.png');
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 10% 0% 2%;
    padding: 11% 4% 0 58%;
    text-align: left;
}
.banner_rs h1{
    font-size: 22pt;
    color: #00345F;
}
.banner_rs strong{
    color: #009BDD;
}
    .banner_rs h2 {
        font-size: 16pt;
        line-height: 1.5;
        color: #00345F;
    }
    .banner_rs p {
        font-size: 12pt;
        color: #535F69;
    }
        .album {
            display: grid;
            grid-template-columns: 25% 25% 25%;
            width: 90%;
            margin: auto;
            justify-content: space-between;
            justify-items: center;
            grid-gap: 15px;
        }
    .album > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .album img {
        width: 250px;
        height: 200px;
        object-fit: cover;
        object-position: top;
        border: 5px solid #fff;
        box-shadow: 0px 0px 15px -7px #000;
        margin: 5px 0px;
        cursor: pointer;
    }
        .album img:hover {
            border: 5px solid #FE6975;
            box-shadow: none;
        }
    .album h3 {
        font-size: 14pt;
        font-weight: 900;
        color: #535F69;
    }
    .album p{
        color: #939597;
        font-size: 10pt;
        text-align: justify;
        line-height: 1.2;
    }
.album-sec {
    width: 90%;
    margin: auto;
    padding-bottom: 4%;
}
.div_tit_alb {
    display: grid;
    grid-template-columns: 20% 70%;
    align-items: center;
    justify-items: center;
    margin-top: 6%;
    padding-top: 5%;
}
    .div_tit_alb > div {
        font-size: 12pt;
        background: #FE6975;
        padding: 8px;
        border-radius: 11px;
        color: #fff;
        cursor: pointer;
    }
        .div_tit_alb > div:hover {
            background: #660EFF;
        }
        #table_alb_length {
            display: none;
        }
#table_alb, #table_alb th{
    border: none;
}
    #table_alb img {
        width: 273px;
        border: 5px solid #fff;
        box-shadow: 0px 0px 15px -7px #000;
        border-radius: 5px;
        cursor: pointer;
        height: 206px;
        object-fit: cover;
        object-position: top;
    }
#table_alb img:hover{
    border: 5px solid #FE6975;
    box-shadow: none;
}
#table_alb td{
    text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 100%;
    background: #FE6975 !important;
    border: 1px solid #FE6975!important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius: 100%;
    border: none !important;
    background: #FE6975 !important;
    color: #fff !important;
}
#table_alb_previous, #table_alb_next {
    display: none !important;
}
.owl-nav {
    text-align: center;
    font-size: 36pt;
}
.owl-prev {
    margin-right: 10%;
}
.owl-carousel .owl-item img {
    height: 250px;
    object-fit: cover;
    object-position: top;
}
@media (max-width: 820px){
    .desk{
        display: none;
    }
    .movil {
        display: block!important;
    }
    .banner_rs {
        background: #fff;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 10% 0% 2%;
        padding: 25% 10% 0 10%;
        text-align: left;
    }
    .album {
        grid-template-columns: 100%;
        margin-bottom: 4%;
    }
        .album h3 {
            background: #fff;
            color: #FE6975;
            width: 100%;
            padding: 6px;
            border-radius: 7px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 2px solid #FE6975;
        }
            .album label:target {
                background: #FE6975;
                color: #fff;
            }
    .div_tit_alb {
        display: flex;
        align-items: center;
        justify-items: center;
        margin-top: 30%;
        flex-direction: column;
        grid-gap: 15px;
    }
}