*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html{
    font-size: 62.5%;
}
body{
    font-family: 'Libre Franklin', sans-serif !important ;
}
.contenedor-general-header{
    background-image: url(../assets/home/fondoHeaderHome.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center;
}
.contenedor-logo-rgl img {
    width: 25rem;
}
.contenedor-logo-rgl{
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-responsive{
    display: none;
}
#navb{
    width: 100%;
    position: fixed;
    z-index: 20;
    display: flex;
    justify-content: center;
    transition: .5s;
    padding-top: 3rem;
    border-bottom: 0.1rem solid white;
}
#navbb{
    width: 100%;
    position: fixed;
    z-index: 20;
    display: flex;
    align-items:center;
    justify-content: center;
    transition: .5s;
    padding-top: 3rem;
    border-bottom: 0.1rem solid white;
}
.contenedor-navbar{
    display: flex;
    justify-content: space-between;
    width: 85%;
    padding-bottom:1.5rem;
}
.ul-navbar{
    display: flex;
    list-style: none;
    align-items: center;
    justify-content:center;
    margin-bottom: 0;
}
.nav-item{
    margin-right: 7rem;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 90%;
}
.nav-item :hover{
    color: #E0FF5F;
}
.secciones-nav{
    text-decoration: none;
    color: white;
}
.contenedor-gif-logo-rgl {
    width: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
    height: 100vh;
}
.contenedor-gif-logo-rgl img{
    z-index: 7;
    width: 90%;
}
.contenedor-titulo-saludo-header{
    display: flex;
    justify-content:flex-start;
    align-items:center;
    width: 100%;
    padding: 5rem 10rem;
    z-index: 7;
}
.contenedor-titulo-saludo-header img {
    width: 45vw;
}
.contenedor-seccion-proyectos-home{
    width: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    background-color:#3A3737;
}
.contenedor-proyecto1-home{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 12rem 0rem;
    border-bottom: 1px solid white;
    padding-bottom: 10rem;
}
.contenedor-proyecto1-info{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    width: 35%;
    padding-right: 7rem;
}
.contenedor-segunda-parte-seccion-nosotros-info{
    display: flex;
    flex-direction: column;
    height: 30%;
    justify-content: space-between;
}
.contenedor-proyecto2-info{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    width: 35%;
    padding-left: 7rem;
}
.contenedor-proyecto1-titulo{
    height: 60%;
}
.proyecto1-titulo{
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 110%;
    color: #fff;
}
.proyecto1-subtitulo{
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 110%;
    color:#E0FF5F;
    margin-top: 4rem;
}
.proyecto1-info{
    height: 30%;
}
.proyecto1-info1{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: white;
    margin-bottom: 0rem;
}
.proyecto1info{
    border-top: 1px solid white;
}
.proyecto1-info2{
    display: flex;
    justify-content:space-between;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-size: 14px;
}
.proyecto1-info3{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: white;
    margin-bottom: 0rem;
}
.contenedor-redireccionamiento-proyectos{
    height: 10%;
    display: flex;
    justify-content:space-between;
    align-items:center;
    margin-top: 5rem;
}
.redireccionamiento-proyectos{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #E0FF5F;
}
.redireccionamiento-proyectos:hover{ 
    color:white;
}
.icono-redireccionamiento{
    cursor: pointer;
}
.contenedor-proyecto1-galeria{
    width: 65%;
    display: flex;
    justify-content:center;
    align-items:center;
}
.imagenes-carrucel{
    width: 100%;
}
.contenedor-proyecto2-home{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 12rem 0rem;
    border-bottom: 1px solid white;
    padding-bottom: 10rem;
}
.contenedor-miniatura-proyectos-home{
    display: flex;
    justify-content: space-around;
    width: 80%;
    flex-wrap: wrap;
}
.miniatura-proyecto{
    margin-right: 2rem;
    margin-top: 5rem;
}
.contenedor-proyectominiatura-titulo {
    display: flex;
    align-items:start;
    justify-content:space-between;
    margin-top: 4rem;
}
.proyecto-miniatura-titulo{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    color:white;
}
.proyecto-miniatura-subtitulo{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    color: #E0FF5F;
    margin-bottom:0 ;
}
.proyecto1-info-miniatura{
    margin-top: 5rem;
}
.proyecto1-miniatura-info1{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: white;
    border-bottom: 1px solid white;
    margin-bottom:0;
}
.proyecto1-info2-miniatura{
    display: flex;
    border-bottom: 1px solid white;
    justify-content:space-between;
}
.redireccion-todos-los-proyectos{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24rem;
}
.redireccion-todos-los-proyectos a:hover{
    color: white;
}
.redireccion-todos-los-proyectos img{
    margin-bottom: 8rem;
    cursor: pointer;
}
.redireccion-todos-los-proyectos a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #E0FF5F;
    margin-top: 5rem;
}
.mitad-icono{
    margin-bottom: 27rem;
}
.contenedor-seccion-nosotros-home{
    width: 100%;
    background-image: url('../assets/home/fondoNosotrosHome.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5rem;
}
.contenedor-general-toda-la-seccion-nosotros{
    width: 100%;
    height: 80%;
    display: flex;
}
.contenedor-imagen-nosotros-home{
    width: 40%;
}
.contenedor-imagen-nosotros-home img{
    width: 100%;
}
.contenedor-info-nosotros-home{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items:center;
    width: 60%;
    padding-top: 5rem;
    padding-left: 5rem;
    padding-right: 6rem;
}
.contenedor-info-nosotros-home-dos{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
}
.titulo-nosotros-home{
    font-style: normal;
    font-weight: 300;
    font-size: 3.8rem;
    line-height: 125%;
    color: white;
    height: 30%;
}
.texto-resaltado-nosotros-home{
    color: #E0FF5F;
}
.contenedor-textos-nosotros-home{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 55%;
    height: 70%;
    margin-right: 5rem;
}
.parrafo-nosotros-home{
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 130%;
    color: white;
    margin-bottom: 7rem;
}
.nombres-arquitectos-nosotros-home{
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}
.nombres-arquitect{
    display: flex;
    align-items:center;
}
.nombre-nosotros-home{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 0;
    margin-left: 0.5rem;
}
.redireccionamiento-nosotros-home{
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 22px;
    color: #E0FF5F;
    height: 10%;
}
.redireccionamiento-nosotros-home:hover{
    color: white;
}
.icono-nosotros-home{
    width: 1.3rem;
}
.contenedor-contacto-home{
    width: 100%;
    background-color:#3A3737;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 8rem;
}
.contenedor-titulo-email-contacto{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.titulo-contacto-home{
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 120%;
    color: #E0FF5F;
}
.email-contacto-home{
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 140%;
    color: #fff;
    margin-top:20rem;
}
.contenedor-formulario-contacto-home{
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 40%;
}
.input-formulario-contacto-home{
    width: 90%;
    border: none;
    background-color: #3A3737;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: white;
    border-bottom: 1px solid #C2BDB8;
    margin-bottom: 2rem;
    outline: none;
}
.input-formulario-contacto-textarea{
    width: 90%;
    height:7rem;
    border: none;
    background-color: #3A3737;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: white;
    border-bottom: 1px solid #C2BDB8;
    margin-top: 8rem;
    outline: none;
}
.sumbit-formulario-contacto-home{
    margin-top: 5rem;
    display: flex;
    align-items:center;
}
.boton-enviar-formulario-home{
    border: none;
    background-color: #3A3737;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #E0FF5F;
    text-decoration: underline;
    margin-right: 7rem;
}
footer{
    width: 100%;
    background-color: #75726F;
    padding: 4rem 1rem;
    display: flex;
    align-items:center;
    justify-content: space-around;
}
.logo-footer {
    width: 25rem;
}
.contenedor-info-footer{
    display: flex;
    justify-content: space-between;
    width: 60%;
}
.contenedor-info1-footer{
    width: 30%;
}
.info-footer{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: white;
    padding-bottom: 1rem;
}
.iconos-footer{
    text-decoration: underline;
}
.contenedor-iconos-footer{
    display: flex;
}
.iconos-footer-responsive{
    display: flex;
    align-items: center;
    justify-content: start;
}
.icono-wp-responsive{
    display: none;
    margin-left: 1rem;
}
.icono-wp{
    position:fixed;
    z-index: 1000;
    margin-top: 90vh;
    margin-left: 88vw;
    width: 5rem;
}
.icono-wp img{
    width: 7rem;
}

.carousel {
      overflow:hidden;
    }
    .carousel-inner, .carousel, .carousel-item, .carousel-container {
      background-position:center center;

      width: 95%;

      background-size: cover;

    }

    .active {
        background:#E0FF5F !important;
    }
    .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {

      transform: translate3d(0,-100%,0);

      -webkit-transform: translate3d(0,-100%,0);

      -moz-transform: translate3d(0,-100%,0);

      -ms-transform: translate3d(0,-100%,0);

      -o-transform: translate3d(0,-100%,0);

    }

     

    .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {

      transform: translate3d(0,100%,0);

      -webkit-transform: translate3d(0,100%,0);

      -ms-transform: translate3d(0,100%,0);
      -moz-transform: translate3d(0,100%,0);
      -o-transform: translate3d(0,100%,0);
    }

    .carousel-indicators {

      top:0;

      margin:auto;

      height:20px;

      right:10px;

      left:auto;

      display:block;

    }

    .carousel-indicators [data-bs-target] {

      background:none;

      border:2px solid white;

      border-radius:12px;

      width:12px;

      height:12px;

      margin-bottom:5px;
      margin-left: 10rem;
      display: flex;

    }

    .carousel-indicators li.active {
      background:#E0FF5F;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
      width:4rem;
      height:4rem;
      position:fixed;
      top:95%;
      left:50%;
      transform: translate(-50%,-50%) rotate(90deg);
      z-index:-1;
      display: none;
    }
    .carousel-control-prev-icon {
      top:5%;
    }
    .unclickable {
      pointer-events:none;
    }
    .clickable {
      pointer-events:all;
    }
    .icono-navbar{
        background: none;
        border: none;
        width: 5rem;
        height: 5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 1.5rem;
        display: none;
    }
    .offcanvas{
        background-color: #3A3737;
        padding: 3rem;
    }
    .boton-cerrar{
        color: #fff;
        border: none;
        background: none;
    }
    .offcanvas-header{
        border-bottom: 1px solid white;
        padding-bottom: 2rem;
    }
    .nav-item-hamburguesa{
        display: flex;
        padding-top: 3rem;
        align-items: baseline;
    }
    .nav-item-hamburguesa p{
        color: #E0FF5F;
        margin-right: 1rem;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
    }
    .nav-item-hamburguesa a{
        font-weight: 300;
        font-size: 34px;
        line-height: 90%;
    }
    .footer-derechos-diseño{
        background-color: #3A3737;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-derechos-diseño p{
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 130%;
        color: white;
        margin-bottom: 0;
        padding: 0.5rem;
    }
    .diseño-footer{
        margin-left: 4rem;
    }
    @media (max-width: 1250px){
        .contenedor-proyecto1-home, .contenedor-proyecto2-home{
            flex-direction: column;
        }
        .contenedor-proyecto2-home{
            margin: 0;
        }
        .contenedor-proyecto1-info, .contenedor-proyecto2-info{
            width: 100%;
            order: 3;
            flex-direction: row;
            margin-top: 3rem;
            padding-left: 0;
            height: 16rem;
            padding-right: 0;
        }
        .contenedor-proyecto1-titulo{
            display: flex;
            flex-direction: column;
            height: auto;
            justify-content: space-between;
        }
        .contenedor-redireccionamiento-proyectos, .proyecto1-info{
            width: 70%;
        }
        .contenedor-proyecto1-galeria{
            order:1;
        }
        .contenedor-segunda-parte-seccion-nosotros-info{
            height: auto;
            align-items: flex-end;
            width: 50%;
        }
        .miniatura-proyecto{
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .mini-miniatura{
            display: flex;
            width: 56%;
        }
        .contenedor-proyectominiatura-titulo{
            margin-top: 0;
            margin-left: 4rem;
            flex-direction: column;
        }
        .mini-mini-miniatura{
            width: 56%;
        }
        .contenedor-redireccionamiento-proyectos{
            width: 35%;
            margin-top: 3rem;
        }
        .redireccion-todos-los-proyectos{
            margin-top: 5rem;
            margin-bottom: 7rem;
        }
        .contenedor-textos-nosotros-home{
            padding-top: 2rem;
            width: 61%;
        }
    }
    @media (max-width: 1150px){
        .navbar-responsive{
            display: block;
        }
        .icono-navbar{
            display: flex;
            padding-bottom: 0;
        }
        .contenedor-general-header{
            height: 100vh;
        }
        .contenedor-gif-logo-rgl{
            display: none;
        }
        .contenedor-titulo-saludo-header{
            height: 100%;
            justify-content: center;
        }
        .contenedor-proyecto1-info, .contenedor-proyecto2-info{
            flex-direction: column;
        }
        .contenedor-segunda-parte-seccion-nosotros-info{
            margin-top: 4rem;
            width: 100%;
        }
        .contenedor-redireccionamiento-proyectos, .proyecto1-info{
            width: 100%;
        }
        .contenedor-proyecto1-home{
            padding-bottom: 15rem;
            margin: 7rem 0rem;
        }
        .contenedor-proyecto2-home{
            padding-bottom: 15rem;
        }
        .miniatura-proyecto{
            margin-top: 7rem;
        }
        .contenedor-titulo-saludo-header img{
            width: 84vw;
        }
        .mini-miniatura{
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        .mini-mini-miniatura{
            width: 100%;
        }
        .carousel-indicators [data-bs-target]{
            width: 8px;
            height: 8px;
        }
        .contenedor-imagen-nosotros-home{
            display: none;
        }
        .contenedor-info-nosotros-home{
            width: 100%;
        }
        .titulo-nosotros-home{
            height: auto;
        }
        .redireccionamiento-nosotros-home{
            padding-top: 5rem;
        }
        .contenedor-contacto-home{
            flex-direction: column;
        }
        .email-contacto-home, .contenedor-formulario-contacto-home{
            margin-top: 3rem;
        }
        .contenedor-formulario-contacto-home{
            width: 100%;
        }
        .contenedor-titulo-email-contacto{
            width: 100%;
        }
        .contenedor-info-footer, footer{
            flex-wrap: wrap;
            align-items: flex-start;
        }
        .input-formulario-contacto-textarea{
            margin-top: 10rem;
        }
        .contenedor-info-footer{
            margin-top: 3rem;
        }
        .ul-navbar{
            display: none;
        }
    }
    @media (max-width: 700px){
        .carousel-inner, .carousel, .carousel-item, .carousel-container{
            width: 100%;
        }
        #navb, #navbb{
            padding-top: 1rem;
        }
        .contenedor-navbar{
            padding-bottom: 0;
        }
        .contenedor-info-footer{
            width: 93%;
            margin-left: 5rem;
        }
        footer{
            justify-content: start;
            padding-left: 4rem;
        }
        .icono-wp{
            margin-left: 77vw;
            width: 5rem;
        }
        .proyecto1-titulo, .proyecto1-subtitulo{
            font-weight: 300;
            font-size: 28px;
            line-height: 32px;
        }
        .proyecto1-info1{
            font-weight: 300;
            font-size: 14px;
            line-height: 22px;
        }
        .redireccionamiento-proyectos{
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            margin-right: 3rem;
            font-style: normal;
        }
        .contenedor-redireccionamiento-proyectos{
            justify-content: flex-start;
        }
        .contenedor-redireccionamiento-proyectos img{
            width: 1.7rem;
        }
        .proyecto-miniatura-titulo, .proyecto-miniatura-subtitulo{
            font-weight: 300;
            font-size: 20px;
            line-height: 24px;
        }
        .proyecto1-miniatura-info1, .proyecto1-info2-miniatura, .proyecto1-info3{
            font-weight: 300;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 0;
        }
        .redireccion-todos-los-proyectos img{
            width: 190px;
        }
        .redireccion-todos-los-proyectos a{
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            font-style: normal;
        }
        .titulo-nosotros-home{
            font-weight: 300;
            font-size: 28px;
            line-height: 32px;
        }
        .parrafo-nosotros-home{
            font-weight: 300;
            font-size: 14px;
            line-height: 18px;
        }
        .nombre-nosotros-home{
            font-weight: 300;
            font-size: 14px;
            line-height: 20px;
        }
        .contenedor-info-nosotros-home{
            padding-top: 7rem;
            padding-left: 3rem;
            padding-right: 3rem;
        }
        .contenedor-textos-nosotros-home {
            width: 76%;
            margin-right: 0;
        }
        .nombres-arquitectos-nosotros-home{
            flex-direction: column;
        }
        .titulo-contacto-home {
            font-weight: 300;
            font-size: 28px;
            line-height: 32px;
        }
        .email-contacto-home{
            font-weight: 300;
            font-size: 12px;
            line-height: 140%;
        }
        .input-formulario-contacto-home, .input-formulario-contacto-textarea{
            font-weight: 300;
            font-size: 12px;
            line-height: 26px;
        }
        .boton-enviar-formulario-home{
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            font-style: normal;
        }
        .icono-wp img{
            width: 5rem;
            margin-left: 84vw;
        }
        .mini-miniatura img {
            width: 50%;
        }
        .contenedor-proyectominiatura-titulo {
            width: 50%;
        }
        .contenedor-contacto-home{
            padding: 3rem;
            padding-top: 5rem;
            padding-left: 8rem;
        }
        .contenedor-logo-rgl img{
            width: 19rem;
        }
        .contenedor-logo-rgl{
            display: flex;
            align-items: center;
        }
        .icono-wp-responsive{
            display: block;
        }
    }
    @media (max-width: 500px){
        .contenedor-info-footer{
            margin-left: 0;
            flex-direction: column;
        }
        .contenedor-info1-footer{
            display: flex;
            width: 100%;
            align-items: center ;
        }
        .contenedor-info1-footer p {
            padding: 0;
            margin: 0;
            padding-right: 3rem;
        }
        .contenedor-contacto-home{
            padding-left: 3rem;
        }
        .footer-derechos-diseño p{
            font-size: 11px;
        }
    }