/* Carrusel de fotografías del desarrollo. */
.desarrollo-carrusel { width: 100%; margin-top: 24px; }
.desarrollo-marco { position: relative; }
.desarrollo-ventana { display: flex; gap: 8px; overflow: hidden; }
.desarrollo-foto {
    display: block;
    flex: 0 0 calc((100% - 24px) / 4);
    width: calc((100% - 24px) / 4);
    min-width: 0;
    aspect-ratio: 290 / 210;
    object-fit: cover;
}
.desarrollo-indicadores { display: flex; justify-content: center; margin-top: 6px; }
.desarrollo-indicadores button {
    display: grid;
    place-items: center;
    width: 24px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.desarrollo-indicadores button::before { content: ''; width: 13px; height: 13px; border-radius: 50%; background: #0c5b8c; }
.desarrollo-indicadores button[aria-current="true"]::before { background: #c7d053; }
.desarrollo-indicadores button:focus-visible { outline: 2px solid #143953; outline-offset: 1px; border-radius: 4px; }
@media (max-width: 767px) {
    .desarrollo-foto { flex-basis: calc((100% - 8px) / 2); width: calc((100% - 8px) / 2); }
}
@media (max-width: 480px) {
    .desarrollo-foto { flex-basis: 100%; width: 100%; }
}
/* Galería de terrenos: dos carruseles independientes. */
.terrenos-galeria {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 40px 4% 24px 0;
}
.terrenos-carrusel { min-width: 0; container-type: inline-size; }
.terrenos-marco { position: relative; aspect-ratio: 420 / 464; overflow: hidden; }
.terrenos-imagen { display: block; width: 100%; height: 100%; object-fit: cover; }
.terrenos-imagen[hidden] { display: none; }
.terrenos-flecha {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.terrenos-flecha--anterior { left: 8px; }
.terrenos-flecha--siguiente { right: 8px; }
.terrenos-flecha:hover { background: rgba(0, 0, 0, .7); }
.terrenos-flecha:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.terrenos-texto {
    position: absolute;
    inset: auto 0 0;
    padding: 24px 4px 10px;
    color: #fff;
    text-align: center;
    background: linear-gradient(transparent, rgba(0, 0, 0, .18));
    font-family: Arial, sans-serif;
}
.terrenos-titulo { display: block; font-size: clamp(10px, 4.8cqw, 20px); line-height: 1.4; }
.terrenos-superficie { display: block; font-size: clamp(25px, 16cqw, 72px); line-height: 1.08; white-space: nowrap; }
.terrenos-superficie sup { font-size: .56em; }
.terrenos-indicadores { display: flex; justify-content: center; margin-top: 14px; }
.terrenos-indicadores button {
    display: grid;
    place-items: center;
    width: 28px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.terrenos-indicadores button::before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #e2e8e6; }
.terrenos-indicadores button[aria-current="true"]::before { background: #c7d053; }
.terrenos-indicadores button:focus-visible { outline: 2px solid #143953; outline-offset: 1px; border-radius: 5px; }
@media (max-width: 767px) {
    .terrenos-galeria { padding: 24px 5%; }
}
@font-face {
  font-family: "tipografia1";
  src: url('../fonts/Cormorant-Medium.ttf');
}
@font-face {
  font-family: "tipografia2";
  src: url('../fonts/Poppins-Light.ttf');
}
@font-face {
  font-family: "tipografia3";
  src: url('../fonts/Poppins-Medium.ttf');
}
@font-face {
  font-family: "tipografia4";
  src: url('../fonts/Poppins-Bold.otf');
}
/* 🔥 separación entre menú y icono */
.navbarScroll .col-md-10 {
    padding-right: 10px;
}
.navbarScroll .col-md-1 {
    padding-left: 10px;
}
/* opcional: altura alineada */
.navbarScroll {
    align-items: stretch;
}
.navbar-dark .navbar-nav .nav-link{
    color: white!important;
    line-height: 1.1;
}
.menu-principal {
    align-items: center;
    transition: background-color .25s ease;
}
.menu-principal .nav-item {
    text-align: center;
}
/* .menu-principal {
    border: solid 1.5px white;
    border-radius: 999px;
    min-height: 50px;
    padding: 0 18px;
    width: 100%;
    justify-content: space-between;
} */
/* .menu-principal .nav-item {
    flex: 1 1 0;
} */
.menu-principal .nav-link {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 50px;
    font-size: 1vmax;
    line-height: 1.22;
}
.navbarScroll.menu-scroll-activo{
    background: rgba(20, 57, 83, 0.7);
}
.fondo1{
    padding-top: 12%;
    padding-bottom: 5%;
}
.letra1{
    font-size: 8vmax;
}
.letra2{
    font-size: 2vmax;
}
.letra3{
    font-size: 5vmax;
}
.letra4{
    font-size: 1.7vmax;
}
.letra5{
    font-size: 8vmax;
}
.letra6{
    font-size: 2.6vmax;
}
.letra7{
    font-size: 1.3vmax;
}
.letra8{
    font-size: 1.5vmax;
}
.letra8s{
    font-size: 1.5vmax;
}
.letra9{
    font-size: 15vw;
}
.letra10{
    font-size: 11vmax;
}
.letra11{
    font-size: 2.2vmax;
}
.letra11s{
    font-size: 2.2vmax;
}
.letra12{
    font-size: 1.1vmax;
}
.letra13{
    font-size: 20vmax;
}
.letra14{
    font-size: 4vmax;
}
.letra15{
    font-size: 3.5vmax;
}
.letra16{
    font-size: 2.8vmax;
}
.letra17{
    font-size: 1vmax;
}
.logoFoot{
    width: 60%;
    filter: invert(1);
}
.padding1{
    padding-left:5%;
    padding-right: 5%;
}
.padding2{
    padding-left: 5%;
    padding-right: 5%;
}
.posicion1{
    position: absolute;
    left: 1%;
    right: 1%;
    top: 5%;
}
.posicion5{
    position: absolute;
    left: 1%;
    right: 1%;
    bottom: 5%;
}
.img-recorte{
    width:100%;
    clip-path: polygon(
        0 0,
        85% 0,
        100% 15%,
        100% 100%,
        0 100%
    );
}
.img-recorte2{
    width:100%;
    clip-path: polygon(
        15% 0,
        100% 0,
        100% 100%,
        0 100%,
        0 15%
    );
}
.redess{
    width: 2vmax;
}
.posicion2{
    border-radius: 4vmax;
    position: relative;
    top: -6vmax;
    padding-bottom: 5%;
}
.posicion3{
    position: relative;
    top: -5vmax;
}
.boton2{
    font-size: 2vmax;
    padding-left: 8%;
    padding-right: 8%;
}
.indicador-scroll {
    display: inline-block;
    animation: indicadorScroll 1.65s ease-in-out infinite;
    will-change: transform;
}
.indicador-scroll img {
    display: block;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .25));
}
.efecto-scroll {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .75s ease var(--efecto-retardo, 0ms),
        transform .75s cubic-bezier(.2, .75, .25, 1) var(--efecto-retardo, 0ms);
    will-change: opacity, transform;
}
.efecto-scroll.efecto-scroll--visible {
    opacity: 1;
    transform: translateY(0);
}
.titulo-lineas {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.titulo-lineas::before,
.titulo-lineas::after {
    content: "";
    height: 2px;
    background: rgba(12, 91, 140, 0.5);
    flex: 1;
}

.titulo-lineas::before {
    margin-left: 3%;
}

.titulo-lineas::after {
    margin-right: 3%;
}
.beneficio-icono {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: #c7d053;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.beneficio-imagen {
    width: 65px;
    height: 65px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) 
            invert(28%) sepia(45%) saturate(1200%) 
            hue-rotate(165deg) brightness(85%) contrast(100%);
}
.imagenAmenidad9{
    filter: brightness(0) saturate(100%)
            invert(83%) sepia(32%) saturate(620%)
            hue-rotate(25deg) brightness(91%) contrast(88%);
}
@keyframes indicadorScroll {
    0%, 100% { transform: translateY(0); }
    45% { transform: translateY(13px); }
    65% { transform: translateY(8px); }
}
@media (prefers-reduced-motion: reduce) {
    .indicador-scroll {
        animation: none;
    }
    .efecto-scroll,
    .efecto-scroll.efecto-scroll--visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
.valores-card-col {
    display: flex;
}
.valores-card {
    width: 100%;
    min-height: clamp(360px, 30vw, 520px);
}
.valores-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}
.valores-card-body br {
    display: none;
}
.valores-card-titulo {
    flex: 1 1 auto;
    min-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
}
.valores-card-descripcion {
    margin-bottom: 0;
}
.valores-fila {
    align-items: stretch;
}
.valores-columna {
    display: flex;
}
.valores-cuadro {
    width: 100%;
    border: 0;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .14);
}
.valores-cuadro--completo .valores-cuadro-contenido {
    display: grid;
    grid-template-columns: 20% 40% 40%;
    align-items: center;
}
.valores-cuadro--completo .valores-cuadro-icono,
.valores-cuadro--completo .valores-cuadro-titulo,
.valores-cuadro--completo .valores-cuadro-texto {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
.valores-cuadro--completo .valores-cuadro-icono img,
.valores-cuadro--completo .valores-cuadro-titulo h4 {
    margin-bottom: 0 !important;
}
.valores-cuadro--completo .valores-cuadro-texto {
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (max-width: 767px) {
    .valores-cuadro--completo .valores-cuadro-contenido {
        display: block;
    }
    .valores-cuadro--completo .valores-cuadro-titulo {
        margin-bottom: .5rem;
    }
    .valores-cuadro--completo .valores-cuadro-texto {
        text-align: center;
    }
}
.actividad-minera {
    top: -7vmax;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 0;
    isolation: isolate;
    z-index: 9;
}
.letraFooter1{
    font-size: 1.1vmax;
}
.actividad-minera::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 22%;
}
.actividad-minera::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 7%;
    bottom: 2.4rem;
    left: 7%;
    height: 2.75rem;
    filter: blur(10px);
}
.logo_inicio {
    width: 13vmax;
}
.actividad-contenido {
    position: relative;
    z-index: 1;
    width: min(100%, 100%);
    margin: 0 auto;
    padding-top: 0;
}
.logo1{
	width: 6vmax;
}
.logo2 {
    width: 40%;
}
.logoPer{
	width: 8vmax;
}
.logoPer2{
	width: 3vmax;
}
.logoPer3{
    width: 5%;
}
.actividad-titulo {
    margin: 0 0 clamp(3rem, 5vw, 5.25rem);
    color: #fff;
    text-align: center;
    font-size: clamp(2.25rem, 5.4vw, 5rem);
    font-weight: 300;
    line-height: 1.05;
}
#carouselMinera {
    position: relative;
    padding: 0;
}
#carouselMinera .carousel-inner {
    position: relative;
    width: 100%;
    overflow: visible;
}
#carouselMinera .carousel-item {
    position: relative;
    display: none !important;
    width: 100%;
}
#carouselMinera .carousel-item.active {
    display: block !important;
}
#carouselMinera .carousel-item.active .actividad-imagen--principal {
    animation: actividadImagenPrincipal .72s cubic-bezier(.2, .75, .2, 1) both;
}
#carouselMinera[data-direccion="next"] .carousel-item.active .actividad-imagen--principal {
    --actividad-desplazamiento: 42px;
}
#carouselMinera[data-direccion="prev"] .carousel-item.active .actividad-imagen--principal {
    --actividad-desplazamiento: -42px;
}
#carouselMinera .carousel-item.active .actividad-imagen--izquierda {
    animation: actividadImagenLateralIzquierda .78s cubic-bezier(.2, .75, .2, 1) both;
}
#carouselMinera .carousel-item.active .actividad-imagen--derecha {
    animation: actividadImagenLateralDerecha .78s cubic-bezier(.2, .75, .2, 1) both;
}
.padding5{
    padding-top:10%;
    padding-bottom: 10%
}
.padding6{
    padding-left:10%;
    padding-right: 10%
}
.form-control-lg{
    height: 5vmax;
}
.paddingBoton{
    padding: 2%;
}
@keyframes actividadImagenPrincipal {
    from {
        opacity: 0;
        transform: translateX(var(--actividad-desplazamiento, 42px)) scale(.94);
        filter: blur(8px);
    }
    55% {
        opacity: 1;
        filter: blur(0);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
}
@keyframes actividadImagenLateralIzquierda {
    from {
        opacity: 0;
        transform: translateX(-28px) scale(.92);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}
@keyframes actividadImagenLateralDerecha {
    from {
        opacity: 0;
        transform: translateX(28px) scale(.92);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}
.actividad-galeria {
    display: grid;
    grid-template-columns: minmax(145px, 15vw) minmax(420px, 50vw) minmax(220px, 36vw);
    align-items: stretch;
    justify-content: center;
    min-height: clamp(330px, 40vw, 520px);
}
.actividad-imagen {
    height: clamp(300px, 40vw, 520px);
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
}
.actividad-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.actividad-imagen--principal {
    position: relative;
    z-index: 2;
    clip-path: polygon(0 2.2%, 100% 0, 100% 98%, 0 100%);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.5);
}
.actividad-imagen--lateral {
    align-self: center;
    height: clamp(300px, 40vw, 520px);
    opacity: 1;
    position: relative;
    z-index: 1;
}
.actividad-imagen--izquierda {
    margin-right: -6vw;
    clip-path: polygon(0 2.2%, 100% 0, 100% 98%, 0 100%);
}
.actividad-imagen--derecha {
    margin-left: -6vw;
    z-index: 3;
    clip-path: inset(0);
}
.actividad-imagen--izquierda img {
    object-position: 15% center;
}
.actividad-imagen--derecha img,
.actividad-imagen--enfoque-derecha img {
    object-position: 82% center;
}
.actividad-control {
    position: absolute;
    z-index: 4;
    top: 50%;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(2.5rem, 6vw, 5rem);
    height: 5rem;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .2s ease;
}
#carouselMinera .carousel-control-prev {
    right: auto;
    left: 0;
}
#carouselMinera .carousel-control-next {
    right: 0;
    left: auto;
}
.actividad-control:hover,
#carouselMinera:hover .actividad-control,
.actividad-control:focus {
    opacity: .85;
}
.actividad-flecha {
    display: block;
    width: clamp(1.35rem, 3vw, 2.4rem);
    height: clamp(1.35rem, 3vw, 2.4rem);
    border-top: clamp(3px, .35vw, 5px) solid #d4794e;
    border-right: clamp(3px, .35vw, 5px) solid #d4794e;
}
.actividad-flecha--izquierda {
    transform: rotate(-135deg);
}
.actividad-flecha--derecha {
    transform: rotate(45deg);
}
.actividad-control .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.actividad-descripcion {
    max-width: 65%;
    margin: clamp(3.5rem, 6vw, 5.25rem) auto 0;
    color: #fff;
    text-align: center;
    font-size: clamp(1.1rem, 2vw, 1.65rem);
    font-weight: 300;
    line-height: 1.25;
}
.actividad-decoracion {
    position: absolute;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: .7;
}
.actividad-decoracion img {  
    width: 6vmax;
}
.actividad-decoracion--superior {
    top: 2.25rem;
    right: 3.5rem;
}
.actividad-decoracion--inferior {
    bottom: 6.5rem;
    left: 3.5rem;
}
:root {
    --toggleHeight: 20px;
    --toggleWidth: 30px;
    --toggleGap: 3px;
}
.toggle {
    width: 0;
    height: 0;
    opacity: 0;
}
.toggle + label {
    position: relative;
    background: #c0c0c0;
    width: var(--toggleWidth);
    height: var(--toggleHeight);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    text-indent: calc( var(--toggleWidth) + 10px);
    white-space: nowrap;
}
.toggle + label:after {
    content: "";
    background: #fff;
    width: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
    height: calc(var(--toggleHeight) - (var(--toggleGap) * 2));
    position: absolute;
    top: var(--toggleGap);
    left: var(--toggleGap);
    border-radius: 50%;
    -webkit-transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
    transition: left 0.3s ease-in-out, background 0.2s ease-in-out;
}
.toggle:checked + label {
    background: #28a745;
}
.toggle:checked + label:after {
    left: calc(100% - calc(var(--toggleHeight) - var(--toggleGap)));
}
.iconoValores{
    width: auto;
    max-width: min(44%, 115px);
    height: clamp(72px, 7vw, 105px);
    margin-bottom: 0;
    object-fit: contain;
    flex: 0 0 auto;
}
.logoMenu1{
    width: 7vmax;
    filter: invert(1);
}
/* .completo1{
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 2vmax;
} */
.posicion4{
    position:absolute;
    top:45%;
    left:0;
    padding-left:0;
}
.carousel-item2 {
    transition: transform 1s ease-in-out !important;
}
.carousel-item2.active.carousel-item-start {
    transform: translateY(-100%) !important;
}
.carousel-item2.carousel-item-next {
    transform: translateY(100%) !important;
}
.carousel-item2.carousel-item-next.carousel-item-start {
    transform: translateY(0%) !important;
}
.carousel-item2.active.carousel-item-end {
    transform: translateY(100%) !important;
}
.carousel-item2.carousel-item-prev {
    transform: translateY(-100%) !important;
}
.carousel-item2.carousel-item-prev.carousel-item-end {
    transform: translateY(0%) !important;
}
.ocultoCarousel{
    display: block;
}
.ocultoCarousel2{
    display: none;
}
.imagenContac{
    width: 20%;
}
.colorLetra1{
    color: #143953;
}
.imgPilares{
    height: 150px
}
.cardCliente{
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, .4);
    margin-top: 15px;
}
.seguridad-contenido {
    align-items: stretch;
}
.seguridad-imagen-col {
    display: flex;
}
.seguridad-imagen {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.seguridad-cards {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.seguridad-card {
    width: 100%;
    margin: 0;
}
.fondo2 {
    background: url('../img/personal.png') center center no-repeat;
    background-size: cover;
    background-position: center;
    /* Centra la imagen */
    background-repeat: no-repeat;
    position: relative;
}
.fondo2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(80, 84, 100, 0.7);
}
.tamanioMaquina{
    width: 120%;
}
.fondo3 {
    background: url('../img/fondo6.png') bottom center no-repeat;
    background-size: cover;
    background-position: center;
    /* Centra la imagen */
    background-repeat: no-repeat;
    position: relative;
}
.ocultoCarousel{
    display: block;
}
.ocultoCarousel2{
    display: none;
}
.bordeDerecho{
    border-right: 2px solid rgba(12, 91, 140, 0.5);
}
.iconoHuasca{
    width: 100%;
    filter: brightness(0) saturate(100%) 
            invert(28%) sepia(45%) saturate(1200%) 
            hue-rotate(165deg) brightness(85%) contrast(100%);
}
.tamanioIframe{
    height: 100%;
}
.tamanioIframe2{
    bottom: 5%;
}
@media (max-width:600px) {
    .tamanioIframe{
        height: 600px;
    }
    .tamanioIframe2{
        bottom: 10%;
    }
    .beneficio-icono {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: #c7d053;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .menu-principal .nav-link {
        font-size: 2vmax;
    }
    .logoFoot{
        width: 80%;
    }
    .redess{
        width: 20px;
    }
    .letraFooter1{
        font-size: 1.5vmax;
    }
    .iconoHuasca{
        width: auto;
        height: 80px;
    }
    .bordeDerecho{
        border-right: none;
    }
    .letra16{
        font-size: 3.8vmax;
    }
    .terrenos-galeria {
        display: block;
    }
    .ocultoCarousel{
        display: none;
    }
    .ocultoCarousel2{
        display: block;
    }
    .letra17{
        font-size: 1.7vmax;
    }
    .tamanioMaquina{
        width: 100%;
    }
    .navbar-dark .navbar-toggler{
        background: #143953;
    }
    .seguridad-imagen-col {
        display: block;
        margin-bottom: 1rem;
    }
    .seguridad-imagen {
        height: auto;
    }
    .seguridad-cards {
        gap: 1rem;
    }
    .fondo1{
        padding-top: 25%;
        padding-bottom: 14%;
    }
    .letra13{
        font-size: 10vmax;
    }
     .letra14{
        font-size: 3vmax;
    }
    .tamanioValores{
        width: 100px;
    }
    .linehjr{
        line-height: 1.2;
    }
    .letra11s{
        font-size: 3.8vmax;
        line-height: 1.1;
    }
    .padding1{
        padding-left: auto;
        padding-right: auto;
    }
    .imgPilares{
        height: 80px
    }
    .colorLetra1{
        color: white;
    }
    .padding5{
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .imagenContac{
        width: 15%;
    }
    .letra1{
        font-size: 8vmax;
    }
    .letra2{
        font-size: 3vmax;
    }
    .letra3{
        font-size: 4vmax;
    }
    .actividad-minera {
        top: 3vmax;
        margin-top: 0;
        padding: 2rem 0 3rem;
        border-radius: 0;
    }
    .actividad-titulo {
        margin-bottom: 1.5rem;
        font-size: 3vmax;
    }
    #carouselMinera {
        padding: 0 1rem;
    }
    .actividad-galeria {
        display: block;
    }
    .actividad-imagen {
        height: min(62vw, 340px);
        border-radius: 0;
    }
    .actividad-imagen--lateral {
        display: none;
    }
    .actividad-descripcion {
        margin-top: 2.75rem;
        padding: 0;
        max-width: 80%;
        font-size: 2vmax;
    }
    .actividad-decoracion {
        font-size: 4.5rem;
        opacity: .85;
    }
    .actividad-decoracion--superior {
        top: 1.5rem;
        right: 1.5rem;
    }
    .actividad-decoracion--inferior {
        bottom: 1.75rem;
        left: 1.5rem;
    }
    .letra10{
        font-size: 5.5vmax;
    }
    .logoMenu1{
        width: 70px;
    }
    .posicion1{
        position: absolute;
        left: 3%;
        right: 3%;
        top: 8%;
    }
    .posicion4{
        position:absolute;
        top:75%;
        left:0;
        padding-left:0;
    }
    .letra5{
        font-size: 5vmax;
    }
    .oculto{
        display: none;
    }
    .letra8{
        font-size: 2vmax;
    }
    .letra8s{
        font-size: 1.5vmax;
    }
    .letra6{
        font-size: 3.1vmax;
    }
    .posicion3{
        top: 0;
    }
    .margen1{
        margin-top: 7%;
    }
    .letra7{
        font-size: 2vmax;
    }
    .carousel-inner2 .carousel-item.active,
    .carousel-inner2 .carousel-item-next,
    .carousel-inner2 .carousel-item-prev {
        display: block;
    }
    .ocultoCarousel{
        display: none;
    }
    .ocultoCarousel2{
        display: block;
    }
    .imagenBoton3{
        width: 30px;
    }
    .letra12{
        font-size: 2vmax;
    }
    .oculto9 {
        display: flex !important;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #143953;
        padding: 1rem;
    }
    .menu-principal{
        border: none;
    }
    .posicion5{
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 2%;
    }
}
@media screen and (min-width: 601px) and (max-width: 819px) {
     .beneficio-icono {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #c7d053;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .beneficio-imagen {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .tamanioMaquina{
        width: 100%;
    }
    .letra13{
        font-size: 15vmax;
    }
    .letra14{
        font-size: 3vmax;
    }
    .letra1{
        font-size: 5vmax;
    }
    .letra3{
        font-size: 4vmax;
    }
    .oculto9 {
        display: flex !important;
    }
    .margen1{
        margin-top: 7%;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #143953;
        padding: 1rem;
    }
    .letra9{
        font-size: 8vmax;
    }
    .letra10{
        font-size: 8vmax;
    }
    .posicion1{
        position: absolute;
        left: 3%;
        right: 3%;
        top: 5%;
    }
    .letra5{
        font-size: 6vmax;   
    }
    .letra7{
        font-size: 1.1vmax;
    }
    .letra8{
        font-size: 1vmax;
    }
    .posicion4{
        position:absolute;
        top:60%;
        left:0;
        padding-left:0;
    }
    .letra11s{
        font-size: 1.5vmax;
    }
    .imgPilares{
        height: 100px;
    }
    .menu-principal{
        border: none;
    }
    .posicion5{
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 2%;
    }
    /* .navbarScroll.menu-scroll-activo .navbar-expand-lg .navbar-nav {
        background: #505464;
    } */
    .navbar-dark .navbar-toggler{
        background: #143953;
    }
    .tamanioMaquina{
        width: 100%;
    }
      .menu-principal .nav-link {
        font-size: 2vmax;
    }
     .redess{
        width: 1.5vmax;
    }
    .oculto{
        display: none;
    }
}
@media screen and (min-width: 820px) and (max-width: 1000px) {
    .redess{
        width: 1.5vmax;
    }
    .beneficio-icono {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #c7d053;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .beneficio-imagen {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .tamanioMaquina{
        width: 100%;
    }
    .letra13{
        font-size: 14vmax;
    }
    .letra14{
        font-size: 3vmax;
    }
    .letra1{
        font-size: 4.5vmax;
    }
    .letra3{
        font-size: 4vmax;
    }
    .oculto9 {
        display: flex !important;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: #143953;
        padding: 1rem;
    }
     .letra8{
        font-size: 1vmax;
    }
    .letra9{
        font-size: 8vmax;
    }
    .letra10{
        font-size: 8vmax;
    }
    .posicion1{
        position: absolute;
        left: 3%;
        right: 3%;
        top: 5%;
    }
    .posicion4{
        top: 63%;
    }
    .letra5{
        font-size: 6vmax;   
    }
    .letra7{
        font-size: 1.1vmax;
    }
    .letra11s{
        font-size: 1.5vmax;
    }
    .imgPilares{
        height: 100px;
    }
    .menu-principal{
        border: none;
    }
    .posicion5{
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 2%;
    }
    .navbar-dark .navbar-toggler{
        background: #143953;
    }
       .menu-principal .nav-link {
        font-size: 2vmax;
    }
    .oculto{
        display: none;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1025px) {
    .beneficio-icono {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #c7d053;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .tamanioMaquina{
        width: 100%;
    }
    .letra13{
        font-size: 14vmax;
    }
    .letra3{
        font-size: 4vmax;
    }
    .letra14{
        font-size: 3vmax;
    }
    .letra1{
        font-size: 5vmax;
    }
     .letra8{
        font-size: 1vmax;
    }
    .letra9{
        font-size: 8vmax;
    }
    .letra10{
        font-size: 8vmax;
    }
    .posicion1{
        position: absolute;
        left: 3%;
        right: 3%;
        top: 5%;
    }
    .letra5{
        font-size: 6vmax;   
    }
    .letra7{
        font-size: 1.2vmax;
    }
     .posicion4{
        top: 63%;
    }
    .letra11s{
        font-size: 1.5vmax;
    }
    .imgPilares{
        height: 100px;
    }
     .redess{
        width: 1.5vmax;
    }
    .oculto{
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    #carouselMinera .carousel-item,
    #carouselMinera .carousel-item.active .actividad-imagen,
    #carouselMinera .carousel-item.active .actividad-imagen--principal,
    #carouselMinera .carousel-item.active .actividad-imagen--izquierda,
    #carouselMinera .carousel-item.active .actividad-imagen--derecha {
        animation: none;
        transition: none;
    }
}

/* Carrusel "Nuestra actividad minera" */
.actividad-minera {
    top: 0;
    padding: clamp(3.5rem, 6vw, 6.5rem) 0 clamp(4rem, 7vw, 7rem);
    background: #626b6a;
    overflow: hidden;
}
.actividad-contenido {
    width: min(86.8%, 1560px);
}
.actividad-encabezado {
    margin: 0 auto clamp(2rem, 3vw, 3.3rem);
    color: #fff;
    text-align: center;
}
.actividad-linea {
    display: block;
    width: clamp(42px, 5vw, 82px);
    margin: 0 auto clamp(1rem, 1.8vw, 1.8rem);
    border-top: 4px solid #fff;
}
.actividad-titulo {
    margin: 0 0 clamp(1rem, 1.8vw, 1.8rem);
    color: #fff;
    font-size: clamp(2rem, 4.1vw, 4.6rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.035em;
}
.actividad-descripcion {
    max-width: 880px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(.95rem, 1.35vw, 1.35rem);
    font-weight: 400;
    line-height: 1.25;
}
#carouselMinera,
#carouselMinera .carousel-inner {
    width: 100%;
    padding: 0;
    overflow: hidden;
}
#carouselMinera .carousel-item,
#carouselMinera .carousel-item.active {
    display: none !important;
    width: 100%;
    animation: none;
}
#carouselMinera .carousel-item.active {
    display: block !important;
    animation: actividadFundido .55s ease both;
}
#carouselMinera .actividad-imagen {
    display: block;
    width: 100%;
    height: clamp(360px, 45vw, 700px);
    margin: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    clip-path: none;
    filter: brightness(.66) saturate(.9);
}
.actividad-indicadores {
    position: absolute;
    z-index: 3;
    bottom: clamp(1rem, 2vw, 2rem);
    left: clamp(1rem, 3.5vw, 3.5rem);
    display: flex;
    align-items: center;
    gap: clamp(.85rem, 1.6vw, 1.6rem);
}
.actividad-indicadores button {
    position: relative;
    padding: 0 0 .65rem;
    color: rgba(255, 255, 255, .45);
    background: transparent;
    border: 0;
    font-size: clamp(.9rem, 1.3vw, 1.25rem);
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease;
}
.actividad-indicadores button::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #fff;
    opacity: 0;
    transform: scaleX(.5);
    transition: opacity .2s ease, transform .2s ease;
}
.actividad-indicadores button:hover,
.actividad-indicadores button:focus-visible,
.actividad-indicadores button.active {
    color: #fff;
}
.actividad-indicadores button.active::after {
    opacity: 1;
    transform: scaleX(1);
}
@keyframes actividadFundido {
    from { opacity: 0; transform: scale(1.015); }
    to { opacity: 1; transform: scale(1); }
}
@media (max-width: 600px) {
    .actividad-minera {
        top: 0;
        padding: 3rem 0;
    }
    .actividad-contenido {
        width: calc(100% - 2rem);
    }
    .actividad-titulo {
        font-size: clamp(1.8rem, 9vw, 2.65rem);
    }
    .actividad-descripcion {
        max-width: 94%;
        font-size: .95rem;
    }
    #carouselMinera {
        padding: 0;
    }
    #carouselMinera .actividad-imagen {
        height: min(72vw, 390px);
    }
    .actividad-indicadores {
        bottom: .85rem;
        left: 1rem;
        gap: 1rem;
    }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}
