@charset "utf-8";
/* THEME */
:root {
  --font-baskerville   : 'Baskervville', sans-serif;
  --font-opensans      : 'Open Sans', sans-serif;
  --font-arial         : var(--font-arial);
  --root-font          : var(--font-opensans), sans-serif;
  --color-negro        : #191919;
  --color-blanco       : #FFF;
  --color-gris-platino : #F4F4F4;
  --color-gris-topo    : #696762;
  --color-gris-oscuro  : #3D3D3D;
  --color-azul-zafiro  : #052332;
  --color-verde-pino   : #23524B;
}
.color-negro {color : var(--color-negro);}
.bg-negro {background-color : var(--color-negro);}
.border-negro {border-color : var(--color-negro);}

.color-blanco {color : var(--color-blanco);}
.bg-blanco {background-color : var(--color-blanco);}
.border-blanco {border-color : var(--color-blanco);}

.color-gris-platino {color : var(--color-gris-platino);}
.bg-gris-platino {background-color : var(--color-gris-platino);}
.border-gris-platino {border-color : var(--color-gris-platino);}

.color-gris-topo {color : var(--color-gris-topo);}
.bg-gris-topo {background-color : var(--color-gris-topo);}
.border-gris-topo {border-color : var(--color-gris-topo);}

.color-gris-oscuro {color : var(--color-gris-oscuro);}
.bg-gris-oscuro {background-color : var(--color-gris-oscuro);}
.border-gris-oscuro {border-color : var(--color-gris-oscuro);}

.color-azul-zafiro {color : var(--color-azul-zafiro);}
.bg-azul-zafiro {background-color : var(--color-azul-zafiro);}
.border-azul-zafiro {border-color : var(--color-azul-zafiro);}

.color-verde-pino {color : var(--color-verde-pino);}
.bg-verde-pino {background-color : var(--color-verde-pino);}
.border-verde-pino {border-color : var(--color-verde-pino);}
/* THEME */

body,
html {
  margin      : 0;
  padding     : 0;
  font-family : var(--root-font), sans-serif;
  color       : #888;
  font-size   : 14px;
  line-height : 1.6em;
}
html {height : 100%;}
body {display : flex;height : 100%;flex-direction : column;}
footer {margin-top : auto;}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
blockquote {
  margin      : 0px;
  padding     : 10px 30px;
  font-size   : 20px;
  font-family : var(--root-font), sans-serif;
  border-left : 3px solid var(--color-negro);
  line-height : 28px;
}
a {
  color : var(--color-negro);
}
p {
  /*font-size : 14px;*/
}
table {
  font-family     : var(--font-arial), sans-serif;
  border-collapse : collapse;
  width           : 100%;
}
th {
  background-color : #EEE;
  text-align       : left;
  padding          : 8px;
}
td {
  text-align : left;
  padding    : 8px;
}
tr {
  border-bottom : 1px solid #EEE;
}
.black {
  color : #484C50;
}
.imgCentrada {
  display     : block;
  margin      : 0 auto;
  padding-top : 15px;
}
.container.mid-html,
.mid-contacto {
  padding-top : 95px;
}
.imgSeccion {
  width          : 100%;
  max-width      : 600px;
  padding-bottom : 50px;
  margin         : 0 auto;
  display        : block;
}
.LibreBaskerville {
  font-family : var(--root-font), sans-serif;
}
.noStyle {
  list-style : none;
}
/* Zoom */
.zoom {
  position   : absolute;
  left       : 0;
  right      : 0;
  margin     : 0 auto;
  top        : 22%;
  opacity    : 0;
  transition : 0.35s;
  cursor     : pointer;
}
.boxNovedad:hover > a .zoom {
  transition : 0.35s;
  opacity    : 0.75;
  width      : 100%;
  max-width  : 100px;
}
.backGris {
  background-color : var(--color-gris-platino);
  margin-top       : 50px;
  padding-top      : 50px;
  color            : var(--color-negro);
  padding-bottom   : 50px;
}
.backGris .textWhite {
  font-size   : 20px;
  color       : #0C3E61 !important;
  font-family : var(--root-font), sans-serif;
}
/* Layout */
.container {
  width     : 100%;
  max-width : 1200px;
  margin    : 0 auto;
  display   : block;
  position  : relative;
}
.clear {
  clear : both;
}
.left {
  float : left;
}
.right {
  float : right;
}
.none {
  display : none;
}
.block {
  display : block;
}
.italic {
  font-style : italic;
}
.bold {
  font-weight : bold;
}
.text-center {
  text-align : center !important;
}
.text-left {
  text-align : left;
}
.text-right {
  text-align : right;
}
.textoJustificado {
  text-align : justify;
}
.noMarginTop {
  margin-top : 0px;
}
.noMarginBottom {
  margin-bottom : 0px;
}
/* Botones y Links */
.btnGris {
  display          : block;
  position         : relative;
  margin           : 0 auto;
  background-color : var(--color-gris-oscuro);
  color            : var(--color-blanco);
  text-decoration  : none;
  text-align       : center;
  width            : 100%;
  max-width        : 250px;
  padding          : 5px 0px;
  border-radius    : 2px;
  letter-spacing   : 2.5px;
  transition       : 0.25s;
}
.btnGris:hover {
  background-color : var(--color-negro);
}
.linkGris {
  color           : #888;
  text-decoration : none;
  border-bottom   : 1px solid #888;
}
.linkGris:hover {
  color         : var(--color-negro);
  border-bottom : 1px solid var(--color-negro);
}
.linkBlue {
  color           : var(--color-negro);
  font-size       : 15px;
  font-weight     : bold;
  float           : right;
  text-decoration : none;
  letter-spacing  : 2px;
  transition      : 0.25s;
  padding-right   : 25px;
  position        : relative;
  z-index         : 90;
}
.linkBlue:hover {
  color : #888;
}
/* Typo */
.t50 {
  font-size : 45px;
}
.t20 {
  font-size : 20px;
}
/* Colores */
.textBlue {
  color : var(--color-negro);
}
.textWhite {
  color : #FFF;
}
/* Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }

  .individuos,
  .institucionales,
  .corporativos,
  .content {
    margin-bottom : -2px;
  }
}
.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}
.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}
input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
  display  : block;
}
.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;
}
.aspectRatio1:before {
  padding-top : 100%;
}
.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}
.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}
.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}
.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}
.title {
  font-size   : 45px;
  font-family : var(--root-font), sans-serif;
  font-weight : normal;
  margin      : 25px 0px;
  line-height : 1em;
}
.subtitle {
  font-size   : 25px;
  font-family : var(--root-font), sans-serif;
  font-weight : normal;
  margin      : 25px 0px;
}
.borderLeft {
  border-left : 1px solid #888;
}
.borderRight {
  border-right : 1px solid #888;
}
/* Header - Redes */
.tooltip {
  position     : relative;
  margin-right : 40px;
}
.tooltip span {
  font-size : 12px !important;
  color     : var(--color-negro);
}
.tooltip .tooltiptext {
  visibility       : hidden;
  width            : 250px;
  background-color : #FFF;
  color            : var(--color-negro);
  text-align       : center;
  text-transform   : uppercase;
  padding          : 5px 0;
  position         : absolute;
  z-index          : 1;
  top              : -5px;
  right            : 105%;
}
.tooltip:hover .tooltiptext {
  visibility : visible;
}
.tooltiptext a {
  font-size       : 12px !important;
  text-align      : center;
  text-decoration : none;
  display         : inline-block;
  float           : left;
  padding         : 5px;
}
.tooltiptext a:hover {
  background-color : #CAD9E8;
}
.redes {
  text-align : right;
  display    : block;
  margin-top : 5px;
}
.redes ul {
  list-style : none;
}
.redes ul li {
  display : inline-block;
}
.redes ul li a {
  margin          : 0px 5px;
  color           : var(--color-negro);
  font-size       : 12px;
  transition      : 0.25s;
  text-decoration : none;
  letter-spacing  : 1px;
}
.redes ul li a:hover {
  color : #333;
}
.btnRedes {
  margin           : 0px !important;
  background-color : var(--color-gris-oscuro);
  color            : var(--color-blanco);
  padding          : 6px;
  border-radius    : 2px;
  transition       : 0.25s !important;
}
.btnRedes:hover {
  background-color : var(--color-gris-topo);
}
.divider {
  color   : #3F4348;
  display : none !important;
}
.cont_popup {
  display : none;
}
/* Header - Navigation */

header {
  padding          : 5px 0px 5px 0px;
  position         : fixed;
  z-index          : 999;
  border-bottom    : 1px solid #DFDFDF;
  top              : 0;
  left             : 0;
  width            : 100%;
  background-color : #FFF;
  max-height       : 84px;
  transition       : .5s;
  min-height       : 84px;
}
header + section {

}
header.showSecondary .navegacionCompleta {
  top        : -200px;
  transition : .5s;
}
header .navegacionCompleta {
  transition : .5s;
  position   : absolute;
  left       : 0;
  top        : 0;
  width      : 100%;
  /*! background-color: #fff; */
  /*! max-width: unset; */
  right      : 0;
  /*! min-height: 255px; */
}
header.showSecondary {
  min-height : 46px;
}
header.showSecondary .navegacionReducida {
  display    : block;
  top        : 0;
  transition : .5s;
}
header .logo {
  float      : left;
  margin-top : -16px;
}
header .logo img {
  width      : 200px;
  position   : relative;
  display    : block;
  margin-top : 12px;
}
header .redes ul {
  list-style : none;
  margin     : 0;
  padding    : 0;
}
header nav ul {
  display         : inline-block;
  float           : right;
  list-style-type : none;
  margin          : 30px 0px -3px 0px;
  padding         : 0;
}
header nav ul li {
  float : left;
}
header nav ul li a,
.dropbtn {
  display         : inline-block;
  color           : #3F4348;
  text-align      : center;
  padding         : 5px 15px;
  text-decoration : none;
  letter-spacing  : 2px;
  font-size       : 15px;
  transition      : 0.25s;
}
header nav ul li a:hover,
.dropdown:hover,
.dropbtn {
  background-color : var(--color-blanco);
}
header nav ul li.dropdown {
  display : block;
}
#ingresar {
  background-color : var(--color-negro);
  color            : var(--color-blanco);
  font-weight      : bold;
  height           : 40px;
  margin-top       : -15px;
  z-index          : 999;
  position         : relative;
  display          : block;
  line-height      : 40px;
  top              : 3px;
  border-radius    : 2px 2px 0px 0px;
}
.dropdown-content {
  display          : none;
  position         : absolute;
  background-color : #F9F9F9;
  min-width        : 160px;
  z-index          : 999;
  box-shadow       : 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-content a {
  color           : black;
  padding         : 12px 16px;
  text-decoration : none;
  display         : block;
  text-align      : left;
  white-space     : nowrap;
}
.dropdown-content a:hover {
  background-color : #EEE;
}
.dropdown:hover .dropdown-content {
  display : block;
}
/* Navegación Reducida */
header .navegacionReducida {
  display          : block;

  top              : -200px;
  transition       : .5s;
  position         : relative;
  left             : 0;
  width            : 100%;
  background-color : #FFF;
}
header .navegacionReducida .logoReducido {
  width      : 100%;
  max-width  : 170px;
  float      : left;
  margin-top : 5px;
}
header .navegacionReducida .logoReducido img {
  width    : 100%;
  position : relative;
  display  : block;
}
header .navegacionReducida nav ul {
  display         : inline-block;
  float           : right;
  list-style-type : none;
  margin          : 7px 0px -3px 0px;
  padding         : 0;
}
header .navegacionReducida nav ul li #ingresar {
  background-color : var(--color-negro);
  color            : var(--color-blanco);
  font-weight      : bold;
  border-radius    : 0px;
  height           : 47px;
  margin-top       : -15px;
  z-index          : 999;
  position         : relative;
  display          : block;
  line-height      : 43px;
  top              : 3px;
}
/* Slider Home */
.sliderHome {
  position : relative;
  display  : block;
  /*! padding-top : 95px; */
}
.captionLeft {
  position    : absolute;
  left        : 0;
  font-family : var(--root-font), sans-serif;
  text-align  : left;
  top         : 550px;
}
.captionLeft span {
  font-size     : 30px;
  font-style    : italic;
  color         : #FFF;
  padding       : 15px;
  line-height   : 50px;
  border-bottom : 1px dashed;
}
.captionLeft small {
  color     : #FFF;
  font-size : 25px;
  padding   : 10px 0px;
  top       : -25px;
  position  : relative;
}
.captionRight {
  position    : absolute;
  right       : 0;
  font-family : var(--root-font), sans-serif;
  text-align  : right;
  top         : 550px;
}
.captionRight span {
  font-size        : 30px;
  color            : #3F4348;
  background-color : #FFF;
  padding          : 15px;
  line-height      : 50px;
}
.captionRight small {
  background-color : #3F4348;
  color            : #FFF;
  font-size        : 20px;
  font-style       : italic;
  padding          : 10px;
}
.callToActionLeft {
  position : absolute;
  left     : 0;
  top      : 543px;
}
.callToActionRight {
  position : absolute;
  right    : 0;
  top      : 543px;
}
#liIngresarAmarillo {
  position  : absolute;
  right     : 21px;
  width     : 100%;
  max-width : 200px;
  top       : 52px;
}
#ingresarAmarillo {
  position         : absolute;
  width            : 100%;
  max-width        : 200px;
  font-size        : 14px;
  background-color : #FF961E;
  color            : #FFF;
  border-radius    : 0px 0px 5px 5px;
  display          : block;
  font-weight      : bold;
  letter-spacing   : 0px;
  border-right     : 0px;
  padding          : 10px;
}
.btnAmarillo {
  background-color : #FF961E;
  color            : #FFF;
  text-decoration  : none;
  padding          : 15px;
  font-size        : 18px;
  font-family      : var(--root-font), sans-serif;
  font-weight      : bold;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  /*
  margin-top : -30px;
  z-index    : 99999;
  position   : relative;
    */
}
.owl-theme .owl-dots .owl-dot span {
  /*
  width                       : 10px;
  height                      : 10px;
  margin                      : 5px 5px;
  background                  : #FFF;
  display                     : block;
  -webkit-backface-visibility : visible;
  transition                  : opacity .2s ease;
  border-radius               : 30px;
    */
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background : #34A853 !important;
}
/* Índices */
.indice {
  color            : #5285C7;
  background-color : #F3F2F3;
  padding          : 5px;
  display          : inline-block;
}
/* Objetivos */
.objetivos {
  text-align     : center;
  padding-bottom : 50px;
  margin-bottom  : 50px;
  border-bottom  : 1px solid #888;
}
.objetivos h3 {
  font-weight : normal;
  font-size   : 30px;
}
.objetivos small {
  text-transform : uppercase;
  font-size      : 15px;
}
.objetivos strong {
  font-weight : normal;
  font-size   : 35px;
}
.objetivos img {
  width      : 100%;
  max-width  : 115px;
  display    : block;
  margin     : 0 auto;
  height     : 100%;
  min-height : 135px;
}
.objetivos p {
  line-height : 25px;
  font-size   : 15px;
  padding     : 5px 45px;
}
.clavesYnovedades {
  display        : block;
  position       : relative;
  margin-bottom  : 50px;
  padding-bottom : 50px;
  border-bottom  : 1px solid #888;
}
/* Claves */
.claves h4 {
  font-size     : 35px;
  font-weight   : normal;
  margin-top    : 0px;
  margin-bottom : 30px;
}
.claves h4 img {
  display        : inline-block;
  width          : 100%;
  max-width      : 75px;
  margin-right   : 15px;
  vertical-align : text-bottom;
}
.boxClave {
  position      : relative;
  display       : block;
  margin-bottom : 10px;
}
.boxClave a {
  color         : #888;
  display       : block;
  transition    : 0.25s;
  padding-top   : 10px;
  width         : 100%;
  max-width     : 550px;
  margin-bottom : -10px;
}
.boxClave a:hover {
  background-color : #F0F0F0;
}
.boxClave .fecha {
  display      : inline-block;
  width        : 20%;
  max-width    : 50px;
  border-right : 1px solid #888;
  float        : left;
  margin-right : 10px;
}
.boxClave .fecha strong {
  display     : block;
  color       : var(--color-negro);
  font-weight : bold;
  font-size   : 30px;
  text-align  : center;
  line-height : 30px;
}
.boxClave .fecha small {
  display    : block;
  color      : var(--color-negro);
  font-size  : 15px;
  text-align : center;
}
.boxClave .info {
  display  : inline-block;
  float    : left;
  position : relative;
  width    : 80%;
}
.boxClave .info p {
  position   : relative;
  display    : block;
  margin-top : 5px;
}
/* Claves del Día Portada */
.containerListadoClavesPortada .timeline-block .contenTag {
  color       : var(--color-negro);
  font-size   : 18px;
  font-weight : bold;
  width       : 70px;
}
.containerListadoClavesPortada .timeline-block-right {
  float : right;
  width : 100%;
}
.containerListadoClavesPortada {
  position : relative;
}
.containerListadoClavesPortada::before {
  content     : '';
  position    : absolute;
  width       : 2px;
  height      : 400px;
  z-index     : 1;
  left        : 64px;
  border-left : 2px var(--color-negro) dotted;
}
.containerListadoClavesPortada .timeline-block .contenTag .dia {
  position   : relative;
  text-align : center !important;
  display    : block;
}
.containerListadoClavesPortada .marker {
  width         : 9px;
  height        : 50px;
  border-radius : 0px;
  background    : var(--color-negro);
  z-index       : 1;
  margin-top    : 0px;
}
.containerListadoClavesPortada .timeline-content {
  width   : 100%;
  padding : 0px 0px 30px 10px;
  color   : #888;
}
.containerListadoClavesPortada .timeline-content h3 {
  text-align  : left;
  display     : block;
  font-size   : 16px;
  font-family : var(--root-font), sans-serif;
  color       : #888;
  width       : 95%;
}
/* Novedades */
.novedades h4 {
  font-size     : 35px;
  font-weight   : normal;
  margin-top    : 0px;
  margin-bottom : 30px;
}
.novedades h4 img {
  display        : inline-block;
  width          : 100%;
  max-width      : 75px;
  margin-right   : 15px;
  vertical-align : text-bottom;
}
.boxNovedad {
  display  : block;
  position : relative;
  overflow : hidden;
}
.boxNovedad a:hover .imgNovedad {
  transform  : scale(1.05, 1.05);
  transition : all 0.5s;
}
.boxNovedad .containerImgNovedad {
  overflow : hidden;
  width    : 100%;
  /*! height: 275px; */
}
.boxNovedad .imgNovedad {
  background-image    : url(../images/imagenes/imgNovedad.png);
  background-position : center;
  background-repeat   : no-repeat;
  background-size     : cover;
  display             : block;
  width               : 100%;
  /*! max-width: 275px; */
  padding-bottom      : 81%;
  overflow            : hidden;
}
.boxNovedad .fecha {
  display      : inline-block;
  width        : 20%;
  max-width    : 45px;
  float        : left;
  margin-right : 10px;
  border-right : 1px solid #333;
  margin-top   : 5px;
}
.boxNovedad .fecha strong {
  display     : block;
  color       : var(--color-negro);
  font-weight : bold;
  font-size   : 25px;
  text-align  : center;
  line-height : 30px;
}
.boxNovedad .fecha small {
  display    : block;
  color      : var(--color-negro);
  font-size  : 15px;
  text-align : center;
}
.boxNovedad .infoNovedad {
  width       : 80%;
  float       : left;
  display     : inline-block;
  margin-top  : 5px;
  line-height : 23px;
  color       : #333;
}
.boxNovedad .infoNovedad p {
  position   : relative;
  display    : block;
  margin-top : 5px;
}
/* Listado Novedades */
.containerListadoNovedades {
  width    : 100%;
  padding  : 50px 0;
  position : relative;
  overflow : hidden;
}
.containerListadoNovedades::before {
  content     : '';
  position    : absolute;
  top         : 0;
  width       : 2px;
  height      : 100%;
  z-index     : 1;
  left        : 240px;
  border-left : 2px var(--color-negro) dotted;
}
.containerListadoNovedades .timeline-block {
  width                   : -webkit-calc(50% + 8px);
  width                   : -moz-calc(50% + 8px);
  width                   : calc(50% + 8px);
  display                 : -webkit-box;
  display                 : -webkit-flex;
  display                 : -moz-box;
  display                 : flex;
  -webkit-box-pack        : justify;
  -webkit-justify-content : space-between;
  -moz-box-pack           : justify;
  justify-content         : space-between;
  clear                   : both;
}
.containerListadoNovedades .timeline-block-right {
  float : none;
  width : 100%;
}
.containerListadoNovedades .marker {
  width         : 9px;
  height        : 50px;
  border-radius : 0px;
  background    : var(--color-negro);
  z-index       : 1;
  margin-top    : 0px;
}
.containerListadoNovedades .timeline-content {
  width   : 100%;
  padding : 0px 0px 30px 10px;
  color   : #888;
}
.containerListadoNovedades .timeline-block .fecha {
  text-align    : right;
  padding-right : 10px;
  color         : var(--color-negro);
  font-size     : 18px;
  font-weight   : bold;
  width         : 290px;
}
.containerListadoNovedades .timeline-block .fecha .dia,
.containerListadoNovedades .timeline-block .fecha .hora {
  display    : block;
  float      : none;
  position   : relative;
  text-align : right;
}
.containerListadoNovedades .timeline-block .fechaConImagen {
  text-align  : right;
  color       : var(--color-negro);
  font-size   : 18px;
  font-weight : bold;
  width       : 300px;
}
.containerListadoNovedades .timeline-block .fechaConImagen .dia,
.containerListadoNovedades .timeline-block .fechaConImagen .hora {
  display    : block;
  float      : none;
  position   : relative;
  text-align : right;
}
.containerListadoNovedades .timeline-content a {
  margin-top      : 0px;
  margin-bottom   : 5px;
  font-family     : var(--root-font), sans-serif;
  font-size       : 20px;
  font-weight     : 600;
  color           : var(--color-negro);
  text-decoration : none;
}
/* Novedad Ampliada */
.borderBottom {
  border-bottom : 1px solid var(--color-negro);
}
.close {
  text-align : right;
  display    : block;
  border-top : 1px solid var(--color-negro);
}
.close a {
  display       : block;
  margin-top    : 15px;
  margin-bottom : 10px;
}
.close a img {
  transition         : 0.25s;
  -webkit-transition : 0.25s;
  -moz-transition    : 0.25s;
  -ms-transition     : 0.25s;
  -o-transition      : 0.25s;
  width              : 25px;
  display            : block;
  margin-left        : auto;
}
.close a img:hover {
  transition         : 0.25s;
  -webkit-transition : 0.25s;
  -moz-transition    : 0.25s;
  -ms-transition     : 0.25s;
  -o-transition      : 0.25s;
  -webkit-transform  : rotate(180deg);
  -moz-transform     : rotate(180deg);
  -o-transform       : rotate(180deg);
  -ms-transform      : rotate(180deg);
  transform          : rotate(180deg);
}
.novedadAmpliada {
  text-align    : center;
  border-bottom : 2px solid var(--color-negro);
  width         : 100%;
  margin        : 0px auto 0px;
}
.fechaNovedadAmpliada {
  width          : 100%;
  max-width      : 230px;
  padding-right  : 10px;
  border-right   : 2px #888 dashed;
  display        : block;
  text-align     : right;
  padding-bottom : 5px;
}
.fechaNovedadAmpliada .dia {
  text-align  : center;
  color       : var(--color-negro);
  font-weight : 600;
  font-size   : 20px;
}
.fechaNovedadAmpliada .hora {
  text-align  : center;
  color       : var(--color-negro);
  font-weight : 600;
  font-size   : 20px;
  margin-top  : 4px;
}
.novedadAmpliada .tag span {
  font-size      : 25px;
  font-family    : var(--root-font), sans-serif;
  display        : block;
  padding-bottom : 5px;
}
.novedadAmpliada .info .titulo {
  font-family : var(--root-font), sans-serif;
  font-size   : 30px;
  font-weight : normal;
  color       : var(--color-negro);
  margin-top  : 0px;
}
.contenidoNovedadAmpliada .links {
  padding-bottom : 5px;
}
.links span {
  color : var(--color-negro);
}
.links a {
  color           : var(--color-negro);
  text-decoration : none;
  margin          : 5px;
  transition      : 0.25s;
}
.links a:hover {
  color           : #888;
  text-decoration : none;
  margin          : 5px;
}
.links i {
  font-size   : 20px;
  margin-left : 5px;
}
/* Listado Claves */
.containerListadoClaves {
  width         : 100%;
  padding       : 50px 0;
  position      : relative;
  overflow      : hidden;
  border-bottom : 2px solid var(--color-negro);
}
.containerListadoUltimasClaves {
  width    : 100%;
  padding  : 50px 0;
  position : relative;
  overflow : hidden;
}
.containerListadoClaves::before,
.containerListadoUltimasClaves::before {
  content     : '';
  position    : absolute;
  top         : 0;
  width       : 2px;
  height      : 100%;
  z-index     : 1;
  left        : 180px;
  border-left : 2px var(--color-negro) dotted;
}
.containerListadoClaves .timeline-block,
.containerListadoUltimasClaves .timeline-block {
  width                   : -webkit-calc(50% + 8px);
  width                   : -moz-calc(50% + 8px);
  width                   : calc(50% + 8px);
  display                 : -webkit-box;
  display                 : -webkit-flex;
  display                 : -moz-box;
  display                 : flex;
  -webkit-box-pack        : justify;
  -webkit-justify-content : space-between;
  -moz-box-pack           : justify;
  justify-content         : space-between;
  clear                   : both;
}
.containerListadoClaves .timeline-block-right {
  float : none;
  width : 100%;
}
.containerListadoUltimasClaves .timeline-block-right {
  float         : none;
  width         : 100%;
  margin-bottom : 30px;
}
.containerListadoClaves .marker,
.containerListadoUltimasClaves .marker {
  width         : 9px;
  height        : 50px;
  border-radius : 0px;
  background    : var(--color-negro);
  z-index       : 9999;
  margin-top    : 0px;
}
.containerListadoClaves .timeline-content,
.containerListadoUltimasClaves .timeline-content {
  width   : 100%;
  padding : 0px 0px 10px 10px;
  color   : #888;
}
.containerListadoClaves .timeline-block .fecha,
.containerListadoUltimasClaves .timeline-block .fecha,
.containerListadoClaves .timeline-block .contenTag {
  text-align    : right;
  padding-right : 10px;
  color         : var(--color-negro);
  font-size     : 18px;
  font-weight   : bold;
  width         : 200px;
}
.containerListadoClaves .timeline-block .contenTag .dia {
  top      : -40px;
  position : relative;
}
.containerListadoClaves .timeline-content .links {
  float   : right;
  display : block;
}
.containerListadoClaves .timeline-content .links span {
  color   : var(--color-negro);
  display : inline-block;
}
.containerListadoClaves .timeline-block .tag,
.containerListadoUltimasClaves .timeline-block .tag {
  text-align  : right;
  display     : block;
  font-size   : 16px;
  font-family : var(--root-font), sans-serif;
  color       : #888;
}
.containerListadoClaves .timeline-content h3,
.containerListadoUltimasClaves .timeline-content h3 {
  margin-top    : 0px;
  margin-bottom : 5px;
  font-family   : var(--root-font), sans-serif;
  font-size     : 20px;
  font-weight   : 600;
  color         : var(--color-negro);
}
/* Relación con el Cliente */
#perfilCrecimiento blockquote,
#perfilRetiro blockquote,
#perfilFortalecimiento blockquote {
  width       : 100%;
  max-width   : 150px;
  float       : left;
  line-height : 28px;
}
.bloqueTexto {
  display        : block;
  width          : 70%;
  float          : right;
  vertical-align : top;
}
.bloqueTexto p:first-child {
  margin-top : 0px;
}
/* Listado Puente View */
:is(.containerListadoPW,.containerListadoR) {
  width    : 100%;
  padding  : 50px 0;
  position : relative;
  overflow : hidden;
}
:is(.containerListadoPW,.containerListadoR)::before {
  content     : '';
  position    : absolute;
  top         : 0;
  width       : 2px;
  height      : 100%;
  z-index     : 1;
  left        : 110px;
  border-left : 2px var(--color-negro) dotted;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block {
  width                   : -webkit-calc(50% + 8px);
  width                   : -moz-calc(50% + 8px);
  width                   : calc(50% + 8px);
  display                 : -webkit-box;
  display                 : -webkit-flex;
  display                 : -moz-box;
  display                 : flex;
  -webkit-box-pack        : justify;
  -webkit-justify-content : space-between;
  -moz-box-pack           : justify;
  justify-content         : space-between;
  clear                   : both;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block-right {
  float : none;
  width : 100%;
}
:is(.containerListadoPW,.containerListadoR) .marker {
  width         : 9px;
  height        : 50px;
  border-radius : 0px;
  background    : var(--color-negro);
  z-index       : 1;
  margin-top    : 0px;
}
:is(.containerListadoPW,.containerListadoR) .timeline-content {
  width   : 100%;
  padding : 0px 0px 30px 10px;
  color   : #888;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .fecha {
  text-align    : right;
  padding-right : 10px;
  color         : var(--color-negro);
  font-size     : 18px;
  font-weight   : bold;
  width         : 100px;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .fecha .dia {
  display    : block;
  float      : none;
  position   : relative;
  text-align : right;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info {
  width          : 100%;
  padding-bottom : 25px;
  border-bottom  : 2px solid var(--color-negro);
  margin-bottom  : 35px;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info .imagen {
  width          : 20%;
  vertical-align : text-top;
  display        : inline-block;
  float          : left;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info .imagen img {
  margin  : 0 auto;
  display : block;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info .contenido {
  width          : 80%;
  vertical-align : text-top;
  display        : inline-block;
  float          : left;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info .contenido .titulo {
  font-family : var(--root-font);
  font-size   : 20px;
  font-weight : normal;
  color       : var(--color-negro);
  margin-top  : 0px;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .info .contenido a {
  float           : right;
  font-size       : 15px;
  text-decoration : none;
  color           : #145698;
  margin-top      : 0px;
}
.containerListadoR .timeline-block .info .contenido a {
  float          : none;
  margin-left    : 1em;
  padding-bottom : 1em;
  display        : inline-block;

}

:is(.containerListadoPW,.containerListadoR) .fa.fa-file-text-o {
  font-size   : 25px;
  margin-left : 10px;
}
/* Reclamo y Queja */
#formularios {
  display    : block;
  margin-top : 50px;
}
#formularios button {
  cursor           : pointer;
  margin           : 0 auto;
  display          : block;
  width            : 100%;
  max-width        : 400px;
  height           : 40px;
  font-size        : 16px;
  background-color : var(--color-negro);
  border           : none;
  color            : #FFF;
  text-transform   : uppercase;
  font-weight      : bold;
  letter-spacing   : 2px;
}
.formularioReclamo {
  width     : 100%;
  max-width : 348px;
  margin    : 0 auto;
  display   : block;
  padding   : 25px;
}
.formularioQueja {
  width     : 100%;
  max-width : 348px;
  margin    : 0 auto;
  display   : block;
  padding   : 25px;
}
.popUp {
  width     : 100%;
  max-width : 500px;
  position  : absolute;
  left      : 0;
  right     : 0;
  margin    : 0 auto;
}
#popUpForm {
  width     : 100%;
  max-width : 348px;
  margin    : 0 auto;
  display   : block;
  padding   : 25px;
}
.formularioReclamo input[type="radio"],
#popUpForm input[type="radio"] {
  display : inline-block;
  width   : 15px;
  height  : 15px;
}
.formularioReclamo label,
.formularioQueja label {
  display       : block;
  width         : 100%;
  position      : relative;
  max-width     : 350px;
  margin-bottom : 5px;
}
#popUpForm label {
  display    : block;
  width      : 100%;
  position   : relative;
  max-width  : 350px;
  text-align : left;
}
.formularioReclamo label input,
.formularioQueja label input,
#popUpForm label input {
  display       : block;
  width         : 100%;
  position      : relative;
  max-width     : 340px;
  height        : 30px;
  padding       : 3px;
  margin-bottom : 5px;
  border        : 1px solid #C6C6C6;
}
.formularioReclamo label textarea,
.formularioQueja label textarea,
#popUpForm label textarea {
  font-family : var(--root-font), sans-serif;
  display     : block;
  width       : 100%;
  position    : relative;
  max-width   : 340px;
  height      : 60px;
  padding     : 3px;
  border      : 1px solid #C5C5C5;
}
.infoReclamosQuejas {
  display    : block;
  padding    : 50px 0px;
  text-align : center;
}
.infoReclamosQuejas .col50.text-center {
  max-width      : 400px;
  display        : inline-block;
  margin         : 25px;
  float          : none;
  vertical-align : top;
}
.infoReclamosQuejas strong {
  color   : var(--color-negro);
  display : block;
}
/* Ayuda */
.ayuda span {
  font-size   : 20px;
  color       : var(--color-negro) !important;
  font-family : var(--root-font), sans-serif;
}
/* Reclamos */
.reclamos span {
  font-size   : 20px;
  color       : var(--color-negro) !important;
  font-family : var(--root-font), sans-serif;
}
/* Video */
.video {
  padding-bottom : 50px;
}
.video iframe {
  width      : 100%;
  height     : 100%;
  min-height : 350px;
}
.contTextoVideoPortada {
  display    : block;
  padding    : 20px;
  text-align : center;
}
.contTextoVideoPortada p {
  margin : 0 0 20px 0;
}
.video .italic.LibreBaskerville {
  font-size   : 26px;
  position    : relative;
  padding     : 0;
  line-height : 34px;
}
/* Navegación Interna de Secciones */
.navInternaSecciones {
  display    : block;
  float      : right;
  position   : relative;
  margin-top : 50px;
}
.navInternaSecciones ul {
  display : block;
  padding : 0px;
  margin  : 0px;
}
.navInternaSecciones ul li {
  display    : inline-block;
  list-style : none;
}
.navInternaSecciones ul li a {
  display         : block;
  position        : relative;
  text-decoration : none;
  color           : #75787B;
  font-family     : var(--root-font), sans-serif;
  font-weight     : normal;
  font-size       : 15px;
  margin          : 0px 10px;
  transition      : 0.25s;
}
.navInternaSecciones ul li a:hover {
  color : var(--color-negro);
}
/* Historia */
.html-historia img {
  display   : block;
  position  : relative;
  width     : 100%;
  max-width : 550px;
  margin    : 0 auto;
}
.awards {
  display    : block;
  text-align : center;
}
.awards .accordion {
  width     : 100%;
  max-width : 500px;
}
.awards span,
.awards strong {
  display    : block;
  text-align : center;
}
.sello {
  width     : 100%;
  opacity   : 0.80;
  max-width : 150px !important;
  display   : inline-block !important;
}
.containerTimeLine {
  width    : 80%;
  padding  : 50px 0;
  margin   : 50px auto;
  position : relative;
  overflow : hidden;
}
.containerTimeLine:before {
  content     : '';
  position    : absolute;
  top         : 0;
  width       : 2px;
  height      : 100%;
  z-index     : 1;
  left        : 50%;
  border-left : 2px var(--color-negro) dotted;
}
.timeline-block {
  width                   : -webkit-calc(50% + 8px);
  width                   : -moz-calc(50% + 8px);
  width                   : calc(50% + 8px);
  display                 : -webkit-box;
  display                 : -webkit-flex;
  display                 : -moz-box;
  display                 : flex;
  -webkit-box-pack        : justify;
  -webkit-justify-content : space-between;
  -moz-box-pack           : justify;
  justify-content         : space-between;
  clear                   : both;
}
.timeline-block-right {
  float : right;
}
.timeline-block-left {
  float     : left;
  direction : rtl;
}
.marker {
  width         : 16px;
  height        : 16px;
  border-radius : 50%;
  background    : #0C3E61;
  margin-top    : 10px;
  z-index       : 1
}
.timeline-content {
  width   : 95%;
  padding : 0 15px;
  color   : #888;
}
.timeline-content h3 {
  margin-top    : 5px;
  margin-bottom : 5px;
  font-size     : 25px;
  font-weight   : 600
}
.timeline-content span {
  font-size     : 16px;
  display       : block;
  color         : #888;
  margin-bottom : 10px;
}
/* Equipo */
.boxFinalEquipo p {
  width       : 80%;
  margin      : 40px auto;
  line-height : 40px;
}
/* Cultura */
.boxCultura {
  width          : 100%;
  max-width      : 450px;
  display        : inline-block;
  vertical-align : top;
  text-align     : center;
  margin         : 20px 35px;
}
.boxCultura span {
  font-weight : 700;
}
.hr {
  width            : 100%;
  max-width        : 65px;
  height           : 2px;
  background-color : #0C3E61;
  display          : block;
  margin           : 0 auto;
  margin-top       : 15px;
}
/* Legales */
#legales {
  display       : block;
  margin-bottom : 50px;
}
#legales .link {
  color           : #333;
  padding         : 15px;
  text-decoration : none;
  display         : block;
  transition      : 0.25s;
}
#legales .link:hover {
  background-color : #EEE;
  color            : #333;
  text-decoration  : none;
  display          : block;
}
#legales .link .fa.fa-file-text-o {
  display       : inline-block;
  padding-right : 5px;
  color         : var(--color-negro);
}
.accordion {
  background-color : #EEE;
  color            : #333;
  cursor           : pointer;
  padding          : 15px;
  width            : 100%;
  border           : none;
  text-align       : left;
  outline          : none;
  font-size        : 16px;
  transition       : 0.25s;
  margin-bottom    : 10px;
}
#legales .active,
#legales .accordion:hover {
  background-color : #CCC;
}
.panel {
  padding          : 0 15px;
  display          : none;
  background-color : white;
  overflow         : hidden;
}
/* Relación con Cliente */
#perfilRetiro .icono,
#perfilFortalecimiento .icono,
#perfilCrecimiento .icono {
  width     : 100%;
  max-width : 65px;
  float     : left;
  margin    : 0px 15px;
}
/* Wealth Management */
.boxWealthManagement {
  text-align     : center;
  width          : 100%;
  max-width      : 300px;
  margin         : 0px 15px;
  display        : inline-block;
  vertical-align : text-top;
}
.boxWealthManagement span {
  font-size   : 20px;
  color       : var(--color-negro) !important;
  font-family : var(--root-font), sans-serif;
}
/* Footer */
footer {
  background-color : var(--color-negro);
  color            : var(--color-blanco);
  padding-top      : 15px;
  padding-bottom   : 5px;
}
footer .logo img {
  width     : 100%;
  position  : relative;
  display   : block;
  max-width : 200px;
}
footer .col25 img {
  display : block;
  margin  : 25px 0px 0px 0px;
}
footer .col25 span {
  color         : #FFF;
  display       : block;
  margin-bottom : 10px;
  font-size     : 14px;
  line-height   : 16px;
}
footer .col25 span a {
  color           : #FFF;
  text-decoration : none;
}
.downloadApp {
  text-align     : center;
  letter-spacing : 1px;
}
.downloadApp span {
  margin-bottom : 20px !important;
}
.downloadApp a {
  display    : block;
  text-align : center;
}
.downloadApp a img {
  display       : block;
  margin        : 10px auto;
  text-align    : center;
  border-radius : 12px;
}
footer .downloadApp img {
  width     : 100%;
  max-width : 142px;
}
#app {
  text-align : right;
}
#app span {
  margin-bottom : 0px;
}
footer #app ul {
  list-style  : none;
  border-left : none;
  display     : block;
  text-align  : right;
  margin      : 0px;
}
footer #app ul li {
  display : inline-block;
}
footer .info {
  margin-top : 20px;
}
footer .col25 ul {
  list-style  : none;
  border-left : 1px solid #FFF;
}
footer .col25 ul li {
  list-style : none;
}
footer .col25 ul li a {
  color           : #FFF;
  text-decoration : none;
  font-size       : 14px;
  line-height     : 22px;
  letter-spacing  : 1px;
}
footer .col25 .redes {
  display     : block;
  border-left : none;
  padding     : 0px !important;
  text-align  : center;
}
footer .col25 .redes li {
  display    : inline-block;
  text-align : center;
}
footer .col25 .redes li a img {
  display   : block;
  margin    : 5px 5px;
  width     : 100%;
  max-width : 20px;
}
.navFooter {
  display : block;
}
.navFooter ul {
  padding    : 0px;
  list-style : none;
  display    : block;
  text-align : center;
  margin     : 5px;
}
.navFooter ul li {
  display : inline-block;
}
.navFooter ul li a {
  color           : #707172;
  text-decoration : none;
  padding         : 5px 10px;
  text-align      : center;
  display         : block;
  font-size       : 14px;
  transition      : 0.25s;
  text-transform  : uppercase;
}
.navFooter ul li a:hover {
  color : #FFF;
}
.btnBlueBorderWhiteBg2, #btnAbrirCuentaFooter {
  display          : block;
  background-color : var(--color-blanco);
  color            : var(--color-negro);
  text-align       : center;
  text-decoration  : none;
  padding          : 10px;
  border-radius    : 2px;
  font-size        : 14px;
  transition       : 0.25s;
  letter-spacing   : 1px;
}
.btnBlueBorderWhiteBg2:hover, #btnAbrirCuentaFooter:hover {
  background-color : var(--color-gris-oscuro);
  transition       : .25s;
  color            : var(--color-blanco);
}
.d-inline {
  display : inline !important;
}
/* Contacto */
#contacto_form {
  width     : 100%;
  max-width : 650px;
  margin    : 0;
  display   : block;
  padding   : 0;
}
#contacto_form label {
  display       : block;
  width         : 100%;
  position      : relative;
  margin-bottom : 5px;
}
#contacto_form label input {
  display  : block;
  width    : 100%;
  position : relative;
  height   : 30px;
  padding  : 3px;
  margin   : 0;
  border   : 1px solid #C6C6C6;
}
#contacto_form label select {
  display          : block;
  width            : 100%;
  position         : relative;
  height           : 40px;
  padding          : 3px;
  margin           : 0;
  border           : 1px solid #C6C6C6;
  box-sizing       : content-box;
  background-color : #FFF;
  color            : #888;
}
#contacto_form label textarea {
  font-family : var(--root-font), sans-serif;
  display     : block;
  width       : 100%;
  position    : relative;
  height      : 60px;
  padding     : 3px;
  border      : 1px solid #C5C5C5;
}
#infoContacto .col25 i {
  color     : #0C3E61;
  font-size : 25px;
}
#infoContacto .col25 a {
  text-decoration : none;
  color           : var(--color-negro);
  border-bottom   : 1px solid;
}
#infoContacto .col25 img {
  width  : 32px;
  filter : grayscale(1);
}
.confirmacion {
  text-align : center;
}
.confirmacion img {
  width     : 100%;
  max-width : 45px;
  display   : block;
  margin    : 0 auto;
}
/* Nosotros */
.boxEquipo {
  width          : 100%;
  max-width      : 175px;
  display        : inline-block;
  vertical-align : top;
  text-align     : center;
  margin         : 5px 25px;
}
.boxEquipo img {
  width   : 100%;
  margin  : 0 auto;
  display : block;
}
.boxEquipo strong,
.boxEquipo span {
  display : block;
}
#imageResponsive {
  width     : 100%;
  max-width : 500px;
}
/* Servicios */
.boxServicio {
  display : block;
}
.boxServicio img {
  display : block;
  float   : left;
  margin  : 0px 30px 0px 0px;
}
/* Form Errors */
input[type="password"].incorrecto,
input[type="text"].incorrecto,
input[type="email"].incorrecto {
  border-radius : 2px;
  box-shadow    : none;
  border        : 1px solid #C00 !important;
}
.noMargin {
  margin : 0px;
}
/* Grid */
.col20 {
  width : 20%;
  float : left;
}
.col20 {
  width : 20%;
  float : left;
}
.col25 {
  width : 25%;
  float : left;
}
.col30 {
  width : 30%;
  float : left;
}
.col33 {
  width : 33%;
  float : left;
}
.col50 {
  width : 50%;
  float : left;
}
.col75 {
  width : 75%;
  float : left;
}
/* Mediaqueries */
.desktop {
  display : block !important;
}
.mobile {
  display : none !important;
}
.mobile,
.openbtn {
  display : none !important;
}
.formularioReclamo, .formularioQueja {
  opacity    : 0;
  /*! display:none; */
  transition : .5s;
  overflow   : hidden;
  height     : 0;
  box-sizing : border-box;
  padding    : 0;
}
.formularioReclamo.opened, .formularioQueja.opened {
  opacity    : 1;
  /*! display:block; */
  transition : .5s;
  height     : auto;
  padding    : 25px;
}
.cont_slider_ampliada {
  max-width : 640px;
  margin    : 0 auto;
}
.cotiz-cont_items {
  text-align : center;
}
.cotiz-cont_items .cotiz-item {
  width           : 23%;
  display         : inline-block;
  min-width       : 290px;
  text-decoration : none;
}
.cotiz-item {
  display          : block;
  margin           : 0;
  box-sizing       : border-box;
  padding          : 10px;
  position         : relative;
  border-radius    : 0px;
  border           : 1px solid #FFF;
  background-color : #EEE;
  transition       : all 0.3s;
}
.cotiz-item:hover {
  background-color : #FFF;
  border-radius    : 4px;
  border           : 1px solid #CCC;
}

.cotiz-item {
  text-align : left;
}
.cotiz-item .grid-col:last-child {
  text-align : right;
}

.sliderCotiz {
  margin-top       : 20px;
  background-color : #FFF;
}
.sliderCotiz.owl-carousel.owl-drag .owl-item {
  background-color : #FFF;
}
/* Videos pre footer  */
#videosPreFooter {
  display        : block;
  padding-top    : 50px;
  padding-bottom : 50px;
}
#videosPreFooter .col48 {
  width          : 48%;
  position       : relative;
  display        : inline-block;
  vertical-align : top;
}
.imgVideosPreFooter1 {
  background-image    : url(../images/imagenes/img1VPF.jpg);
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
  height              : 325px;
  width               : 100%;
  max-width           : 480px;
}
.imgVideosPreFooter2 {
  background-image    : url(../images/imagenes/img2VPF-2.png);
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
  height              : 325px;
  width               : 100%;
  max-width           : 480px;
}
.infoVideosPreFooter {
  text-align : left;
  width      : 100%;
  max-width  : 480px;
}
.infoVideosPreFooter a {
  display    : block;
  text-align : center;
  margin-top : 20px;
}
.infoVideosPreFooter .col50 img {
  border-radius : 15px;
}
.infoVideosPreFooter p {
  line-height : 26px;
}
#videosPreFooter .subtitle {
  border-bottom  : 1px dashed;
  padding-bottom : 15px;
  margin-bottom  : 5px;
  margin-top     : 0px;
}
@media (max-width : 1600px) {
  .callToActionLeft {
    top : 495px;
  }

  .callToActionRight {
    top : 495px;
  }

  .captionLeft,
  .captionRight {
    top : 500px;
  }

  .captionLeft span,
  .captionRight span {
    font-size   : 40px;
    padding     : 10px 0px;
    line-height : 53px;
  }
}
@media (max-width : 1400px) {
  .callToActionLeft {
    top : 395px;
  }

  .callToActionRight {
    top : 395px;
  }

  .captionLeft,
  .captionRight {
    top : 400px;
  }
}
@media (max-width : 1280px) {
  #liIngresarAmarillo {
    right : 21px;
  }

  .boxCultura {
    max-width : 400px;
  }

  /* Listado */
  .containerListadoClaves::before,
  .containerListadoUltimasClaves::before {
    left : 174px;
  }

  .containerListadoNovedades::before {
    left : 230px;
  }

  .containerListadoClavesPortada::before {
    left : 62px;
  }

  .containerListadoClaves .timeline-block,
  .containerListadoNovedades .timeline-block,
  :is(.containerListadoPW,.containerListadoR) .timeline-block {
    width         : 100%;
    margin-bottom : 30px;
  }

  .containerListadoClaves .timeline-block-right,
  .containerListadoNovedades .timeline-block-right,
  :is(.containerListadoPW,.containerListadoR) .timeline-block-right {
    float : none;
  }

  :is(.containerListadoPW,.containerListadoR)::before {
    left : 110px;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .info .imagen img {
    width : 90%;
  }

  .html-historia img {
    max-width : 450px;
  }

  .container {
    width     : 100%;
    max-width : 1000px;
  }

  header nav ul li a,
  .dropbtn {
    padding   : 5px 10px;
    font-size : 12px;
  }

  .navInternaSecciones ul li a {
    font-size : 16px;
    margin    : 0px 15px;
  }

  .callToActionLeft {
    top : 295px;
  }

  .callToActionRight {
    top : 295px;
  }

  .captionLeft,
  .captionRight {
    top : 300px;
  }

  .boxNovedad .containerImgNovedad,
  .boxNovedad .imgNovedad {
    /*! width: 235px; */
    /*! height: 235px; */
  }

  .boxNovedad .infoNovedad {
    width : 75%;
  }

  .boxClave a {
    max-width : 475px;
  }

  .bloqueTexto {
    display        : block;
    width          : 70%;
    float          : right;
    vertical-align : top;
    max-width      : 650px;
  }
}
.contenTagMobile {
  display : none !important;
}
.containerListadoUltimasClaves .fechaMobile {
  display : none !important;
}
:is(.containerListadoPW,.containerListadoR) .timeline-block .fechaMobile {
  display : none !important;
}
.containerListadoNovedades .fechaConImagenMobile,
.containerListadoNovedades .fechaMobile {
  display : none !important;
}
@media (max-width : 1024px) {
  .navFooter {
    display        : block;
    padding-bottom : 90px;
  }

  .noMobile {
    display : none !important;
  }

  .aQueNosDedicamos .title {
    text-align : center;
  }

  .aQueNosDedicamos .collapsible {
    text-align : center;
  }

  .aQueNosDedicamos p {
    text-align  : center;
    padding-top : 0px;
  }

  .corporativosP {
    padding-bottom : 0px;
  }

  .downloadApp a {
    display    : inline-block;
    text-align : center;
    margin     : 0 auto;
  }

  #videosPreFooter .col48 {
    margin-right : 0px !important;
    width        : 90%;
  }

  .imgVideosPreFooter1,
  .imgVideosPreFooter2 {
    margin : 0 auto;
  }

  .infoVideosPreFooter {
    text-align : center;
    width      : 100%;
    max-width  : 480px;
    margin     : 0 auto;
  }

  #btnAbrirCuentaFooter {
    display : none;
  }

  .redesMobile ul {
    text-align : right !important;
  }

  .redesMobile ul li a {
    font-size : 14px !important;
  }

  .col33,
  .col50 {
    right : 0px !important;
  }

  .alertify .ajs-modal {
    top : 65px;
  }

  #imagenesAQueNosDedicamos {
    display : none;
  }

  #app {
    text-align : center;
  }

  footer #app ul {
    display    : block;
    text-align : center;
    margin     : 0 auto;
  }

  footer .col25 img {
    display : block;
    margin  : 5px 0px;
  }

  .mobile {
    display : block !important;
  }

  header.showSecondary .navegacionCompleta {
    display : block;
    top     : 0px;
  }

  header.showSecondary .navegacionReducida {
    display : none;
  }

  header.showSecondary {
    min-height : 74px;
  }

  .links .col50.text-left,
  .links .col50.text-right {
    text-align   : right;
    margin-top   : 20px;
    margin-right : 0px;
  }

  #infoContacto .col25 {
    margin-top : 25px;
  }

  #infoContacto .col25 .bold {
    margin-top    : 0px;
    margin-bottom : 0px;
  }

  #infoContacto .col25 p {
    margin-top    : 0px;
    margin-bottom : 0px;
  }

  .sliderHome {
    padding : 0px;
  }

  .fechaNovedadAmpliada {
    border-right : 0px;
    text-align   : left;
  }

  .containerListadoNovedades .fechaConImagenMobile {
    display       : block !important;
    margin-bottom : 10px;
  }

  .containerListadoNovedades .texto {
    margin-top : 0px;
  }

  .containerListadoNovedades .fechaMobile {
    display : block !important;
  }

  .containerListadoNovedades .fechaConImagenMobile span,
  .containerListadoNovedades .fechaMobile span {
    color       : var(--color-negro) !important;
    font-weight : bold;
  }

  .containerListadoNovedades .fechaConImagenMobile img {
    display : block;
  }

  .containerListadoNovedades .fechaConImagen,
  .containerListadoNovedades .fecha {
    display : none;
  }

  .containerListadoNovedades::before {
    left : 4px;
  }

  .desktop {
    display : none !important;
  }

  .mobile {
    display : block !important;

  }

  .container {
    width  : 90%;
    margin : 0 auto;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .fecha {
    display : none;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .fechaMobile {
    display : block !important;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .fechaMobile span {
    display       : block;
    color         : var(--color-negro);
    font-size     : 18px;
    font-weight   : bold;
    margin-bottom : 0px;
    margin-left   : 10px;
  }

  .containerListadoClaves::before,
  .containerListadoUltimasClaves::before,
  :is(.containerListadoPW,.containerListadoR)::before,
  .containerListadoClavesPortada::before {
    left : 3px;
  }

  .contenTag {
    display : none !important;
  }

  .contenTagMobile {
    display : block !important;
  }

  .containerListadoUltimasClaves .fecha {
    display : none !important;
  }

  .containerListadoUltimasClaves .fechaMobile {
    display : block !important;
  }

  .containerListadoUltimasClaves .fechaMobile span {
    display       : block;
    color         : var(--color-negro);
    font-size     : 18px;
    font-weight   : bold;
    margin-bottom : 0px;
  }

  .containerListadoClaves .timeline-block .tag,
  .containerListadoUltimasClaves .timeline-block .tag {
    text-align : left;
  }

  .html-cultura blockquote {
    margin-bottom : 50px;
  }

  .navInternaSecciones ul {
    border-right : 3px solid;
  }

  .openbtn {
    display   : inline-block !important;
    float     : right;
    padding   : 5px 15px;
    font-size : 30px;
  }

  .openbtn i {
    color : #3F4348;
  }

  header .redes ul,
  header nav ul {
    display : none;
  }

  header .logo {
    display    : inline-block;
    float      : none;
    margin-top : 0;
    padding    : 10px 15px 0px 15px;
  }

  header .logo img {
    /*! width     : 100%; */
    /*! position  : relative; */
    /*! display   : block; */
    /*! max-width : 180px; */
  }

  footer {
    text-align : center;
    display    : block;
    margin     : 0 auto;
    position   : relative;
    padding    : 50px 0px 0px 0px;
  }

  footer .logo img {
    display : block;
    margin  : 0 auto !important;
  }

  footer .col25 ul {
    list-style : none;
    text-align : center;
    padding    : 0;
    border     : none;
  }

  .col20,
  .col25 {
    width   : 40%;
    margin  : 0 auto;
    display : block;
    float   : none;
  }

  .col33,
  .col50 {
    width   : 90%;
    margin  : 0 auto;
    display : block;
    float   : none;
  }

  .col50.novedades {
    padding-top : 50px;
    position    : relative;
    text-align  : center;
  }

  .col50.boxNovedad {
    width          : 50%;
    max-width      : 275px;
    margin         : 0 auto;
    display        : inline-block;
    padding-bottom : 25px;
  }

  .boxNovedad .fecha {
    margin-right : 0px;
  }

  .boxNovedad .infoNovedad {
    width     : 75%;
    font-size : 15px;
  }

  .boxClave a {
    color         : #888;
    display       : block;
    transition    : 0.25s;
    padding-top   : 10px;
    width         : 100%;
    max-width     : none;
    margin-bottom : 15px;
  }

  .caption.left span,
  .caption.right span {
    font-size   : 20px;
    padding     : 10px;
    line-height : 30px;
  }

  .callToAction {
    display : none;
  }

  .buttons {
    display  : block !important;
    position : fixed;
    width    : 100%;
    z-index  : 9999;
    bottom   : 0;
    left     : 0;
  }

  .buttons a {
    width           : 50%;
    display         : inline-block;
    float           : left;
    text-align      : center;
    padding         : 20px 0px;
    text-decoration : none;
    font-size       : 20px;
    height          : 67px;
    box-sizing      : border-box;
  }

  .buttonBlue {
    background-color : var(--color-negro);
    color            : var(--color-blanco);
    font-weight      : bold;
  }

  .buttonYellow {
    background-color : var(--color-gris-topo);
    color            : var(--color-blanco);
    font-weight      : bold;
  }

  .navInternaSecciones {
    margin-top : 0px;
  }

  .navInternaSecciones ul li {
    list-style    : none;
    display       : block;
    text-align    : right;
    border        : none;
    margin-bottom : 10px;
  }

  .html-historia .noMarginTop {
    margin-top : 50px;
  }

  .video .italic.LibreBaskerville {
    padding : 40px 50px 0px;
  }

  .callToActionRight,
  .callToActionLeft {
    display : none !important;
  }

  .captionLeft,
  .captionRight {
    top        : 668px;
    text-align : center;
    display    : block;
    float      : none;
    left       : 0;
    right      : 0;
  }

  .redesMobile {
    text-align : right;
  }

  .redesMobile a {
    display    : inline-block;
    padding    : 15px 15px 15px 10px;
    border-top : 0px !important;
  }

  .overlay a {
    padding : 15px 15px 15px 0px;
  }

  .cont_boxNovedad > div:nth-child(2n+1) {
    padding-right  : 5px;
    vertical-align : top;
  }
}
.buttons {
  display : none;
}
@media (max-width : 840px) {
  .captionLeft,
  .captionRight {
    top        : 440px;
    text-align : center;
    display    : block;
    float      : none;
    left       : 0;
    right      : 0;
  }
}
:is(.containerListadoPW,.containerListadoR) .imagenMobile {
  display : none !important;
}
@media (max-width : 768px) {
  #app {
    text-align     : center;
    padding-bottom : 45px;
  }

  .boxServicio img {
    display : block;
    float   : none;
    margin  : 0px 30px 0px 0px;
  }

  .captionRight small {
    line-height : 40px;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .info {
    margin-bottom : 0px;
  }

  :is(.containerListadoPW,.containerListadoR) .imagen {
    display : none !important;
  }

  :is(.containerListadoPW,.containerListadoR) .imagenMobile {
    display        : block !important;
    padding-bottom : 10px;
  }

  :is(.containerListadoPW,.containerListadoR) .timeline-block .info .contenido {
    width       : 95%;
    margin-left : 10px;
  }

  :is(.containerListadoPW,.containerListadoR) .marker {
    margin-top : 5px;
  }

  .containerListadoClaves .timeline-content {
    margin-left : 5px;
  }

  .title {
    font-size : 30px;
  }

  .containerListadoClaves {
    padding : 10px 0px;
  }

  .timeline-content .info img {
    width     : 100%;
    max-width : 600px;
    position  : relative;
    display   : block;
  }

  .col20,
  .col25 {
    width   : 40%;
    margin  : 0 auto;
    display : block;
    float   : none;
  }

  .caption.left,
  .caption.right {
    top : 445px;
  }

  footer .col25 {
    text-align : center !important;
    float      : none !important;
    width      : 100%;
  }
  footer .cont-social {
    max-width:unset;
  }
  footer .col25 ul {
    border-left : none !important;
    padding     : 0;
  }

  footer .redes {
    text-align : center;
  }

  .col33.aos-init.aos-animate {
    margin-top : 10px;
  }

  .claves h4 img,
  .novedades h4 img {
    max-width : 45px;
  }

  .claves h4,
  .novedades h4 {
    font-size  : 25px;
    text-align : left;
  }

  .col50.boxNovedad {
    width : 100%;
  }

  .boxNovedad .containerImgNovedad,
  .boxNovedad .imgNovedad {
    /*! width: 255px; */
    /*! height: 255px; */
    text-align : center;
    margin     : 0 auto;
  }

  .boxClave .fecha,
  .boxClave .info {
    position       : relative;
    margin         : 0 auto;
    float          : none;
    vertical-align : top;
  }

  .boxClave .fecha {
    border-right : 1px solid #333 !important;
    margin-right : 5px;
  }

  .boxClave a {
    text-decoration : none;
  }

  .boxClave .fecha {
    padding-bottom : 10px;
    border-right   : 0px;
  }

  .video .italic.LibreBaskerville {
    font-size      : 25px;
    text-align     : center;
    vertical-align : middle;
    position       : relative;
    padding        : 50px 50px;
    line-height    : 35px;
  }

  .containerTimeLine:before {
    left  : 8px;
    width : 2px;
  }

  .containerListadoClavesPortada::before {
    height : 100%;
  }

  .timeline-block {
    width : 100%;
  }

  .timeline-block-right {
    float : none !important;
  }

  .timeline-block-left {
    float     : none;
    direction : ltr;
  }

  .containerListadoClavesPortada .timeline-content {
    width   : 100%;
    padding : 0px 0px 0px 10px;
    color   : #888;
  }

  .info .texto p {
    margin : 0px;
  }
}
@media (max-width : 720px) {
  .captionRight small {
    line-height : 40px;
  }

  .captionLeft small {
    line-height : 40px;
  }
}
@media (max-width : 640px) {
  .boxNovedad .containerImgNovedad,
  .boxNovedad .imgNovedad {
    /*! width: 265px; */
    /*! height: 265px; */
    margin : 0 auto;
  }

  .popUp {
    max-width : 350px;
  }

  #popUpForm {
    max-width : 250px;
    padding   : 15px;
  }

  .captionLeft,
  .captionRight {
    top : 250px;
  }

  .captionLeft span,
  .captionRight span {
    font-size : 20px;
  }

  .captionLeft small,
  .captionRight small {
    font-size : 18px;
  }

  .objetivos h3 {
    font-size : 25px;
    width     : 90%;
    margin    : 0 auto;
    padding   : 25px 0px;
  }
}

.owl-desktop {
  position   : relative;
  margin-top : 95px;
}
.owl-desktop .owl-carousel {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
}
.owl-desktop:before {
  display     : block;
  padding-top : calc((500 / 1920) * 100%);
  content     : " ";
  width       : 100%;

}

.owl-mobile {
  display : none;
}
@media (max-width : 500px) {
  .owl-desktop {
    display : none;
  }

  .owl-desktop:before {
    padding-top : 100%;
  }

  .owl-mobile {
    display    : block;
    margin-top : 94px;
  }
}
@media (max-width : 500px) {
  .mobile-big {
    font-size : 1em;
  }

  .buttons a {
    width           : 50%;
    display         : inline-block;
    float           : left;
    text-align      : center;
    padding         : 20px 0px;
    text-decoration : none;
    font-size       : 15px;
    height          : 80px;
    box-sizing      : border-box;
  }

  .buttonBlue i {
    display   : block;
    font-size : 22px;
  }

  .media500 {
    display : block !important;
  }

  .objetivos h3 {
    font-weight : normal;
    font-size   : 22px;
  }

  .captionLeft,
  .captionRight {
    top : 135px;
  }

  .captionLeft span,
  .captionRight span {
    font-size   : 18px;
    line-height : 28px;
  }

  .captionLeft small,
  .captionRight small {
    font-size : 14px;
  }

  #app {
    text-align     : center;
    padding-bottom : 60px;
  }
}
.media500 {
  display : none;
}
@media (max-width : 320px) {
}
/* Navegación Mobile */
.overlay {
  height           : 100%;
  width            : 0;
  position         : fixed;
  z-index          : 1;
  top              : 0;
  right            : 0;
  background-color : #FFF;
  overflow-x       : hidden;
  transition       : 0.5s;
}
.overlay-content {
  position   : relative;
  width      : 100%;
  text-align : center;
  margin-top : 60px;
}
.overlay-content .dropdown-content {
  position         : relative;
  display          : none;
  background-color : transparent;
  min-width        : 160px;
  box-shadow       : none;
  z-index          : 1;
}
.dropdown-content small {
  text-align : center;
  display    : block;
  margin-top : 10px;
  font-size  : 12px;
  color      : #707070;
}
.overlay-content header nav ul li.dropdown {
  display    : block;
  margin     : 0 auto;
  text-align : center;
  width      : 100%;
}
.overlay-content ul {
  display    : block;
  list-style : none;
  text-align : center;
  margin     : 0 auto;
  position   : relative;
  width      : 90%;
  float      : right;
}
.overlay-content ul li {
  display : block;
  float   : none;
}
.overlay a {
  padding         : 15px;
  text-decoration : none;
  font-size       : 20px !important;
  color           : #333;
  transition      : 0.3s;
  border-right    : none;
  text-align      : left;
  margin          : 0 auto;
  display         : block;
  border-top      : 1px solid #333;
}
.overlay-content #ingresar {
  background-color : var(--color-negro);
  color            : #FFF;
  font-weight      : bold;
  border-radius    : 0;
  height           : 40px;
  margin-top       : 0px;
  z-index          : 99999;
  position         : relative;
  display          : block;
  line-height      : 40px;
  text-align       : center !important;
}
#aruy {
  background-color : #FFF !important;
}
#aruy a img {
  vertical-align : middle;
  width          : 24px;
  margin-top     : -2px;
}
#aruy a:hover {
  /*! background-color: #fff !important; */
}
.overlay .closebtn {
  position   : absolute;
  top        : 0px;
  right      : 5px;
  border-top : 0px;
}
.overlay .closebtn .fa.fa-times {
  font-size : 30px;
}
.redesMobile {
  position : relative;
  display  : block;
  float    : right;
  width    : 90%;
}
.redesMobile ul {
  position : relative;
  display  : block;
  float    : right;
  width    : 90%;
}
.redesMobile a {
  display : inline-block;
}
@media screen and (max-height : 450px) {
  .overlay {
    overflow-y : auto;
  }

  .overlay a {
    font-size : 20px
  }

  .overlay .closebtn {
    font-size : 40px;
    top       : 15px;
    right     : 35px;
  }
}
/* Forward */
.hvr-forward {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-forward:hover {
  -webkit-transform : translateX(8px);
  transform         : translateX(8px);
}
/* Float */
.hvr-float {
  display                            : inline-block;
  vertical-align                     : middle;
  -webkit-transform                  : perspective(1px) translateZ(0);
  transform                          : perspective(1px) translateZ(0);
  box-shadow                         : 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-float:hover {
  -webkit-transform : translateY(-8px);
  transform         : translateY(-8px);
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  position                    : relative;
  -webkit-transition-property : color;
  transition-property         : color;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
}
.hvr-sweep-to-bottom:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  top                                : 0;
  left                               : 0;
  right                              : 0;
  bottom                             : 0;
  background                         : #3F4348;
  -webkit-transform                  : scaleY(0);
  transform                          : scaleY(0);
  -webkit-transform-origin           : 50% 0;
  transform-origin                   : 50% 0;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-sweep-to-bottom:hover {
  color : white;
}
.hvr-sweep-to-bottom:hover:before {
  -webkit-transform : scaleY(1);
  transform         : scaleY(1);
}
/* Sweep To Top */
.hvr-sweep-to-top {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  position                    : relative;
  -webkit-transition-property : color;
  transition-property         : color;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
}
.hvr-sweep-to-top:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  top                                : 0;
  left                               : 0;
  right                              : 0;
  bottom                             : 0;
  background                         : #3F4348;
  -webkit-transform                  : scaleY(0);
  transform                          : scaleY(0);
  -webkit-transform-origin           : 50% 100%;
  transform-origin                   : 50% 100%;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-sweep-to-top:hover {
  color : white;
}
.hvr-sweep-to-top:hover:before {
  -webkit-transform : scaleY(1);
  transform         : scaleY(1);
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  position                    : relative;
  -webkit-transition-property : color;
  transition-property         : color;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
}
.hvr-sweep-to-bottom:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  top                                : 0;
  left                               : 0;
  right                              : 0;
  bottom                             : 0;
  background                         : #3F4348;
  -webkit-transform                  : scaleY(0);
  transform                          : scaleY(0);
  -webkit-transform-origin           : 50% 0;
  transform-origin                   : 50% 0;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-sweep-to-bottom:hover {
  color : white;
}
.hvr-sweep-to-bottom:hover:before {
  -webkit-transform : scaleY(1);
  transform         : scaleY(1);
}

.hvr-sweep-to-bottom-radius {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  position                    : relative;
  -webkit-transition-property : color;
  transition-property         : color;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  border-radius               : 0px 0px 5px 5px !important;
}
.hvr-sweep-to-bottom-radius:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  top                                : 0;
  left                               : 0;
  right                              : 0;
  bottom                             : 0;
  background                         : #3F4348;
  -webkit-transform                  : scaleY(0);
  transform                          : scaleY(0);
  -webkit-transform-origin           : 50% 0;
  transform-origin                   : 50% 0;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
  border-radius                      : 0px 0px 5px 5px !important;
}
.hvr-sweep-to-bottom-radius:hover {
  color : white;
}
.hvr-sweep-to-bottom-radius:hover:before {
  -webkit-transform : scaleY(1);
  transform         : scaleY(1);
}
/* Underline From Left */
.hvr-underline-from-left {
  display           : inline-block;
  vertical-align    : middle;
  -webkit-transform : perspective(1px) translateZ(0);
  transform         : perspective(1px) translateZ(0);
  box-shadow        : 0 0 1px rgba(0, 0, 0, 0);
  position          : relative;
  overflow          : hidden;
}
.hvr-underline-from-left:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  left                               : 0;
  right                              : 100%;
  bottom                             : 0;
  background                         : #888;
  height                             : 2px;
  -webkit-transition-property        : right;
  transition-property                : right;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right : 0;
}
/* Alertify */
.alertify .ajs-dimmer {
  position         : fixed;
  z-index          : 1981;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  padding          : 0;
  margin           : 0;
  background-color : #000;
  opacity          : .65;
}
.cont_boxNovedad > div {
  box-sizing : border-box;
}
.cont_boxNovedad > div:nth-child(odd) {
  padding-right : 5px;
}
.cont_boxNovedad > div:nth-child(even) {
  padding-left : 5px;
}
.mid-registro iframe {
  width      : 100%;
  border     : none;
  min-height : 1000px;
  box-sizing : border-box;
  margin-top : 45px;
}
.mid-registro {
  box-sizing : border-box;
  padding    : 0 20px;
}

.tickerInfo {
  font-size      : 19px;
  color          : #333;
  text-transform : uppercase;
  font-weight    : bolder;
  float          : left;
  padding        : 0 6px;
  margin-bottom  : 15px;
  margin-top     : 5px;
  clear          : both;
}
.ellipsis {
  white-space   : nowrap;
  overflow      : hidden;
  text-overflow : ellipsis;
}
.aCotiz {
  color           : #428BCA;
  text-decoration : none;
}
.valor {
  font-family  : var(--root-font), sans-serif;
  font-size    : 20px;
  color        : #666;
  font-variant : normal;
  margin       : 0;
}
.fecha {
  font-family : var(--root-font), sans-serif;
  font-size   : 13px;
  color       : #999;
  margin      : 0px;
}


.porcentaje, .porcentajeAmp {
  display      : inline;
  font-family  : var(--root-font), sans-serif;
  font-size    : 35px;
  font-style   : normal;
  font-variant : normal;
  font-weight  : normal;
  margin-top   : 5px;
}

.porcentajeAmp {
  font-size : 28px;
}


#formBuscadorCotizaciones {
  padding-top : 32px;
}
#formBuscadorCotizaciones label input[type=text] {
  display     : block;
  float       : right;
  width       : 90%;
  position    : relative;
  max-width   : 640px;
  height      : 42px;
  line-height : 40px;
  font-size   : 20px;
  padding     : 3px 50px 3px 10px;
  margin      : 0;
  border      : 1px solid #C6C6C6;
  box-sizing  : border-box;
}
.buscar {
  display   : block;
  position  : relative;
  max-width : 600px;
  margin    : 0 auto;
  width     : 90%;
}
.btnBuscar {
  display             : block;
  position            : absolute;
  top                 : 0;
  right               : 0;
  width               : 42px;
  height              : 42px;
  border              : 0;
  cursor              : pointer;
  overflow            : hidden;
  text-indent         : 9999px;
  background-image    : url(../images/imagenes/icoBuscar.png);
  background-repeat   : no-repeat;
  background-position : center center;
  background-size     : 26px 26px;
  background-color    : #FF961E;
  transition          : all 0.3s;
}
.btnBuscar:hover {
  background-color : #5A7BA8;
  background-size  : 20px 20px;
}

.panel-default {
  border-color : #DDD;
}
.panel-body {
  padding : 15px;
}
.pa {
  margin-bottom      : 20px;
  background-color   : #FFF;
  border             : 1px solid #1E1A1A2E;
  border-radius      : 4px;
  -webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow         : 0 1px 1px rgba(0, 0, 0, .05);

}
.pieRow {
  padding            : 6px;
  border             : 1px solid #1E1A1A00;
  border-bottom      : 1px solid #E4E4E7;
  -webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow         : 0 1px 1px rgba(0, 0, 0, .05);
}
span.precio-panel-cotizacion, h2.precio-panel-cotizacion {
  font-size     : 28px;
  margin-top    : 0;
  margin-bottom : 10px;
  font-weight   : 500;
  line-height   : 1.1;
  color         : #333;
  display       : block;
}
h3.precio-panel-cotizacion {
  font-size     : 20px;
  margin-top    : 0;
  margin-bottom : 10px;
  font-weight   : 500;
  line-height   : 1.1;
  color         : #333;
  display       : block;
}

.datoCotizacion {
  font-size   : 14px;
  font-weight : 500;
  color       : #333;
}
span.colspan {
  line-height : 1.42857143;
  font-size   : 14px;
}
.lista li {
  display    : inline-block;
  list-style : none;

}
.lista a {
  text-decoration : none;
}
.flecha .fa-arrow-circle-down {
  color     : #EA4335;
  font-size : 30px
}
.flecha .fa-arrow-circle-up {
  color     : #34A853;
  font-size : 30px
}
.flecha .fa-pause-circle {
  color             : #4285F4;
  font-size         : 30px;
  -moz-transform    : rotate(-90deg);
  -o-transform      : rotate(-90deg);
  -webkit-transform : rotate(-90deg);
  transform         : rotate(-90deg);
}
.variacion .porcentaje.down span, .variacion .porcentajeAmp.down span {
  color     : #EA4335;
  font-size : 50%;
}
.variacion .porcentaje.down.up span, .variacion .porcentajeAmp.up span {
  color     : #34A853;
  font-size : 50%;
}
.variacion .porcentaje.down.pause span, .variacion .porcentajeAmp.pause span {
  color     : #4285F4;
  font-size : 50%;
}


.variacion .porcentaje.down, .variacion .porcentajeAmp.down {
  color : #EA4335;
}
.variacion .porcentaje.down.up, .variacion .porcentajeAmp.up {
  color : #34A853;
}
.variacion .porcentaje.down.pause, .variacion .porcentajeAmp.pause {
  color : #4285F4;
}
.inliblock {
  display : inline-block;
}
.max500 {
  max-width : 500px;
  width     : 100%;
}
#contacto_form {
  max-width : 768px;
  margin    : 0 auto;
}
#btn_enviar_contacto {
  margin : 20px auto;
}
.cambiarIdioma {
  font-size       : .8em !important;
  text-decoration : none;
  text-transform  : uppercase;
}
#popUpForm > label, #popUpForm > p {
  margin-bottom : .8em !important;
}

.regulated-by {
  font-size  : .7em;
  margin-top : 30px;
}
.regulated-by img {
  width      : 100px;
  filter     : grayscale(100%) invert();
  margin-top : 5px !important;

}
.smv-footer {
  font-size  : .7em;
  margin-top : 20px;
  text-align : center;
  padding    : 0 25px;
}
.infoReclamosQuejas > .col33.text-center {
  padding    : 30px;
  box-sizing : border-box;
}
.paises li.actual a {
  font-weight : bold;
}

.cont-link,
.cont-archivos {
  margin : 30px 0;
}
.smv-footer,
.smv-footer a {
  color : #FFF;
}
.cont-link a, .cont-archivos a {
  margin-right     : 10px;
  padding          : 5px 15px;
  background-color : #428BCA;
  color            : #FFF;
  text-decoration  : none;
  border-radius    : 2px;
  white-space      : nowrap;
  display          : inline-block;
  margin-bottom    : 1em;
}
.cont-link a:hover,
.cont-archivos a:hover {
  text-decoration  : underline;
  background-color : var(--color-negro)
}
.cont-social {
  text-align  : center;
  padding-top : 1em;
  max-width   : 200px;
}
.cont-social a {
  color     : #FFF;
  font-size : 1.6em;
  padding   : .4em;
}
.cont-social a:hover {
  color : #DDD;
}
.paginacion :is(a,span) {
  margin           : 0 .3em;
  background-color : #428BCA;
  color            : #FFF;
  padding          : .5em 1em;
  border-radius    : 10px;
  text-decoration  : none;
  transition       : .5s;
  border           : 1px solid #428BCA;
}
.paginacion a {
}
.paginacion a:hover {
  background-color : #FFF;
  color            : #428BCA;
  transition       : .5s;

}
.paginacion span {
  filter : grayscale(1);
}
#contacto_form, #contacto_form * {
  box-sizing : border-box;
}

.my-0 {
  margin-top    : 0em !important;
  margin-bottom : 0em !important;
}
.my-1 {
  margin-top    : 1em !important;
  margin-bottom : 1em !important;
}
.my-2 {
  margin-top    : 2em !important;
  margin-bottom : 2em !important;
}
.my-3 {
  margin-top    : 3em !important;
  margin-bottom : 3em !important;
}
.my-4 {
  margin-top    : 4em !important;
  margin-bottom : 4em !important;
}
.my-5 {
  margin-top    : 5em !important;
  margin-bottom : 5em !important;
}

.ml-0 {
  margin-left : 0em !important;
}
.ml-1 {
  margin-left : 1em !important;
}
.ml-2 {
  margin-left : 2em !important;
}
.ml-3 {
  margin-left : 3em !important;
}

.pt-0 {
  padding-top : 0em !important;
}
.pt-1 {
  padding-top : 1em !important;
}
.pt-2 {
  padding-top : 2em !important;
}
.pt-3 {
  padding-top : 3em !important;
}
.pt-4 {
  padding-top : 4em !important;
}
.pt-5 {
  padding-top : 5em !important;
}
.line-height-1 {
  line-height : calc(1em * 1.1) !important;
}
.line-height-2 {
  line-height : calc(1em * 1.2) !important;
}
.line-height-3 {
  line-height : calc(1em * 1.3) !important;
}
.line-height-4 {
  line-height : calc(1em * 1.4) !important;
}
.line-height-5 {
  line-height : calc(1em * 1.5) !important;
}

.py-0 {
  padding-top    : 0 !important;
  padding-bottom : 0 !important;
}
.py-1 {
  padding-top    : 1em !important;
  padding-bottom : 1em !important;
}
.py-2 {
  padding-top    : 2em !important;
  padding-bottom : 2em !important;
}
.py-3 {
  padding-top    : 3em !important;
  padding-bottom : 3em !important;
}

.px-1 {
  padding-left  : 1em !important;
  padding-right : 1em !important;
}
.px-2 {
  padding-left  : 2em !important;
  padding-right : 2em !important;
}
.px-3 {
  padding-left  : 3em !important;
  padding-right : 3em !important;
}

.mb-0 {
  margin-bottom : 0em !important;
}
.mb-1 {
  margin-bottom : 1em !important;
}
.mb-2 {
  margin-bottom : 2em !important;
}
.mb-3 {
  margin-bottom : 3em !important;
}
.mb-4 {
  margin-bottom : 4em !important;
}
.mt-0 {
  margin-top : 0em !important;
}
.mt-1 {
  margin-top : 1em !important;
}
.mt-2 {
  margin-top : 2em !important;
}
.mt-3 {
  margin-top : 3em !important;
}
.mt-4 {
  margin-top : 4em !important;
}

.pb-0 {
  padding-bottom : 0em !important;
}
.pb-1 {
  padding-bottom : 1em !important;
}
.pb-2 {
  padding-bottom : 2em !important;
}
.pb-3 {
  padding-bottom : 3em !important;
}
.d-none {
  display : none;
}

.p-0 {
  padding : 0em !important;
}
.p-1 {
  padding : 1em !important;
}
.p-2 {
  padding : 2em !important;
}
.p-3 {
  padding : 3em !important;
}
.pr-1 {
  padding-right : 1em !important;
}
.pr-2 {
  padding-right : 2em !important;
}
.pr-3 {
  padding-right : 3em !important;
}
.pl-1 {
  padding-left : 1em !important;
}
.pl-2 {
  padding-left : 2em !important;
}
.pl-3 {
  padding-left : 3em !important;
}
.m-1 {
  margin : 1em !important;
}
.m-2 {
  padding : 2em !important;
}
.m-3 {
  padding : 3em !important;
}
.h-100 {
  height : 100%;
}

.fs-5 {
  font-size : 1em !important;
}
.fs-4 {
  font-size : 1.5em !important;
}
.fs-3 {
  font-size : 2em !important;
}
.fs-2 {
  font-size : 2.5em !important;
}
.fs-1 {
  font-size : 3em !important;
}
.fw-bold {
  font-weight : bold !important;
}


.mx-0 {
  margin-top    : 0em !important;
  margin-bottom : 0em !important;
}
.mx-1 {
  margin-top    : 1em !important;
  margin-bottom : 1em !important;
}
.mx-2 {
  margin-top    : 2em !important;
  margin-bottom : 2em !important;
}
.mx-3 {
  margin-top    : 3em !important;
  margin-bottom : 3em !important;
}
.mx-4 {
  margin-top    : 4em !important;
  margin-bottom : 4em !important;
}
.mx-5 {
  margin-top    : 5em !important;
  margin-bottom : 5em !important;
}
.mx-auto {
  margin-left  : auto !important;
  margin-right : auto !important;
}
.d-block {
  display : block;
}
.color-azul {
  color : var(--color-negro)
}

.w-100 {
  width : 100%;
}

.position-relative {
  position : relative;
}
.cont-btnsClaves {margin-right : 1em;display : inline !important;}
.btnYoutube {
  padding : .3em 1em;background : red;text-decoration : none;color : white;font-weight : normal;border-radius : 2px;text-transform : uppercase;font-size : .8em;
}
.btnSpotify {
  padding : .3em 1em;background : green;text-decoration : none;color : white;font-weight : normal;border-radius : 2px;text-transform : uppercase;font-size : .8em;
}
/* 
FIX al agregar bootstrap, el header queda mal por el box-sizing:border-box de bootstrap.
TODO: agregar bootstrap a todo el sitio y corregir para que este fix no sea necesario
*/

.with-bootstrap header,
.with-bootstrap header * {
  box-sizing : content-box;
}


.owl-carousel {
  display : none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display : block;
}