/*!
 * Theme Name: 		   Río Arriba
 * Text Domain: 	   http://rioarribaworks.cl/
 * Version:            1
 * Tested up to:       6.6.2
 * Requires at least:  5.6
 * Requires PHP:       7.2
 * Author:             Travesía Diseño
 * Description:        Tema desarrollado para Constructora Río Arriba
 */
@keyframes difuminar {
from {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
to {
     -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}
}
body {
    margin: 0px;
    font-size: 16px;
    font-family: "Montserrat", system-ui, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    margin-top: 0px;
}
a {
    text-decoration: none;
}
p {
    margin-top: 0px;
}
.contenedor {
    width: 1440px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
div,header,nav,main,article,aside,section,figure,footer {
    display: block;
    box-sizing: border-box;
}
.cajaflex {
    display: flex;
    flex-wrap: wrap;
}
.caja50 {
    width: 50%;
}
.flex2 {
    display: flex;
    flex-wrap: wrap; 
}
#encabezado {
    width: 100%;
    height: 220px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 290;
    background-color: #e8e8e8;
}
#encabezado nav h1 {
    padding-left: 30px;
    padding-top: 30px;
}
#encabezado nav h1 strong {
    display: none;
}
#encabezado nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    top: 160px;
    right: 86px;
}
#encabezado.minimenu nav ul {
    top: 40px;

}
#encabezado nav ul li {
    display: block;
    float: left;
    margin-right: 42px;
}
#encabezado ul li a {
    color: #000;
    display: block;
    height: 30px;
    line-height: 30px;
    }
#encabezado ul li a:hover {
    color: #006980;
}
#encabezado ul li a.active {
    color: #1c3b42;
    border-bottom: #1c3b42 solid 1px;
    font-weight: 600;

}
#encabezado.minimenu {
    height: 90px;
}
#logogrande {
    display: block;
}
#encabezado.minimenu #logogrande {
    display: none;
}
#encabezado.minimenu #logochico {
    display: block;
}
#logochico {
    display: none;
}
#lightSlider img {
    width: 100%;
    height: auto;
    display: block;
}
#inicio {
    padding-top: 200px;
}
#slideshome {
    position: relative;
}
#slideshome h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0px;
    background-color: #0009;
    z-index: 14;
    overflow: hidden;
    animation-name: difuminar;
    animation-duration: 2s;
}
#slideshome h2 strong {
    display: block;
    padding-top: 30%;
    animation-delay: 1.5s;
}
#slideshome h2 strong em {
    display: none;
}
#presentacion {
    background-color: #13262a;
    padding-top: 90px;
}
#presentacion article {
    padding-left: 70px;
    color: #fff;
}
#presentacion h2 {
    color: #006980;
    margin-bottom: 30px;
    text-align: left;
  
}
#rellenoarticle {
    border-left: #fff solid 1px;
    padding-left: 34px;
    padding-right: 94px;
    text-align: justify;
    padding-top: 12px;
}
#presentacion p {
    line-height: 25px;
}
#presentacion h3 {
    color:#fff ;
    width: 100%;
    margin: 0px;
    font-size: 16px;
    margin-bottom: 34px;
}
#presentacion aside {
    padding-top: 16px;  
}
#presentacion aside ul {
    width: 202px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    color: #fff;
    font-weight: 600;
    margin-left: 20px;
    margin-right: 95px;
}
#presentacion aside ul img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
#presentacion aside ul li {
    margin-bottom: 28px;
}
#presentacion aside figure {
    width: 400px;
    padding: 0px;
    margin: 0px;
}
#presentacion .caja50 {
    padding-bottom: 100px;
}
#presentacion .flex2 img {
    width: 100%;
    display: block;
    height: auto;
}
#presentacion .flex2 figure {
    padding: 0px;
    margin: 0px;
}
figure.lado1 {
    width: 53.2%;
}
figure.lado2 {
    width: 46.8%;
}
#sobrenosotros {
    padding-top: 160px;
    background-color: #13262a;
    color: #FFF;
    line-height: 1.6REM;
}
#sobrenosotros h2 img {
    width: 329px;
    height: auto;
}
#sobrenosotros h2 {
    padding-left: 70px;
    padding-top: 75px;
}
#sobrenosotros .cuerpo {
    width: 970px;
    padding-left: 10px;
}
#nuestros-proyectos {
    background-color: #13262a;
    padding-top: 90px;
}
#nuestros-proyectos h2 {
    background-color: #006980;
    height: 104px;
    margin: 0px;
    padding-top: 20px;
    box-sizing: border-box;
}
#nuestros-proyectos strong {
    display: block;
    padding-left: 70px;
    box-sizing: border-box;
}
#nuestros-proyectos h2 strong img {
   width: auto;
   height: 69px;
}
.projects-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas iguales */
    gap: 6px; /* Espacio entre elementos de la grilla */
    max-width: 100%;
    background-color: #fff;
  }
  .proyecto img {
    width: 100%;
    height: auto;
    display: block;
  }
  .proyecto {
    position: relative;
    font-size: 14px;
  }
  .proyecto h3 {
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    font-weight:600;
    font-size: 17px;
    line-height: 1.5rem;
    background-image: url(img/lineablanca.png);
    padding-bottom: 22px;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .proyecto a {
    position: absolute;
    background-color: #000a;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 30%;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.5s;
    color: #fff;
  }
  .proyecto a:hover {
    opacity: 0;
  }
  #Certificaciones {
    padding-top: 130px;
    min-height: 520px;
  }
  #Certificaciones h2 {
    margin-bottom: 36px;
  }
  #Certificaciones h2 strong {
    display: none;
  }
  #Certificaciones h2 img {
    width: 100%;
    max-width: 310px;
    height: auto;
  }
  #pie {
    padding-top: 65px;
    min-height: 220px;
    background-image: url(img/fondofooter.webp);
    color: #fff;
  }
  #pie h2 {
    text-transform: uppercase;
    font-size: 26px;
  }
  #pie a {
    color: #fff;
    text-decoration: underline;
  }
  #pie a:hover {
    color: #7cbce2;
  }
  #pie p {
    margin-left: auto;
    margin-right: 0px;
    width: 100%;
    max-width: 480px;
  }
  footer {
    font-weight: 600;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  footer small {
    text-align: right;
    display: block;
    font-size: 11px;
    box-sizing: border-box;
  }
  #nuestros-proyectos .proyecto a strong {
    display:inline;
    padding-left:0px;
    box-sizing: border-box;
}
#Certificaciones p a {
    margin-right: 20px;
}
#lightSlider img.slidecel {
    display: none;
}
#badgeshome img {
    margin-right: 25px;
    margin-bottom: 40px;
}
  @media screen and (max-width:1440px) {
    body {
        font-size: 15px;
    }
    .contenedor {
        width: 1266px;
    }
    #encabezado {
        width: 100%;
        height: 180px;
    }
    #encabezado nav h1 {
        padding-left: 20px;
        padding-top: 20px;
        box-sizing: border-box;
    }
    #encabezado nav h1 img {
        width: 155px;
        height: auto;
    }
    #encabezado nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        position: absolute;
        top: 120px;
        right: 68px;
    }
    #encabezado.minimenu nav ul {
        top: 20px;
    
    }
    #encabezado nav ul li {
        display: block;
        float: left;
        margin-right: 36px;
    }
    #encabezado ul li a {
        height: 28px;
        line-height: 28px;
        }
        #encabezado.minimenu {
            height: 76px;
        }
        #lightSlider img {
            width: 100%;
            height: auto;
            display: block;
        }
        #inicio {
            padding-top: 175px;
        }
        #slideshome h2 {
            box-sizing: border-box;
        }
        #slideshome h2 strong {
            display: block;
            padding-top: 25%;
            animation-delay: 1.5s;
            box-sizing: border-box;
        }
        #slideshome h2 strong img {
width: 320px;
height: auto;
        }
        #slideshome h2 strong em {
            display: none;
        }
        #presentacion {
            background-color: #13262a;
            padding-top: 76px;
        }
        #presentacion article {
            padding-left: 60px;
            color: #fff;
        }
        #presentacion h2 {
            color: #006980;
            margin-bottom: 30px;
            text-align: left;
          
        }
        #rellenoarticle {
            border-left: #fff solid 1px;
            padding-left: 28px;
            padding-right: 94px;
            text-align: justify;
            padding-top: 12px;
        }
        #presentacion p {
            line-height: 25px;
        }
        #presentacion h3 {
            color:#fff ;
            width: 100%;
            margin: 0px;
            font-size: 15px;
            margin-bottom: 34px;
        }
        #presentacion aside {
            padding-top: 16px;  
        }
        #presentacion aside ul {
            width: 190px;
            text-align: center;
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            color: #fff;
            font-weight: 600;
            margin-left: 15px;
            margin-right: 77px;
        }
        #presentacion aside ul img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 15px;
        }
        #presentacion aside ul li {
            margin-bottom: 28px;
        }
        #presentacion aside figure {
            width: 350px;
            padding: 0px;
            margin: 0px;
        }
        #presentacion .caja50 {
            padding-bottom: 80px;
        }
        #sobrenosotros {
            padding-top: 130px;
            background-color: #13262a;
            color: #FFF;
            line-height: 1.6REM;
        }
        #sobrenosotros h2 img {
            width: 290px;
            height: auto;
        }
        #sobrenosotros h2 {
            padding-left: 60px;
            padding-top: 60px;
        }
        #sobrenosotros .cuerpo {
            width: 880px;
            padding-left: 10px;
        }
        #nuestros-proyectos {
            background-color: #13262a;
            padding-top: 70px;
        }
        #nuestros-proyectos h2 {
            background-color: #006980;
            height: 94px;
            margin: 0px;
            padding-top: 20px;
            box-sizing: border-box;
        }
        #nuestros-proyectos strong {
            display: block;
            padding-left: 60px;
            box-sizing: border-box;
        }
        #nuestros-proyectos h2 strong img {
           width: auto;
           height: 58px;
        }
        #pie p {
            margin-left: auto;
            margin-right: 0px;
            width: 100%;
            max-width: 400px;
          }
        #presentacion aside figure img {
            width: 100%;
            height: auto;
        }
  }
  @media screen and (max-width:1280px) {
    body {
        font-size: 14.5px;
    }
    .contenedor {
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #presentacion aside ul {
        width: 30%;
        text-align: center;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        color: #fff;
        font-weight: 600;
        margin-left: 1%;
        margin-right: 9%;
    }
    #presentacion aside ul img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }
    #presentacion aside ul li {
        margin-bottom: 28px;
    }
    #presentacion aside figure {
        width: 60%;
        padding: 0px;
        margin: 0px;
    }
    #presentacion aside figure img {
        width: 100%;
    }
    #presentacion article {
        padding-left: 40px;
        color: #fff;
    }
    #presentacion h2 {
        color: #006980;
        margin-bottom: 30px;
        text-align: left;
      
    }
    #rellenoarticle {

        padding-left: 26px;
        padding-right: 94px;
    }
    #sobrenosotros h2 img {
        width: 290px;
        height: auto;
    }
    #sobrenosotros h2 {
        padding-left: 50px;
        padding-top: 60px;
        box-sizing: border-box;
        width: 28%;
    }
    #sobrenosotros .cuerpo {
        width: 72%;
        padding-left: 10px;
        padding-right: 20px;
    }
    #slideshome h2 strong {
        display: block;
        padding-top: 23%;
        animation-delay: 1.5s;
        box-sizing: border-box;
    }
    #slideshome h2 strong img {
width: 300px;
height: auto;
margin-left: 40px;
    }
    #slideshome h2 strong em {
        display: none;
    }
    #encabezado {
        width: 100%;
        height: 160px;
    }
    #encabezado nav h1 img {
        width: 140px;
        height: auto;
    }
    #encabezado nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        position: absolute;
        top: 100px;
        right: 68px;
    }
    #encabezado.minimenu nav ul {
        top: 20px;
    
    }
    #encabezado nav h1 {
        padding-left: 20px;
        padding-top: 15px;
        box-sizing: border-box;
    }
    #encabezado nav ul li {
        display: block;
        float: left;
        margin-right: 36px;
    }
    #encabezado ul li a {
        height: 28px;
        line-height: 28px;
        }
        #encabezado.minimenu {
            height: 70px;
        }
        #lightSlider img {
            width: 100%;
            height: auto;
            display: block;
        }
        #inicio {
            padding-top: 155px;
        }
        #encabezado.minimenu nav h1 {
            padding-left: 20px;
            padding-top: 20px;
        }
        .proyecto h3 {
            font-size: 16px;
            padding-bottom: 20px;
        }  
        .proyecto a {
            padding-top: 25%;
        }    
  }
  @media screen and (max-width:1024px) {
    .projects-grid {
   
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
        max-width: 100%;
    }
    #pie p {
        margin-left: auto;
        margin-right: 0px;
        width: 100%;
        max-width: 200px;
    }
    #sobrenosotros h2 img {
        width: 240px;
        height: auto;
    }
  }
  @media  screen and (max-width:950px) {
    #encabezado {
        width: 100%;
        height: 70px;
    }
    #logogrande {
        display: none;
    }
    #logochico {
        display: block;
    }
    #encabezado nav ul {
     display: none;
    }
    #inicio {
        padding-top: 70px;
    }
    #slideshome h2 strong img {
        width: 300px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #slideshome {
        position: relative;
        overflow-x: hidden;
    }
    #lightSlider img {
        width: 140%;
        height: auto;
        display: block;
    }
    #presentacion .caja50 {
        padding-bottom: 40px;
        width: 100%;
    }
    #presentacion aside {
        padding-left: 40px;
    }
    #presentacion aside figure {
        padding-right: 40px;
    }
    #rmp-menu-wrap-143 .rmp-menu-item-link {
        padding-right: 0px !important;
    } 
  }
  @media screen and (max-width:768px) {
    #sobrenosotros h2 {
        padding-left: 10px;
        padding-top: 60px;
        box-sizing: border-box;
        width: 100%;
    }
    #sobrenosotros {
        padding-top: 80px;
    }
    #sobrenosotros .cuerpo {
        width: 100%;
        padding-left: 10px;
        padding-right: 20px;
    }
    #sobrenosotros h2 img {
        width: 280px;
        height: auto;
    }
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
        max-width: 100%;
    }
    #pie p {
        margin-left: auto;
        margin-right: 0px;
        width: 100%;
        max-width: 200px;
        padding: 5px 10px;
        background-color: #29477688;
    }
  }
 @media screen and (max-width:565px) {
    #lightSlider img {
        width: 100%;
        height: auto;
        display: block;
    }
    .caja50 {
        width: 100%;
    }
    #rellenoarticle {
        border-left: none;
        padding-left: 15px;
        padding-right: 15px;
        text-align: justify;
        padding-top: 12px;
    }
    #presentacion article {
        padding-left: 0px;
        color: #fff;
    }
    #presentacion aside {
        padding-left: 0px;
    }
    #presentacion aside ul {
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        color: #fff;
        font-weight: 600;
        margin-left: 0%;
        margin-right: 0%;
    }
    #presentacion aside ul li {
        margin-bottom: 40px;
        display: inline-block;
        margin-left: 25px;
        margin-right: 25px;
    }
    #presentacion aside figure {
        padding-right: 0px;
        width: 100%;
    }
    figure.lado1 {
        width: 100%;
    }
    figure.lado2 {
        width: 100%;
    }
    .projects-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        max-width: 100%;
        padding: 0px;
    }
    .proyecto {
        position: relative;
        font-size: 14px;
        margin-bottom: 5px;
    }
    #Certificaciones {
        text-align: center;
    }
    #pie p {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        max-width: 200px;
        padding: 5px 10px;
        background-color: #29477688;
    }
    footer small {
        text-align: center;
    }
    #presentacion .caja50 {
        padding-bottom: 0px;
        width: 100%;
    }
    #lightSlider img.slidecel {
        display: block;
    }  
    #lightSlider img.slidedesk {
        display: none;
    } 
    #badgeshome img {
    margin-right: auto;
    display: block;
    margin-left: auto;
    margin-bottom: 30px;
}
 }