/*!/wp-content/themes/dupla/assets/css/styles.css*//*
Theme Name: Dupla
Author: dupla
Author URI: http://dupla.mx
Description: Theme for Dupla's website.
Requires at least: WordPress 5
Version: 1.0
Text Domain: dupla
*/



@font-face {
    font-family: "Basis Grotesque";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesque-Regular.otf');
    font-weight: normal;
    font-style: normal;
 font-display:swap;}

@font-face {
    font-family: "Basis Grotesque";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesquePro-Italic.ttf');
    font-weight: normal;
    font-style: italic;
 font-display:swap;}

@font-face {
    font-family: "Basis Grotesque";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesque-Bold.otf');
    font-weight: bold;
    font-style: normal;
 font-display:swap;}

@font-face {
    font-family: "Basis Grotesque Mono";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesqueMonoPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
 font-display:swap;}

@font-face {
    font-family: "Basis Grotesque Mono";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesquePro-Italic.ttf');
    font-weight: normal;
    font-style: italic;
 font-display:swap;}


@font-face {
    font-family: "Basis Grotesque Mono";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/BasisGrotesqueMonoPro-Bold.ttf');
    font-weight: bold;
    font-style: normal;
 font-display:swap;}

@font-face {
    font-family: "Coolvetica Compressed";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/coolvetica-compressed.otf');
    font-weight: normal;
    font-style: normal;
 font-display:swap;}

@font-face {
    font-family: "AghartiBoldUltraCondensed";
    src: url('/wp-content/themes/dupla/assets/css/../fonts/MyFontsWebfontsKit/webFonts/AghartiBoldUltraCondensed/font.woff2') format('woff2'), url('/wp-content/themes/dupla/assets/css/webFonts/AghartiBoldUltraCondensed/font.woff') format('woff');
   font-display:swap;}
  

html, body {
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    opacity: 1;
    margin: 0px;
    font-size: 14px;
    background-color: #fafafa;
    color: #313131;
}

p {
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    font-size: 1rem;
}
#wrapper{
    min-height: calc(100vh - 4.2rem - 90px);
}
a {
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    color: currentColor;
    text-decoration: none;
}

.container-fluid.navbar .row{
    align-items: center;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
}

.img-fluid {
    max-width: 100%;
}

.row {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.container-fluid {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.col {
    --bs-gutter-x: 0px !important;
    --bs-gutter-y: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.topnav {
    overflow: hidden;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.topnav a {
    float: left;
    display: block;
    color: #313131;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
}



.topnav a.active {
    color: #EE7077;
}

.topnav .icon {
    display: none;
}

.fix-top {
    margin-top: 25px !important;
}

.fix-mb {
    margin-bottom: 5em;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}


.filterDiv {
    display: none;
}

.show {
    display: block;
}

.row.row_work .columna p{
    margin: 0;
}
/* Style the buttons */
.btn {
    border: none;
    outline: none;
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #313131;
    padding: 8px 12px;
    background: #f1f1f1;
    border-width: 1px;
    display: inline-block;
    margin: 0 5px 5px 0;
    transition: 600ms ease;
}



.btn.active {
    background-color: #313131;
    color: white;
}

#myBtnContainer {
    padding-bottom: 0;
}

.descripcion-destacado h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #313131;
    margin: 20px 0px;
}

.descripcion-destacado p {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4em;
    margin: 0.5rem 0;
}
.info_destacada{
    margin-bottom: 4rem;
}
.fix-top{
    margin-bottom: 4rem;
}
.fix-top .info_destacada{
    margin-bottom: 0;
}
.info_destacada h3{
    font-style: normal;
    font-weight: 400;
    font-size: 1.75rem;
    margin: 1.5rem 0px 0px;
}

.descripcion-destacado {
    padding-left: 1em !important;;
    margin-bottom: 4em;
}

.tag-destacado {
    padding-right: 1em !important;
}

.fix-right {
    text-align: right;
    padding-right: 3em !important;;
    padding-left: 0em !important;;
}

.tag-categoria {
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.2em;
    margin: 0.5rem 0 0;
    display: inline-block;
    color: #6e6e6e;
}
.tag-categoria::after{
    content: ', ';
}
.tag-categoria:last-child::after{
    content: '';
}

.tag-categoria-w {
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.2em;
    color: #6e6e6e;
    margin: 0;
    display: inline-block;
}
.tag-categoria-w::after{
    content: ', ';
}
.tag-categoria-w:last-child::after{
    content: '';
}

.fix-float-left {
    float: left !important;
}

.tag-categoria a {
    color: #313131;
    text-decoration: none;
}



.destacado-consecuente {
    margin-top: -2em !important;
}

@media screen and (max-width: 600px) {
    .destacado-consecuente {
        margin-top: -4em !important;
    }
}

.Main-Text:hover + .Extra-Text {
    display: block;

}

.Extra-Text {
    display: none;
}

.img-destacada {
    position: relative;
    width: 100%;

}
.container-fluid-first .fix-top .img-destacada .overlay_int h2, 
.container-fluid-first .fix-top .img-destacada .overlay_int h3{
    font-size: 24rem;
}
.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}



.text-img-destacada {
    font-family: 'Coolvetica Compressed', Verdana, sans-serif;
    font-size: 200px;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: .08em;

}

.color-texto {
    color: #EE7077;
    opacity: .8;
}

.somos {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 33px;
    color: #313131;
    background-color: #fff;
    padding: 4em 0em;
}


.bbw:first-child{
    padding-top: 0;
}
.bbw:first-child > *:first-child{
    margin-top: 0;
}
.bbw{
    padding: 1.5rem 0;
}
.bbw:last-child{
    padding-bottom: 0;
}
.somos-lateral {
    font-style: normal;
    font-weight: 700;


}

.pilares-container h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0;

}


.pilares-container p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 0em 0em;
    margin: .5em 0em;

}

.pb-5{
    padding-bottom: 0!important;
}


.somos span {
    font-weight: 700;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 28px;
    padding: 5rem 2.5rem;
}

.pilares {
    margin-bottom: 70px;
}

.p-title {
    grid-column: 1/6;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    top: 7rem;
    height: min-content;
}

.pilares-container {
    grid-column: 7/12;
}


.footer p {
    margin: 0em;
}

.navbar {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 999;
    padding: 1em 0em;
    border-bottom: #f1f1f1 1px solid;

}

.navbar a {
    font-size: 1.1rem;
    padding: 0em 1rem 0 1.5rem;
    color: #818181;
    font-weight: bold;
}
.navbar a.active{
    color: #EE7077;
}

.links {
    text-align: right;
}

@media (max-width: 1023px) {

    /* GRID */
    .grid {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
        padding: 0 20px 0 20px;
    }

    .pilares {
        margin-bottom: 64px;
    }

    .p-title {
        grid-column: 1/5;
        grid-row: 1;
        position: relative;
        padding-bottom: 0;
        top: 0;
    }

    .pilares-container {
        grid-column: 1/5;
        grid-row: 2;
        margin-top: 64px;
    }
}

.nav-item1 {
    transition: opacity .25s ease-in-out;
}
.navbar-nav1{
    padding: 0;
    margin: 0;
}


.proyectos-secundarios {
    text-align: center;
    color: #313131;

}

.proyectos-secundarios h3 {
    font-size: 44px;
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    letter-spacing: 4px;
    text-transform: none;
    letter-spacing: 0px;
    color: #828282;
    margin: 0 0 2rem;
}

.proyectos-secundarios li {
    display: inline;

}

.proyectos-secundarios sup {
    color: #828282;
    margin-right: 10px;
    font-size: 1rem;

}
.my-auto{
    margin: 0!important;
}
.proyectos-secundarios a {
    font-style: normal;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1em;
    text-align: center;
    color: #313131;
    text-decoration: none;
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;

}



.proyectos-secundarios p {
    display: inline;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 55px;
    text-align: center;
    color: #313131;
    text-decoration: none;
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
}


.secundarios {
    padding: 12rem 0em;
    background-color: #F2F2F2;
    position: relative;
}

a .hover-img {
    /* position: relative; */
    white-space: nowrap;
}

a .hover-img span {
    position: absolute;
    display: none;
    z-index: 2;
}


.title_e{
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    font-size: 34px;
}

.secundaria {
    max-width: 450px;
    height: auto;
    z-index: 5;
}

.secundaria.left {
    top: -150px;
    position: absolute;
    left: 11.5em;
}

.secundaria.center {
    margin-top: -11.5em;
    margin-left: -2em;
}

.secundaria.right {
    top: -150px;
    position: absolute;
    right: 50px;
}

.manifiesto {
    background-color: #FFFFFF;
    color: #313131;
    size: 100vh;
}

.title_e_displaynone{
    display: none;
}

.grid h1 {
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 2.5rem;
    margin: 0;
}
.grid h2,
.grid h3,
.grid h4,
.grid h5,
.grid h6{
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.4em;
    margin-bottom: 0;
}
.content_single.txt{
    display: grid;
    grid-template-columns: 60% 1fr;
    grid-gap: 5rem 3rem;
}
.content{
    width: calc(100% - 5rem);
    margin: 0 auto;
    padding-bottom: 2rem;
}
.txt h1,
.txt h2,
.txt h3,
.txt h4,
.txt h5,
.txt h6{
    font-family: "Basis Grotesque", Verdana, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    color: #818181;
    font-weight: 400;
    line-height: 1.2em;
}
.txt div > *{
    margin-left: 10rem;
    line-height: 1.2em;
    font-size: 1.2rem;
}

.txt div h1,
.txt div h2,
.txt div h3,
.txt div h4,
.txt div h5,
.txt div h6{
    margin: 0;
    font-size: 1rem;
    height: 0;
}
.txt div ul{
    padding: 0;
    list-style: none;
    font-size: 1rem;
}
.txt div > *:nth-child(2){
    margin-top: 0;
    
}
.content_single.txt div:nth-child(2){
    grid-row: 2;
    grid-column: 1;
}

.manifiesto span {
    font-family: "Basis Grotesque", sans-serif;
    font-weight: 700;
    font-size: 30px;
    display: block;
    padding-bottom: 0.5em;
}

.footer {
    padding: 1.5em 0em;
    background-color: #f1f1f1;
}

.right {
    text-align: right;
    float: right;
}

.work {
    min-height: 72%;
}

.work h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.75rem;
    color: #313131;
    margin: 1rem 0px 0px;
}


.hover-gris {
    padding: 10px 10px !important;
}



.tag-w-categoria p {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #828282;
    margin: 0px 0px;
}

.tag-w {
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #313131;
    padding: 8px 12px;
    background: #f1f1f1;
    border-width: 1px;
    display: inline-block;
    margin: 5px 5px;
}


/* .show{
    transform-origin: center;
    animation-name: visibleShow;
  animation-duration: 0.3s;
  opacity: 0;
    transform: scale(0.001);
    animation-fill-mode: forwards;
}
@keyframes visibleShow {
    from {opacity: 0;
        transform: scale(0.001);}
    to { opacity: 1;
        transform: scale(1);}
  } */


.tag-w-active {
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    padding: 8px 12px;
    background: #313131;
    border-width: 1px;
    display: inline-block;
    border: 1px solid #313131;
    margin: 5px 5px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0px 40px;
    padding: 0px 0px;
    
}
.filters{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1rem;
    width: calc(100% - 5rem);
    margin-left: auto!important;
    margin-right: auto!important;
}
.btn_switch{
    border-radius: 0;
    border: none;
    outline: none;
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #313131;
    padding: 8px 12px;
    background: #f1f1f1;
    border-width: 1px;
    display: inline-block;
    margin: 0;
    transition: 600ms ease;
    cursor: pointer;
    height: min-content;
}
.btn_switch.act{
    background-color: #313131;
    color: white;
}
.ficha-work {
    margin-bottom: 60px;
    padding: 0;
    margin-top: 0.5rem;
}
.ficha-work .row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
}
.ficha-work .col-6{
    width: 100%;
}
.ficha-work .col-6:last-child{
    grid-column: 1/3;
}
.ficha-work .col-6:nth-child(2){
    grid-column: initial;
}

.grid-container > div {
    padding: 0 0;
}
.actPortada .img-destacada .Main-Text .overlay_txt{
    opacity: 0;
}
.actPortada .Main-Text{
    box-shadow: 7px 7px 15px 1px rgb(0 0 0 / 47%);
    -webkit-box-shadow: 7px 7px 15px 1px rgb(0 0 0 / 47%);
    -moz-box-shadow: 7px 7px 15px 1px rgba(0, 0, 0, 0.47);
}
#videosList {
    max-width: 100%;
    overflow: hidden;
    max-height: 60%;
}

.work-title span {
    float: right;
    font-size: 12px;
    color: #828282;
}

.sidebar {
    /*
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 5000;
    top: 0;
    right: 0;
    background-color: #fafafa;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    -webkit-filter: drop-shadow(2px 1px 10px rgba(34, 38, 43, 0.13));
    filter: drop-shadow(2px 1px 10px rgba(34, 38, 43, 0.13));
    */
}

.servicios h3 {
    font-size: 20px;

}

.servicios-title img {
    display: none;
}

.servicios h5 {
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 0em 2.5em;
}

.sidebar ul,
.container.container-post ul {
    list-style: none;
    margin-top: 1.25em;
    padding-inline-start: 10px;
}

.sidebar li,
.container.container-post li {
    line-height: 2.25;
}

.sidebar a,
.container.container-post a {
    color: #EE7077;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #EE7077;
}

.sb-inside {
    padding: 0em 3em 6em !important;
}

.servicios-inside {
    padding: 0em 1.5em 6em !important;
}

#main {
    transition: margin-right .5s;
}
.overlay_txt{
    width: 100%;
    padding-bottom: 62.5%;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.Main-Text{
    width: 100%;
    overflow: hidden;
    
}
.Main-Text img{
    transform-origin: center;
    transform: scale(1);
    transition: 10s ease;
}



.img-destacada:nth-child(4n + 1) .ficha-work{
    padding-left: 0.5rem;
}
.img-destacada:nth-child(4n + 4) .ficha-work{
    padding-right: 0.5rem;
}
.overlay_int{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
    overflow: hidden;
    mix-blend-mode: inherit;
}
#myBtnContainer button{
    cursor: pointer;
}
.overlay_int h2,
.overlay_int h3{
    margin: 0;
    font-weight: initial;
    color: #f2aab8;
    font-size: 9rem;
    line-height: 0.9em;
    font-family: "AghartiBoldUltraCondensed";
    /* text-transform: uppercase; */
    letter-spacing: 0.03em;
    opacity: 0.8;
    text-align: center;
    pointer-events: none;
    /* mix-blend-mode: normal; */
    margin-top: -0.18em;
}
.row.row_work{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.row.row_work .columna{
    width: auto;
}

.row_post:nth-child(2n + 2) .row{
    /* flex-direction: row-reverse; */
}

.footer .px-4{
    padding-right: 2.5rem!important;
    padding-left: 2.5rem!important;
}

.container-grid_t{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
}
.container-grid_t .post_home{
    width: 100%;
}
.container-grid_t .row_post:nth-child(1) .info_destacada{
    padding-left: 0.5rem;
}

.select_filters{
    border-width: 1px;
    margin: 0 5px 5px 0;
    display: none;
    position: relative;
}
.select_filters select{
    border: none;
    outline: none;
    font-family: "Basis Grotesque Mono", Verdana, Tahoma, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #313131;
    padding: 8px 12px;
    background: #f1f1f1;
    transition: 600ms ease;
    appearance: none;
    border-radius: 0;
    padding-right: 2rem;
}
.select_filters::after{
    content: '>';
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 2;
    pointer-events: none;
    line-height: 2rem;
    transform: rotate(90deg);
    transform-origin: 0 0;
    width: 28px;
    text-align: center;
}
.content_single.txt a,
    .footer a{
        color: #EE7077;
    }
@media screen and (max-width: 1200px){
    .select_filters{
        display: inline-block;
    }
    #myBtnContainer{
        display: none;
    }
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 100%) {
    .sidebar {
        padding-top: 15px;
    }

    .sidebar a {
        font-size: 18px;
    }
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display: none !important;
}

@media (max-width: 1200px) {
    .grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .img-destacada:nth-child(4n + 1) .ficha-work {
        padding-left: 0;
    }
    .img-destacada:nth-child(4n + 4) .ficha-work {
        padding-right: 0;
    }
    .img-destacada:nth-child(3n + 1) .ficha-work {
        padding-left: 0.5rem;
    }
    .img-destacada:nth-child(3n + 3) .ficha-work {
        padding-right: 0.5rem;
    }
}
@media (max-width: 1120px){

}
@media (max-width: 992px) {
    .container-fluid-first .fix-top .img-destacada .overlay_int h2, .container-fluid-first .fix-top .img-destacada .overlay_int h3{
        font-size: 14rem;
    }

    .destacado-consecuente {
        margin-top: -0em !important;
    }

    .text-img-destacada {
        display: none;

    }

    .descripcion-destacado h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .descripcion-destacado p {
        margin: 8px 0px;
    }

    .destacado-tamaño {
        height: fit-content;
        margin: 3em 0em;
    }


    .somos {
        font-weight: 400;
        font-size: 16px;
        line-height: auto;
        padding: 4em 2em !important;
    }

    .somos h1 {
        font-size: 26px;
    }


    .grid h2, .grid h3{
        line-height: 1.2em;
    }
    .pilares-container p {
        margin: .25em 0em;
        font-size: 1.1rem;
        line-height: 1.2em;
    }


    .pilares-container {
        margin-top: 20px;
    }

    .somos-spacing img {
        height: 50px;
    }

    .manifiesto {
        background-color: #FFFFFF;
        color: #313131;
        padding: 2em 0em 3em 1em;
    }


    .manifiesto {
        padding: 4em 2em !important;
    }

    .right {
        text-align: center;
        float: none;
    }

    .grid-container {
        grid-gap: 1rem;
    }

    .manifiesto span {
        font-size: 20px;
    }



    .ficha-work .row{
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .ficha-work .col-6 p{
        margin: 0;
    }
    .work-title{
        margin: 1rem 0px 1rem;
    }
    .ficha-work .row{
        grid-template-columns: 1fr;
        grid-gap: 0;
        margin: 1rem 0;
    }
    .overlay_int h2, .overlay_int h3{
        font-size: 6rem;
    }

    .grid h1,
    .grid h2, .grid h3, .grid h4, .grid h5, .grid h6{
        font-size: 26px;
    }

    .content_single.txt{
        grid-template-columns: 1fr 1fr;
        grid-gap: 4rem 2rem;
    }
    
    .content_single.txt div:nth-child(1){
        grid-column: 1/3;
        grid-row: 1;
    }
    .content_single.txt div:nth-child(2){
        grid-column: 1/3;
        grid-row: 2;
    }
    
}/* 992px */

@media (max-width: 800px){

}

@media (max-width: 768px) {
    .content_single.txt div:nth-child(1),
    .content_single.txt div:nth-child(2){
        grid-row: initial;
        grid-column: initial;
    }
    .content_single.txt{
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }
    .txt div > *{
        margin-left: 0;
    }
    .txt div h1, .txt div h2, .txt div h3, .txt div h4, .txt div h5, .txt div h6{
        height: auto;
        margin: 0 0 0.5rem;
    }

.content{
    width: calc(100% - 2rem);
}
    .tag_content{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .tag_ficha p{
        font-size: 0.8rem;
    }
    .info_destacada h3{
        font-size: 1.2rem;
    }
    .info_destacada p{
        margin-bottom: 0;
    }
    .row.row_work .columna p{
        font-size: 0.8rem;
    }
    .work > h3, .work-title,
    .work h3.work-title{
        font-size: 1.2rem;
        margin-top: 0rem;
    }
    .fix-top.filters{
        margin-bottom: 2rem;
    }
    .row.row_work{
        margin: 0.3rem 0!important;
        flex-direction: column;
    }
    .row.row_work .columna p{
        margin: 0;
    }
    .ficha-work{
        margin-top: 0rem;
    }
    .row_post .tag-categoria{
        display: none;
    }
    .row_post.fix-top .tag-categoria{
        display: inline-block;
        margin: 0 0.5rem 0.5rem 0;
    }
    .container-fluid-first .row_post.fix-top .info_destacada{
        display: grid;
        grid-template-columns: 1fr;
    }
    .container-fluid-first .row_post.fix-top .info_destacada .tag_ficha{
        grid-row: 1;
        margin: 0.5rem 0;
        display: flex;
        align-items: self-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .info_destacada h3{
        margin: 1rem 0px 0px;
    }

    .container-fluid-first .row_post.fix-top .info_destacada .tag_ficha p{
        margin: 0;
    }
    
    .container-fluid-first .fix-top .img-destacada .overlay_int h2, .container-fluid-first .fix-top .img-destacada .overlay_int h3{
        font-size: 30vw;
    }
    .container-fluid .px-4{
        padding-left: calc(1rem - 5px)!important;
        padding-right: calc(1rem - 5px)!important;
    }
    .ficha-work .row{
        flex-direction: column;
    }
    .ficha-work .row p{
        margin: 5px 0;
    }
    .ficha-work .row p br{
        display: none;
    }
    .ficha-work .row .col-6{
        width: 100%;
    }
    .ficha-work .tag-categoria-w{
        display: none;
    }
    .navbar a{
        padding: 0em 1rem 0 0;
    }
    .navbar a.img-fluid{
        font-weight: bold;
        height: auto;
        display: block;
        line-height: 0;
        width: fit-content;
    }
    header .pe-4 {
        padding-right: 1rem!important;
    }
    .work-title{
        font-size: 1.3rem;
    }
    .fix-top .info_destacada{
        padding: 0 0.5rem;
    }

    .container-fluid-first .row_post{
        margin-bottom: 4rem;
    }
    .container-fluid-first .row_post .col-md-12:nth-child(2){
       
    }
    .container-fluid-first .img-destacada{
       
    }
    .container-fluid-first .info_destacada{
        margin: 0;
    }
    
    .container-fluid-first .row_post:nth-child(2n + 2) .row{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: initial;
    align-items: flex-end;
}
.container-fluid-first .row_post:nth-child(2n + 2) .row .info_destacada{
text-align: right;
}
.container-fluid-first .row_post:nth-child(2n + 2) .row .img-destacada{
    width: 50%;
}
    .container-fluid-first .row_post:nth-child(2n + 3) .row{
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    align-items: flex-end;
}
.container-fluid-first .row_post:nth-child(2n + 3) .row .info_destacada{

}

.container-fluid-first .row_post:nth-child(2n + 3) .row .img-destacada{
    width: 50%;
}
.container-fluid-first .row_post:nth-child(2n + 3) .col-md-12:nth-child(2),
.container-fluid-first .row_post:nth-child(2n + 2) .col-md-12:nth-child(2){
    width: 50%;
    padding: 0 0.5rem;
}
    .container-fluid-first .fix-top.row_post{
        
    }
    .container-fluid-first .fix-top.row_post .info_destacada,
    .container-fluid-first .fix-top.row_post .col-md-12:nth-child(2){
        
    }

    .footer .mx-auto *{
         display: none;
    }
    .footer .mx-auto .footer_responsive{
        display: block;
        
    }
    .footer{
        text-align: left;
    }
    .footer .col-lg-3.right{
        display: none;
    }
}

@media (max-width: 550px) {
    .grid-container {
        grid-template-columns: 1fr 1fr;
        padding: 0px 1rem;
        grid-gap: 0px 1rem;
    }
    .img-destacada:nth-child(3n + 1) .ficha-work {
        padding-left: 0;
    }
    .img-destacada:nth-child(3n + 3) .ficha-work {
        padding-right: 0;
    }
    .container-grid_t{
        grid-template-columns: 1fr 1fr;
    }
    .container-grid_t .row_post:nth-child(3){
        display: none;
    }
    .info_destacada p{
        margin: 0.5rem 0 0;
    }
    .info_destacada p.tag-categoria{
        margin: 0.5rem 0 0;
    }
    .filters{
        width: calc(100% - 2rem);
    }

}

@media (max-width: 500px) {


    .descripcion-destacado {
        padding-left: .75em !important;
        margin-bottom: 0em;
    }

    .descripcion-destacado h3 {
        margin: 0px 0px;
    }

    .tag-destacado {
        padding-left: .75em !important;
        display: none;
    }

    .order-right {
        order: 2 !important
    }

    .spacing-destacada {
        margin-bottom: 3em;
    }

    .fix-right {
        text-align: right;
        padding-right: .75em !important;
        padding-left: 0em !important;
    }

    .fix-float-left {
        float: right !important;
    }

    .image {
        display: block;
        width: 100%;
        height: auto;
        
    }

    #main {
        transition: margin-right 0s;
    }


    .footer p {
        margin: .5em;
    }

    .servicios h5 {
        font-size: 20px;
        text-align: left;
        line-height: 1.5;
        padding: 0em 0em;
        margin-bottom: 0px;
    }


    .links {
        padding-right: 20px !important;

    }

    .navbar a {
        padding: 0em .5em;
    }

    .sb-inside {
        padding: 0em 1.5em 5em !important;
    }

    #myBtnContainer {
        padding-bottom: 0px;
    }

    .ficha-work {
        margin-bottom: 30px;
    }

    .servicios-title img {
        display: block;
    }

    .overlay_int h2,
    .overlay_int h3{
        font-size: 3rem;
    }

    .footer .px-4{
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }
    .somos, .manifiesto{
        padding: 4em 1.5rem !important;
    }
    .manifiesto h1{
        padding: 0;
    }
    .somos-lateral{
        padding: 0;
    }
    .descripcion-destacado{
        padding: 0 1.5rem 0 0.5rem !important;
    }
    .row_post:nth-child(2n + 2) .descripcion-destacado{
        padding: 0 0.5rem 0 1.5rem !important;
    }


}

/* ------- */

body.act_page {
    overflow: hidden;
}

.header_lado_cerrar {
    flex-wrap: wrap;
    align-items: flex-end;
    display: none;
    transition-delay: 1200ms;
    transition-duration: 100ms;
    position: absolute;
    top: 50px;
    right: 30px;
}

.header_lado_cerrar span {
    /* padding: 5px 10px; */
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.9em;
}

.icon_close {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 10;
    background-image: url(/wp-content/themes/dupla/assets/css/../img/cerrar.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.act_page .header_lado_cerrar {
    display: block;
}

.page.sidebar {
    transition: 300ms;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background-color: #fafafa;
    z-index: 2000;
    width: 0;
    overflow: hidden;
    -webkit-filter: drop-shadow(2px 1px 10px rgba(34, 38, 43, 0.13));
    filter: drop-shadow(2px 1px 10px rgba(34, 38, 43, 0.13));
}

.act_page .page.sidebar {
    width: 100%;
}
.servicios-inside{
    width: 100%;
    box-sizing: border-box;
}

.page_int {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border-top: 80px solid transparent;
    border-bottom: 0;
    height: -o-calc(100vh - 100px);
    height: -ms-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
    overflow: auto;
}

@media screen and (min-width: 1440px) {

    .page.sidebar {
        left: auto;
    }

    .page_int {
        max-width: none;
        width: 860px;
    }

    .act_page .page.sidebar {
        width: 860px;
    }
    .servicios-inside{
        width: 860px;
    }

    .act_page header .navbar {
        width: -o-calc(100% - 860px);
        width: -ms-calc(100% - 860px);
        width: -moz-calc(100% - 860px);
        width: -webkit-calc(100% - 860px);
        width: calc(100% - 860px);
    }

    .act_page #wrapper {
        width: -o-calc(100% - 860px);
        width: -ms-calc(100% - 860px);
        width: -moz-calc(100% - 860px);
        width: -webkit-calc(100% - 860px);
        width: calc(100% - 860px);
    }

    .act_page .footer {
        width: -o-calc(100% - 860px);
        width: -ms-calc(100% - 860px);
        width: -moz-calc(100% - 860px);
        width: -webkit-calc(100% - 860px);
        width: calc(100% - 860px);
    }
}

/* ------- */

.container.container-post {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* ------- */
.image_act{
    pointer-events: none;
}


@media screen and (min-width: 768px){
    .container-fluid-first .row:first-child .col-md-10.col-lg-8.col-xl-7.col-12.spacing-destacada{
        width: 100%;
    }

    .container-fluid-first .row:first-child .col-md-10.col-lg-8.col-xl-7.col-12.spacing-destacada .row{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        align-items: flex-end;
    }
    .container-fluid-first .row_post:nth-child(2n + 3) .info_destacada{
        padding-left: 0.5rem;
    }
    .container-fluid-first .row_post:nth-child(2n + 2) .info_destacada{
        padding-right: 0.5rem;
    }
    .col-md-10.col-lg-8.col-xl-7.col-12.spacing-destacada{
        width: 40%;
    }
    
}
@media screen and (min-width: 1120px){
    .Main-Text:hover{
        box-shadow: 7px 7px 15px 1px rgba(0, 0, 0, 0.47);
        -webkit-box-shadow: 7px 7px 15px 1px rgba(0, 0, 0, 0.47);
        -moz-box-shadow: 7px 7px 15px 1px rgba(0, 0, 0, 0.47);
    }
}
@media screen and (min-width: 1200px){
    .col-xl-10{
        width: 100%;
    }
    .img-destacada .Main-Text:hover img{
        transform: scale(1.2);
    }
    .img-destacada .Main-Text:hover .overlay_txt{
        opacity: 0;
    }
    .tag-w a:hover {
        text-decoration: none;
    }
    .footer a:hover{
        color: #EE7077;
    }
    a:hover {
        text-decoration: none;
    }
    .topnav a:hover {
        color: #EE7077;
    }
    .content_single.txt a:hover{
        text-decoration: underline;
    }
    .btn:hover,
    .btn_switch:hover,
    .select_filters select:hover {
        background-color: #ddd;
    }
    .tag-categoria a:hover {
        color: #313131;
        text-decoration: underline;
    }
    .img-destacada:hover .overlay {
        opacity: 1;
    }
    .navbar a:hover {

        color: #EE7077;
    }
    .navbar-nav1:hover .nav-item1 {
        opacity: 0.25;
    }
    
    .navbar-nav1:hover .nav-item1:hover {
        opacity: 1;
    }
    .proyectos-secundarios a:hover {
        text-decoration: none;
    
    }
    a:hover .hover-img span {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: block;
    }
    .p_right a:hover .hover-img span{
        left: initial;
        right: 0;
    }
    .hover-gris:hover {
        background-color: #f1f1f1;
    }
}