* { margin: 0; padding: 0;box-sizing: border-box;}

@font-face {font-family:NooplaRegular;
src: url("../fuentes/NooplaRegular.ttf");
font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
font-family:NooplaRegular;
}

@font-face {font-family:FuturaBookBT;
src: url("../fuentes/FuturaBookBT.ttf");
font-display: swap;
}

p, strong, small {
font-family:FuturaBookBT;
}

.titulo{
    color: #6eb848;
}
.justify{
    text-align: justify;
}
.center{
    text-align: center;
}




/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: none;
    scrollbar-color: #6fb849 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #6fb849;
    border-radius: 10px;
    border: 3px double #ffffff;
  }


/*Body*/
body{
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
.row-center{
    align-items: center;
}



/*Header*/
.header-cont-fluid {
    position: fixed;
    z-index: 100;
    background: linear-gradient(60deg, #6eb848, #00000042);
}
.header-col{
    padding: 0;
}
.header-icon{
    display: flex;
    letter-spacing: 15px;
    font-size: 1.5em;
}

.header-logo{
    max-width: 100%;
}

/*Estilos Smartphones*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    .header-logo{
        max-width: 100%;
        height: auto;
        width: 7em;
        padding: 5px;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*INDEX*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/



/*Carrousel*/
.carrousel-col{
    padding: 0;
}
.carrousel{
    margin-top: 115px;
}

/*Estilos Smartphones xs*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    .carr-cont-fluid{
        margin-top: 109px;
    }
}

/*Estilos Smartphones sm y tablets*/
@media only screen and (min-width: 375px) and (max-width: 1023px){
    .carr-cont-fluid{
        margin-top: 105px;
    }
}

/*Estilos Smartphones sm y tablets*/
@media only screen and (min-width: 1024px){
    .header-ul{
        align-items: center;
        text-align: center;
    }
}



/*Main*/
.main-cont-fluid{
    background: linear-gradient(45deg, #e8ffdc, transparent);
}
.main-img{
    width: 100%;
    height: 57vh;
    background-image: url('../imagenes/main-img.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
}
.main-icon{
    font-size: 4em;
    color: #6eb848;
}
.main-col-1{
    padding-left: 0;
}
.main-col-2{
    padding: 5rem 2rem;
}
.main-tit{
    font-size: 4em;
    line-height: 1.3;
    font-weight: 700;
}

/*Estilos Smartphones xs*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    .main-img{
        width: 100%;
        height: 25vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-icon {
        font-size: 3em;
        color: #6eb848;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 1.5rem;
    }
    .main-tit {
        font-size: 2.3em;
        line-height: 1.6;
        font-weight: 700;
    }
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 375px) and (max-width: 767px){
    .main-img{
        width: 100%;
        height: 35vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-icon {
        font-size: 3em;
        color: #6eb848;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 1.5rem;
    }
    .main-tit {
        font-size: 2em;
        line-height: 1.5;
        font-weight: 700;
    }
}

/*Estilos Tablets*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .main-img{
        width: 100%;
        height: 60vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 1.5rem;
    }
    .main-tit {
        font-size: 2em;
        line-height: 1.5;
        font-weight: 700;
    }
}

/*Estilos Desktop l*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    .main-img{
        width: 100%;
        height: 66vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 3rem;
    }
    .main-tit {
        font-size: 2em;
        line-height: 1.5;
        font-weight: 700;
    }
    .main-text{
        font-size: 1em;
    }
}

/*Estilos Desktop lg*/
@media only screen and (min-width: 1440px) and (max-width: 2559px){
    .main-img{
        width: 100%;
        height: 66vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 3rem;
    }
    .main-tit {
        font-size: 3em;
        line-height: 1.5;
        font-weight: 700;
    }
    .main-text{
        font-size: 1em;
    }
}

/*Estilos Desktop xl*/
@media only screen and (min-width: 2560px){
    .main-img{
        width: 100%;
        height: 65vh;
        background-image: url('../imagenes/main-img.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
    }
    .main-col-1{
        padding: 0;
    }
    .main-col-2 {
        padding: 4rem;
    }
    .main-tit {
        font-size: 4em;
        line-height: 1.5;
        font-weight: 700;
    }
    .main-text {
        font-size: 1.6em;
    }
}


/*Contacto*/
.cont-cont {
    padding: 7rem;
    text-align: center;
}
.cont-tit {
    font-size: 5em;
    color: #414141;
}
.cont-img {
    max-width: 100%;
    height: auto;
    width: 15rem;
    margin-bottom: 2rem;
}

/*Estilos Smartphones xs*/
@media only screen and (min-width: 320px) and (max-width: 424px){
    .cont-cont {
        padding: 3rem;
        text-align: center;
    }
    .cont-tit {
        font-size: 2em;
        color: #414141;
    }
    .cont-img {
        max-width: 100%;
        margin-bottom: 2rem;
    }
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    .cont-cont {
        padding: 3rem;
        text-align: center;
    }
}

/*Estilos Desktop xl*/
@media only screen and (min-width: 2560px){
    .cont-cont {
        padding: 7rem 0px;
        text-align: center;
    }
    .cont-tit {
        font-size: 4em;
        color: #414141;
    }
    .cont-img {
        max-width: 100%;
        height: auto;
        width: 20rem;
        margin-bottom: 2rem;
    }
}


/*Recuperación de inversión*/
.rdi-cont-fluid {
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/fondo-recuperacion-inversion.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.rdi-cont{
    text-align: center;
}
.rdi-col1{
    margin-bottom: 5rem;
}
.rdi-icon{
    font-size: 6rem;
    color: #fff210;
}
.rdi-tit{
    color: rgb(255 242 18);
    font-size: 4em;
    margin-bottom: 30px;
}
.rdi-subtit{
    font-size: 2em;
    color: #70b74c;
}
.rdi-text{
    color: #ffffff;
}

/*Estilos Desktop xl*/
@media only screen and (min-width: 320px) and (max-width: 424px){
    .rdi-cont-fluid {
        width: 100%;
        height: 165vh;
        background-image: url('../imagenes/fondo-recuperacion-inversion.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }
    .rdi-tit{
        color: rgb(255 242 18);
        font-size: 2.5em;
        margin-bottom: 30px;
    }
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    .rdi-cont-fluid {
        width: 100%;
        height: 165vh;
        background-image: url('../imagenes//fondo-recuperacion-inversion.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }
    .rdi-tit{
        color: rgb(255 242 18);
        font-size: 3em;
        margin-bottom: 30px;
    }
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 768px) and (max-width: 767px){
    .rdi-cont-fluid {
        width: 100%;
        height: 140vh;
        background-image: url('../imagenes/fondo-recuperacion-inversion.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }
    .rdi-tit{
        color: rgb(255 242 18);
        font-size: 3em;
        margin-bottom: 30px;
    }
}


/*Card*/
.cards-cont-fluid{
    margin: 7rem;
}
.cards-cont-img{
    padding: 2rem;
}
.cards-card-deck{
    padding: 1rem;
}
.cards-img{
    max-width: 100%;
    height: auto;
    border-radius: 17rem;
    box-shadow: 0px 5px 5px #0f3f62;
}
.cards-tit{
    color: #0f3f62;
}
.cards-c:hover {
    box-shadow: 0px 0px 10px 2px #0f3f62;
    transition: 0.70s;
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 320px) and (max-width: 767px){
    .cards-cont-fluid{
        margin: 5rem 5px;
    }
    .cards-card-deck{
        padding: 0;
    }
}


/*Site*/
.site-cont-fluid{
    padding: 3rem 0px;
    background: linear-gradient(45deg, #021422, #104166);
}
.site-row{
    align-items: center;
}
.site-ul{
    list-style: none;
}
.site-a{
    color: #ffffff;
    text-decoration: none;
}
.site-a:hover{
    color: #6db447;
    text-decoration: none;
}
.site-tit-icon{
    text-align: center;
    color: #6db447;

}
.site-iconos{
    text-align: center;
}
.icon-redes{
    font-size: 1.5rem;
    padding: 0px 1rem;
    color: #ffffff;
}
.icon-redes:hover{
    font-size: 1.5rem;
    padding: 0px 1rem;
    color: #ffdf81;
    transition: 1s;
}

/*Estilos Smartphones*/
@media only screen and (min-width: 320px) and (max-width: 1023px){
    .site-ul{
        list-style: none;
        text-align: center;
    }
}



/*Elevator*/
.elev-div {
    position: fixed;
    z-index: 10;
    bottom: 15px;
    left: 10px;
    max-width: 100%;
}
.elev-icon {
    font-size: 2.5em;
    color: #00a5e6;
    cursor: pointer;
}


/*Whatsapp*/
.what-div {
    position: fixed;
    z-index: 10;
    bottom: 10px;
    right: 10px;
    max-width: 100%;
}
.what-icon {
    font-size: 0.8em;
    color: #ffffff;
    cursor: pointer;
    background: #55ab29;
    border-radius: 60px;
    padding: 0.5rem 0.65rem;
}


/*Footer*/
footer{
    align-self: flex-end;
    width: 100%;
}
.cont-footer{
    background-color: #414141;
}
.row-footer{
    align-items: center;
}
.parrafo-footer{
    color: #b8b8b8;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    font-size: 0.7em;
}




/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*NOSOTROS*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*Main-nosotros*/
.mn-col{
    padding: 0;
}
.mn-col-video {
    padding: 0;
    text-align: center;
}
.video-nosotros {
    margin-top: 120px;
    width: 2560px;
    height: 800px;
}

/*Estilos Smartphones xs*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    .video-nosotros {
        margin-top: 109px;
        width: 320px;
        height: 180px;
    }
}

/*Estilos Smartphones sm*/
@media only screen and (min-width: 375px) and (max-width: 424px){
    .video-nosotros {
        max-width: 100%;
        width: 2560px;
        height: 210px;
        margin-top: 120px;
    }
}

/*Estilos Smartphones md*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    .video-nosotros {
        max-width: 100%;
        width: 2560px;
        height: 240px;
        margin-top: 120px;
    }
}

/*Estilos Tablets*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .video-nosotros {
        max-width: 100%;
        width: 2560px;
        height: 432px;
        margin-top: 120px;
    }
}

/*Estilos desktop*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    .video-nosotros {
        max-width: 100%;
        width: 2560px;
        height: 577px;
        margin-top: 109px;
    }
}

/*Estilos desktop L*/
@media only screen and (min-width: 1440px) and (max-width: 2559px){
    .video-nosotros {
        max-width: 100%;
        width: 2560px;
        height: 736px;
        margin-top: 120px;
    }
}

/*Parallax-1*/
.parallax-1{width: 100%;
    height: 100vh;
    background-image: url('../imagenes/Parallax2.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Parallax-2*/
.parallax-2{width: 100%;
    height: 100vh;
    background-image: url('../imagenes/Parallax1.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-tit {
    text-align: center;
    color: rgb(0 123 255 / 50%);
    font-size: 5rem;
}

.qs-cont-fluid{
    padding: 7rem 0px;
}

.qs-tit{
    font-size: 4em;
}

.mvv-center-col{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8rem 2rem;
    text-align: center;
}

.mvv-center-col-green{
    background: linear-gradient(45deg, #6bb246, transparent);
}

.mvv-center-col-black{
    background: linear-gradient(45deg, #0b0b0c, #4d5154);
}

.mvv-tit1{
    font-size: 5em;
    color: #212529;
}

.mvv-tit2{
    font-size: 5em;
    color: #6bb246;
}

.val-col{
    background: linear-gradient(90deg, #f6da7d, transparent);
    padding: 10rem 0px;
}

.val-tit-princ{
    font-size: 3em;
    color: #6bb547;
}

.val-card-h-1{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(39, 44, 47);
}
.val-card-h-2{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(137, 197, 75);
}
.val-card-h-3{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(39, 44, 47);
}
.val-card-h-4{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(137, 197, 75);
}
.val-card-h-5{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(39, 44, 47);
}
.val-card-h-6{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(137, 197, 75);
}
.val-card-h-7{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(39, 44, 47);
}
.val-card-h-8{
    border: 1px solid white;
    box-shadow: 0px 3px 5px rgb(137, 197, 75);
}
.val-text{
    font-size: 2em;
    font-weight: 600;
    color: darkslategray;
}

/*Estilos Smartphones*/
@media only screen and (min-width: 320px) and (max-width: 424px){
    .mvv-tit1{
        font-size: 3em;
        color: #212529;
    }
    
    .mvv-tit2{
        font-size: 3em;
        color: #6bb246;
    }
    .val-tit-princ{
        font-size: 3em;
        color: #6bb547;
    }
}

/*Estilos Smartphones*/
@media only screen and (min-width: 425px) and (max-width: 1023px){
    .mvv-tit1{
        font-size: 4em;
        color: #212529;
    }
    
    .mvv-tit2{
        font-size: 4em;
        color: #6bb246;
    }
    .val-tit-princ{
        font-size: 4em;
        color: #6bb547;
    }
}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*SERVICIOS*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*Main servicios*/
.ms-cont-fluid{
    margin: auto;
}
.ms-icon{
    font-size: 8em;
    color: #08253b;
}
.ms-col1{
    margin-top: 6rem;
    padding: 10rem;
}
.ms-tit {
    font-size: 7em;
    font-weight: bold;
    color: rgb(0 175 239);
    line-height: 1;
}
.ms-text{
    color: #4d5154;
    font-size: 1em;
}

/*Servicios-card*/
.serv-card-cont{
    margin-bottom: 7rem;
}
.serv-card {
    margin: 2rem 0px;
    box-shadow: 0px 3px 5px #838383;
    border: 1px solid #d1f3ff;
    background: #08253b;
}
.serv-card-info{
    margin: auto;
}
.serv-cb-tit{
    color: #ffdf81;
}
.serv-cb-text{
    color: #ffffff;
}
.serv-card-img{
    border-radius: 15px;
}

/*Estilos Smartphones*/
@media only screen and (min-width: 320px) and (max-width: 767px){
    .ms-col1{
        margin-top: 13rem;
        margin-bottom: 4rem;
        padding: 0;
    }
    .ms-tit {
        font-size: 4em;
        font-weight: bold;
        color: rgb(0 175 239);
        line-height: 0.8;
    }
}

/*Estilos Tablets*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .ms-col1{
        margin-top: 15rem;
        margin-bottom: 5rem;
        padding: 1rem;
    }
    .ms-tit{
        font-size: 4.5em;
        font-weight: bold;
        color: rgb(0 175 239);
        line-height: 0.9;
    }
}

/*Estilos Desktop*/
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    .ms-col1{
        margin-top: 15rem;
        margin-bottom: 7rem;
        padding: 0;
    }
    .ms-tit {
        font-size: 6em;
        font-weight: bold;
        color: rgb(0 175 239);
        line-height: 0.9;
    }
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*PROYECTOS*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*Main proyectos*/
.mp-cont-fluid{
    margin: auto;
}
.mp-col1{
    margin-top: 7rem;
    padding: 20rem 0px;
}
.main-proy-tit{
    font-size: 4em;
}
.tit-desc-proy{
    color: #6cb649;
}
.icon-proy{
    font-size: 5rem;
}

/*Parallax-proyectos*/
.parallax-proy1{
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/hacienda-monte-alegre.webp');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-proy2{
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/condominio-sibaris.webp');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-proy3{
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/Desierto.webp');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-proy4{
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/lavautos.webp');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-proy5{
    width: 100%;
    height: 100vh;
    background-image: url('../imagenes/sistema-regado.webp');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pproy-tit{
    color: #ffffff;
    text-shadow: 1px 3px 4px #183418;
    font-size: 4em;
}

.dp-cont-fluid{
    padding: 7rem 0px;
}

.img-proy3{
    max-width: 100%;
    height: auto;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*CATALOGO*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.ptrina-cat-cont{
    padding-top: 15rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(120deg, #ffffffdb 50%, #28a9e096), url(../imagenes/pexels-dimitri-c-7102661.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.cat-tit1 {
    color: gray;
    font-size: 3em;
    margin-bottom: -10px;
}
.cat-tit2 {
    color: gray;
    font-size: 4em;
}
.hr-amarillo{
    padding: 2px 0px;
    margin-right: 25rem;
    background-color: #ffe600;
}
.main-img-logo-prov{
    max-width: 100%;
    height:auto;
    width: 30em;
}
.main-img-panel{
    max-width: 100%;
    height: auto;
    width: 12em;
}
.main-card-body{
    padding: 0.5rem;
}
.td-princ{
    padding: 5px;
    background: #cbe9bd;
    text-align: center;
}
.td-secun{
    padding: 5px;
}
.btn-llam-acc{
    text-align: center;
}

/*PANELES LONGI*/
.plongi-cont-fluid{
    padding: 5rem 0px;
    background-image: linear-gradient(-120deg, #ffffffb3 70%, #fb5d5dc7), url(../imagenes/pexels-gustavo-fring-4254171.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*PANELES YINGLI*/
.pyingli-cont-fluid{
    padding: 5rem 0px;
    background-image: linear-gradient(90deg, #ffffffd6 50%, #ff99014a), url(../imagenes/pexels-pixabay-159243.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*PANELES JINKO*/
.pjinko-cont-fluid{
    padding: 5rem 0px;
    background-image: linear-gradient(-120deg, #ffffffdb 50%, #2eaa4d7d), url(../imagenes/pexels-los-muertos-crew-8853502.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*INVERSORES FRONIUS*/
.ifronius-cat-cont{
    padding-top: 15rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(120deg, #ffffffdb 50%, #ed1c26c0), url(../imagenes/photovoltaic-gb87bc760b_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*INVERSORES CPS*/
.icps-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(-120deg, #ffffffdb 60%, #89ba28bf), url(../imagenes/solar-gf810a4df7_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*INVERSORES HUAWEI*/
.ihuawei-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(#ffffffdb, #ee4c41bf), url(../imagenes/solar-gf810a4df7_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Bateria unitec*/
.bunitec-cat-cont{
    padding-top: 15rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(120deg, #ffffffdb 50%, #0063a5a8), url(../imagenes/pexels-pixabay-257636.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Baterias green point*/
.bgreen-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(#ffffffdb 50%, #047d02ad), url(../imagenes/pexels-kateryna-babaieva-2760243.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Baterias tb-plus*/
.tbplus-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(90deg, #ffffffdb 50%, #00afb1b0), url(../imagenes/pexels-tiger-lily-4483610.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Controladores SRNE*/
.csrne-cat-cont{
    padding-top: 15rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(155deg, #ffffffdb 50%, #ff780096), url(../imagenes/pexels-pixabay-257636.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Controladores ipanda*/
.cipanda-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(201deg, #ffffffdb 50%, #b6050694), url(../imagenes/worker-g9cd185e1e_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Controladores must solar*/
.cmust-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(180deg, #ffffffdb 50%, #ff010e8c), url(../imagenes/tube-bender-g1bee142b9_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Controladores PWM*/
.cpwm-cat-cont{
    padding: 5rem 0px;
    background-image: linear-gradient(90deg, #ffffffdb 50%, #0000009e), url(../imagenes/industry-g4eae1ba20_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*Estilos Smartphones*/
@media only screen and (min-width: 320px) and (max-width: 767px){
    .hr-amarillo{
        padding: 2px 0px;
        margin-right: 1rem;
        background-color: #ffe600;
    }
}

@media only screen and (min-width: 768px){
    .cat-tit-ps{
        display: flex;
        align-items: center;
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .hr-amarillo{
        padding: 2px 0px;
        margin-right: 12rem;
        background-color: #ffe600;
    }
}