body{

    font-size: 14px !important;

}

h1,h2,h3,h4{

    font-family: 'IBM Plex Sans', sans-serif;

    font-size: 18px;

}

span{

    font-family: 'IBM Plex Sans', sans-serif;

}

.font-plex{

    font-family: 'IBM Plex Sans', sans-serif;

}

.bg-portada{

    background-image: url("../images/site/portada-facebok.jpg");

    background-position: center;

    background-size:cover;

    background-repeat: no-repeat;

    height: 90vh;

}

.bg-portada-about{

    background-image: url("../images/site/portada2.jpg");

    background-position: bottom;

    background-size:cover;

    background-repeat: no-repeat;

}

.bg-portada-contact{

    background-image: url("../images/site/DSC06602.JPG");

    background-position: bottom;

    background-size:cover;

    background-repeat: no-repeat;

}

.bg-portada-alianzas{

    background-image: url("../images/site/Mineria-gt.jpg");

    background-position: bottom;

    background-size:cover;

    background-repeat: no-repeat;

}

.bg-portada-socios{

    background-image: url("../images/site/Elevar2.jpg");

    background-position:0px -250px;

    background-size:cover;

    background-repeat: no-repeat;

}

.bg-historia{

    background-image: url("../images/site/portada2.jpg");

    background-position: bottom;

    background-size:cover;

    background-repeat: no-repeat;

}

.bg-portada-mineria{

    background-image: url("../images/site/portada.JPG");

    background-position: bottom;

    background-size:cover;

    background-repeat: no-repeat;

}



.bg-blur-5{

    padding: 5rem;

    background-color: rgba(255, 255, 255, 0.705);

    border-radius: 10px;

}



.text-green-logo{

    color: #1a4043;

}



.bg-blur-3{

    max-width: 50%;

    padding: 3rem;

    backdrop-filter: blur(10px);

    background-color: rgba(56, 56, 56, 0.185);

    border-radius: 10px;

}



.bg-green-light{

    background: #F3F7FA;

}

.text-2xl {

    font-size: 1.5rem/* 24px */;

    line-height: 2rem/* 32px */;

}

.my-2 {

    margin-top: 0.5rem/* 8px */;

    margin-bottom: 0.5rem/* 8px */;

}

.my-10 {

    margin-top: 2.5rem/* 40px */;

    margin-bottom: 2.5rem/* 40px */;

}

.mt-20 {

    margin-top: 5rem/* 80px */;

}

.mb-20 {

    margin-bottom: 5rem/* 80px */;

}

.p-10 {

    padding: 2.5rem/* 40px */;

}

.-mt-80 {

    margin-top: -20rem/* -320px */;

}

.-mt-52 {

    margin-top: -13rem/* -208px */;

}

.-mt-44 {

    margin-top: -11rem/* -176px */;

}

.-mt-36 {

    margin-top: -9rem/* -144px */;

}

.mr-36 {

    margin-right: 9rem/* 144px */;

}

.h-1\/2 {

    height: 50%;

}

.w-1\/2 {

    width: 50%;

}

.px-16 {

    padding-left: 4rem/* 64px */;

    padding-right: 4rem/* 64px */;

}

.hover\:bg-gray-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity));

}

.hover\:cursor-pointer:hover {

    cursor: pointer;

}

.max-w-md {

    max-width: 28rem/* 448px */;

}

.max-w-lg {

    max-width: 32rem/* 512px */;

}

.max-w-3xl {

    max-width: 48rem/* 768px */;

}

.m-5 {

    margin: 1.25rem/* 20px */;

}

.ml-14 {

    margin-left: 3.5rem/* 56px */;

}

.ml-10 {

    margin-left: 2.5rem/* 40px */;

}

.ml-20 {

    margin-left: 5rem/* 80px */;

}

.ml-96 {

    margin-left: 24rem/* 384px */;

}

.mr-28 {

    margin-right: 7rem/* 112px */;

}

.justify-center {

    justify-content: center;

}

.text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity));

}

.text-blue-logo{

    color: #00b0ef;

}

.hover\:text-green-logo:hover{

    color: #1a4043;

}

.bg-green-logo{

    background: #1a4043;

}



/******/

@media (min-width: 768px) {

    .md\:w-3\/4 {

        width: 75%;

    }

}

@media (min-width: 768px) {

    .md\:w-5\/6 {

        width: 83.333333%;

    }

}

.w-1\/5 {

    width: 20%;

}

.flex-col {

    flex-direction: column;

}

.h-5 {

    height: 1.25rem/* 20px */;

}

.w-5 {

    width: 1.25rem/* 20px */;

}

.h-3 {

    height: 0.75rem/* 12px */;

}

.bg-green-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(240 253 244 / var(--tw-bg-opacity));

}

.bg-green-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(220 252 231 / var(--tw-bg-opacity));

}

.bottom-0 {

    bottom: 0px;

}

.inset-x-0 {

    left: 0px;

    right: 0px;

}

.absolute {

    /* position: absolute; */

}

.ud-single-logo a img{

    /* max-width: 10rem; */

    border-radius: 10px;

}

.max-w-sm {

    max-width: 24rem/* 384px */;

}

.max-h-32 {

    max-height: 8rem/* 128px */;

}

.max-h-10 {

    max-height: 2.5rem/* 40px */;

}

.max-w-sm {

    max-width: 24rem/* 384px */;

}



.bg-slate-800 {

    --tw-bg-opacity: 1;

    background-color: rgb(30 41 59 / var(--tw-bg-opacity));

}

.h-3\/4 {

    height: 85vh;

}

.h-screen {

    height: 100vh;

}

.py-80 {

    padding-top: 20rem/* 320px */;

    padding-bottom: 20rem/* 320px */;

}

.py-60 {

    padding-top: 15rem/* 240px */;

    padding-bottom: 15rem/* 240px */;

}

.py-44 {

    padding-top: 11rem/* 176px */;

    padding-bottom: 11rem/* 176px */;

}

.w-1\/3 {

    width: 33.333333%;

}

.h-3\/4 {

    height: 75vh;

}

.h-5\/6 {

    height: 90vh;

}

.text-gray-50 {

    --tw-text-opacity: 1;

    color: rgb(249 250 251 / var(--tw-text-opacity));

}

.text-gray-100 {

    --tw-text-opacity: 1;

    color: rgb(243 244 246 / var(--tw-text-opacity));

}

.text-3xl {

    font-size: 1.875rem/* 30px */;

    line-height: 2.25rem/* 36px */;

}

.-mx-8 {

    margin-left: -2rem/* -32px */;

    margin-right: -2rem/* -32px */;

}

.grid-cols-3 {

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

}

.p-20 {

    padding: 5rem/* 80px */;

}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));

}

@media (min-width: 960px) {

    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {

        --tw-space-y-reverse: 0;

        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));

        margin-bottom: calc(0px * var(--tw-space-y-reverse));

    }

}

@media (min-width: 960px) {

    .lg\:grid {

        display: grid;

    }

}

@media (min-width: 960px) {

    .lg\:gap-3 {

        gap: 0.75rem/* 12px */;

    }

}

@media (min-width: 960px) {

    .lg\:grid-rows-3 {

        grid-template-rows: repeat(3, minmax(0, 1fr));

    }

}

.col-span-2 {

    grid-column: span 2 / span 2;

}

.row-span-2 {

    grid-row: span 2 / span 2;

}

.rounded {

    border-radius: 0.25rem/* 4px */;

}

.text-gray-200 {

    --tw-text-opacity: 1;

    color: rgb(229 231 235 / var(--tw-text-opacity));

}

.text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity));

}

.text-gray-700 {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity));

}

.hover\:text-black:hover {

    --tw-text-opacity: 1;

    color: rgb(33 43 54 / var(--tw-text-opacity));

}

@media (min-width: 1140px) {

    .xl\:w-6\/12 {

        width: 50%;

    }

}

.-bottom-24 {

    bottom: -12rem/* -96px */;

}

@media (min-width: 960px) {

    .lg\:w-10\/12 {

        width: 83.333333%;

    }

}

.flex-nowrap {

    flex-wrap: nowrap;

}

.my-20 {

    margin-top: 5rem/* 80px */;

    margin-bottom: 5rem/* 80px */;

}

.from-green-200 {

    --tw-gradient-from: #bbf7d0;

    --tw-gradient-to: rgb(187 247 208 / 0);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}

.from-green-50 {

    --tw-gradient-from: #f0fdf4;

    --tw-gradient-to: rgb(240 253 244 / 0);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}





/********************************/

@-webkit-keyframes scroll {

    0% {

      transform: translateX(0);

    }

    100% {

      transform: translateX(calc(-250px * 10));

    }

  }

  @keyframes scroll {

    0% {

      transform: translateX(0);

    }

    100% {

      transform: translateX(calc(-250px * 10));

    }

  }

  @-webkit-keyframes scroll-2 {

    100% {

      transform: translateX(0);

    }

    0% {

      transform: translateX(calc(-250px * 10));

    }

  }

  @keyframes scroll-2 {

    100% {

      transform: translateX(0);

    }

    0% {

      transform: translateX(calc(-250px * 10));

    }

  }

  .slider {

    background: white;

    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);

    height: 200px;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: 95vw;

  }

  .slider::before, .slider::after {

    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);

    content: "";

    height: 200px;

    position: absolute;

    width: 200px;

    z-index: 2;

  }

  .slider::after {

    right: 0;

    top: 0;

    transform: rotateZ(180deg);

  }

  .slider::before {

    left: 0;

    top: 0;

  }

  .slider .slide-track {

    -webkit-animation: scroll 30s linear infinite;

            animation: scroll 30s linear infinite;

    display: flex;

    width: calc(250px * 14);

  }

  .slider-2 .slide-track-2 {

    -webkit-animation: scroll-2 30s linear infinite;

            animation: scroll-2 30s linear infinite;

    display: flex;

    width: calc(250px * 14);

  }

  .slider .slide a{

    height: 200px;

    width: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .max-h-40 {

    max-height: 8rem/* 160px */;

    }

  .max-h-50 {

    max-height: 8rem/* 208px */;

}



.header-logo{

    width: 21rem !important;

}

.mt-32 {

    margin-top: 8rem/* 128px */;

}

.text-4xl {

    font-size: 2.25rem/* 36px */;

    line-height: 2.5rem/* 40px */;

}

.text-7xl {

    font-size: 4.5rem/* 72px */;

    line-height: 1;

}

.my-3 {

    margin-top: 0.75rem/* 12px */;

    margin-bottom: 0.75rem/* 12px */;

}

.text-6xl {

    font-size: 3.75rem/* 60px */;

    line-height: 1;

}

.my-6 {

    margin-top: 2.5rem/* 24px */;

    margin-bottom: 2.5rem/* 24px */;

}



.zoom{

    transition: transform .2s; /* Animation */

  }

  

.zoom:hover {

    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

  }



  .hover\:bg-gray-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity));

}



.img-hover-zoom2 {

    overflow: hidden; /* [1.2] Hide the overflowing of child elements */

  }

  

  /* [2] Transition property for smooth transformation of images */

  .img-hover-zoom2 img {

    transition: transform .5s ease;

    height: auto;

  }

  

  /* [3] Finally, transforming the image when container gets hovered */

  .img-hover-zoom2:hover img {

    transform: scale(1.5);

  }

  .mt-24 {

    margin-top: 5.5rem/* 96px */;

}

@media only screen and (min-width: 200px) and (max-width: 915px){
    .bg-portada{
        background-size:cover;
        height: 30vh;
    }
    .bg-portada-socios{
        background-image: url("../images/site/Elevar2.jpg");
        background-position: bottom;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .slider::before, .slider::after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 2px;
        position: absolute;
        width: 2px;
        z-index: 2;
      }
      .img-hover-zoom img{
        width: 100%!important;
        height: 160px!important;
        transition: none;
    }
      
}


@media (min-width: 960px) {
    .lg\:w-1\/2 {
        width: 50%;
    }
}
@media (min-width: 960px) {
    .lg\:p-20 {
        padding: 5rem/* 80px */;
    }
}

@media (min-width: 960px) {
    .lg\:p-10 {
        padding: 2.5rem/* 40px */;
    }
}
@media (min-width: 960px) {
    .lg\:ml-96 {
        margin-left: 24rem/* 384px */;
    }
}
@media (min-width: 960px) {
    .lg\:-mt-36 {
        margin-top: -9rem/* -144px */;
    }
}
@media (min-width: 960px) {
    .lg\:flex-wrap {
        flex-wrap: wrap;
    }
}
@media (min-width: 960px) {
    .lg\:flex-row {
        flex-direction: row;
    }
}
@media (min-width: 960px) {
    .lg\:w-1\/3 {
        width: 33.333333%;
    }
}
@media (min-width: 960px) {
    .lg\:px-16 {
        padding-left: 4rem/* 64px */;
        padding-right: 4rem/* 64px */;
    }
}
@media (min-width: 960px) {
    .lg\:text-4xl {
        font-size: 2.25rem/* 36px */;
        line-height: 2.5rem/* 40px */;
    }
}