:root {

    --primary-blue: #1C7DB7;

    --primary-purple: #776A9F;

    --primary-green: #B1BF39;

    --primary-pink: #C83F68;

    --primary-lightblue: #486A8A;

    --second-gray: #D9D9D9;

    --second-lightgray: #F4F5FA;

    --second-black: #000000;

}

@font-face {

    font-family: GestaltSansBlack;

    src: url('../fuente/GestaltSans/GestaltSans-Black.otf');

    /*font-weight: bolder;*/

}

@font-face {

    font-family: GestaltSansBlackItalic;

    src: url('../fuente/GestaltSans/GestaltSans-BlackItalic.otf');

    /*font-weight:800;*/

    /*font-style: italic;*/

}

@font-face {

    font-family: GestaltSansBold;

    src: url('../fuente/GestaltSans/GestaltSans-Bold.otf');

    /*font-weight: bold;*/

}

@font-face {

    font-family: GestaltSansBoldItalic;

    src: url('../fuente/GestaltSans/GestaltSans-BoldItalic.otf');

    /*font-weight: bold;*/

    /*font-style: italic;*/

}

@font-face {

    font-family: GestaltSansItalic;

    src: url('../fuente/GestaltSans/GestaltSans-Italic.otf');

    /*font-style: italic;*/

}

@font-face {

    font-family: GestaltSansMedium;

    src: url('../fuente/GestaltSans/GestaltSans-Medium.otf');

}

@font-face {

    font-family: GestaltSansMediumItalic;

    src: url('../fuente/GestaltSans/GestaltSans-MediumItalic.otf');

    /*font-style: italic;*/

}

@font-face {

    font-family: GestaltSansRegular;

    src: url('../fuente/GestaltSans/GestaltSans-Regular.otf');

    /*font-weight:normal;*/  

}

body{

    font-family: GestaltSansRegular;

}

/*img {

    width: 100%; 

    height: auto;

}*/

/*-------------------------Section 1---------------------------*/

h1 span.weight7-nosolid{

    font-family:GestaltSansBlack;

    font-weight: 700;

    -webkit-text-stroke: 1px white;

    font-size: 3.2rem;

    color: transparent;

}

button.conoce-mas.background-pink, .background-pink{

    background: var(--primary-pink) !important;

}

button.conoce-mas.background-lightblue, .background-lightblue{

    background: var(--primary-lightblue) !important;

}

.navbar-toggler, span.navbar-toggler-icon {

    color: rgb(255 255 255);

}



.border-card.border-pink, .border-pink{

    border: 3px solid var(--primary-pink);

}

.border-card.border-lightblue, .border-lightblue{

    border: 3px solid var(--primary-lightblue);

}

.nosolid-black{

    -webkit-text-stroke: 1px black !important;

}

.solid-blue{

    color: var(--primary-blue);

}

.solid-green {

    color: var(--primary-green);

}

.solid-pink{

    color: var(--primary-pink);

}

.border-pink img {

    border-bottom: 2px solid var(--primary-pink) !important;

}

.solid-lightblue{

    color: var(--primary-lightblue);

} 

h1 span.weight7-solid{

    font-family: GestaltSansBold;

    font-size: 3.2rem;

}

.purplecolor h1 span.weight7-solid{

    color: var(--primary-purple);

}

.bg-body-tertiary{

    /*https://www.w3schools.com/css/css3_fonts.asp*/

    background-color: var(--second-black)!important;

    border-bottom: 3px solid white;

    padding: 0% 7%;

}

.nav-link{

    color: white;

}

.bluecolor .nav-link:hover{

    color: var(--primary-blue) !important;

}

.pinkcolor .nav-link:hover{

    color: var(--primary-pink) !important;

}

.purplecolor .nav-link:hover{

    color: var(--primary-purple) !important;

}

.lightblue .nav-link:hover{

    color:var(--primary-lightblue) !important;

}

.greencolor .nav-link:hover{

    color: var(--primary-green) !important;

}

.navbar-nav .nav-link.active{

    color:white;

    text-decoration: underline;

}

.navbar-brand {

    /*padding-left: 7%;*/

    padding-top: 1.7%;

    padding-bottom: 1.5%;

}

li.nav-item{

    padding: 0% 3%;

}

.navbar-expand-lg .navbar-nav {

    flex-direction: row;

    width: 89%;

}

.navbar-brand img{

    width: 70%;

}

.navbar-expand-lg .navbar-collapse{

    /*justify-content: space-around;*/

    justify-content: flex-end;

    width: 80%;

    padding: 4% 0%;



}

.icon-navbar{

    width: fit-content;

    display: flex;

    justify-content: flex-start; 

}

.icon-navbar img{

    /*width: 130%;*/

    padding: 0% 20%;

}

span.navbar-toggler {

    width: fit-content;

    color:white !important;

    border: 1px solid white !important;

}

/*-----------------Sección 1-----------------*/

.container-section1{

    /*width: 100%;

    height: 30rem;*/

    width: 100%;

    height: fit-content;

    padding-bottom: 12%;

}

.background-section1{

    width: 100%;

    background: var(--second-black);

    

    color: white;

}

.purplecolor .background-section1 {

    height: 18rem;

}

.background-section1.bluecolor{

    height: 19.8rem;

}

.background-section1.pinkcolor{

    /*height: 19.8rem;*/

    height:23rem;

}

.section1-left{

    padding-top: 5%;

}

.section1-right .text-header{

    height:100px;

}

.section1-left img{

    width: 85%;

}

.section1-right{

    padding-top: 7.5%;

    /*padding: 5% 2%;¨*/

}

.linesection1{

    width: 100%;

    height: 3px;

    background: var(--primary-blue);

}

.purplecolor .linesection1 {

    background: var(--primary-purple);

}

.greencolor .linesection1{

    background: var(--primary-green);

}

.container-line{

    display: flex;

    align-items: center;

    flex-direction: row;

    flex-wrap: nowrap;

}

.container-conocemas{

    padding-top: 10%;

    padding-left: 5%;

}

button.conoce-mas, a button.conoce-mas{

    background: var(--primary-blue);

    color: white;

    border-radius: 30px 30px;

    border: none;

    padding: 2% 4%;

    width: fit-content;

}

button.conoce-mas {

    background: var(--primary-blue);

}

.lightblue-color button.conoce-mas{

    background: var(--primary-lightblue);

}

.container-section1.purplecolor button.conoce-mas, .background-section8.purplecolor button.conoce-mas{

    background: var(--primary-purple);

}

.background-section8.greencolor button.conoce-mas {

    background: var(--primary-green);

}

.container-section1.greencolor button.conoce-mas {

    background: var(--primary-green);



}

button.conoce-mas a, a button.conoce-mas, button.conoce-mas {

    color: white;

    text-decoration: none;

    font-family: 'GestaltSansRegular';

    font-weight: 600;

    font-size: 1.1rem;

}

button.conoce-mas:hover{

    padding: 2% 8%;

    width: fit-content;

}

button.conoce-mas.borderpink:hover, button.conoce-mas.borderblue:hover{

    padding: 1% 8%;

    width: fit-content;

}

button.conoce-mas.borderpink:hover, button.conoce-mas.borderblue:hover, button.conoce-mas.borderlightblue:hover{

    padding: 1% 8%;

    width: fit-content;

}

.conocemas-arrow{

    width: 5%;

}



/*button.conoce-mas:hover span{

    padding-left: 5%;

}*/

/*------------------------Section Button turning---------*/

/*--------------- Button 1 ---------------*/

.circle-container{

    /*width: 20%;

    position: absolute;

    top: 75%;

    left: 33%;*/

    width: fit-content;

    position: relative;

    top: 67%;

    left: 70%;

    margin-top: -21%;

    padding-right: 5%;

}

.buttonturn{

    top: 50%;

    left: 36%;

}

.background-circle{

    border-radius: 50% 50%;

    width: 100px;

    height: 100px;

    background: var(--primary-blue);

}

.greencolor .background-circle {

    background: var(--primary-green);

}

.purplecolor .background-circle {

    background: var(--primary-purple);

}

.circle-container img{

    width: 100%;

}



.circle-container button{

    width: 150px;

    height: 150px;

    background: transparent;

    border-radius: 50%;

    padding: 2% 5%;

}

/*@-webkit-keyframes*/

@keyframes buttonturn{

    from{

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

    }

    to{

        transform:rotate(360deg);

        -webkit-transform:rotate(360deg);

        -moz-transform:rotate(360deg);

        -ms-transform:rotate(360deg);

        -o-transform:rotate(360deg);

    }

}



.buttonturn{

    animation: buttonturn 8s linear infinite;

    -webkit-animation: buttonturn 8s linear infinite;

}

/*-------------------- Button 2 ----------------*/

.circle-container2{

    position: relative;

    width: 100px;

    height: 100px;

    /* top: 66%; */

    left: 77%;

    margin-top: -45%;

    /*padding-left: 10%;*/

}

.background-circle2{

    /*position: absolute;

    border-radius: 50% 50%;

    width: 100px;

    height: 100px;*/

    background: var(--second-black);

}

.buttonturn2{

    /*position: absolute;

    width:100px;

    height:100px;*/

    top: 44%;

    left: -38%;

    /*overflow: hidden;*/

    /*display: flex;

    justify-content: center;

    align-items: center;*/

}



.circle-container2 img {

    width: 100%;

    /*height: 100%;*/

}



.circle-container2 button{

    width: 150px;

    height: 150px;

    background: transparent;

    border-radius: 50%;

    padding: 2% 5%;

}

/*@-webkit-keyframes*/

@keyframes buttonturn2{

    from{

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

    }

    to{

        transform:rotate(360deg);

        -webkit-transform:rotate(360deg);

        -moz-transform:rotate(360deg);

        -ms-transform:rotate(360deg);

        -o-transform:rotate(360deg);

    }

}



.buttonturn2{

    animation: buttonturn2 8s linear infinite;

    -webkit-animation: buttonturn2 8s linear infinite;

}

/*---------------Button 3 ---------------*/

.circle-container3{

    position: relative;

    width: 120px;

    height: 120px;

    /* top: 66%; */

    left: 80%;

    margin-top: -5%;

    /*padding-bottom: 5%;*/

    /*padding-left: 5%;*/

}



.background-circle3{

    /*position: absolute;

    border-radius: 50% 50%;

    width: 120px;

    height: 120px;*/

    background: var(--second-black);

}

.buttonturn3{

    /*position: absolute;

    width:120px;

    height:120px;*/

    top: -50px;

    left: -51px;

    /*left: 0;*/

    /*overflow: hidden;*/

    /*display: flex;

    justify-content: center;

    align-items: center;*/

}

.circle-container3 img{

    width: 100%;

}



.circle-container3 button{

    width: 150px;

    height: 150px;

    background: transparent;

    border-radius: 50%;

    padding: 2% 5%;

}

/*@-webkit-keyframes*/

@keyframes buttonturn3{

    from{

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

    }

    to{

        transform:rotate(360deg);

        -webkit-transform:rotate(360deg);

        -moz-transform:rotate(360deg);

        -ms-transform:rotate(360deg);

        -o-transform:rotate(360deg);

    }

}



.buttonturn3{

    animation: buttonturn3 8s linear infinite;

    -webkit-animation: buttonturn3 8s linear infinite;

}

/*---------------Button 4 ---------------*/

.circle-container4{

    width: fit-content;

    position: relative;

    /* top: 66%; */

    left: 10%;

    margin-top: -5%;

    padding-bottom: 10%;

}

.buttonturn4{

    position: absolute;

    top: 30%;

    left: -120%;

}

.container-right{

    width: 57%;

    position: relative;

    left: 47%;

    font-size: 0.8rem;

    line-height: 1.2;

    padding-bottom: 40%;

}

.container-right p span.blue-text{

    color: var(--primary-blue);

    font-weight: 800;

}

.lightblue-color .container-right p span.blue-text{

    color: var(--primary-lightblue) !important;

}

.greencolor .container-right p span.blue-text {

    color: var(--primary-green);

}

.container-right p span.weight-text{

    font-weight: 800;

    color: black;

}

.purplecolor .container-right p span.blue-text {

    color: var(--primary-purple);

}

.circle-container4 img{

    width: 80%;

}

.background-circle4{

    border-radius: 50% 50%;

    width: 130px;

    height: 130px;

    background: black;

}

.circle-container4 button{

    width: 150px;

    height: 150px;

    background: transparent;

    border-radius: 50%;

    padding: 2% 5%;

}

.purplecolor .linesection3 {

    background: var(--primary-purple);

}

/*#turning{

    width: 85%;

    height: fit-content;

}*/

/*@-webkit-keyframes*/

@keyframes buttonturn4{

    from{

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

    }

    to{

        transform:rotate(360deg);

        -webkit-transform:rotate(360deg);

        -moz-transform:rotate(360deg);

        -ms-transform:rotate(360deg);

        -o-transform:rotate(360deg);

    }

}



.buttonturn4{

    animation: buttonturn4 8s linear infinite;

    -webkit-animation: buttonturn4 8s linear infinite;

}

.background-circle, .background-circle2, .background-circle3{

    border-radius: 50% 50%;

    width: 120px;

    height: 120px;

}

.buttonturn, .buttonturn2, .buttonturn3 {

    position: absolute;

    width: 120px;

    height: 120px;

}

/*-------------Sección 2----------------------*/

.background-section2{

    width: 100%;

    height: fit-content;

}

.background-section2 h2, h2{

    font-family: GestaltSansBold;

    font-size: 2.5rem;

}

/*.background-section2 .containerright{

    margin-top: -50%;

}*/



/*----------------Sección 3----------------------*/

.background-section3{

    width: 100%;

    background:var(--second-gray);

    padding: 2% 5%;

    margin-top: -3%;

}

.card-section3 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    column-gap: 2rem;

    /* padding: 2% 5%; */

    /*flex-direction: row;

    justify-content: space-evenly;*/

}

.card1, .card2, .card3{

    padding: 2%;

    display: flex;

    align-items: stretch;

    flex-direction: row;

}

.border-card{

    border: 3px solid var(--primary-blue);

    padding: 5% 10%;

}

.purplecolor .border-card {

    border: 3px solid var(--primary-purple);

}

.greencolor .border-card {

    border: 3px solid var(--primary-green);

}

.border-card img{

    padding-bottom: 5%;

    border-bottom: 2px solid var(--primary-blue);

    padding-right: 15%;

    margin-bottom: 7%;

    width: 50%;

}
.border-lightblue.border-card img {
    border-bottom: 2px solid var(--primary-lightblue);
}
.purplecolor .border-card img {

    border-bottom: 2px solid var(--primary-purple);

}

.greencolor .border-card img {

    border-bottom: 2px solid var(--primary-green);

}

button.conoce-mas.borderblue{

    background: transparent;

    color: black;

    border: 2px solid var(--primary-blue) ;

    border-radius:30px 30px;

    padding: 1% 2%;

    width: fit-content;

}

.background-section3 button.conoce-mas.borderblue{

    margin: 1.2% 0%;

}

.greencolor button.conoce-mas.borderblue {

    border: 2px solid var(--primary-green);

}

button.conoce-mas.borderpink{

    background: transparent;

    color: black;

    border: 2px solid var(--primary-pink) ;

    border-radius:30px 30px;

    padding: 1% 2%;

    width: fit-content;

}

button.conoce-mas.borderlightblue{

    background: transparent;

    color: black;

    border: 2px solid var(--primary-lightblue);

    border-radius:30px 30px;

    padding: 1% 2%;

    width: fit-content;

}

.background-section3.purplecolor button.conoce-mas.borderblue, .section4.purplecolor button.conoce-mas.borderblue {

    border: 2px solid var(--primary-purple);

}

button.conoce-mas.borderpink a{

    color:black;

}

.linesection3{

    width: 150px;

    height: 3px;

    background: var(--primary-blue);

}

.greencolor .linesection3 {

    background: var(--primary-green);

}

.container-lineend{

    padding-bottom: 2%;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}

.containersection3-title{

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

}

.section3-lettertitle{

    width: fit-content;

}

button.conoce-mas.borderblue a, button.conoce-mas.borderblue svg, a button.conoce-mas.borderblue{

    color: black;

    font-weight: 700;

}

.carousel-control-next button{

    border: 2px solid black;

    border-radius: 50% 50%;

    padding: 5% 5%;

    color: var(--primary-blue);

}

.section4.purplecolor .carousel-control-next button {

    color: var(--primary-purple);

}

.greencolor .carousel-control-next button {

    color: var(--primary-green);

}

.carousel-control-next.pink-icon button {

    color: var(--primary-pink)!important;

}

.carousel-control-prev, .carousel-control-next {

    position: absolute;

    /*top: 0;

    width: fit-content;

    bottom: 0;*/

    right: -2% !important;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-items: flex-end;

}

.interiorismo .carousel-control-prev, .carousel-control-next {

    position: absolute;

    right: -5% !important;

}

.carousel-control-prev, .carousel-control-next {

    opacity: 1;

}

.carousel-control-next-icon {

    background-image: none;

}

.carousel-control-next button{

    background: white;

}

.subject-title span.nom{

    font-family: GestaltSansBold;

    font-size: 1.5rem;

    padding: 5% 0%;

    border-bottom: 2px solid var(--primary-blue);

}

.purplecolor .subject-title span.nom{

    border-bottom: 2px solid var(--primary-purple);

}

.greencolor .subject-title span.nom {

    border-bottom: 2px solid var(--primary-green);

}

.subject-title span.nom-pink{

    border-bottom: 2px solid var(--primary-pink) !important;

}

.subject-title span.nom-lightblue{

    border-bottom: 2px solid var(--primary-lightblue) !important;

}

.subject-title span.num{

    font-family: GestaltSansBold;

    font-size: 3rem;

    padding: 0% 2%;

}

.subject-content{

    padding-top: 3%;

}

/*---------------------Section 4 ---------------------*/

.section4 .carousel-item{

    transition: transform 0.6s ease-in-out !important;

    -webkit-transition: transform 0.6s ease-in-out !important;

    -moz-transition: transform 0.6s ease-in-out !important;

    -ms-transition: transform 0.6s ease-in-out !important;

    -o-transition: transform 0.6s ease-in-out !important;

}

.section4 .subject-title{

    padding-bottom: 5%;

}

.section4{

    /*padding-bottom: 5%;*/

    width: 100%;

    padding: 2% 4%

}

.carousel-control-next button .pink-icon{

    color: var(--primary-pink);

}

.carousel-control-next button .lightblue-icon{

    color: var(--primary-lightblue);

}

.section4 strong{

    font-family: 'GestaltSansBold';

}

/*----------------Section5----------------------------*/

.background-section5{

    background: var(--primary-blue);

    color: white;

    padding-bottom: 7%;

    height: 590px;

}

.background-section5.purplecolor {

    background: var(--primary-purple);

}

.background-section5.greencolor {

    background: var(--primary-green);

}

.background-section5 .carousel-inner {

    position: relative;

    width: 100%;

    /*padding: 5% 0%;*/

    /*padding-top: 5%;

    padding-bottom: 0%;*/

}

.centercontainer{

    display: flex;

    flex-direction: column;

}

.section5-title{

    padding: 2% 7%;

    padding-top: 2%;

}

.section5-up{

    margin-top: 0%;

    display: flex;

    flex-direction: column;

    /*position: relative;

    z-index: 4;*/

}

/*.section5-up img{

    padding-bottom: 15%;

}*/

.linesection5{

    width: 100%;

    height: 3px;

    margin-top: 25%;

    background: var(--second-black);

}

.background-section5 p strong{

    font-family: GestaltSansMedium;

    /*font-weight: 700;*/

}
.background-section5.interiorismo img{

    width: 80%;

}

.background-section5.interiorismo.background-lightblue p{

    font-size: 1.3rem;

}
/*.background-section5 .carousel-item{

    transition: transform 15.6s ease-in-out !important;

    -webkit-transition: transform 15.6s ease-in-out !important;

    -moz-transition: transform 15.6s ease-in-out !important;

    -ms-transition: transform 15.6s ease-in-out !important;

    -o-transition: transform 15.6s ease-in-out !important;

}*/

/*-----------------Section----------------------------*/

h5 span.weight7-nosolid{

    font-family: GestaltSansBlack;

    font-weight: 700;

    -webkit-text-stroke: 2px var(--primary-blue);

    font-size: 8rem;

    color: transparent;

    display: inline;

}

.lightblue-color h5 span.weight7-nosolid {

    -webkit-text-stroke: 2px var(--primary-lightblue);

}

.purplecolor h5 span.weight7-nosolid{

    -webkit-text-stroke: 2px var(--primary-purple);

}

.greencolor h5 span.weight7-nosolid{

    -webkit-text-stroke: 2px var(--primary-green);

}

.greencolor.container-section1 button.conoce-mas{

    background: var(--primary-green);

}

h5 span.weight7-solid {

    font-family: GestaltSansBold;

    font-size: 8rem;

    padding-top: 5%;

}

.section6{

    padding-bottom: 5%;

}

/*.containerscroll{

    overflow-y: scroll;

    position: relative;

}*/

.background-section5 .paddingbottom{

    padding-bottom: 15%;

    padding-top:15%;

}

.section6 h5 span.weight7-nosolid{

    font-family: GestaltSansBlack;

    font-weight: 700;

    -webkit-text-stroke: 3px var(--primary-blue);

    font-size: 8rem;

    color: transparent;

}

.section6.lightblue h5 span.weight7-nosolid{

    -webkit-text-stroke: 3px var(--primary-lightblue);

}

.purplecolor.section6 h5 span.weight7-nosolid{

    -webkit-text-stroke: 3px var(--primary-purple);

}

.greencolor.section6 h5 span.weight7-nosolid {

    -webkit-text-stroke: 3px var(--primary-green);

}

.section6.pinkborderword h5 span.weight7-nosolid{

    -webkit-text-stroke: 3px var(--primary-pink);

}
.section6.lightblueborderword h5 span.weight7-nosolid{
    -webkit-text-stroke: 3px var(--primary-lightblue);
}  

p .lightblue{
    color: var(--primary-lightblue);

    font-size: 2rem;

    font-weight: 900;

}

.requisitos p{
    font-size:1rem;

    margin:0%;

    font-weight: 500;

}

.requisitos img{

    width: 120%;

    margin-left: -50%;

    margin-bottom: -10%;

    padding-top: 5%;

}
.textscroll{

    width: 100%;

    height: fit-content;

}



/*----------------------Scroll prueba------------------*/

#text-left{

    transform: translateX(-125%);

    -webkit-transform: translateX(-125%);

    -moz-transform: translateX(-125%);

    -ms-transform: translateX(-125%);

    -o-transform: translateX(-125%);

}

#text-right2{

    transform: translateX(-170%);

    -webkit-transform: translateX(-170%);

    -moz-transform: translateX(-170%);

    -ms-transform: translateX(-170%);

    -o-transform: translateX(-170%);

}



.containerscroll{

    /*position: relative;*/

    

    width: 100%;

    /*overflow: hidden;*/

}

.scrolling-text {

    overflow: hidden;

    height: fit-content;

    padding: 1% 0%;

}

/*.scrolling-text {

    display: inline-block;

    transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);

    will-change: transform;

    backface-visibility: hidden;

} */

.scrolling-text .scrolling-text-content{

    position: relative;

    width: 100%;

    /*overflow: hidden;*/

    color: black;

    font-size: 8rem;

    white-space: nowrap;

    transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);

    line-height: 1em;

    margin: 30px 0%;

}

/*marquee{

    font-size:clamp(16px,50dvh,220px);

    color:white;

  }*/

/*---------------------Section 7---------------------------*/

.background-section7{

    background: var(--second-black);

    padding-top: 3%;

}
.background-section7.requisitos .lineblue7 {
    margin-top: 20%;
    margin-left: -75%;
}
.background-section7 .text-up{

    color: white;

}

.text-up li{

    padding: 2% 0%;

}

button.whitecontent, a button.conoce-mas.whitecontent{

    background: transparent;

    border: 2px solid white;

}

.background-section7 .lineblue7{

    width: 149px;

    height: 3px;

    /* padding-top: 0%; */

    margin-top: 39%;

    margin-left: -21%;

    background: var(--primary-blue);

}

.purplecolor.background-section7 .lineblue7{

    background: var(--primary-purple);

}

.greencolor.background-section7 .lineblue7 {

    background: var(--primary-green);

}

.background-section7 .lineblue7.pinkline{

    background: var(--primary-pink);

}

.background-section7 .lineblue7.lightblue{

    background: var(--primary-lightblue);

}

.background-section7 .content-testimonial p{

    /*font-family: 'GestaltSansItalic';*/

    font-family: 'GestaltSansItalic';

}

.background-section7 .content-testimonial h6{

        font-size: 1.2rem;

}

.testiomonial{

    width: 100%;

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    flex-wrap: nowrap;

    align-content: flex-end;

    align-items: flex-end;

    padding-top: 5%;

    /*margin-top: -7%;*/

}

.greencolor .testiomonial {

    padding-top: 5%;

}

.testiomonial .tes1, .testiomonial .tes2, .testiomonial .tes3 {

    width: 33.333%;

    height: fit-content;

}

.testiomonial .tes1 .text-testimonial{

    width: 100%;

    height: 5%;

    padding-top: 20%;

    color: white;

    background-color: var(--primary-blue);

    /*border-top-left-radius: 50% 42%;

    border-top-right-radius: 50% 42%;*/

    border-top-left-radius: 49% 30%;

    border-top-right-radius: 49% 30%;

}

.purplecolor .testiomonial .tes1 .text-testimonial, .purplecolor .testiomonial .tes3 .text-testimonial {

    background-color: var(--primary-purple);

}

.greencolor .testiomonial .tes1 .text-testimonial, .greencolor .testiomonial .tes3 .text-testimonial{

    background-color: var(--primary-green);

}

.testiomonial .tes1 .text-testimonial a{

    color: white;

    text-decoration:none;

}

.testiomonial .tes2 .text-testimonial{

    width: 100%;

    height: 5%;

    padding-top: 20%;

    background: white;

    color: black;

    border-top-left-radius: 49% 30%;

    border-top-right-radius: 49% 30%;

}

.testiomonial .content-testimonial {

    width: 100%;

    padding: 0% 15%;

    height: 130px;

    /* background: var(--primary-blue);*/

}

.testiomonial .tes3 .text-testimonial{

    width: 100%;

    height: 5%;

    padding-top: 20%;

    color: white;

    background: var(--primary-blue);

    /*border-top-left-radius: 50% 42%;

    border-top-right-radius: 50% 42%;*/

    border-top-left-radius: 49% 30%;

    border-top-right-radius: 49% 30%;

}

.text-testimonial img{

    width: 100%;

}

.pink-color #myform input{

    border: 2px solid var(--primary-pink);

    background: transparent;

}

.pink-color button.conoce-mas{

    background: var(--primary-pink);

}

/*-------------------------Section8-------------------------------*/

.background-section8 {

    padding: 3% 0%;

    background: var(--second-gray);

    color: black;

    margin-bottom: -2%;

}

.background-section8 form{

    color: black;

}

#myform input{

    border: 2px solid var(--primary-blue);

    background: transparent;

}

.purplecolor #myform input {

    border: 2px solid var(--primary-purple);

}

.greencolor #myform input {

    border: 2px solid var(--primary-green);

}

/*------------------Section9------------------------*/

/*.section9{

    padding: 5% 0%;

}*/

.section9 h5 {

    line-height: 0.9;

}

.section9 h5 span.weight7-solid{

    font-size: 3.3rem;

    /*line-height: 0.7;*/

}

.section9 h5 span.weight7-nosolid{

    font-size: 5.5rem;

}

.section9 span.strongp{

    font-family: 'GestaltSansBold';

    font-weight: 900;

}

.section9 .lineblue{

    width: 99px;

    height: 3px;

    /* padding-top: 0%; */

    margin-top: 55%;

    margin-left: -44%;

    background: var(--primary-blue);

}

.section9.lightblue-color .lineblue {

    background: var(--primary-lightblue);

} 

.section9.purplecolor .lineblue{

    background: var(--primary-purple);

}

.section9.greencolor .lineblue {

    background: var(--primary-green);

}

.pink-color h5 span.weight7-nosolid {

    -webkit-text-stroke: 2px var(--primary-pink);

}

.pink-color .lineblue{

    background: var(--primary-pink);

}

.pink-color .container-right p span.blue-text{

    color: var(--primary-pink);

}

/*-------------------------------Footer---------------------------*/

footer{

    background: var(--second-black);

    padding-top: 5%;

    padding-bottom: 2%;

    color: white;

}

footer .container-social{

    display: flex;

    border-bottom: 3px solid var(--primary-blue);

    width: fit-content;

    padding: 3% 4%;

}

footer .purplecolor .container-social {

    border-bottom: 3px solid var(--primary-purple);

}

footer .greencolor .container-social {

    border-bottom: 3px solid var(--primary-green);

}

footer .container-social img{

    padding: 0% 0%;

}

footer h6{

    font-family: GestaltSansRegular;

    font-size: 1rem;

    font-weight: 700;

}

footer a{

    color: white;

    text-decoration: none;

}

footer a:hover{

    color: var(--primary-blue);

}

footer .container-social a{

    padding: 0% 3%;

}

footer .pink-color .container-social{

    border-bottom: 3px solid var(--primary-pink);

}

footer .lightblue-color .container-social{

    border-bottom: 3px solid var(--primary-lightblue);

}

 footer .pink-color .borderblue a {

    border-top: 3px solid var(--primary-pink);

}

footer .borderpink a{

    border-top: 3px solid var(--primary-pink);

    padding-top: 2%;

}footer .borderblue a{

    border-top: 3px solid var(--primary-blue);

    padding-top: 2%;

}

footer .purplecolor .borderblue a {

    border-top: 3px solid var(--primary-purple);

}

footer .greencolor .borderblue a {

    border-top: 3px solid var(--primary-green);

}

footer .borderlightblue a{

    border-top: 3px solid var(--primary-lightblue);

    padding-top: 2%;

}

footer .borderpink a{

    border-top: 3px solid var(--primary-pink);

}

footer .purplecolor a:hover{

    color: var(--primary-purple);

}

footer .pink-color a:hover{

    color: var(--primary-pink);

}

footer .bluecolor a:hover{

    color: var(--primary-blue);

}

footer .greencolor a:hover{

    color: var(--primary-green);

}

footer .lightblue-color a:hover{

    color: var(--primary-lightblue);

}






/*Cookies*/

.cookies {

    display:none;

    background: black;

    position:fixed;

    z-index:90000;

    bottom:0%;

    width:100%;

    padding: 3% 7%;

    opacity: 0;

    transition: opacity 20s ease;

    -webkit-transition: opacity 20s ease;

    -moz-transition: opacity 20s ease;

    -ms-transition: opacity 20s ease;

    -o-transition: opacity 20s ease;

  }

  .cookies.active{

    display: block;

    opacity: 1;

  }

  .form-switch .form-check-input {

    width: 3em;

  }

  .form-check-input {

    width: 1em;

    height: 1.5em;

  }

  #content {

    display: none; /* El contenido está oculto por defecto */

    margin-top: 10px;

  }

  .read-more {

    color: #007bff;

    cursor: pointer;

    text-decoration: underline;

  }

  .cookies button{

    width: 35%;

    /*height: 35%;*/

    background: none; 

    color: var(--amarillo); 

    border: 1px solid var(--amarillo); 

    border-radius: 50px; 

    padding: 5px 10px;

  }

  .cookies button:hover{

    background: var(--amarillo);

    color:white;

  }

  .modal-footer button{

    background: var(--amarillo); 

    border: 1px solid var(--amarillo); 

    color:white; 

    border-radius: 20px 20px; 

    padding:1% 5%;

  }

  .modal-footer button:hover{

    background: #db8e00;

  }

  

  

  

.whatsapp {

    position: fixed;

    width: 60px;

    height: 60px;

    bottom: 70px;

    right: 10px;

    background-color: #25d366;

    color: #FFF;

    border-radius: 50px;

    text-align: center;

    font-size: 30px;

    z-index: 100;

}



.whatsapp:hover {

    color: #525151;

    outline: none;

    text-decoration: none;

}



#wa-button a:hover {

    color: #ce0606;

    outline: none;

    text-decoration: none;

}



.whatsapp-icon {

    margin-top: 13px;

}



.phonecall {

    position: fixed;

    width: 60px;

    height: 60px;

    bottom: 140px;

    right: 10px;

    background-color: rgb(0, 87, 0);

    color: #FFF;

    border-radius: 50px;

    text-align: center;

    font-size: 30px;

    z-index: 100;

}



.phonecall:hover {

    color: white;

    background-color: green;

    outline: none;

    text-decoration: none;

}



.phone-button a:hover {

    color: #ce0606;

    outline: none;

    text-decoration: none;

}



.phone-icon {

    margin-top: 13px;

}