@charset "utf-8";
:root {
  --color-negro          : #111;
  --color-rojo-oscuro    : #570000;
  --color-rojo-oscuro-op : rgba(87, 0, 0, 0.5);
  --color-rojo           : #B00;
  --color-naranja        : rgb(235, 107, 28);

  --color-gris-claro     : #919191;
  --color-gris           : #555;
  --color-amarillo       : #F3BA24;
  --color-blanco         : #EEE;
  --color-humo           : #CCC;
  --bs-body-font-size    : 14px;
}

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

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

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

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

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

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

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

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

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

.bg-amarillo {background-color : var(--color-amarillo);}
.color-amarillo {color : var(--color-amarillo);}
.border-amarillo {border-color : var(--color-amarillo);}
body {
  background-image      : url(/imagenes/unsplash/pawel-czerwinski-62n5jOHsrO4-unsplash.jpg);
  background-attachment : fixed;
  background-position   : top center;
}
body, html {
  font-family : "Montserrat", sans-serif;
  color       : var(--color-rojo-oscuro);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

  color : var(--color-rojo-oscuro);
}

textarea {
  resize      : none;
  form-sizing : content;
  min-height  : 1em;
}
/** ajustes solo para ios **/
@supports (-webkit-overflow-scrolling: touch) {
  /*
    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 
  */
  select, textarea, input {
    font-size : 16px !important;
  }

  /** reseteo apariencia de botones ios **/
  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }
}
.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%;
}
/*---- aspectRatios ----*/
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio168,
.aspectRatio167,
.aspectRatio166,
.aspectRatio165,
.aspectRatio164 {
  position : relative;
}
:is(
  .aspectRatio43,
   .aspectRatio1,
   .aspectRatio169,
   .aspectRatio168,
   .aspectRatio167,
   .aspectRatio166,
   .aspectRatio165,
   .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%);
}
.aspectRatio168:before {
  padding-top : calc((8 / 16) * 100%);
}
.aspectRatio167:before {
  padding-top : calc((7 / 16) * 100%);
}
.aspectRatio166:before {
  padding-top : calc((6 / 16) * 100%);
}
.aspectRatio165:before {
  padding-top : calc((5 / 16) * 100%);

}
.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
}
.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}
:is(input[type=password],input[type=text]).verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}
:is(input[type=password],input[type=text]).incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;

}
.paginacion span,
.paginacion a {
  color            : #FFF;
  text-decoration  : none;
  margin           : 5px;
  background-color : #658582;
  padding          : 5px 10px;
  transition       : .5s;
}
.paginacion a:hover,
.paginacion span {
  background-color : #FFF !important;
  color            : #658582;
  transition       : .5s;
}
.paginacion span {
  border : 1px solid #658582;
}

.owl-nav {
  position : absolute;
  bottom   : 29px;
  left     : 0;
}

.owl-prev, .owl-next {
  background-color : #333 !important;
}

.owl-dots {
  position : absolute;
  bottom   : 0;
}
#cboxTitle {
  position   : absolute;
  top        : -22px;
  left       : 0;
  color      : #EEE;
  background : #FFF;
  padding    : 0 5px 0 5px;
  font-size  : 14px;
}
#cboxTitle .btnGoFullScreen {
  color : #333;
}
:is(textarea,select,input)[data-validation-engine^="validate[required"] {
  /*background-color : #FFE8E8;*/
}
.navbar-brand img {
  height : 3rem;filter : grayscale(1) contrast(0) brightness(200%);
}

/*-------------*/

.cont-contacts {

}
.cont-contacts a {
  color       : var(--color-rojo-oscuro);
  transition  : .5s;
  font-size   : 1.6em;
  margin-left : .6em;
  transition  : .5s;
}
.cont-contacts a:hover {

  transition : .5s;
}
.cont-contacts a i {

}
.scrolled .cont-contacts a {
  font-size  : 1.2em;
  transition : .5s;
}
footer {

  background-color : rgba(235, 107, 28, 0.8);
  color            : var(--color-blanco);
  /*
  background : rgb(247, 76, 6);
  background : -moz-linear-gradient(0deg, rgba(247, 76, 6, 1) 0%, rgba(249, 188, 44, 0) 77%);
  background : -webkit-linear-gradient(0deg, rgba(247, 76, 6, 1) 0%, rgba(249, 188, 44, 0) 77%);
  background : linear-gradient(0deg, rgba(247, 76, 6, 1) 0%, rgba(249, 188, 44, 0) 77%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#f74c06", endColorstr="#f9bc2c", GradientType=1);
  */
}
.logo-pc {
  filter : grayscale(1) invert(1) brightness(120%);
}
.navbar-toggler {
  border : none;
}
.navbar-toggler:focus {
  box-shadow : none !important;
}
.navbar-toggler[aria-expanded=false] {
  transform  : rotate(0);
  transition : .5s;


}

.navbar-toggler[aria-expanded=true] {
  transform  : rotate(-90deg);
  transition : .5s;

}
.separator {
  margin : 3em 0;
}
.z-1 {
  z-index : 1;
}
.nav-link {
  color         : var(--color-blanco) !important;
  border-bottom : 1px solid var(--color-naranja);
  transition    : .5s;

}
.nav-link:focus, .nav-link:hover {
  color        : var(--color-blanco) !important;
  border-color : var(--color-rojo);
  transition   : .5s;
}
.t-0 {top : 0;}
.l-0 {left : 0;}
.cont-btnVerMas {
  background  : rgb(255, 255, 255);
  background  : -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 96%);
  background  : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 96%);
  background  : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 96%);
  filter      : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  position    : absolute;
  bottom      : 0;
  left        : 0;
  width       : 100%;
  height      : 8em;
  line-height : 8em;
}
.sticker {
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
}
.cont-claim {
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  backdrop-filter : brightness(200%) contrast(67%);
}
.claim {position : absolute;top : 35%;left : 50%;transform : translate(-50%, -50%);}


.section-title {
  margin-top       : -64px;
  position         : relative;
  z-index          : 1;
  background-color : var(--color-naranja);
  color            : var(--color-blanco);
}
.scrolled .navbar {
  padding    : 0;
  transition : .5s;
}
.navbar {
  transition : .5s;
}
.logo-desktop {
  max-height : 5rem;
  transition : .5s;
}

.scrolled .logo-desktop {
  max-height : 3rem;
  transition : .5s;
}
.logo-reducido {display : none;}
.scrolled .logo-reducido {display : inline !important;}
.scrolled .logo-desktop {display : none;}
.h1, h1 {
  font-size : calc(1.375rem + 0.1vw);
}
.h2, h2 {
  font-size : calc(1.325rem + 0.1vw);
}
/*-------------*/
@media (min-width : 576px) {
  .h1, h1 {
    font-size : calc(1.375rem + 1.5vw) !important;
  }

  .h2, h2 {
    font-size : calc(1.325rem + .9vw);
  }

  .claim {position : absolute;top : 50%;left : 50%;transform : translate(-50%, -50%);}

  .aspectRatio-sm-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}
@media (min-width : 768px) {

  .section-title {
    margin-top : 0;
  }

  .aspectRatio-md-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }

  .margin-top-desktop {
    margin-top : 74px;
  }
}
@media (min-width : 992px) {

  .margin-top-desktop {
    margin-top : 134px;
  }

  .aspectRatio-lg-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }

  .nav-link {
    margin-left : 1em;
  }

  .nav-link:focus, .nav-link:hover {
    border-bottom : 1px solid var(--color-rojo);
    transition    : .5s;
  }

  .nav-link i, .nav-link i {
    transition : .8s;
  }

  .nav-link:focus i, .nav-link:hover i {
    color      : var(--color-rojo);
    transition : .8s;
  }

  .biografia-columnas {

    column-count : 2;
    column-gap   : 25px;
    column-rule  : 2px solid var(--color-amarillo);


  }
}
@media (min-width : 1200px) {
  .aspectRatio-xl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}
@media (min-width : 1400px) {
  .aspectRatio-xxl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}
.typewrited span {
  opacity    : 0;
  transition : .5s;
}
.typewrited span.active {
  opacity    : 1;
  transition : .5s;
}
.text-justify {text-align : justify;}