@charset "utf-8";

/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Catamaran:400,700|Montserrat:400,500,700");

html,
body {
    height: 100%; 
    margin: 0;
}

body {
    font-family: "Montserrat";
}
.logo {
    display: block;
    float: left;
    width: 147px;
    height: 39px;

    -webkit-transition: .2s;
            transition: .2s;

    background: url("../imagenes/logo.png") no-repeat;
    background-size: cover;
}

.logoNavidad2021 {
    position: absolute;
    bottom: -15rem;
    left: 14rem;
    height: 400px;
    
}

@media (max-width: 1920px) {
    .logoNavidad2021 {
        position: absolute;
        bottom: -20rem;
        left: 11rem;
        height: 500px;
        
    }

}
@media (max-width: 1200px) {
    .logoNavidad2021 {
        position: absolute;
        bottom: -20rem;
        left: -4rem;
        height: 500px;
        
    }
}
@media (max-width: 1390px) {
    .logoNavidad2021 {
        position: absolute;
        bottom: -20rem;
        left: -4rem;
        height: 500px;
        
    }
}

@media (max-width: 800px) {
    .logoNavidad2021 {
        position: absolute;
        bottom: -20rem;
        left: -4rem;
        height: 500px;
        
    }
}



.logoLuto {
    display: block;
    float: left;
    width: 147px;
    height: 39px;

    -webkit-transition: .2s;
            transition: .2s;

    background: url("../imagenes/logo_luto.png") no-repeat;
    background-size: cover;
}
.logoArbol {
    display: block;
    float: left;
    width: 45px;
    height: 39px;

    -webkit-transition: .2s;
            transition: .2s;

    background: url("../imagenes/arbolito_grassi_62px.gif") no-repeat;
    background-size: cover;
}
.clear {
    clear: both;
}
main {
    min-width: 320px;
    /*line-height: 1;*/
    background: #fff;
    /* position: relative; */
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #00a450;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.btt-btn {
   cursor: pointer;
   position: fixed;
   bottom: .5em;
   right: .5em;
   padding: .5em;
   text-decoration: none;
   color: white;
   background-color: rgba(0, 0, 0, 0.2);
   font-size: 14px;
   outline-style: none;
   /*display: none;*/
}

.btt-btn:hover {
   background-color: rgba(0, 0, 0, 0.6);
}

.btt-btn:active {
   background-color: rgba(0, 0, 0, 0.8);
}

#backTT {
   z-index: -9999999;
   position: absolute;
   top: 0;
}

section {
    display: block;
}

header {
    position: fixed;
    z-index: 9999;

    width: 100%;
    padding: 24px 0;

    -webkit-transition: .5s;
            transition: .5s;

    background: rgba(0,0,0,0);
}
.colapsado {
    padding: 9px 0;

    -webkit-transition: .5s;
            transition: .5s;

    background: rgba(13,14,16,1);
}
.colapsado .logo {
    width: 35px;
    height: 31px;
    margin-top: 5px;

    -webkit-transition: .2s;
            transition: .2s;
}
nav {
    float: right;
}
nav a {
    /* float: left; */
    margin-top: 10px;
    margin-left: 42px;
    font-family: "Catamaran", sans-serif;
    font-size: 16.5px;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    letter-spacing: .3px;
    /* color: #fff; */
}
nav a:link {
    text-decoration: none;
    color: #cacaca;
}
nav a:visited {
    text-decoration: none;
    color: #cacaca;
}
nav a:hover {
    -webkit-transition: .3s;
            transition: .3s; 
    text-decoration: none;

    color: #00a450;
}
nav a:active {
    text-decoration: none;
}

.show > .dropdown-menu {
    display: block;
}

.principal .desplegable {
    display: none;
    float: right;
    width: auto;
}
.principal .desplegable button {
    float: right;
    width: 40px;
    height: 40px;

    border: none;
    background: url("../imagenes/Hamburger_icon.png") no-repeat center;
    background-size: cover;
}
.principal .menu-desplegable {
    position: fixed;
    top: 85px;
    left: 0;
    z-index: 999999999999999;
    width: 100%;
    min-height: 100%;
    padding: 33px 0;
    font-size: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    background: rgba(13,14,16,1);
}
.principal.colapsado .menu-desplegable {
    top: 58px;

    -webkit-transition: .3s;
            transition: .3s;
}


.menu-desplegable ul li a {
    font-family: "Catamaran", sans-serif;

    text-align: center;
    text-decoration: none;

    color: #cacaca;
}

.menu-desplegable ul .active a {
	color: #00a450;
}

.menu-desplegable ul li a :hover {
    color: #fff;
}

.menu-desplegable li.search-box {
    display: none;
    padding: 15px 15px;
}

.menu-desplegable .search-box input {background: none;border: none;border-bottom: 1px solid #fff;padding: 10px 0;font-size: 14px;color: #fff;min-width: 50%;margin-right: 15px;}
.menu-desplegable .search-box button {background: #00a450;border: none;color: #fff;border-radius: 2px;font-size: 12px;padding: 10px 20px;font-weight: bold;text-transform: uppercase;cursor: pointer;}

.menu-desplegable li.login-box {
    padding: 0 25px;
    display: none;
}
.menu-desplegable li.login-box input {
	width: 100%;
	padding: 8px;
	margin-bottom: 7px;
	font-family: "Catamaran";
	font-size: 16px;
	color: #a0a0a0;
	border: 0;
	border-bottom: 1px solid #2e2e2e;
	background: none;
}

.menu-desplegable li.login-box button.enviar {
	background: #00a450;
	border: none;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	padding: 10px 20px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
	margin-top: 10px;
}


.iconosHeader {
    display: block;
    float: left;
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin-left: 12px !important;

    border: 0;
    border-radius: 40px !important;
}
.iconosUser {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border: 0;
    margin-right:10px;
}
.background-btn{
    padding: 10px;
    margin-top: 10px;
    
    /* Glassmorphism Effect */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    
    /* Bordes y sombra */
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 8px 32px 0 rgba(31, 38, 135, 0.15),
        inset 0 0 20px rgba(255, 255, 255, 0.1);
    
    /* Transición suave */
    transition: all 0.3s ease;
}

.background-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 
        0 12px 40px 0 rgba(31, 38, 135, 0.2),
        inset 0 0 25px rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.background-btn:active {
    transform: translateY(0);
}



.icon1 {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon1.png") no-repeat center;
}
.icon2 {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon2.png") no-repeat center;
}
.icon3 {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon2-h.png") no-repeat center;
}
.icon-exit {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon-exit.png") no-repeat center;
}
.icon-home {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon-home.png") no-repeat center;
}
.icon-intra {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon-intra.png") no-repeat center;
}

.icon-user {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon-user.png") no-repeat center;
}
.icon1:hover {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon1-h.png") no-repeat center #000;
}
.icon1:focus {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon1-h.png") no-repeat center #000;
}
.icon2:hover {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon2-h.png") no-repeat center #000;
}
.icon3:hover {
    -webkit-transition: .3s;
            transition: .3s;

    background: url("../imagenes/icon2-h.png") no-repeat center #000;
}

.buscadorBoton1 {
    top: 51px;
    right: 0;
    left: auto;

    width: 360px;
    padding-top: 0;
    margin-top: 0;

    border: 0;
    background: #000;
}

.buscadorBoton1 a,
.buscadorBoton1 a:visited {
    padding: 0;
    margin: 0;

    font-size: 16px;
    line-height: 32px; 

    color: #a0a0a0;
}
.buscadorBoton1 a:hover {
    color: #00d869;
    background: none;
}
.buscadorBoton1 input {
    width: 100%;
    height: 54px;
    padding: 14px 0 13px 52px;

    font-family: "Catamaran";
    font-size: 18px;

    color: #fff;
    border: 0;
    border-bottom: 1px solid #2e2e2e;
    background: url("../imagenes/icon1-h.png") no-repeat 16px 14px;
}
.contenedorResultados1 {
    padding: 10px;
    max-height: 300px;
    overflow: auto;
}

.contenedorResultados1 ul {
    font-family: "Catamaran";
    font-size: 16px;
    color: #fff;
}

.contenedorResultados1 a {
    font-family: "Catamaran";
    font-size: 14px;
    line-height: 5px;
}

.buscadorBoton2 {
    top: 51px;
    right: 0;
    left: auto;

    width: 286px;
    padding-top: 0;
    margin-top: 0;

    border: 0;
    background: #000;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://sampsonresume.com/labs/pIkfp.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.buscadorBoton2 p {
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    line-height: 21px;
    color: #fff;
}

.buscadorBoton2 username {
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    line-height: 21px;
    color: #fff;
}

.buscadorBoton2 a,
.buscadorBoton2 a:visited {
    margin: 0;
    padding: 0;
    color: #a0a0a0;
    font-size: 16px;
    line-height: 32px;
}
.buscadorBoton2 a:hover {
    color: #00d869;
    background: none;
}
.buscadorBoton2 span {    color: #999;
    margin: 0 11px;}
.buscadorBoton2 input {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 7px;
    font-family: "Catamaran";
    font-size: 16px;
    color: #a0a0a0;
    border: 0;
    border-bottom: 1px solid #2e2e2e;
    background: none;
}
.buscadorBoton2 button {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border: 0;
    border-radius: 2px;
    background: #00a450;
}
.contenedorResultados2.loading > * {
    opacity: 0.2;
}
.contenedorResultados2.loading: before {
    content: "cargando...";
    padding: 21px;
    background: #000;

    color: # fff;
    width: 100 % ;
    box - sizing: border - box;
}
.contenedorResultados2 {
    padding: 20px 25px 14px 25px;
}
.buscadorBoton2 button:hover {
    color: #000;  
    background: #fff;
}
.buscadorBoton2 .error {    color: #dc3545;
    font-size: 15px;
    text-align: center;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 900;}
.buscadorBoton2 a {}

.buscadorBoton3 {
    top: 51px;
    right: 0;
    left: auto;

    /*width: 200px;*/
    padding-top: 0;
    margin-top: 0;

    border: 0;
    background: #000;
}
.buscadorBoton3 p {
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    line-height: 21px;
    color: #fff;
}

.buscadorBoton3 username {
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    line-height: 21px;
    color: #fff;
}

.buscadorBoton3 a,
.buscadorBoton3 a:visited {
    padding-left: 10;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    margin: 7px 0 8px 0;
    display: inline-block;
    color: #fff;
}
.buscadorBoton3 a:hover {
    color: #00d869;
    background: none;
}
.buscadorBoton3 span {
    color: #999;
    margin: 0 11px;}

.buscadorBoton3 .title {
    color: #999;
    margin: 0px;
    width: 100%;
    text-align: center;
    }

.buscadorBoton3 input {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 7px;
    font-family: "Catamaran";
    font-size: 16px;
    color: #a0a0a0;
    border: 0;
    border-bottom: 1px solid #2e2e2e;
    background: none;
}
.buscadorBoton3 button {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border: 0;
    border-radius: 2px;
    background: #00a450;
}
.contenedorResultados3 {
    max-height: 100px
}

/* SECCION INICIO */

#background {
    z-index: 1;
    /* position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; */
    min-width: 100vw;
    min-height: 100vh;/* -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%); */
    background-size: cover;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-wrap {
    position: relative;
    /* width: 100vw; */
    height: 100vh;
    overflow: hidden;
    z-index: 999;
}

section.inicio {
    /* height: 100%; */
    z-index: 99;
}
section.inicio .trama {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.4) url(../imagenes/trama.png);
}
section.inicio .trama2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.7) url(../imagenes/trama2.png);
}
section.inicio .trama3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.7) url(../imagenes/trama3.png);
}
section.inicio .trama4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.3) url(../imagenes/trama.png);
}
section.inicio .container {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    z-index: 999;

    margin: 0 auto;

    color: #fff;
}
section.inicio .container h1 {
    max-width: 520px;

    font-family: "Montserrat";
    font-size: 37px;
    font-weight: 700;
    line-height: 42px;

    letter-spacing: -1.2px;
    text-transform: uppercase;

    color: white;
}
section.inicio .container .MasInfo {
    display: inline-block;
    padding: 13px 37px 12px 17px;
    margin-top: 38px;

    font-size: 14px;
    font-weight: 700;

    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    text-transform: uppercase;

    color: #000;
    border-radius: 2px;
    background: #00a450 url(../imagenes/flecha.png) no-repeat 170px center;
}
section.inicio .container .MasInfo:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #fff; 
    background: #000 url(../imagenes/flecha-blanca.png) no-repeat 170px center;
}


/* SECCION COTIZACIONES */

section.cotizaciones {
    position: absolute;
    bottom: 0;
    z-index: 2;
    z-index: 999;

    width: 100%;/* background-color: #0d0e10 */
}
section.cotizaciones .BotonCotizaciones {
    display: table;
    padding: 12px 45px 12px 22px;
    margin: 0 auto;

    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 400;

    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    border-bottom: 0;
    border-radius: 2px 4px 0 0;
    background: rgba(0,0,0,.5) url(../imagenes/flecha-arriba-blanca.png) no-repeat 170px center;
}
section.cotizaciones [aria-expanded=true]{
    background: rgba(0,0,0,.5) url(../imagenes/flecha-abajo-blanca.png) no-repeat 170px center;
}

section.cotizaciones .BotonCotizaciones:hover {
    background-color: #0d0e10;
}
section.cotizaciones .recuadroCotizaciones {
    background-color: #0d0e10;
}
section.cotizaciones .recuadroCotizaciones {
    padding: 35px 0 0 0;
    color: #fff;
}
section.cotizaciones .recuadroCotizaciones h3 {
    float: left;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
}
section.cotizaciones .recuadroCotizaciones .masInfo {
    float: right;
    padding: 2px 7px;

    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 500;

    text-decoration: none;

    border: 1px solid #fff;
    border-radius: 2px;
}
section.cotizaciones .recuadroCotizaciones .cotizacion1 .masInfo {
    color: #006ed9;
    border: 1px solid #006ed9;
}
section.cotizaciones .recuadroCotizaciones .cotizacion2 .masInfo {
    color: #00a450;
    border: 1px solid #00a450;
}
section.cotizaciones .recuadroCotizaciones .cotizacion3 .masInfo {
    color: #e1ce00;
    border: 1px solid #e1ce00;
}
section.cotizaciones .recuadroCotizaciones .cotizacion4 .masInfo {
    color: #55cdff;
    border: 1px solid #55cdff;
}
section.cotizaciones .recuadroCotizaciones .cotizacion1 .masInfo:hover {
    color: #000; 
    border: 1px solid #006ed9;
    background: #006ed9;
}
section.cotizaciones .recuadroCotizaciones .cotizacion2 .masInfo:hover {
    color: #000;
    border: 1px solid #00a450;
    background: #00a450;
}
section.cotizaciones .recuadroCotizaciones .cotizacion3 .masInfo:hover {
    color: #000;
    border: 1px solid #e1ce00;
    background: #e1ce00;
}
section.cotizaciones .recuadroCotizaciones .cotizacion4 .masInfo:hover {
    color: #000;
    border: 1px solid #55cdff;
    background: #55cdff;
}
section.cotizaciones .recuadroCotizaciones .row article img {
    float: left;
    max-width: 100%;
    margin-top: 15px;
    clear: both;
}

.nota-al-pie-dispo{
    padding: 15px 0;
    color: #7e7e7e;
    padding-left: 20px;
    font-family: "catamaran", sans-serif;
    font-size: 14px;
    line-height: 1;
}

.verTodasCotizaciones {
    display: block;
    width: 100%;
    padding: 18px 0;
    margin-top: 23px;

    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 400;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    letter-spacing: .5px;

    color: #b9b9b9;
    background: rgba(0,0,0,.5);
}
.verTodasCotizaciones:link {
    text-decoration: none;
}
.verTodasCotizaciones:hover {
    -webkit-transition: .3s;
            transition: .3s; 

    color: #00a450;
    background: rgba(0,0,0,1);
}
.verNovedades {
    position: absolute;
    bottom: 0;
    left: 0;
}
.flechaArriba {
    background: #0d0e10 url(../imagenes/flecha-abajo-blanca.png) no-repeat 170px center !important;
}

/* Tabs futuros */

.tabs_futuros .tab {
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
    margin-left: 12px;
    margin-right: 12px;
}

/* Style the buttons inside the tab */
.tabs_futuros .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat";
}

/* Change background color of buttons on hover */
.tabs_futuros .tab button:hover {
    background-color: #01509f;
}

/* Create an active/current tablink class */
.tabs_futuros .tab button.active {
    background-color: #ffffff;
    color: #01509f;
    font-weight: bold;
    border: 1px;

}

/* Style the tab content */
.tabs_futuros .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
.tabs_futuros @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.tabs_futuros @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Tabs futuros home */
.tabs_futuros_thome .tab {
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
}

/* Style the buttons inside the tab */
.tabs_futuros_thome .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat";
}

/* Change background color of buttons on hover */
.tabs_futuros_thome .tab button:hover {
    background-color: #006ed9;
}

/* Create an active/current tablink class */
.tabs_futuros_thome .tab button.active {
    background-color: #ffffff;
    color: #006ed9;
    font-weight: bold;
    border: 1px;

}

/* Style the tab content */
.tabs_futuros_thome .tabcontent {
    display: none;
    padding: 6px 0px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
.tabs_futuros_thome @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.tabs_futuros_thome @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* SECCION NOVEDADES */

section.novedades {
    position: relative;

    background: #fff;
}
section.novedades .novImagen img {
    max-width: 100%;
}
section.novedades .novImagen {
    min-height: 50vw;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
section.novedades .novTexto {
    min-height: 50vw;

    background: #0d0e10;
}


section.novedades .novTexto .contenedor {
    max-width: 30vw;
    padding-bottom: 30px;
}
section.novedades .novTexto .contenedor h2 {
    font-family: "Montserrat";
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;

    color: #fff;
}
section.novedades .novTexto .contenedor p {
    margin-top: 16px;

    font-family: "Catamaran", sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 23px;

    letter-spacing: .4px;

    color: #9e9e9e;
}
section.novedades .novTexto .contenedor a {
    display: inline-block;
    padding: 14px 18px;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #00a450;
}
section.novedades .novTexto .contenedor a:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #fff;
    background: #000;
}

.form-input {
    width: 100%;
    padding: 10px 0 6px 0;
    margin-top: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
    color: #ffffff;
    font-family: "catamaran", sans-serif;
    font-size: 16px;

    -webkit-transition: .3s all ease;
            transition: .3s all ease;
    border: none;
    border-bottom: 1px solid #666;
    background: none;
}

/* NAVEGADOR LATERAL */

.navegadorLateral {
    top: 0;
    right: 30px;
    z-index: 9999;
    text-align: right;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.navegadorLateral li {
	text-align: right;
	display: block;
	line-height: 12px;
}

.navegadorLateral li strong {
	opacity: 0;
	font-size: 0;
	transition: .3s;
	line-height: 12px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.navegadorLateral li:hover strong {
	opacity: 1;
	font-size: 12px;
}

.navegadorLateral li a {
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: right;
    text-decoration: none;
    margin: 8px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 0;
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    color: #fff;
    vertical-align: middle;
}

.navegadorLateral a p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
}

.navegadorLateral a span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 7px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background: none;
    line-height: 12px;
}
.navegadorLateral a.active {
	color: #00a450;
}

.navegadorLateral a.active span {
    -webkit-transition: .3s;
            transition: .3s;

    border-color: #00a450;
    background: #00a450;
}
.navegadorLateral a.active p {
    -webkit-transition: .3s;
            transition: .3s;

    color: #00a450;
}
.navegadorLateral .seccionFija {
    cursor: default;
    pointer-events: none;
}
.navegadorLateral .seccionFija span {
    -webkit-transition: .3s;
            transition: .3s;

    border-color: #00a450;
    background: #00a450;
}
.navegadorLateral .seccionFija p {
    -webkit-transition: .3s;
            transition: .3s;

    color: #00a450;
}


/* RECURSOS HUMANOS */

section.recursosHumanos {
    position: relative;

    background: #267fca;
    background: -webkit-gradient(linear, left top, right top, from(#267fca),to(#41ade9));
    background: linear-gradient(to right, #267fca 0%,#41ade9 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#267fca", endColorstr="#41ade9",GradientType=1 );
}
section.recursosHumanos .novImagen img {
    max-width: 100%;
}
section.recursosHumanos .novImagen {
    min-height: 50vw;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
section.recursosHumanos .novTexto {
    min-height: 50vw;
}
section.recursosHumanos .novTexto .contenedor {
    max-width: 30vw;
}
section.recursosHumanos .novTexto .contenedor h2 {
    font-family: "Montserrat";
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;

    color: #fff;
}
section.recursosHumanos .novTexto .contenedor p {
    margin-top: 16px;

    font-family: "Catamaran";
    font-size: 18px;/* letter-spacing: 0.4px; */
    font-weight: 100;
    line-height: 23px;

    color: #fff;
}
section.recursosHumanos .novTexto .contenedor a {
    display: inline-block;
    padding: 14px 18px;
    margin-top: 12px;
    font-size: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #55cdff;
    font-weight: 900;
}
section.recursosHumanos .novTexto .contenedor a:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #fff;
    background: #000;
}


section.recursosHumanos .row {
	align-items: center!important;
}

section.recursosHumanos .trama {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;

	width: 100%;
	height: 100%;

	background: rgba(25, 25, 25, 0.25) url(../imagenes/trama.png);
}

.videoRRHHwrap {
	overflow: hidden;
	position: relative;
	justify-content: center;
	display: flex;
	align-items: center;
}

#videoRRHH {
	min-height: 100vh;
}

.custom-video-controls {
  z-index: 2147483647;
}

/* SUSCRIPCION NEWSLETTER */

section.newsletterModulo {
    /* min-height: 50vw;  position: relative; */background: url(../imagenes/fondo-newsletter.png) right no-repeat #0c0e11;

}
section.newsletterModulo .contenedor {
    padding: 25px 25px 25px 25px;
    margin-top: 0;
    margin-top: 45px;
    margin-bottom: 45px;
}
section.newsletterModulo .contenedor h2 {
    margin-bottom: 25px;
    font-size: 34px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -.5px;
    color: #fff;
}

section.newsletterModulo .contenedor p {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -.5px;
    color: #fff;
}

section.newsletterModulo .contenedor2 {
    margin-top: 0;
    margin-top: 45px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -.5px;
    color: #fff;
    display: block;
    width: 100%;
    padding: 18px 0;
    margin-top: 23px;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    letter-spacing: .5px;
}

section.newsletterModulo .contenedor img {
    margin-bottom: 15px;
}
section.newsletterModulo .contenedor input[type=submit] {
    display: inline-block;
    padding: 14px 18px;
    margin-top: 32px;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #55cdff;
    cursor: pointer;
    border: none;
}
section.newsletterModulo .contenedor input[type=submit]:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #000;
    background: #fff;
}
section.newsletterModulo .contenedor input[type=text] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff; 
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}
section.newsletterModulo .contenedor input[type=text]:focus {
    border-bottom: 1px solid #55cdff;
}
section.newsletterModulo .contenedor input[type=email] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}
section.newsletterModulo .contenedor input[type=email]:focus {
    border-bottom: 1px solid #55cdff;
}
section.newsletterModulo .columnaNewsletter {
    min-height: 50vw;
}

.barraBuscador {
    height: 54px;
    width: 100%;
    display: block;
    float: left;
    box-sizing:
    border-box;
 }
 .barraBuscador input {
    transition: 0.3s;
    margin-left: 10px;
    width: 54px;
    height: 40px;
    border:none;
    background: url(../imagenes/icon-exit.png) #999 center center no-repeat;
    float: right;
    cursor: pointer;
 }
.barraBuscador input:hover {
    transition: 0.3s;
    margin-left: 10px;
    background: url(../imagenes/icon-exit.png) #000 center center no-repeat;
}
.barraBuscador button {
    transition: 0.3s;
    width: 54px;
    height: 40px;
    border:none;
    background: url(../imagenes/lupa.png) #00a350 center center no-repeat;
    float: right;
    cursor: pointer;
 }
.barraBuscador button:hover {
    transition: 0.3s;
    background: url(../imagenes/lupa.png) #000 center center no-repeat;
}

/* SUCURSALES */

section.sucursalesModulo {
    position: relative;
    min-height: 645px;
    padding-top: 7.5vw;
    background: url(../imagenes/fondo-sucursales.png) right top no-repeat #00a450;
    background-size: cover !important;
}
section.sucursalesModulo .container h2 {
    margin-bottom: 25px;

    font-size: 34px;
    font-weight: 600;
    line-height: 35px;

    letter-spacing: -.5px;

    color: #fff;
}
section.sucursalesModulo .text-wrapper {
    /* display: inline-table;  margin-right: 15px;  width: 206px; */margin-bottom: 32px;

}
section.sucursalesModulo .text-wrapper:nth-of-type(5n+0) {
    margin-right: 0;
}
section.sucursalesModulo .text-wrapper h3 {
    margin-bottom: 3px;

    font-size: 17px;
    font-weight: 600;
    line-height: 21px;

    letter-spacing: -.5px;

    color: #fff;
}
section.sucursalesModulo h5 {
    width: 100%; 
    margin-top: 20px;

    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    color: #fff;
}
section.sucursalesModulo .text-wrapper p {
    margin-bottom: 15px;

    font-size: 12px;
    font-weight: 500;
    line-height: 16px;

    letter-spacing: .3px;

    color: #fff;
}
section.sucursalesModulo .text-wrapper p a {
    color: #fff;
}
section.sucursalesModulo .text-wrapper p a:hover {
    color: #fff;
}
section.sucursalesModulo .text-wrapper .botonEnviar {
    display: inline-block;
    padding: 6px 10px;

    font-size: 10px;
    font-weight: 500;

    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;
    letter-spacing: .2px;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 2px;
}
section.sucursalesModulo .text-wrapper .botonEnviar:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #00a450;
    background: #fff;
}
section.sucursalesModulo .googleMaps {
    display: none;
    width: 100%;
    margin-top: 7vw;
    overflow: hidden;
}

/* Internas */

/* 1. Institucional */

.main-content .MasInfo {
    display: inline-block;
    padding: 13px 37px 12px 17px;
    margin-top: 38px;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #00a450 url(../imagenes/flecha.png) no-repeat 305px center;
}

.main-content .MasInfo:hover {
        -webkit-transition: .3s;
            transition: .3s;

        color: #fff;
        background: #000 url(../imagenes/flecha-blanca.png) no-repeat 307px center;
    }

.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 999999;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}
#section7 a {
  padding-top: 50px;
}
#section7 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section7 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section7 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section7 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.interna section.header .col-md-12 {
    height: 270px;
    min-height: 270px;
        flex-direction: column;

    text-align: center;

    background-image: url("../imagenes/header_institucional.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 90px 90px rgba(0, 0, 0, .55) inset;
            box-shadow: 0 90px 90px rgba(0, 0, 0, .55) inset;

    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}
.interna .bloque-texto {
    padding: 7vw;
}
.interna .bloque-id1 {
    background: #fff;
    text-align: justify;
}
.interna .bloque-id2 {
    color: #fff;
    background: #00d869;
    background: #1db954;
}
.interna .bloque-id3 {
    color: #fff; 
    background-color: #0f0f0f;
    background-image: url("../imagenes/institucional-bloque3-bg.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.interna .bloque-id4 {
    color: #fff; 
    background-color: #0f0f0f;
    background-image: url("../imagenes/institucional-bloque4-bg.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.interna section.header h1.titulo-seccion {
    margin-top: 25px;
    margin-bottom: 0;

    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    font-weight: 500;

    letter-spacing: 0;

    color: #fff;
    text-shadow: 1px 1px 3px #00099;
}
.interna .bloque-texto h2 {
    margin-bottom: 35px; 

    font-size: 30px;
    font-weight: 700;
}
.interna .bloque-texto h3 {
    margin-top: 45px; 
    margin-bottom: 15px;

    font-size: 21px;
    font-weight: 700;

    text-transform: uppercase;
}
.interna .bloque-texto h2:first-child,
.interna .bloque-texto h3:first-child {
    margin-top: 0;
}
.interna .bloque-texto p:last-child {
    margin-bottom: 0;
}
.interna .bloque-texto p {
    margin-bottom: 25px;

    font-family: "Catamaran", sans-serif; 
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.interna .bloque-texto ul {
    margin-bottom: 35px; 

    font-size: 30px;
    font-weight: 700;
}
.interna .bloque-texto ul li {
    font-family: "Catamaran", sans-serif; 
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

/*  RRHH   */

.col-md-6.bloque-texto.bloque-id4 input[type=text] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff; 
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}

.col-md-6.bloque-texto.bloque-id4 input[type=email] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}

input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type=number] {

    -moz-appearance:textfield;
}
.col-md-6.bloque-texto.bloque-id4 input[type=number] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}

.col-md-6.bloque-texto.bloque-id4 input[type=file] {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    font-family: "Catamaran";
    font-size: 17px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}

.col-md-6.bloque-texto.bloque-id4 input[type=text]:focus {
    border-bottom: 1px solid #55cdff;
}

.col-md-6.bloque-texto.bloque-id4 input[type=submit]{
    display: inline-block;
    padding: 14px 18px;
    margin-top: 32px;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #55cdff;
    cursor: pointer;
    border: none;
}

.col-md-6.bloque-texto.bloque-id4 button{
    display: inline-block;
    padding: 14px 18px;
    margin-top: 32px;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #000;
    border-radius: 2px;
    background: #55cdff;
    cursor: pointer;
    border: none;
}

.img-derecha {
    width: 50%;
    margin-left: 15px;
    float: right;
}

.img-izquierda {
    width: 50%;
    margin-right: 15px;
    float: left;
}

/* 2. Noticias Archivo */


.barraNavegacion	{ padding-bottom:25px; color: #666; font-size: 15px; font-family: 'Catamaran', sans-serif; letter-spacing: 0.3px; display: block; width: 100%;}
.barraNavegacion a 	{ transition: 0.3s;text-decoration:none; color: #0275d8;}
.barraNavegacion a:hover 	{transition: 0.3s; border-bottom: 1px solid}
.barraNavegacion span {    margin: 0 9px;}

.noticias-archivo section.header .col-md-12 {
    height: 270px;
    min-height: 270px;

    text-align: center;

    background-image: url("../imagenes/header_informes.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 90px 90px rgba(0, 0, 0, .55) inset;
            box-shadow: 0 90px 90px rgba(0, 0, 0, .55) inset;
}
.noticias-archivo .filtros {
    padding: 25px 0;

    text-align: center; 

    background: #fff;
}
.noticias-archivo .filtros .col-md-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
    padding-bottom: 25px;
        flex-direction: row;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -ms-flex-direction: row;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; 
    justify-content: center;
}
.noticias-archivo .filtros span.etiqueta {
    font-family: "catamaran", sans-serif;
    font-size: 15px;
    font-weight: 700;
}
.noticias-archivo .filtros .filtro-frecuencia {
    display: inline-block;
    margin: 0 25px; 

    vertical-align: middle;
}
.noticias-archivo .filtros .filtro-frecuencia ul {
    display: inline-block; 
    padding: 0;
    margin: 0;

    list-style: none;
}
.noticias-archivo .filtros .filtro-frecuencia ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;

    font-size: 14px; 

    cursor: pointer;

    border-radius: 30px;
}
.noticias-archivo .filtros .filtro-frecuencia ul li.activado {
    border: 1px solid #ccc;
}
.noticias-archivo .filtros .filtro-tema {
    display: inline-block;
    margin: 0 25px; 

    vertical-align: middle;
}
.noticias-archivo .filtros .filtro-tema select {
    padding: 4px 0;
    margin: 0;    /* min-width: 210px; */

    font-family: "catamaran", sans-serif;
    font-size: 14px; 

    border: none;
    border-bottom: 1px solid #333;
    outline: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.noticias-archivo .filtros .filtro-fecha {
    display: inline-block;
    margin: 0 25px; 

    vertical-align: middle;    /* min-width: 230px; */
}
.noticias-archivo .filtros .filtro-fecha select {
    padding: 4px 0;
    margin: 0 5px;    /* min-width: 210px; */

    font-family: "catamaran", sans-serif; 
    font-size: 14px;

    border: none;
    border-bottom: 1px solid #333;
    outline: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.pieTabla 				{ float: left; width: 100%; margin-top: 20px;}

.headTabla .contenedorPaginador input 			{ transition: 0.3s;float: left; font-family: 'Catamaran'; padding: 3px 12px; background: #00b09a; color: #fff; text-decoration: none; border:0px;}
.headTabla .contenedorPaginador input:click		{ text-decoration: none }
.headTabla .contenedorPaginador input:hover		{ transition: 0.3s;text-decoration: none; background: #000; color: #fff }

.headTabla .contenedorPaginador 		{ float: right }
.headTabla .contenedorPaginador p 	{ float: left; color: #4c4d4f; font-size: 14px; padding: 5px 12px; font-weight: 500; letter-spacing: -0.5px; }
.headTabla .contenedorPaginador select { color: #4c4d4f; height: 30px; border: none; background: #f5f5f5; font-size: 14px; padding: 5px 9px; font-weight: 500; letter-spacing: -0.5px; font-family: 'Montserrat'; margin-left: 20px; }

.pieTabla .contenedorPaginador input 			{ transition: 0.3s;float: left; font-family: 'Catamaran'; padding: 3px 12px; background: #00b09a; color: #fff; text-decoration: none; border:0px;}
.pieTabla .contenedorPaginador input:click		{ text-decoration: none }
.pieTabla .contenedorPaginador input:hover		{ transition: 0.3s;text-decoration: none; background: #000; color: #fff }

.pieTabla .contenedorPaginador 		{ float: right }
.pieTabla .contenedorPaginador p 	{ float: left; color: #4c4d4f; font-size: 14px; padding: 5px 12px; font-weight: 500; letter-spacing: -0.5px; }
.pieTabla .contenedorPaginador select { color: #4c4d4f; height: 30px; border: none; background: #f5f5f5; font-size: 14px; padding: 5px 9px; font-weight: 500; letter-spacing: -0.5px; font-family: 'Montserrat'; margin-left: 20px; }


.noticias-archivo .noticia-individual {
    position: relative;

    min-height: 33.33vw;

    -webkit-transition: .3s;
            transition: .3s;
    text-decoration: none;

    border: 3px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.noticias-archivo .noticia-individual:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 100%;

    content: " ";

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, .8)), color-stop(99%, rgba(0, 0, 0, .8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .8) 99%);

    filter: progid:dximagetransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#cc000000", GradientType=0);
}
.noticias-archivo .noticia-individual:hover {
    text-decoration: none;
}
.noticias-archivo .noticia-individual:hover .text-wrap .boton {
    color: #fff; 
    border-color: #00a350;
    background-color: #00a350;
}
.noticias-archivo .noticia-individual .frecuencia {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 999; 

    padding: 2px 7px;

    font-family: "montserrat", sans-serif;
    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;

    color: #303030;
    background: #fff;
}
.noticias-archivo .noticia-individual .frecuencia-diaria {
    background: #edc900;
}
.noticias-archivo .noticia-individual .frecuencia-semanal {
    background: #ff7200;
}
.noticias-archivo .noticia-individual .frecuencia-mensual {
    background: #ff2956;
}
.noticias-archivo .noticia-individual .text-wrap {
    z-index: 999; 

    padding: 45px 30px;
}
.noticias-archivo .noticia-individual .text-wrap h3 {
    margin-top: 40px; 

    font-family: "montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;

    color: #fff;
}
.noticias-archivo .noticia-individual .text-wrap p {
    font-family: "montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500; 
    line-height: 22px;

    color: #fff;
}
.noticias-archivo .noticia-individual .text-wrap .boton {
    display: inline-block;
    padding: 10px 15px;

    font-family: "montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;

    -webkit-transition: .3s;
            transition: .3s; 
    text-transform: uppercase;

    color: #00a350;
    border: 1px solid;
    border-radius: 2px;
}

.noticia-ampliada.interna section.header .col-md-12 {
    /* min-height: 350px; */padding-top: 25px;

}
.noticia-ampliada.interna section.header h1.titulo-seccion {
    /* font-size: 14px;  background: #fff;  color: #1967b7;  text-shadow: none;  padding: 5px;  text-transform: uppercase;  font-weight: 700;  margin-bottom: 25px; */
}
.noticia-ampliada .main-content {
    padding: 60px 0;
    border-bottom: 1px solid #d9d9d9;
    background: #f5f5f5;
}
.noticia-ampliada .main-contentmail {
    padding: 60px 0;
    border-bottom: 1px solid #d9d9d9;
    background: #f5f5f5;
}
.noticia-ampliada .main-content p {
    margin-bottom: 18px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 150%;
    text-align: justify;
}
.noticia-ampliada .main-contentmail p {
    margin-bottom: 18px;
    font-family: "Montserrat", sans-serif;
    font-size: 16x;
    line-height: 150%;
    text-align: justify;
}

.noticia-ampliada .main-contentmail img {
    display:block;
    margin-left: auto;
    margin-right: auto;
}
.noticia-ampliada .main-content .bajada {
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 140%;
}
.noticia-ampliada .main-contentmail .bajada {
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 140%;
}

/*.noticia-ampliada .imagen-principal-noticia {
    width: 100%;
    height: 227px;
    margin: 0 0 35px 0;
    object-fit: cover;
}*/

.noticia-ampliada .imagen-principal-noticia {
    position: relative;
    width: 100%;
    height: 227px;
    overflow: hidden;
    margin: 0 0 35px 0;
}

.noticia-ampliada .imagen-principal-noticia img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: auto;
    width: auto;
}


.noticia-ampliada .titulo-noticia {
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 130%;
    color: #00a450;
}

.boton-newsletter {
    text-decoration:none;

    width: 100%;
    text-align: center;

    display: inline-block;
    padding: 10px 15px;

    font-family: "montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;

    -webkit-transition: .3s;
            transition: .3s;
    text-transform: uppercase;

    color: #00a350;
    border: 1px solid;
    border-radius: 2px;
}

.boton-newsletter:hover {
    text-decoration:none;
    width: 100%;
    text-align: center;

    display: inline-block;
    padding: 10px 15px;

    font-family: "montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;

    -webkit-transition: .3s;
            transition: .3s;
    text-transform: uppercase;

    background: #00a350;
    color: #fff;
    border: 1px solid;
    border-radius: 2px;
}

/* 3. Utiles */

.utiles .main-content {
    padding-top: 50px;
    padding-bottom: 100px;

    background-color: #fcfcfc;
    background-image: url(../imagenes/utiles-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    -webkit-box-shadow: 0 0 95px #c3c3c3 inset;
            box-shadow: 0 0 95px #c3c3c3 inset;
}
.utiles .main-content h2 {
    margin-top: 35px;
    margin-bottom: 15px; 

    font-family: "montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.utiles .main-content h3 {
    margin-top: 10px;
    margin-bottom: 15px;

    font-family: "montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;
}
.utiles .main-content .archivo-download {
    display: block;
    color: #1E88E5;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 6px;
}

/* Interna Cotizaciones */

.interna.cotizaciones .filtroCotizaciones .row {
    min-height: 150px;
}
.interna.cotizaciones .filtroCotizaciones button {
    position: absolute;
    top: 3px;
    right: 0;

    display: inline-block;
    width: 30px; 
    height: 28px;

    font-size: 0;
    line-height: 1;

    cursor: pointer;

    border: none;
    background: none;
    background-image: url(../imagenes/icon-search-cotizacion.png);
    background-repeat: no-repeat;
    background-position: center;
}
.interna.cotizaciones .filtroCotizaciones input {
    display: inline-block;
    min-width: 25vw;
    padding: 5px; 

    font-family: "catamaran", sans-serif;
    font-size: 15px;

    border: none;
    border-bottom: 1px solid #6b6b6b;
}
.interna.cotizaciones .filtroCotizaciones label {
    display: inline-block;
    margin: 0 15px;

    font-family: "catamaran", sans-serif;
    font-size: 15px;
    font-weight: 700;

    vertical-align: middle;
}
.interna.cotizaciones .filtrosWrapper {
    position: relative;
    display: inline-block;
}
.interna.cotizaciones .grafico-titulo {
    padding: 35px 0;
    font-family: "Catamaran", sans-serif;
    font-size: 18px;
    font-weight: 600;

    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.interna.cotizaciones .main-content {
    color: #fff; 
    background: #0e0f0f;
}
.interna.cotizaciones .grafico-wrapper {
    padding: 0 25px 85px 25px;
}

.interna.cotizaciones .grafico-celeste .grafico-wrapper {
    /*padding: 0;*/
}

.interna.cotizaciones .col-grafico {
    position: relative;
    border-right: 1px solid #383838;
    border-bottom: 1px solid #383838;
}
.interna.cotizaciones p {
    padding: 9px 5px 6px 5px;
    font-family: "catamaran", sans-serif;
    font-size: 14px;
    margin: 0px;
}

.interna.cotizaciones .boton-ampliar {
    position: absolute;
    bottom: 0;

    width: 100%;
    padding: 20px;
    margin: 0 -15px;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
    -webkit-transition: .3s all ease;
            transition: .3s all ease;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #ccc;
    background: #1f1f20;

}

.interna.cotizaciones .collapsed.boton-ampliar:after {
    position: absolute;
    right: 15px;

    content: "\25bc";
    -webkit-transform: none;
            transform: none;
}
.interna.cotizaciones .boton-ampliar:after {
    position: absolute;
    right: 15px;

    content: "\25b2";
    -webkit-transition: .3s;
            transition: .3s;
}
.interna.cotizaciones .boton-ampliar:hover {
    text-decoration: none;

    background: #39393b;
}
.interna.cotizaciones .itemChild {
    border-bottom: 1px solid #383838;
}

.tabla-cotizacion {
    width: 100%;
    /*table-layout: fixed;*/
    border-spacing: 1px;
    border-collapse: separate;
}

.tabla-cotizacion .texto-verde {
    font-weight: 700;

    color: #4caf50;
}
.tabla-cotizacion .texto-azul {
    color: #4caf50;
}
.tabla-cotizacion .texto-amarillo {
    font-weight: bold;
    color: #ffeb3b;
}
.tabla-cotizacion .texto-celeste {
    font-weight: bold;
    color: #51c2f1;
}
.tabla-cotizacion .texto-disponible {
    font-size: 12px;
}
.tabla-cotizacion span.D {
    color: #f44336;
}
.tabla-cotizacion span.next,
.tabla-cotizacion span.prev {
    font-size: 21px;
    line-height: 15px;

    cursor: pointer;

    color: #4caf50;
}
.tabla-cotizacion span.U {
    color: #4caf50;
}
.tabla-cotizacion td {
    padding: 9px 5px 6px 5px;
    overflow-x: hidden;
    font-family: "catamaran", sans-serif;
    font-size: 14px;
    line-height: 1;
}

.tabla-cotizacion th {
    padding: 9px 5px 6px 5px;
    font-family: "catamaran", sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
}
.tabla-cotizacion .fondo-gris {
    background: #1f1f20;
}
.tabla-cotizacion .nota-al-pie {
    padding: 15px 0; 

    font-size: 14px;

    color: #7e7e7e;
}

.tabla-cotizacion .nota-al-pie2 {
    padding: 15px 0;
    font-size: 11px;
    color: #7e7e7e;
    text-align: right;
}

.tabla-ampliada-wrapper {
    padding: 55px 40px;
}
.tabla-cotizacion.tabla-ampliada th,
.tabla-cotizacion.tabla-ampliada td {
    font-size: 16px;
}
.tabla-cotizacion.tabla-ampliada .title th {
    font-size: 26px;
    line-height: 1;
}
.tabla-cotizacion.tabla-ampliada .title th span {
    display: inline-block;
    padding: 0; 
    margin: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.tabla-cotizacion tr.title {
    background: #1f1f20;
}
.tabla-cotizacion.tabla-ampliada.tabla-azul tr.subtitle th {
    background: #01509f;
}
.tabla-cotizacion.tabla-ampliada.tabla-amarilla tr.subtitle th {
    color: #0f0f0f; 
    background: #ffeb3b;
}
.tabla-cotizacion.tabla-ampliada.tabla-verde tr.subtitle th {
    background: #4caf50;
}

.tabla-cotizacion.tabla-ampliada.tabla-celeste tr.subtitle th {
	background: #51c2f1;
	color: #0f0f0f;
}

.tabla-cotizacion.tabla-ampliada h3 {
    padding: 5px 0; 
    margin: 0;

    font-size: 20px;
    font-weight: bold;
}
.tabla-cotizacion.tabla-ampliada,
.tabla-cotizacion.tabla-ampliada th {
    text-align: center;
}

.grafico-azul .boton-ampliar.activo {
    background: #01509f;
}
.grafico-verde .boton-ampliar.activo {
    background: #4caf50;
}
.grafico-amarillo .boton-ampliar.activo {
    color: #333;
    background: #ffeb3b;
}
.grafico-celeste .boton-ampliar.activo {
    color: #333;
    background: #51c2f1;
}

.horariosWrapp {
    padding: 55px 40px;
}
.horariosWrapp .horarios-titulo {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 35px;
}
.horariosWrapp .horarios-op-titulo {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 15px;
}
.horariosWrapp p {
	font-size: 16px;
	font-family: 'Catamaran', sans-serif;
	margin-bottom: 10px;
}

.grafico-ampliado-wrapper h3 {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 45px;
}


/* Contacto */

.contacto .main-content {
    padding-top: 65px;
    padding-bottom: 65px; 

    background-color: #070707;
    background-image: url(../imagenes/contacto-bg.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}
.contacto .main-content h2 {
    margin-bottom: 25px;

    font-family: "Catamaran", sans-serif;
    font-size: 21px;
    font-weight: bold; 
    line-height: 28px;

    color: #fff;
}
.contacto input[type=password] {
    width: 100%;
    font-family: "catamaran", sans-serif;
    font-size: 16px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #666;
    background: none;
}
.contacto label {
    width: 100%;
    font-family: "catamaran", sans-serif;
    font-size: 16px;
    color: #fff;
    border: none;
    background: none;
}
.contacto ul {
    width: 100%;
    font-family: "catamaran", sans-serif;
    font-size: 16px;
    color: #b11d1d;
    border: none;
    background-color: darkgrey;
    padding-top: 10px;
    padding-bottom: 10px;
}
.contacto .form-input {
    width: 100%;
    padding: 10px 0 6px 0;
    margin-top: 5px;
    margin-bottom: 3px;

    font-family: "catamaran", sans-serif;
    font-size: 16px;

    -webkit-transition: .3s all ease;
            transition: .3s all ease; 

    color: #fff;
    border: none;
    border-bottom: 1px solid #666;
    background: none;
}
.contacto .form-textarea {
    width: 100%;
    padding: 15px;
    margin: 15px 0 0 0;

    font-family: "catamaran", sans-serif;
    font-size: 16px;

    -webkit-transition: .3s all ease;
            transition: .3s all ease;

    color: #fff; 
    border: 1px solid #666;
    background: none;
}
.contacto .boton-enviar {
    width: 100%;
    padding: 15px;
    margin-top: 10px; 

    font-family: "catamaran", sans-serif;
    font-size: 14px;
    font-weight: 900;

    cursor: pointer;
    letter-spacing: .25px;
    text-transform: uppercase;

    color: #070707;
    border: none;
    border-radius: 2px;
    background: #00a450;
}
.contacto .boton-enviar:hover {
    -webkit-transition: .3s;
            transition: .3s;

    color: #fff; 
    background: #000;
}

.contacto span.obligatorio {
    display: inline-block;
    margin-bottom: 15px; 

    font-size: 12px;

    color: red;
}
.contacto .obligatorio.hidden {
    display: none;
}
.contacto section.sucursalesModulo {
    background: url("../imagenes/contacto-sucursales-bg.jpg") right center  no-repeat #2377c5;
    background-size: cover;
}
.contacto ::-webkit-input-placeholder {
    color: #999;
}
.contacto ::-moz-placeholder {
    color: #999;
}
.contacto :-ms-input-placeholder {
    color: #999;
}
.contacto :-moz-placeholder {
    color: #999;
}
.contacto .form-input:focus {
    border: none;
    border-bottom: 3px solid #02a551; 
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.contacto .form-textarea:focus {
    outline: 0;
    outline: 3px solid #02a551; 
    -webkit-box-shadow: none;
            box-shadow: none;
}

/* Google Maps */

section.googleMapsWrapper {
    position: relative;

    display: inline-block;
    width: 100%;

    line-height: 1;
}

/* FOOTER */

footer {
    display: block;
    min-height: 280px;
    padding: 70px 0 0px 0;
    background: #fff;
}
footer .col1 .img2 {
    margin-left: 20px;
}
footer .col1 .img3 {
    margin: 42px auto 0 auto;
}
footer .col3 a {
    display: block;

    font-family: "Catamaran";
    font-size: 17px;
    line-height: 28px;

    text-decoration: none; 
    letter-spacing: 0;

    color: #4c4d4f;
}
footer .col3 a:hover {
    color: #00509f;
}
footer .col2 p {
    font-family: "Catamaran";
    font-size: 17px;
    line-height: 28px;

    letter-spacing: 0;   

    color: #4c4d4f;
}
footer .col2 p a {
    text-decoration: none; 

    color: #4c4d4f;
}
footer .col2 p a:hover {
    color: #00509f;
}
footer .col4 a {
   /* display: block;*/
    width: 37px;
    height: 27px;
    margin-right: 17px;
}
footer .col4 a.facebook {
    float: left;

    background: url(../imagenes/red3.png);
}
footer .col4 a.twitter {
    float: left;

    background: url(../imagenes/red2.png);
}
footer .col4 a.linkedin {
    float: left;

    background: url(../imagenes/linkedin.png);
}
footer .col4 a.instagram {
    float: left;

    background: url(../imagenes/instagram.png);
}
footer .col4 img {
    margin: 25px 0;
}
footer .col4 p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    margin-top: 25px;

}

footer .col4 .footer-cnv p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0px;

}

footer .col4 .footer-cnv a {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0px;

    text-decoration: none;
    letter-spacing: 0;

    color: #212529;
}
footer .col4 .footer-cnv a:hover {
    color: #00509f;
}

footer .firma {
    text-align: center;
    border-top: 1px solid #f3f3f3;
}

footer .margin-bottom {
    margin-bottom: 65px;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    section.novedades .novTexto .contenedor,
    section.recursosHumanos .novTexto .contenedor {
        /* width: 100%; */max-width: none;

        padding: 45px 45px 95px 45px;/* padding: 25px;  box-sizing: border-box;  margin-top: 11vw; */
    }
    section.novedades .novTexto .contenedor h2,
    section.recursosHumanos .novTexto .contenedor h2 {
        /* font-size: 18px; line-height: 22px;  letter-spacing: 0; */
    }
    section.novedades .novTexto .contenedor p,
    section.recursosHumanos .novTexto .contenedor p {
        /* font-size: 14px;  line-height: 18px; */
    }
    section.novedades .novTexto .contenedor a {
        /* padding: 8px 12px;  font-size: 10px;  margin-top: 7px; */
    }

    footer .col1 .img1 {
        height: 60px;
    }
    footer .col1 .img2 {
        height: 60px;
    }
    footer .col1 .img3 {
        height: 26px;
    }

    .navegadorLateral {
        display: none;
    }
}

@media (max-width: 1199px) {
    .principal .desplegable {
        display: block; 

        -webkit-transition: .3s;
                transition: .3s;
    }
    nav {
        display: none;
    }
}

@media (max-width: 992px) {
.logoNavidad2021{
    position: absolute;
    bottom: -15rem;
    left: -5.75rem;
    height: 399px;
    
}

.logo{
    margin-left: 2.5rem !important
}

    .noticias-archivo .filtros .filtro-frecuencia {
        display: block;
        width: 100%;
        margin: 0 0 25px 0;
    }
    .noticias-archivo .filtros .col-md-12 {
        /* display: block;  flex-wrap: wrap; */
    }
    .noticias-archivo .filtros .filtro-tema {
        width: 100%;
        margin: 0 0 25px 0;
    }
    .noticias-archivo .filtros .filtro-tema select {
        width: 100%;
    }
    .noticias-archivo .filtros .filtro-fecha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0; 

        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .noticias-archivo .filtros .filtro-fecha select {
        min-width: 40%;
    }

    section.novedades .novTexto .contenedor,
    section.recursosHumanos .novTexto .contenedor {
        padding: 25px 25px 55px 25px;
    }
    section.novedades .novTexto .contenedor h2,
    section.recursosHumanos .novTexto .contenedor h2 {
        font-size: 21px;
    }
    section.novedades .novTexto .contenedor p,
    section.recursosHumanos .novTexto .contenedor p {
        font-size: 16px;
        line-height: 21px;
    }

    footer .col1 .img1 {
        margin-bottom: 14px;
    }
    footer .col1 .img2 {
        margin-bottom: 14px;
        margin-left: 0;
    }
    footer .col1 .img3 {
        margin-top: 0;
    }
    footer .col1 {
        text-align: center;
    }
    .nuestrahistoria h2 {
        text-align: left;
    }

    .img-derecha {
        width: 100%;
        margin-left: 0px;
        float: none;
    }

    .img-izquierda {
        width: 100%;
        margin-right: 0px;
        float: none;
    }
}


/*AGREGADO FIESTAS*/
.section0_fiestas-left{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
}

.section0_fiestas-right{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}
#section1 .novTexto{
    position: relative;
}
.section1_fiestas-cherry{
    position: absolute;
    left: 35px;
    width: 75px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section1_fiestas-star{
    position: absolute;
    right: 20%;
    bottom: 20%;
    width: 100px;
}
#section3{
    position: relative;
}
.section3_fiestas{
    width: 151px;
    height: 215px;
    position: absolute;
    bottom: 20%;
    opacity: 0.5;
    right: 25%;
}

footer{
    position: relative;
}

@keyframes animStar {
    from {
      transform: translateY(-100px);
    }
    to {
      transform: translateY(1000px);
    }
  }
.group-stars1{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    inset: 0;
    pointer-events: none;

}
.group-stars1 img{
    width: 30px;
    height: 30px;
    position: absolute; 
    animation: animStar 80s linear infinite;
}

.group-stars1 img:nth-child(1){
    top: 60vh;
    right: 60vh;
}
.group-stars1 img:nth-child(2){
    top: 30vh;
    left: 40vh;
}
.group-stars2{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;    inset: 0;
   pointer-events: none;
}
.group-stars2 img{
    opacity: 0.3;
    width: 15px;
    height: 15px;
    position: absolute; 
    animation: animStar 50s linear infinite;
}
.group-stars2 img:nth-child(1){
    top: 50vh;
    right: 50vh;
}
.group-stars2 img:nth-child(2){
    top: 20vh;
    right: 70vh;
}
.group-stars2 img:nth-child(3){
    top: 30vh;
    right: 20vh;
}
.group-stars2 img:nth-child(4){
    bottom: 20vh;
    right: 70vh;
}
.group-stars2 img:nth-child(5){
    top: 30vh;
    left: 30vh;
}
@media (max-width: 767px) {
    .section3_fiestas{
        width: 85px;
        height: 115px;
        bottom: 5%;
        right: 5%;
    }
    .section0_fiestas-left,.section0_fiestas-right{
        width: 125px;
    }
    
}
@media (max-width: 1300px) {
    .section1_fiestas-cherry{
        left: auto;
        right: 35px;
        width: 50px;
        top: auto;
        bottom: 60px;
    }
}
/*FIN AGREGADO FIESTAS*/

/* ESTILOS FIESTAS 2024 */
.fiestas2024izq {
    z-index: 1000;
    position: absolute;
    left: -10px;
    top: -120px;
    height: 50%;
}

.fiestas2024der {
    z-index: 1000;
    position: absolute;
    right: 5%;
    top: 0;
    height: 90%;
}

@media screen and (max-width: 1200px) {
    .fiestas2024izq {
        left: 0px;
        top: -80px;
        height: 35%;
    }
    
    .fiestas2024der {
        height: auto;
        width: 40%;
        right: 2%;
    }
}
/* FIN FIESTAS 2024 */

@media (max-width: 767px) {
	.tabla-ampliada-wrapper {
	    padding: 15px 0px;
	}
	.tabla-cotizacion.tabla-ampliada th, .tabla-cotizacion.tabla-ampliada td {
		font-size: 12px;
	}
    section.novedades .novTexto .contenedor,
    section.recursosHumanos .novTexto .contenedor {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    section.novedades .novTexto .contenedor h2,
    section.recursosHumanos .novTexto .contenedor h2 {
        font-family: "Montserrat";
        font-size: 25px;
        font-weight: 600;
        line-height: 30px;

        letter-spacing: -.5px; 

        color: #fff;
    }
    section.novedades .novTexto .contenedor p,
    section.recursosHumanos .novTexto .contenedor p {
        margin-top: 16px;

        font-family: "Catamaran";
        font-size: 17px;
        font-weight: 100;
        line-height: 23px;

        letter-spacing: .4px;

        color: #9e9e9e;
    }
    section.recursosHumanos .novTexto .contenedor p {
        color: #fff;
    }
    section.novedades .novTexto .contenedor a {
        display: inline-block;
        padding: 11px 18px;
        margin-top: 12px;

        font-size: 11px;
        font-weight: 700;

        -webkit-transition: .3s;
                transition: .3s;
        text-decoration: none;
        letter-spacing: .8px;
        text-transform: uppercase;

        color: #000;
        border-radius: 2px;
        background: #00a450;
    }

    .noticia-ampliada .titulo-noticia {
        font-size: 26px;
    }
    .noticia-ampliada .main-content .bajada {
        font-size: 21px;
    }


    section.recursosHumanos .novTexto .contenedor {
        margin-top: 20px;
        margin-bottom: 0;
    }

    footer .col1 .img1,
    footer .col1 .img2,
    footer .col1 .img3 {
        float: left;
        margin-right: 15px;
    }
    footer .col1 .img3 {
        margin-top: 37px;
    }
    footer .col4 img {
        display: block;
        clear: both;
    }
    footer .col4 a {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .video-wrap {
        position: relative;
        /* width: 100vw; */
        height: 100vh;
        overflow: hidden;
        z-index: 999;
        background: url('../imagenes/poster.png') center center / cover no-repeat;
    }

    .video-wrap__video {
        display: none;
    }
}

@media (max-width: 575px) {
    section.cotizaciones .recuadroCotizaciones {
        max-height: 300px;
        overflow-y: scroll;
    }

    section.inicio .container {
        padding: 0 25px;
        margin: -75px 0px;
    }
    section.inicio .container h1 {
        max-width: 500px;

        font-size: 24px;
        line-height: 33px;

        letter-spacing: -.5px;
    }
    section.inicio .container .MasInfo {
        padding: 11px 37px 10px 17px;
        margin-top: 20px; 

        font-size: 14px;
    }
    section.inicio .container .MasInfo:hover {
        color: #fff;
    }
    .cotizaciones .filtroCotizaciones label { display: none; }

    .noticias-archivo .noticia-individual .text-wrap {
        padding: 30px 15px;
    }
    .noticias-archivo .filtro-frecuencia span.etiqueta {
        display: inline-block; 
        margin-bottom: 15px;
    }
    section.sucursalesModulo {
    	text-align: center;
    }
    .video-wrap {
        position: relative;
        /* width: 100vw; */
        height: 100vh;
        overflow: hidden;
        z-index: 999;
        background: url('../imagenes/poster.png') center center / cover no-repeat;
    }

    .video-wrap__video {
        display: none;
    }
}

/* NUEVO - para la parte de rrhh */
.bloque-id4.rrhh-cta {
    min-height: 100%;
    padding: 72px 48px 48px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background:
        radial-gradient(circle at top right, rgba(0, 150, 73, 0.18), transparent 30%),
        linear-gradient(180deg, #10131d 0%, #171a24 100%);
}

.rrhh-cta__card {
    width: 100%;
    max-width: 550px;
    margin-top: 90px;
    background: #f7f8fa;
    border-radius: 24px;
    padding: 36px 34px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    border-left: 6px solid #009649;
}

.rrhh-cta__eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #009649;
    margin-bottom: 12px;
}

.rrhh-cta__title {
    font-size: 27px;
    line-height: 1.12;
    font-weight: 800;
    color: #111827;
    margin-bottom: 14px;
}

.rrhh-cta__text {
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563;
    margin-bottom: 22px;
}

.rrhh-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 13px 24px;
    border-radius: 999px;
    background: #009649;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.rrhh-cta__button:hover {
    background: #007b3b;
    color: #fff;
}

.rrhh-cta__note {
    margin-top: 12px;
    font-size: 13px;
    color: #6b7280;
}