:root{
    --color_five: rgba(182,182,182,1);
    --color_six: rgba(220,220,220,1);
}

.title_obras{
    text-align: center;
    font-family: 'PFA Thin';
    font-size: 40px;
    margin-top: 1rem;
    color: var(--color_one);
}

.obras_list{
    display: flex;
    justify-content: center;
    padding: 0 2rem 0 0;
}

.obras_list .obras_list--item{
    list-style: none;
    margin: 2rem 1.7rem 2rem 2rem;
    text-transform: uppercase;
}

.obras_list .obras_list--item a{
    font-family: 'PFA Thin';
    font-size: 16px;
    text-decoration: none;
    color: var(--color_one);
    position: relative;
}

.obras_list .obras_list--item a::before{
    content: '';
    position: absolute;
    bottom: -5px;
    width: 0%;
    background-color: var(--color_one);
    height: 1px;
    transition: .3s;
}

.obras_list .obras_list--item a:hover::before{
    width: 100%;
    transition: .3s;
}

.obras_galeria .contenedor .contenedor_card{
    height: 23rem;
    cursor: pointer;
}

.obras_galeria .contenedor .contenedor_card img{
    width: 83%;
    transition: .3s;
}

.obras_galeria .contenedor .contenedor_card img:hover{
    width: 84%;
    transition: .3s;
}

.obras_galeria .contenedor .contenedor_card p,
.obras_galeria .contenedor .contenedor_card span{
    font-family: 'PFA Thin';
}

.obras_galeria .contenedor .contenedor_card p{
    font-size: 17px;
    color: var(--color_one);
    margin: 20px 0 0 0;
}

.obras_galeria .contenedor .contenedor_card span{
    text-transform: uppercase;
    font-size: 16px;
    color: var(--color_five);
}

/*=======================================*/

.title_obras.public{
    margin-top: 2rem;
    margin-bottom: 5rem;
}

.obras_galeria .contenedor .contenedor_card.public{
    margin-bottom: 8rem;
}

/*==========================================*/
.contact{
    display: flex;
    justify-content: center;
}
    
.contact form{
    max-width: 36rem;
    width: 100%;
}

.contact form .date .date_up{
    display: flex;
    justify-content: space-between;
}

.contact form .date .date_up div{
    width: 48%;
}

.contact form .date .date_up div input{
    width: 100%;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 7px;
    outline: none;
    background-color: transparent;
}

.contact form .date .date_up div input::placeholder,
.contact form .date .date_down textarea{
    font-family: 'PFA Thin';
    font-size: 15px;
    color: var(--color_one);
}

.contact form .date .date_down{
    margin-top: 2rem;
}

.contact form .date .date_down textarea{
    width: 100%;
    border: none;
    border-bottom: 1px solid;
    resize: none;
    outline: none;
    padding-bottom: 7px;
    background-color: transparent;
}

.boton{
    margin-top: 2rem;
}

.boton button{
    height: 2rem;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid;
    font-size: 13px;
    font-family: 'PFA Regular';
    letter-spacing: 3px;
    color: var(--color_one);
}

/*======================CONTACTO=============*/

.direccion ul{
    display: flex;
    justify-content: center;
    height: 13rem;
    border-top: 1px solid;
    margin-top: 6rem;
    align-items: center;
}

.direccion ul li{
    margin: 0 3rem 0 0;
}
.direccion ul li,
.direccion ul li div{
    height: 7rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.direccion ul li div{
    margin-top: 1.5rem;
    font-family: 'PFA Thin';

}

.direccion ul li div p{
    text-align: center;
    color: var(--color_one);
}

.direccion ul li div a{
    text-decoration: none;
    color: var(--color_one);
}

/*============================NOTICIA===============*/

.noticia_grande{
    height: 26.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    border-top: 1px solid var(--color_six);
    border-bottom: 1px solid var(--color_six);
}

.obras_galeria.noti{
    margin-top: 8rem;
}

.obras_galeria .contenedor .contenedor_card.noticia {
    height: 30rem;
    cursor: auto;
}

.noticia_grande article p{
    width: 30rem;
    font-family: 'PFA Thin';
    font-size: 30px;
    color: var(--color_one);
}

.noticia_grande div img{
    width: 100%;
}

.noticia_grande article,
.noticia_grande div{
    width: 50%;
    height: 100%;
}

.noticia_grande div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.noticia_grande article{
    padding: 3.5rem 2rem 2rem 4rem;
    /*
    border-top: 1px solid var(--color_six);
    border-bottom: 1px solid var(--color_six);
    */
}

.noticia_grande article a,
.obras_galeria .contenedor .contenedor_card.noticia a{
    font-family: 'PFA Regular';
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color_one);
    letter-spacing: 3px;
    position: relative;
}

.noticia_grande article a::before,
.obras_galeria .contenedor .contenedor_card.noticia a::before{
    content: '';
    position: absolute;
    /*width: 80px;*/
    width: 0%;
    height: 1px;
    background-color: black;
    bottom: -9px;
    transition: 0.3s;
}

.noticia_grande article a:hover::before,
.obras_galeria .contenedor .contenedor_card.noticia a:hover::before{
    width: 100%;
    transition: 0.3s;
}


.obras_galeria .contenedor .contenedor_card.noticia p{
    width: 21.6rem;
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0 15px 0;
}

/*============================NOTI INTERNAS===============*/

.interna{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
}

.interna > p{
    width: 43rem;
    font-size: 40px;
    text-align: center;
    font-family: 'PFA Thin';
    line-height: 46px;
    margin: 4rem 0 4rem 0;
    color: var(--color_one);
}

.interna article{
    width: 42rem;
    font-family: 'PFA Thin';
    line-height: 32px;
    margin: 6rem 0 5rem 0;
}

.glide_noti .glide_noti--item p{
    /*width: 21.6rem;*/
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0 15px 0;    
}

.glide_noti .glide_noti--item a{
    font-family: 'PFA Regular';
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color_one);
    letter-spacing: 3px;
    position: relative;
}

.glide_noti{
    margin: 5rem 0 5rem 0;
}

.glide_noti .glide_noti--item a::before{
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    background-color: black;
    bottom: -2px;
}
.glide__arrow{
    top: 25%;
}

.obras.otra_not{
    margin-top: 7rem;
    border-top: 1px solid var(--color_five);
    padding-top: 2.5rem;
}
/*============================OBRAS INTERNAS======================*/

.obras_int--img{
    display: flex;
    align-items: center;
    justify-content: center;
}

.contenedor_text{
    display: flex;
    justify-content: space-evenly;
    margin-top: 5rem;
}

.contenedor_text div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor_text div img{
    width: 100%;
}

.contenedor_text article{
    width: 31rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-family: 'PFA Thin';
}

.contenedor_text article h1{
    font-size: 40px;
    color: var(--color_one);
}

.contenedor_text article p{
    font-size: 16px;
    line-height: 32px;
    color: var(--color_one);
}

.contenedor_text article p:nth-child(4){
    margin-top: -3rem;
}

.contenedor_text article div{
    height: 5.2rem;
    display: flex;
    /*justify-content: space-between;*/
    border-bottom: 1px solid var(--color_five);
}

.contenedor_text article div span{
    margin-right: 5rem;
}

.contenedor_text article div span > b{
    color: var(--color_five);
    font-size: 16px;
    font-weight: normal;
}

.img_grande{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;    
    margin: 5rem 0 5rem 0;
}

.img_grande img{
    max-width: 1374px;
    width: 96%;
    margin-top: 2rem;
}

.img_chica{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60rem;
}

.img_chica img{
    width: 100%;
    padding-left: 2rem;
}

.img_chica div:nth-child(1){
    margin-bottom: 10rem;
}

.img_chica div:nth-child(2){
    margin-top: 10rem;
}

.obras.internas{
    border-top: 1px solid var(--color_four);
    padding-top: 2rem;
    margin-top: 6rem;
}

.obras.internas .obras_galeria{
    margin-top: 3rem;
}


@media (max-width: 1400px){
    .obras_galeria .contenedor .contenedor_card.noticia img{
        width: 95%;
        transition: .3s;
    }
    .obras_galeria .contenedor .contenedor_card.noticia img:hover{
        width: 96%;
        transition: .3s;
    }
}

@media (max-width: 1280px){
    .obras_galeria .contenedor .contenedor_card.noticia p {
        width: 100%;
    }
    .glide_noti .glide_noti--item img{
        width: 100%;
    }
    .interna .img_top{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .interna .img_top img{
        width: 95%;
    }
}


@media (max-width: 991px) {

    .obras_galeria .contenedor .contenedor_card {
        width: 50%;
      }

    .obras_galeria .contenedor .contenedor_card img{
        width: 100%;
    }
    .row.contenedor{
        text-align: center;
    }
    .obras_list {
        padding: 0 0rem 0 0;
        flex-wrap: wrap;
    }
    .obras_list .obras_list--item {
        margin: 2rem 7px 2rem 8px;
    }

    /*===========================================*/

    .obras_galeria .contenedor .contenedor_card.public img {
        width: 85%;
    }
    /*==========================================*/
    .obras_galeria .contenedor .contenedor_card.noticia {
        text-align: start;
    }

    .noticia_grande {
        height: auto;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .noticia_grande article, .noticia_grande div {
        width: 100%;
        height: 100%;
    }

    .noticia_grande article {
        padding: 3.5rem 2rem 2rem 0rem;
    }

    .noticia_grande article p {
        width: 100%;
        font-size: 27px;
        line-height: 40px;
    }
    .interna > p {
        width: 90%;
        font-size: 32px;
    }
    .contenedor_text article {
        height: 45rem;
      }
    .contenedor_text div img{
        width: 80%;
    }    
    .obras_int--img img{
        width: 100%;
    }
    .contenedor_text article div {
        margin: -2rem 0 -2rem 0;
        justify-content: flex-start;
    }
    /*=======================================*/
    .img_chica {
        height: auto;
    }
    .img_chica div:nth-child(1) {
        margin-bottom: 0rem;
    }
    .img_chica div:nth-child(2) {
        margin-top: 0rem;
    }
    .img_grande {
        /*margin: 1rem 0 2rem 0;*/
        margin: -1rem 0 1rem 0;
    }
    .img_chica img {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {
    .obras_galeria .contenedor .contenedor_card {
        height: 18rem;
    }
    .obras_list .obras_list--item {
        margin: .5rem 7px 0rem 8px;
    }
    .obras_list .obras_list--item a {
        font-size: 15px;
    }
    .interna article {
        width: 80%;
    }
    .interna .img_down {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .interna .img_down img{
        width: 70%;
        margin-bottom: 3rem;
    }
    .contenedor_text {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 0rem;
      }
      .contenedor_text div img {
        width: 70%;
      }
      .img_chica {
        height: auto;
      }
      .img_chica img {
        padding-left: 1rem;
        padding-right: 1rem;
      }
}

@media (max-width: 490px){
    .obras_galeria .contenedor .contenedor_card {
        width: 100%;
        margin: 1rem 0 1rem 0;
        height: 18rem;
    }
    .obras_galeria .contenedor .contenedor_card img {
        width: 20rem;
    }

    /*============================================*/
    .obras_galeria .contenedor .contenedor_card.public {
        height: 26rem;
        margin-bottom: 3rem;
    }
    .obras_galeria .contenedor .contenedor_card.public img {
        width: 75%;
    }
    .noticia_grande article p {
        font-size: 20px;
    }
    .interna > p {
        width: 90%;
        font-size: 23px;
    }
    .direccion ul {
        display: flex;
        justify-content: space-around;
        height: 30rem;
        border-top: 1px solid;
        margin-top: 6rem;
        align-items: center;
        flex-direction: column;
        padding-top: 3rem;
    }
    .img_chica {
        height: auto;
    }
    .contenedor_text article {
        width: 90%;
        height: 50rem;
    }
    .contenedor_text article div span {
        margin-right: 2rem;
    }
    .img_grande img {
        /*width: 92%;*/
        width: 95%;
    }
    .img_grande .img_grande--right{
        margin-top: 1rem;
    }
    .contenedor_text article div {
        margin: -5rem 0 0rem 0;
        justify-content: flex-start;
    }
    .contenedor_text div {
        margin-top: -3.5rem;
    }
    .obras_img{
        margin-top: 3rem;
    }
    .img_chica img {
        width: 103%;
        padding-left: 0.5rem;
        padding-right: 1rem;
    }
}