@font-face {
  font-family: 'Recoleta';
  src: url('../fonts/recoleta/RecoletaAlt-Black.woff2') format('woff2'),
       url('../fonts/recoleta/RecoletaAlt-Black.woff') format('woff'),
       url('../fonts/recoleta/RecoletaAlt-Black.ttf') format('truetype'),
       url('../fonts/recoleta/RecoletaAlt-Black.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'RecoletaAlt-Light';
  src: url('../fonts/recoleta/RecoletaAlt-Light.woff2') format('woff2'),
       url('../fonts/recoleta/RecoletaAlt-Light.woff') format('woff'),
       url('../fonts/recoleta/RecoletaAlt-Light.ttf') format('truetype'),
       url('../fonts/recoleta/RecoletaAlt-Light.eot') format('embedded-opentype');
  /*font-weight: 400;
  font-style: normal;*/
}


@font-face {
  font-family: 'RecoletaBold';
  src: url('../fonts/recoleta/Recoleta-Bold.woff2') format('woff2'),
       url('../fonts/recoleta/Recoleta-Bold.woff') format('woff'),
       url('../fonts/recoleta/Recoleta-Bold.ttf') format('truetype'),
       url('../fonts/recoleta/Recoleta-Bold.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: 'RecoletaAlt-Medium';
  src: url('../fonts/recoleta/RecoletaAlt-Medium.woff2') format('woff2'),
       url('../fonts/recoleta/RecoletaAlt-Medium.woff') format('woff'),
       url('../fonts/recoleta/RecoletaAlt-Medium.ttf') format('truetype'),
       url('../fonts/recoleta/RecoletaAlt-Medium.eot') format('embedded-opentype');
 
}

@font-face {
  font-family: 'Recoleta-Light';
  src: url('../fonts/recoleta/Recoleta-Light.woff2') format('woff2'),
       url('../fonts/recoleta/Recoleta-Light.woff') format('woff'),
       url('../fonts/recoleta/Recoleta-Light.ttf') format('truetype'),
       url('../fonts/recoleta/Recoleta-Light.eot') format('embedded-opentype');
 
}


@font-face {
  font-family: 'Recoleta-Medium';
  src: url('../fonts/recoleta/Recoleta-Medium.woff2') format('woff2'),
       url('../fonts/recoleta/Recoleta-Medium.woff') format('woff'),
       url('../fonts/recoleta/Recoleta-Medium.ttf') format('truetype'),
       url('../fonts/recoleta/Recoleta-Medium.eot') format('embedded-opentype');
 
}


.fuenteFina{
	  font-family: 'Recoleta-Light' !important;
 }
 
 .fuentemedia{
	  font-family: 'Recoleta-Medium' !important;
 }
 
 
p{
	  font-family: 'Recoleta-Light' !important;
 }



.sticky-wrapper .site-navbar{
    background: #eda401;
}
.site-navbar .site-navigation .site-menu .active > a{
    color: white;
    }


    header {
     top: 0;
    left: 0;
    width: 100%;
    background-color: #ffb001;
  z-index: 1000;   /* Que esté encima de otros elementos */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra opcional */
}

.hero-slide .owl-dots .owl-dot.active > span {
        background: #ffb001;
}
.hero-slide .owl-dots .owl-dot > span{
        background: white;
}
.site-navbar .site-navigation .site-menu > li > a:hover{
        color: #000; 
        font-weight: 600;

}

.site-navbar .site-navigation .site-menu > li > a{
        color: #fff;  

}

.amarillo{
    color: #000;
    border: 1px solid  #ffb001;
}

a:hover {
    color: #ffb001; 
}

.hero-slide .owl-dots .owl-dot > span { 
    width: 17px;
    height: 17px; 
    }
.logoweb {
    width: 200px;
}
.mr-auto{  width: 100%;}


h1 {
    font-family: 'Recoleta', serif;
    color: black;
    float: left;
    width: 50%;
    text-align: left;
    font-weight: 900;
    float: left;
    font-size: 4em;
}
.gris{
color: #2e2e2e
}

.amarillo2{        color: #ffb001;

}

.card-title , h2{
        font-family: 'RecoletaBold', serif !important;

}

.card-content {
    background: transparent;
    }
.intro-section h1 {
    font-family: 'Recoleta', serif;
    color: black;
    float: left;
    width: 50%;
    text-align: left;
    line-height: 87px;
}

    .intro-section p {
    text-align: left;
    color: black;
        }


        .intro-section:before { 
    background: transparent; }













      .card {
        border:none !important;
    width: 100%;
    background-color: white;
    border-radius: 14px;
    overflow: hidden;
     transition: all 0.3s ease;
  }

  .card:hover {
    transform: translateY(-4px);
  }
  .pbottom{    margin-bottom: 0;}
  .card img {
    width: 100%;
    border-radius: 14px 14px 0 0;
    display: block;
  }

  .card-content {
     position: relative;
     background: #2e2e2e;
  }

  .card-title {
    font-weight: bold;
    font-size: 1.1rem;
    color: #fff;
    margin-bottom: 10px;
    padding: 20px;
  }

  .card-text {
    font-size: 0.95rem;
    color: #444;
  }

  .toggle-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    border: none;
    cursor: pointer;
    transform: rotate(0deg);
    transition: transform 0.3s;
  }

  .toggle-btn svg {
    width: 18px;
    height: 18px;
  }

  .toggle-btn.active {
    transform: rotate(180deg);
  }

  .extra-info {
    background: white;
    display: none;
    margin-top: 10px;
    border-top: 1px solid #f2d48b;
    padding-top: 10px;
    color: #333;
  }

  .extra-info.active {
    display: block;
  }



  html, body {
  overflow-x: hidden;
  width: 100%;
}