﻿.bg_marca {
    color: rgb(213, 43, 30) !important;
}

.bg_cocina {
    color: rgb(110, 50, 25) !important;
}

.bg_turismo {
    color: rgb(0, 121, 193) !important;
}

.bg_negocios {
    color: rgb(125, 0, 99) !important;
}

.bg_comercio {
    color: rgb(122, 184, 0) !important;
}

.br_marca {
    border-bottom: 5px solid rgb(213, 43, 30) !important;
}

.br_cocina {
    border-bottom: 5px solid rgb(110, 50, 25) !important;
}

.br_turismo {
    border-bottom: 5px solid rgb(0, 121, 193) !important;
}

.br_negocios {
    border-bottom: 5px solid rgb(125, 0, 99) !important;
}

.br_comercio {
    border-bottom: 5px solid rgb(122, 184, 0) !important;
}

.rel_contenedor, .gen_contenedor {
    display: block;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.gen_contenedor {
    margin-top: 50px;
    margin-bottom: 50px;
}

.rel_titulo, .rel_noticias, .gen_titulo, .gen_noticias {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
}

.gen_noticias {
    padding: 0;
}

.gen_titulo {
    align-items: center;
    margin-bottom: 20px;
}

.rel_flecha {
    width: 10%;
    cursor: pointer;
}

    .rel_flecha i {
        margin-top: 5px;
        font-size: 50px;
        cursor: pointer;
    }

.rel_flecha_izquierda {
    text-align: left;
}

.rel_flecha_derecha {
    text-align: right;
}

.rel_titulo_des {
    width: 80%;
    text-align: center;
}

.gen_titulo_des {
    width: 50%;
    text-align: left;
}

.gen_mas {
    width: 50%;
    text-align: right;
    padding-right: .75%;
}

.rel_titulo_des h2 {
    font-size: 50px;
    margin: 0;
}

.gen_titulo_des h2 {
    font-family: BreePeru-Regular;
    font-size: 22px;
    text-align: left;
    margin: 0;
    font-weight: bold;
    color: rgb(213, 43, 30) !important;
}

.rel_noticias a.enlace, .gen_noticias a.enlace {
    display: block;
    text-decoration: none;
}

.gen_noticias a.enlace {
    width: 25%;
    box-sizing: border-box;
}

.rel_noticias_item, .gen_noticias_item {
    box-sizing: border-box;
    margin-right: 2.5%;
}

    .rel_noticias_item > img, .gen_noticias_item > img {
        width: 100%;
        height: auto;
    }

    .rel_noticias_item .noticia_descripcion, .gen_noticias_item .noticia_descripcion {
        background-color: #e6e7e8;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        height: 171px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .gen_noticias_item .noticia_descripcion {
        height: 200px !important;
    }

        .gen_noticias_item .noticia_descripcion > h4.rel_seccion {
            width: 90%;
            font-size: 16px;
            font-family: BreePeru-Regular;
            font-weight: bold;
            letter-spacing: 2px;
            line-height: 1;
            margin: 0 auto;
            padding-top: 14px;
        }

        .rel_noticias_item .noticia_descripcion > h3, .gen_noticias_item .noticia_descripcion > h3 {
            width: 90%;
            color: #939598;
            font-size: 20px;
            font-family: BreePeru-Light;
            font-weight: bold;
            height: 135px;
            line-height: 1.3;
            overflow: hidden;
            margin: 0 auto;
            padding: 10px 0;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .rel_noticias_item .noticia_descripcion > p, .gen_noticias_item .noticia_descripcion > p {
            width: 90%;
            color: #939598;
            font-size: 14px;
            font-family: BreePeru-Light;
            font-weight: normal;
            padding: 5px 0;
            margin: 0 auto;
            line-height: 1.2;
        }

        .rel_noticias_item .noticia_descripcion > label:after, .gen_noticias_item .noticia_descripcion > label:after {
            content: ' >>';
        }

        .rel_noticias_item .noticia_descripcion > label, .gen_noticias_item .noticia_descripcion > label {
            color: #636466;
            font-size: 14px;
            font-family: BreePeru-Regular;
            font-weight: bold;
            cursor: pointer;
        }

.rel_mas {
    text-align: right;
    margin-top: 20px;
}

    .rel_mas a.rel_mas_noticias {
        font-family: BreePeru-Regular;
        text-decoration: underline;
        font-size: 20px;
    }

        .rel_mas a.rel_mas_noticias:after {
            content: ' >>';
        }

.gen_mas a.gen_mas_noticias {
    font-family: BreePeru-Regular;
    text-decoration: underline;
    color: #636466;
}

    .gen_mas a.gen_mas_noticias:after {
        content: ' >';
    }

@media (max-width: 991px) {

    .rel_contenedor, .gen_contenedor {
        margin: 50px auto;
    }

    .rel_flecha {
        display: none;
    }

    .rel_titulo_des, .gen_titulo_des {
        width: 100%;
        margin-bottom: 10px;
    }

        .gen_titulo_des h2 {
            text-align: center;
        }

    .gen_mas {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .rel_mas {
        text-align: center;
    }

    .gen_noticias a.enlace {
        width: 50%;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {

    .rel_noticias a.enlace, .gen_noticias a.enlace {
        display: none;
    }

    .gen_noticias a.enlace {
        width: 100%;
        margin-bottom: 15px;
    }

        .rel_noticias a.enlace:nth-child(-n+3), .gen_noticias a.enlace:nth-child(-n+3) {
            display: block;
            margin-bottom: 20px;
        }

    .rel_noticias_item .noticia_descripcion > p, .rel_noticias_item .noticia_descripcion > label, .gen_noticias_item .noticia_descripcion > p, .gen_noticias_item .noticia_descripcion > label {
        display: none;
    }

    .rel_noticias_item .noticia_descripcion, .gen_noticias_item .noticia_descripcion {
        height: auto;
    }
}
