
.vs-con-dropdown{position:relative;display:inline-block;border:0;background:transparent;}
.vs-con-dropdown *{pointer-events:none;}
.idiomas-barra{clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.05);box-shadow:0 4px 20px 0 rgba(0,0,0,.05);width:100%;z-index:10000;position:relative;}
.idiomas-barra--btn-responsive{display:none;width:40px;height:40px;position:relative;border:0;background:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;margin-left:5px;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease;overflow:hidden;}
@media screen and (max-width:800px){
.idiomas-barra--btn-responsive{display:-webkit-box;display:-ms-flexbox;display:flex;}
.idiomas-barra{display:block;}
.idiomas-barra--header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
}
.vs-spacer{padding:0;margin:0;-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important;background:transparent;}
.idiomas-barra.barra-en{padding:.8rem 2.3rem;transition:all .5s;z-index:10000;}
.barra-sticky{background:#fff;padding:2.2rem;padding-top:1.3rem;background-repeat-x:repeat;z-index:41000;width:100%;height:76px;background-repeat-y:no-repeat;top:0;}
.navbar-custom .idiomas-barra--btn-responsive{display:none!important;}
.navbar-custom .vs-spacer{display:block!important;}
.navbar-custom .vs-con-items{display:flex!important;width:100%;}
@media (max-width:1200px){
.barra-sticky{width:100%;}
}
@media (max-width:576px){
.barra-sticky{padding:1.2rem;}
}
.barra-sticky .bars-button{display:none;}
.barra-sticky .bars-button svg{color:#626262;}
@media (max-width:991px){
body .barra-sticky{display:flex;}
body .barra-sticky .bars-button{display:block;}
}
@media (max-width:768px){
.barra-sticky{height:75px;}
}
.cursor-pointer{cursor:pointer!important;}
.hidden{display:none!important;}
.flex{display:flex!important;}
.items-center{align-items:center!important;}
.h-4{height:1rem!important;}
.mt-1{margin-top:.25rem!important;}
.mr-2{margin-right:.5rem!important;}
.ml-2{margin-left:.5rem!important;}
.ml-3{margin-left:.75rem!important;}
.mr-5{margin-right:1.25rem!important;}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important;}
.px-2{padding-left:.5rem!important;padding-right:.5rem!important;}
.absolute{position:absolute!important;}
.relative{position:relative!important;}
.text-white{color:#fff!important;}
.text-xs{font-size:.75rem!important;}
.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;}
.w-5{width:1.25rem!important;}
@media (min-width:576px){
.sm\:block{display:block!important;}
.sm\:mr-6{margin-right:1.5rem!important;}
}



@media (min-width:1680px){
.idiomas-barra.barra-en {
  padding: 0px;
transition: all .5s;
z-index: 10000;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
transform: scale(0.8);
}

.barra-sticky {
    background: rgba(0, 0, 0, 0.36);
    padding: 2.2rem;
    padding-top: 1.3rem;
    background-repeat-x: repeat;
    z-index: 41000;
    width: 7.3%;
height: 54px;
    background-repeat-y: no-repeat;
    top: -20px;
    left: 1595px;
}
}

@media (min-width:1600px){
.idiomas-barra.barra-en {
  padding: 0px;
transition: all .5s;
z-index: 10000;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
transform: scale(0.8);
}

.barra-sticky {
    background: rgba(0, 0, 0, 0.36);
    padding: 2.2rem;
    padding-top: 1.3rem;
    background-repeat-x: repeat;
    z-index: 41000;
    width: 7.3%;
height: 54px;
    background-repeat-y: no-repeat;
    top: -20px;
    left: 1465px;
}
}

@media (max-width:1500px){
.idiomas-barra.barra-en {
  padding: 0px;
transition: all .5s;
z-index: 10000;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
transform: scale(0.8);
}

.barra-sticky {
    background: rgba(0, 0, 0, 0.36);
    padding: 2.2rem;
    padding-top: 1.3rem;
    background-repeat-x: repeat;
    z-index: 41000;
    width: 7.3%;
height: 54px;
    background-repeat-y: no-repeat;
    top: -20px;
    left: 1415px;
}
}

@media (max-width:1600px){
.idiomas-barra.barra-en {
  padding: 0px;
transition: all .5s;
z-index: 10000;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
transform: scale(0.8);
}

.barra-sticky {
    background: rgba(0, 0, 0, 0.36);
    padding: 2.2rem;
    padding-top: 1.3rem;
    background-repeat-x: repeat;
    z-index: 41000;
    width: 7.3%;
height: 54px;
    background-repeat-y: no-repeat;
    top: -20px;
    left: 1344px;
      padding-left: 7px!important;
}
}

@media (max-width:1425px){

  .barra-sticky {
    width: 7.3%;
  top: -20px;
  left: 1298px;
  padding-left: 7px!important;
  }
}


@media (max-width:1370px){
.idiomas-barra.barra-en {
  padding: 0px;
transition: all .5s;
z-index: 10000;
border-radius: 0px 0px 10px 10px;
font-size: 14px;
transform: scale(0.8);
}

.barra-sticky {
    background: rgba(0, 0, 0, 0.36);
    padding: 2.2rem;
    padding-top: 1.3rem;
    background-repeat-x: repeat;
    z-index: 41000;
    width: 5.3%;
    height: 54px;
    background-repeat-y: no-repeat;
    top: -20px;
    left: 1255px;
}
.sm\:block{display:block!important;}
.sm\:mr-6{margin-right:1.5rem!important;}
.hidden{display:none!important;}
}

@media (max-width:1288px){
.idiomas-barra.barra-en {
transform: scale(0.8);
}

.barra-sticky {
    width: 5.3%;
    top: -20px;
    left: 1206px;
}
}

@media (max-width:1268px){
.barra-sticky {
    width: 5.3%;
    top: -20px;
    left: 1166px;
}
}

.barra-sticky:hover{
	background: rgb(255 255 255 / 36%);
	color: black!important;
	cursor: pointer;
}

.descarga-oculta{
  display: none;
}

.oculto:hover .descarga-oculta{
  display: block;
}
.oculto:hover .texto-ocultarse{
	 display: none;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 3;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #0d8188;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
.icon-card-:hover .ribbon {
  display: none;
}


/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

.featured.fa {
  width: 100%;
  height: 100%;
  border: 1px solid grey;
  display: block; /* needed to override FA styling */
  position: relative;
}
.featured.fa::before {
  position: absolute;
  right: 0%;
  top: 0;
  margin: .25em;
  color: gold;
}
.featured::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-width: 20px;
  border-radius: 0px 8px 0px 0px;
  border-style: solid;
  border-color: darkorange darkorange transparent transparent;
  z-index: -1;
}
