@charset "utf-8";
:root {
  --color-gris        : #333;
  --color-gris-claro  : #666;
  --color-gris-oscuro : #000;
  --color-blanco      : #FFF;
  --color-rojo        : #F00;
  --color-rojo-dac    : #E51B24;
  --color-verde       : #0F0;
  --color-verde-dac   : #00A950;
  --color-azul        : #00F;
  --color-amarillo    : #FF0;
  --color-naranja     : #F90;
  --color-morado      : #90F;
  --primary           : #303791;
  --primary-hover     : #3B44B5;
  --secondary         : #FFF;
  --rgba-primary-05   : rgba(46, 85, 250, 0.05);
  --rgba-primary-1    : rgba(46, 85, 250, 0.1);
  --rgba-primary-2    : rgba(46, 85, 250, 0.2);
  --rgba-primary-3    : rgba(46, 85, 250, 0.3);
  --rgba-primary-4    : rgba(46, 85, 250, 0.4);
  --rgba-primary-5    : rgba(46, 85, 250, 0.5);
  --rgba-primary-6    : rgba(46, 85, 250, 0.6);
  --rgba-primary-7    : rgba(46, 85, 250, 0.7);
  --rgba-primary-8    : rgba(46, 85, 250, 0.8);
  --rgba-primary-9    : rgba(46, 85, 250, 0.9);
  --title             : #232323;
  --white             : #FFF;
  --white2            : #E1E6EB;
}

.color-rojo-dac {
  color : var(--color-rojo-dac);
}

.color-verde-dac {
  color : var(--color-verde-dac);
}

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

.color-naranja {
  color : var(--color-naranja);
}

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 var(--color-verde-dac);
}

:is(input[type=password],input[type=text]).incorrecto {
  border        : 1px solid var(--color-rojo-dac);
  border-radius : 2px;
  box-shadow    : 0 0 7px var(--color-rojo-dac)
}

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

.bodymask {
  background-color : var(--color-blanco);
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;
}

.paginacion span,
.paginacion a {
  color            : var(--color-blanco);
  text-decoration  : none;
  margin           : 5px;
  background-color : var(--color-gris-claro);
  padding          : 5px 10px;
  transition       : .5s;
}

.paginacion a:hover,
.paginacion span {
  background-color : var(--color-blanco) !important;
  color            : var(--color-gris-claro);
  transition       : .5s;
}

.paginacion span {
  border : 1px solid var(--color-gris-claro);
}

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

.owl-prev, .owl-next {
  background-color : var(--color-gris) !important;
}

.owl-dots {
  position : absolute;
  bottom   : 0;
}

#cboxTitle {
  position   : absolute;
  top        : -22px;
  left       : 0;
  color      : var(--white2);
  background : var(--color-blanco);
  padding    : 0 5px 0 5px;
  font-size  : 14px;
}

#cboxTitle .btnGoFullScreen {
  color : var(--color-gris);
}

:is(textarea,select,input)[data-validation-engine^="validate[required"] {
}

.main-slider {
  height       : auto !important;
  aspect-ratio : 4/3;
  position     : relative;
}

.main-slider > .container {
  position  : absolute;
  top       : 50%;
  transform : translateY(-50%);
}

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

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

  .main-slider {
    aspect-ratio : 16/9;
  }
}

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

  .main-slider {
    aspect-ratio : 16/8;
  }
}

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

  .main-slider {
    aspect-ratio : 16/7;
  }
}

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

  .main-slider {
    aspect-ratio : 16/6;
  }
}

.LogoHeader img {
  padding : 6px 14px 12px 14px;max-width : 140px;
}

.btnShowPassword {
  position : absolute;
  top      : .75em;
  right    : .6em;
  color    : var(--color-gris-claro);
  cursor   : pointer;
}

.input-group .input-group-text.site-button {
  margin-bottom : 0;
  color         : var(--color-blanco);
}

.cont-perfil-completed {
  margin  : 2em 0;
  padding : 0 0 0 22px;
}

.perfil-completed {
  margin-top : 0;
}

.perfil-completed > div {
  background-color : var(--color-verde-dac);
  color            : var(--color-blanco);
  padding          : 2px;
  font-size        : 10px;
  position         : relative;
  min-height       : 1.5em;
  box-shadow       : 0 0 2px var(--color-verde-dac);
  text-align       : right;
  overflow         : hidden;
  width            : 0;
  padding-right    : 15px;
}

.perfil-completed > div > span {
  color       : var(--color-blanco);
  font-weight : bold;
  text-shadow : 0 0 1px var(--color-verde-dac);
}

.form-select {
  border-color  : var(--white2);
  box-shadow    : none;
  font-size     : 14px;
  line-height   : 20px;
  padding       : 12px 15px;
  border-radius : 0;
}

.sub-menu {
  font-size   : 12px;
  margin-left : 1em;
}

.sub-menu > li {}

.sub-menu > li > a {
  padding : 9px 20px !important;
}

.small.post-bx .job-post-info {}

.small.post-bx .job-post-info h4 {margin-bottom : 0;}

.small.post-bx .job-post-info h4 a {}

.small.post-bx .job-post-info ul {}

.small.post-bx .job-post-info ul li {}

.small.post-bx .job-post-info .job-time {
  margin-bottom : 1em; margin-top : 0;
}

.small.post-bx .job-post-info .posted-info {}

.btn-danger {
  background-color : var(--color-rojo-dac);
  border-color     : var(--color-rojo-dac);
  color            : var(--color-blanco);
}

.btn-danger:hover {
  color            : var(--color-blanco);
  background-color : var(--color-rojo);
  border-color     : var(--color-rojo);
}

.nav-tabs .nav-link {
  border-color : #DEE2E6;
}

.bg-rojo-dac {
  background-color : var(--color-rojo-dac) !important;
}

.alertify-notifier .ajs-message.ajs-success {
  text-shadow : none;
}

.alertify-notifier .ajs-message {
  box-shadow : none;
}

.alertify-notifier .ajs-message.ajs-visible {
  padding : 7px;
}

.candidate-info img {
  border-radius : 0 !important;
  width         : auto;
  max-width     : 160px;
  position      : absolute;
  top           : 50%;
  left          : 50%;
  transform     : translate(-50%, -50%);
}

.canditate-des > a {
  display          : block;
  overflow         : hidden;
  border-radius    : 100%;
  width            : 100%;
  background-color : #FFF;
  padding          : 5px;
  aspect-ratio     : 1;
  position         : relative;
}

.contacto-init .g-recaptcha {
  transform                : none !important;
  -webkit-transform        : none !important;
  -moz-transform           : none !important;
  -o-transform             : none !important;
  transform-origin         : 0 0;
  -o-transform-origin      : 0 0;
  -moz-transform-origin    : 0 0;
  -webkit-transform-origin : 0 0;
}
.main-slider::after {
  transition:.5s;
}

.main-slider.waiting::after {
  transition:.5s;
  background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.main-slider::after {
  transition:.5s;
  opacity:1;
}
.main-slider.waiting h2,
.main-slider.waiting h2 span{
  color:#fff!important;
}
.main-slider.waiting::after {
  transition:.5s;
  opacity:0;

}