/* @import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600;700;800&display=swap'); */

/* Custom page CSS */
@import url('https://fonts.cdnfonts.com/css/gotham-rounded-medium');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap');




@layer base {

  /* Custom page CSS */
  @font-face {font-family: 'Gotham Rounded';src: url('/fonts/gotham-rounded-light.woff2') format('woff2'),url('/fonts/gotham-rounded-light.woff') format('woff');font-weight: 100;font-style: normal;font-display: swap;}
  @font-face {font-family: 'Gotham Rounded';src: url('/fonts/gotham-rounded-book.woff2') format('woff2'),url('/fonts/gotham-rounded-book.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
  @font-face {font-family: 'Gotham Rounded';src: url('/fonts/gotham-rounded-medium.woff2') format('woff2'),url('/fonts/gotham-rounded-medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
  @font-face {font-family: 'Gotham Rounded';src: url('/fonts/gotham-rounded-bold.woff2') format('woff2'),url('/fonts/gotham-rounded-bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}

  
}


body{
  /* font-family: 'Golos Text'; */
  
  font-family: 'Gotham Rounded Medium', sans-serif;
  color: white;
  --color-primario : #504092;
}

p{
  font-family: 'Gotham Rounded Light', sans-serif;
}

.cover-img{
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: top;
  position: relative;
  z-index: -1;
  overflow: hidden;
}



/* .nav-text-pro-scrolled{
  color: #3D3D3D;
  font-family: 'Gotham Rounded Medium', sans-serif;
}

.nav-text-pro-scrolled:hover{
  color: #616161;
} */

/* .nav-bg-pro{
  background-color: #ffffff71;
  color: rgb(255, 255, 255);
  transition: 0.4s;
} */


.nav-bg-pro{
  background: linear-gradient(to bottom,rgba(0, 0, 0, 0.5) , rgba(63, 63, 63, 0.39) 25%, #40267c00 50%);
  color:#ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 09px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  transition: 0.4s;
}

.nav-bg-pro-scrolled{
  background: #ffffff;
  color:#3D3D3D;
  -webkit-box-shadow: 0px 2px 39px -1px rgba(0,0,0,0.47);
  -moz-box-shadow: 0px 2px 39px -1px rgba(0,0,0,0.47);
  box-shadow: 0px 2px 39px -1px rgba(0,0,0,0.47);
  transition: 0.4s;
}



.nav-bg-pro .nav-text-pro{
  color: #ffffff;
  font-family: 'Gotham Rounded Medium', sans-serif;
  
}

.nav-bg-pro .nav-text-pro:hover{
 /* color: #8442ff; */
 
 text-decoration: underline 2px #8442ff;
  text-underline-offset: 5px;
}

.nav-bg-pro .navbar-brand{
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
 }

.nav-bg-pro-scrolled .nav-text-pro{
  color: #000000;
  font-family: 'Gotham Rounded Medium', sans-serif;
}

.nav-bg-pro-scrolled .nav-text-pro:hover{
 color: #8442ff;
}

.nav-bg-pro-scrolled .navbar-brand{
  visibility: visible;
  opacity: 1;
}

.mostrar{
  display: none!important;
}

.ocultar{
  display: block !important;
}

.flor-img{
  padding-left: 65px;
  padding-right: 65px;
}

.blackground-md{
  backdrop-filter: blur(3px); 
  filter: brightness(0.6);
  position:absolute; 
  width:100%; 
  height:100vh; 
  z-index:-1;
}

.col-titulo{
  /* background-color: var(--color-primario);  */
  background: linear-gradient(to bottom, var(--color-primario) 50%, #40267c83); 
}



@media (max-width: 993px){

  .titulos{
    padding-right: 1rem!important;
  }

  .nav-bg-pro {
    background-color: rgb(255, 255, 255);
    background:white;
  }
  .nav-bg-pro .navbar-brand{
    visibility: visible;
    opacity: 1;
  }

  .nav-bg-pro .nav-text-pro{
    color: #000000;
    font-family: 'Gotham Rounded Medium', sans-serif;
  }
  
  .nav-bg-pro .nav-text-pro:hover{
   color: #8442ff;
  }

  .mostrar{
    display: block!important;
  }
  
  .ocultar{
    display: none!important;
  }

  .flor-img{
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    z-index: -1;
  }
  #myVideo{
    display: none;
  }
  .col-titulo{
    background: transparent;
  }
  
  .blackground-md{
    backdrop-filter: blur(0); 
    filter: brightness(1);
    background-color: var(--color-primario);
    background: linear-gradient(to bottom, var(--color-primario) 50%, #40267c83);
  }

  
}




.bd-placeholder-img{
  text-anchor: middle;
}

@media (max-width: 40em){
  .featurette-heading {
      font-size: 50px;
  }
}

#scrolleable{
  opacity: 0;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.link-scrolled{
  color:black;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.link-top{
  color:rgb(255, 255, 255);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.social a img{
  width: 50px;
  border-radius: 50px;
}


.pro-button{
  background-color: #F9D80A;
  color: #3D3D3D;
  border-radius: 100px;
  
}

.pro-button:hover{
  background-color: #3D3D3D;
  color: #FFFFFF;
  outline: #ffffff solid 2px;
}


.pro-button2{
  border-radius: 100px;
  background-color: transparent;
  color: #FFFFFF;
  outline: #ffffff solid 2px;
}

.pro-button2:hover{
  background-color: #F9D80A;
  color: #3D3D3D;
  outline: 0;
}

.iframe-container{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.overlay-image{
  position: relative;
  height: 600px;
}

.overlay-image img{
  width: 100%;
  background-position: center;
  background-size: cover;
}

.subtitulo{
  text-decoration: underline 5px solid;
  text-underline-offset: 5px;
  text-decoration-color: var(--color-primario);
  margin-bottom: 20px;
}


.seccion{
  color: #333;
  background-color: #ffffff;
  text-align: center;
  padding: 57px 0 50px;
}

.seccion2{
  padding-block: 100px;
  background-color: #3D3D3D;
  text-shadow: 5px 0 0 5px black;
}

.quienSoy{
  /* background: linear-gradient(to bottom, #ffd205 0%, #dfb705 100%); */
  text-shadow: 5px 0 0 5px black;
}

.seccion2 p{
  color: #ffffff;
  text-shadow: 5px 0 0 5px black;
}

.seccionPropuesta{
  padding-block: 100px;
  /* background-color: #f4ce00; */
  background: url('imageCompresed/img6.jpg');
  /* backdrop-filter: linear-gradient(90deg, rgba(42,99,164,1) 0%, rgba(76,169,234,1) 20%, rgba(248,210,72,1) 42%, rgba(255,169,40,1) 64%, rgba(228,106,106,1) 83%, rgba(186,158,244,1) 100%); */
  
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}

.nombreTitulo-Pro{
  text-shadow: #616161 ;
  width: 100%;
  font-size: 50px;
  text-align: center;
  margin-top: auto;
  margin-bottom: 5rem;
}

@media (max-width:992px) {
  .nombreTitulo-Pro{
    font-size: 70px;
    text-align: center;
    margin-top: auto;
    margin-bottom: 5rem;
  }
  
}

.titulo-nombre{
  /* padding-left: 50px; */
  text-shadow: 5px 0 0 5px black;
  font-family: 'Gotham Rounded Medium', sans-serif;
}

@media (max-width: 770px) {
  .titulo-nombre{
    /* padding-left: 50px; */
    
    text-shadow: 5px 0 0 5px black;
    font-family: 'Gotham Rounded Medium', sans-serif;
  }
}

@media (max-width:400px) {
  .cover-img{
    position: absolute;
    top: 0;
    right: 0;
    left: 20%;
    bottom: 0;
  }
  .main-overflow{
    position: relative;
    overflow: hidden;
  }
  
}

.titulo{
  font-size: 50px;
  margin-bottom: 50px;
  font-family: 'Gotham Rounded Medium', sans-serif;
}

.descripcion{
  font-size: 23px;
  font-family: 'Gotham Rounded Book', sans-serif;
  text-align: left;
}

@media (max-width: 772px){
  .descripcion{
    font-size: 20px;
    font-family: 'Gotham Rounded Book', sans-serif;
    text-align: justify;
  }
}

.div-circle{
  background-image: url('img/Flor1.jpeg');
  --size-circle : 350px;
  border-radius: 500px;
  display: block;
  width: var(--size-circle);
  height: var(--size-circle);
  /* width: 100%;
  height: 100%; */
  /* margin: 0; */
  /* margin-left: 5px; */
  
  padding: 0;
  /* background-color: aquamarine; */
  background-position: center;
  background-size: cover;
}

@media (max-width:1200px){
  .div-circle{
    margin-bottom: 50px;
  }
}

.coverImage{
  object-fit: cover;
  overflow: hidden;
  width: 300px;
  height: 300px;
}

@media (max-width:770px){
  .coverImage{
    width: 400px;
    height: 400px;
  }
}


.text-vertical-wrap{
  
  display: flex;
  flex-direction: column;
  font-size: 100px;
}



.bg-pro-portada{
  background: #00c3ff;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #F8D248, #4CA9EA);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8D248, #4CA9EA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: 30%;
}

.si_container {
  display: flex;
  flex-direction: row;
  width: 60%;
  margin-left: 20%;
  padding: 30px 0px 30px 0px;
  justify-content: center;
}

.about {
  color: rgb(255, 255, 255);
  background: linear-gradient(190deg, rgb(61, 43, 134) 0%,rgb(106, 84, 195) 53%,rgb(187, 13, 164) 100%);
  margin-top: -32px;
  padding: 100px 0px;
  overflow: hidden;
  /* z-index: 0; */
}

.about-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  
}




.about-text {
  /* width: 85%; */
  /* margin-left: 50%; */
}


.footer {
  background-color: #333;
  text-align: center;
  padding: 57px 0 50px;
}

.footer-logo {
  display: block;
  margin: 62px;
  position: relative;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

.footerIcons {
  position: relative;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  transition: 0.4s;
  cursor: pointer;
  margin: 15px;
}

.footerIcons:hover {
  opacity: 0.4;
  transition: 0.4s;
}

@media (max-width:772px) {
  .footerIcons {

    position: relative;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    transition: 0.4s;
    cursor: pointer;
    margin: 15px;
  }
}

.footer-copy {
  color: white;
  font-weight: 100;
  font-size: 15px;
  line-height: 28px;
  font-family: 'Gotham Rounded Medium', sans-serif;
}



.propuesta-filter{
  z-index: -1;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: linear-gradient(37deg, rgb(106, 84, 195) 0%,rgb(106, 84, 195) 53%,rgb(34, 34, 34) 100%);
}

.interShadow{
  box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
}

.topInsetShadow{
  box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.75) inset;
-moz-box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.75) inset;
}

.subtitulo{
  text-align: center;
}

.Card{
  background: linear-gradient(210deg, var(--color-primario) 20%, rgb(110, 97, 161));
  box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.45) ;
  -webkit-box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.45) ;
  -moz-box-shadow: 0px 20px 31px -14px rgba(0,0,0,0.45) ;
  border-radius: 35px;
  padding: 25px;
  

  display: flex;
  flex-direction: column;
  justify-content: start;
  justify-items: center;
  align-items: center;
  gap: 3;
  
  width: 100%;
  height: 100%;
}

.Card-Title{
  
}

.Card-Img{
  margin-bottom: 30px;
}

.Card-Desc{
  text-align: justify;
}