/* DEFINICION DE LAS FUENTES TIPOGRÁFICAS
----------------------------------------- */
@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/Montserrat-Bold.otf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_extra_bold';
    src: url('../fonts/Montserrat-ExtraBold.otf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_light';
    src: url('../fonts/Montserrat-Light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_regular';
    src: url('../fonts/Montserrat-Regular.otf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_semi_bold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    font-weight: normal;
    font-style: normal;
}

.fuente_montserrat_bold {
    font-family: 'montserrat_bold';
}
.fuente_montserrat_extra_bold {
    font-family: 'montserrat_extra_bold';
}
.fuente_montserrat_light {
    font-family: 'montserrat_light';
}
.fuente_montserrat_regular {
    font-family: 'montserrat_regular';
}
.fuente_montserrat_semi_bold {
    font-family: 'montserrat_semi_bold';
}
.fuentes_titulos {
    font-family: 'montserrat_bold';
    font-size: 5rem;
    line-height: 1;
}
.fuentes_textos {
    font-family: 'montserrat_regular';
    font-size: 1.7rem;
    line-height: 1;
}

.size_6 {
    font-size: 6rem;
}
.size_titulos {
    font-size: 3rem;
}
.size_1 {
    font-size: 1rem;
}
.size_2 {
    font-size: 2rem;
}
.size_25 {
    font-size: 2.5rem;
}
.size_subtitulos {
    font-size: 1.3rem;
}
.size_botones {
    font-size: .8rem;
}
.size_09 {
    font-size: .9rem;
}
.size_07 {
    font-size: .7rem;
}
.size_05 {
    font-size: .5rem;
}
.size_muy_pequenio {
    font-size: 0.6rem;
}
.puntos_lista {
    font-size: 3rem;
    line-height: 0;
}

body, html {
    height: 100%;
    font-family: 'montserrat_regular';
}

a,
.btn-link,
.page-link {
    color: #fff;
    outline: none;
    text-decoration: none;
    box-shadow: none;
}
a:hover,
.btn-link:active,
.btn-link:visited,
.btn-link:hover,
.page-link:hover {
    text-decoration: none;
    box-shadow: none;
}

.fondo_azul {
    background-color: #00376d;
}
.fondo_celeste {
    background-color: #03a3dd;
}
.fondo_naranja {
    background-color: #f5542d;
}
.fondo_verde {
    background-color: #2fac66;
}
.fondo_celeste_claro {
    background-color: #e5f6fc;
}
.fondo_claro {
    background-color: #f6f6f6;
}
.fondo_marron_claro {
    background-color: #feeeea;
}

.color_azul {
    color: #00376d;
}
.color_celeste {
    color: #03a3dd;
}
.color_celeste2 {
    color: #0f3d83;
}
.color_naranja {
    color: #f5542d;
}
.color_verde {
    color: #2fac66;
}

.borde_azul {
    border: 1px solid #00376d;
}
.borde_celeste {
    border: 1px solid #03a3dd;
}
.borde_verde {
    border: 1px solid #2fac66;
}
.borde_naranja {
    border: 1px solid #f5542d;
}
.borde_vertical_blanco {
    border-left: 3px solid #fff;
}
.borde_vertical_azul {
    border-left: 8px solid #03a3dd;
}
.borde_vertical_naranja {
    border-left: 8px solid #f5542d;
}
.borde_superior_celeste {
    border-top: 4px solid #03a3dd;
}

.lista_horizontal ul {
  list-style: none;
}
.lista_horizontal ul li {
  display: inline-block;
  margin-right: 10px; /* agrega espacio entre cada ítem */
}

.desactivado {
    opacity: .5;
}
/*.desactivado a { 
    pointer-events: none; 
    cursor: default;
}*/

.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Se definen animaciones 
------------------------------------------------------*/
@keyframes aparecer_por_abajo {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes aparecer_por_derecha {
  from {
    opacity: 0;
    transform: translateX(70px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes aparecer_por_izquierda {
  from {
    opacity: 0;
    transform: translateX(-70px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes aparecer { 
    from { opacity: 0; } 
    to { opacity: 1 } 
}

.aparecer_por_abajo, 
.aparecer_por_derecha,
.aparecer_por_izquierda, 
.aparecer {
    animation-duration: 0.7s;
    animation-delay: 0.5s;   
    animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.aparecer_por_abajo { animation-name: aparecer_por_abajo; }
.aparecer_por_derecha { animation-name: aparecer_por_derecha; }
.aparecer_por_izquierda { animation-name: aparecer_por_izquierda; }
.aparecer { animation-name: aparecer; }

.inicio_03 { animation-delay: 0.3s; }
.inicio_05 { animation-delay: 0.5s; }
.inicio_07 { animation-delay: 0.7s; }
.inicio_09 { animation-delay: 0.9s; }

.paused * { 
  animation-play-state: paused;/* todas las animaciones pausadas */
}

/* Menú Superior
--------------------------------------------------- */
#contenedor_menu_superior {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 1705;
} 
.navbar-toggler {
  border: 0;
}
.navbar-toggler:focus {
  outline: none; /* Elimina el borde al enfocar el botón */
  box-shadow: none; /* Elimina cualquier sombra al enfocar el botón */
}
.nav-item,
.nav-link {
  font-family: 'montserrat_regular';
  font-size: .8rem;
  color: #fff;
}
.nav-item .nav-link:hover {
  color: #03a3dd !important;
  font-family: 'montserrat_bold';
}
#custom_toggler_header,
#custom_toggler_footer {
    border: none;
    background: none;
}
.custom-toggler-icon,
#custom_toggler_icon_header,
#custom_toggler_icon_footer {
    background-image: url('../imagenes/elementos/hamburguer.png');
}
#custom_toggler_header.x-icon #custom_toggler_icon_header,
#custom_toggler_footer.x-icon #custom_toggler_icon_footer {
    background-image: none;
    content: 'X';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fff;
}

/* Slider
--------------------------------------------------- */
#carousel_home {
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 0;
}
.carousel-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100% !important;
}
.carousel-item img {
    width: 100% !important;
    height: 100% !important;
}
.carousel-indicators {
    bottom: 20px;
}
.carousel-caption {
    top: 20%;
}
.carousel-caption img {
    width: 147px !important;
    height: 148px !important;
}
#logo_noa_carousel,
#logo_cuyo_carousel {
    width: 147px !important;
    height: 98px !important;
}

.slider_sello {
    top: 0;
    right: 5%;
    position: absolute;
    z-index: 1706;
}

.slider_sello_premio_2024 {
    top: 50px;
    right: 22%;
    position: absolute;
    z-index: 1706;
    width: 120px;
}

.slider_sello_certificados_ISO {
    top: 50px;
    right: 15%;
    position: absolute;
    z-index: 1706;
    width: 100px;
}

.separador_celeste_ISO {
    height: 17px;
    background-image: url("../imagenes/elementos/separador_celeste_ISO.png");
    background-repeat: no-repeat;
    background-position: center;
}

/* Servicios
--------------------------------------------------- */
#contenedor_servicios {
    width: 100%;
    margin-top: -114px;
    position: absolute;
    z-index: 2706;
}
.box_servicio {
    width: 175px;
    height: 175px;
    font-size: 1rem;
}

#contenedor_servicio_ampliado {
  background-image: url("../imagenes/elementos/fondos/fondo_politica_calidad_01.jpg");
  min-height: 700px;
  padding-top: 110px;
}

/* Misión / Visión / Valores
----------------------------------------------------------------- */
#contenedor_mision_vision_valores {
    background-image: url("../imagenes/elementos/fondos/fondo_mision.jpg");
    min-height: 397px;
    border-top: 18px solid #03a3dd;
}

/* Certificacion ISO
----------------------------------------------------------------- */
#contenedor_certificacion_iso {
    border-top: 18px solid #00376d;
}
/* Política de Calidad, Medio Ambiente, ....
----------------------------------------------------------------- */
#contenedor_politica_medio_ambiente {
    background-image: url("../imagenes/elementos/fondos/fondo_politica_calidad_02.jpg");
    min-height: 197px;
    border-top: 18px solid #2fac66;
}
#contenedor_logo_politica_calidad_verde {
    width: 100%;
    margin-top: -70px;
    position: absolute;
    z-index: 2707;
}
#contenedor_revision_politica_calidad {
    width: 100%;
    margin-top: -25px;
    position: absolute;
    z-index: 2708;
}
#contenido_politica_medio_ambiente {
    background-image: url("../imagenes/elementos/fondos/fondo_politica_calidad_01.jpg");
    min-height: 397px;
}

/* Proveedor Minero Argentino
----------------------------------------------------------------- */
#contenedor_proveedor_minero_argentino {
    background-image: url("../imagenes/elementos/fondos/fondo_mineria_01.jpg");
    min-height: 297px;
    border-top: 18px solid #f5542d;
}
#contenedor_logo_noa_mineria_letra_azul {
    width: 100%;
    margin-top: -15px;
    position: absolute;
    z-index: 2707;
}
#contenido_mineria {
    background-image: url("../imagenes/elementos/fondos/fondo_mineria_02.jpg");
    min-height: 397px;
}

/* Servicios Ofrecidos
----------------------------------------------------------------- */
#contenedor_servicios_ofrecidos {
    background-image: url("../imagenes/elementos/fondos/fondo_servicios_ofrecidos.jpg");
    min-height: 397px;
}

.btn_ir_arriba {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('../imagenes/elementos/ir_arriba.png') no-repeat;
    outline: none;
}

object {
    width: 95%;
    height: 100%;
    min-height: 640px;
    overflow: hidden;
}

/* Detiene el efecto scrolling parallax en tablets y mobile */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .fuentes_titulos {
        font-size: 2rem;
    }
    .slider_sello {
        right: 3%;
    }
    .box_servicio {
        width: 155px;
        height: 155px;
    }
    .box_servicio img {
        width: 60px;
    }
    .box_servicio p {
        font-size: 1rem;
        line-height: 1rem;
    }
    object {
        min-height: 455px;
    }
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    /*.fuentes_titulos {
        font-size: 1rem !important;
    }*/
    .fuentes_textos {
        font-size: 1.1rem;
    }
    #logo_gral {
        width: 120px;
    }
    .slider_sello {
        right: 3%;
    }
    #contenedor_servicios {
        margin-top: -80px;
    }
    .box_servicio {
        width: 120px;
        height: 120px;
    }
    .box_servicio img {
        width: 55px;
    }
    .box_servicio p {
        font-size: .6rem;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

    #menu_superior,
    #menu_footer {
        background-color: #fff;
        opacity: .9;
        border-radius: 20px;
        padding: 10px;
        z-index: 2707 !important;/*1708*/
    }
    #menu_superior .nav-link,
    #menu_footer .nav-link {
        color: #00376d;
        font-size: 1rem;
    }
    .carousel-caption {
        top: 14%;
    }
    .carousel-caption img {
        width: 67px !important;
        height: 68px !important;
    }
    #logo_noa_carousel,
    #logo_cuyo_carousel {
        width: 100px !important;
        height: 68px !important;
    }
    /*.fuentes_titulos {
        font-size: 1rem !important;
    }*/
    .slider_sello_premio_2024 {
        top: 45px;
        right: 22%;
        width: 100px;
    }
    .slider_sello_certificados_ISO {
        top: 45px;
        right: 12%;
        width: 85px;
    }
    .box_servicio {
        width: 105px;
        height: 115px;
    }
    .box_servicio img {
        width: 45px;
    }
    .box_servicio p {
        font-size: .7rem;
        line-height: .7rem;
    }
    .borde_vertical_blanco {
        border-left: 0;
    }
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    #menu_superior,
    #menu_footer {
        background-color: #fff;
        opacity: .9;
        border-radius: 20px;
        padding: 10px;
    }
    #menu_superior .nav-link,
    #menu_footer .nav-link {
        color: #00376d;
        font-size: 1rem;
    }
    /*.fuentes_titulos {
        font-size: 1rem !important;
    }*/
    /*.fuentes_textos {
        font-size: 0.7rem;
    }*/
    .box_servicio {
        width: 175px;
        height: 175px;
    }
    .borde_vertical_blanco {
        border-left: 0;
    }
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    #menu_superior,
    #menu_footer {
        background-color: #fff;
        opacity: .9;
        border-radius: 20px;
        padding: 10px;
        z-index: 1707;
    }
    #menu_superior .nav-link,
    #menu_footer .nav-link {
        color: #00376d;
        font-size: 1rem;
    }
    .carousel-caption {
        top: 25%;
    }
    .slider_sello_premio_2024 {
        top: 45px;
        right: 47%;
        width: 100px;
    }
    .slider_sello_certificados_ISO {
        top: 45px;
        right: 22%;
        width: 85px;
    }
    .box_servicio {
        width: 170px !important;
        height: 170px !important;
    }
    .box_servicio img {
        width: 70px;
    }
    .box_servicio p {
        font-size: 1rem;/*.6rem;*/
        line-height: 1rem;
    }
    .size_titulos {
        font-size: 2rem;
    }
    .espacio_separador_inferior_boxes {
        margin-top: 400px !important;
    }
    .borde_vertical_blanco {
        border-left: 0;
    }
    .borde_inferior_celeste {
        border-bottom: 8px solid #03a3dd;
    }
    .borde_inferior_blanco {
        border-bottom: 4px solid #fff;
    }
    object {
        width: 100%;
        height: 100vh;
    }
    #contenedor_revision_politica_calidad {
        margin-top: -135px;
    }
    #politica_logos_colores {
        height: 80px;
    }

    #chatbase-bubble-button {
        right:50% !important;
    }
}