body {
font-family:Verdana, Geneva, sans-serif;
background:#ccd3d4;
}
.uso-extendido-fuente-especial,
.uso-extendido-fuente-especial input,
.uso-extendido-fuente-especial button,
.uso-extendido-fuente-especial select,
.uso-extendido-fuente-especial textarea,
h1, h2, h3, h4,
.paginas_titulo,
.fuente_especial,
.fuente-especial {
font-family:'Ubuntu', sans-serif;
}
a, h1, h2, h3, h4,
.spg_listado_titulo a:hover,
.wof_1_precio,
.wof_5_precio,
.wof_6_precio,
.wof_2_precio
{
color :#180d0d;
}
/*.sof_articulo_descripcion >p a,*/
ul.wfo_1 li:hover a,
ul.wfo_2 li:hover a,
a.wof_2_oferta:hover,
a:hover .wof_1_precio,
a:hover .wof_5_precio,
a:hover .wof_6_precio,
a:hover .wof_1_resumen,
a:hover .wof_6_resumen,
a:hover .wof_2_resumen,
a:hover .wof_2_precio,
a:hover,
.wof_3_precio,
.spg_listado_titulo a {
color:#98be0d;
}
nav,
nav li,
.nav-responsive-button,
nav ul li a {
background:#180d0d;
color:white;
}
.nav-responsive-button:hover,
nav ul li a:hover {
background:#98be0d;
color:white;
}
.menu-invertido nav,
.menu-invertido nav li,
.menu-invertido .nav-responsive-button,
.menu-invertido nav ul li a {
background:#98be0d;
color:white;
}
.menu-invertido .nav-responsive-button:hover,
.menu-invertido nav ul li a:hover {
background:#180d0d;
color:white;
}
ul.wfo_2 li:hover,
ul.wfo_1 li:hover,
ul.wof_1 li:hover,
ul.wpg_1 li:hover,
ul.sof_listado li:hover,
ul.spg_listado li:hover,
ul.sfo_listado li:hover,
.wpa_2 a:hover {
border-color: #98be0d;
}
.link-boton,
.btn-plano,
.btn-booking,
a.sof_listado_btn_detalles,
.sof_articulo_acciones a,
.sof_articulo_acciones button.btn-pagar,
a.spg_btn_detalles {
color: #FFFFFF;
background:#180d0d;
}
.link-boton:hover,
.btn-plano:hover,
.btn-booking:hover,
a.sof_listado_btn_detalles:hover,
.sof_articulo_acciones a:hover,
.sof_articulo_acciones button.btn-pagar:hover,
a.spg_btn_detalles:hover {
color: #FFFFFF;
background:#98be0d;
}
a:hover .wof_3_titulo {color: #98be0d; }
.border_1 {border-color: #180d0d; }
.border_2 {border-color: #98be0d; }
.border_left_1 {border-left-color: #180d0d; }
.border_left_2 {border-left-color: #98be0d; }
.border_right_1 {border-right-color: #180d0d; }
.border_right_2 {border-right-color: #98be0d; }
.border_bottom_1 {border-bottom-color: #180d0d; }
.border_bottom_2 {border-bottom-color: #98be0d; }
.color_1 {color:#180d0d; }
.color_2 {color:#98be0d; }
.color_3 {color:#ccd3d4; }
.fondo_1, .background_1 {background:#180d0d; }
.fondo_2, .background_2 {background:#98be0d; }
.fondo_3, .background_3 {background:#ccd3d4; }
.fondo_2 a, .background_2 a {color:#180d0d; }
.fondo_2 a:hover, .background_2 a:hover {color:#180d0d; }
.fondo_1 a, .background_1 a {color:#98be0d; }
.fondo_1 a:hover, .background_1 a:hover {color:#98be0d; }
.btn_1 {background:#98be0d; color: #FFFFFF; }
.btn_1:hover {background:#180d0d; }
.btn_2 {background:#180d0d; color: #FFFFFF; }
.btn_2:hover {background:#98be0d; }
label.step { color: rgba(152,190,13,.65); }
/* NAV */
nav.current-hilight a.current { background-color: #98be0d; }
/* #SLIDERSHOW */
.slider_texto { background-color: #180d0d; }
.background-inverse .slider_texto { background-color: #98be0d; }
/* WOF */
.wof_2_precio,
.wof_3_precio
{
background-color: #180d0d;
}
.sof_listado_imagen,
.wof_1 li:hover .wof_1_precio,
.wof_5 li:hover .wof_5_precio,
.wof_6 li:hover .wof_6_precio,
.wof_2_imagen,
a:hover .wof_2_imagen,
.wof_2_oferta:hover .wof_2_precio,
.wof_3:hover .wof_3_precio,
.wof_3_contenedor,
.wpa_1 li a
{
background-color: #98be0d;
}
#forma_pago label:hover {
background-color: rgba(152,190,13,.1);
}
/* PAGINAS */
.spg_listado .span2:first-child { color: #98be0d; }
.spg_listado.wrapper li:hover { background-color: rgba(152,190,13,.15); }
/* RESERVAS Y LISTA-COMPACTA */
.lista-compacta li:hover { background-color: rgba(152,190,13,.15); }
/* FORM */
.form-a .banner_booking_bar label > input,
.form-a .filtros_opciones select[class*="span"],
.form-a select[class*="span"],
.form-a input:not([type="submit"])[class*="span"],
.form-a textarea[class*="span"]
{
color: #180d0d;
background-color: rgba(152,190,13,.05);
box-shadow: 0 0 0 1px rgba(152,190,13,.25);
border-color: #98be0d;
}
.form-a .banner_booking_bar label > input:focus,
.form-a select[class*="span"]:focus,
.form-a input:not([type="submit"])[class*="span"]:focus,
.form-a textarea[class*="span"]:focus
{
box-shadow: 0 0 10px rgba(152,190,13,.25);
}
.form-a label { color: #98be0d; }
.form-a label.error { color:inherit; }
.form-a label.step span { color: #180d0d; }
/*------*/
.form-b .banner_booking_bar label > input,
.form-b .filtros_opciones select[class*="span"],
.form-b select[class*="span"],
.form-b input:not([type="submit"])[class*="span"],
.form-b textarea[class*="span"]
{
color: #98be0d;
background-color: rgba(152,190,13,.05);
box-shadow: 0 2px 0 0 rgba(152,190,13,.75);
border-color: #98be0d;
}
/*------*/
.form-c .banner_booking_bar label > input,
.form-c .filtros_opciones select[class*="span"],
.form-c select[class*="span"],
.form-c input:not([type="submit"])[class*="span"],
.form-c textarea[class*="span"]
{
color: #98be0d;
background-color: rgba(152,190,13,.1);
border-color: #98be0d;
}
/* BODY GRADIENTS */
body.body-grad-a {
background: linear-gradient(rgba(152,190,13,.1), rgba(152,190,13,.3));
background-attachment: fixed;
}
body.body-grad-b {
background: linear-gradient(rgba(152,190,13,.3), rgba(152,190,13,.1));
background-attachment: fixed;
}
body.body-grad-c {
background: linear-gradient(rgba(152,190,13,.3), rgba(152,190,13,.0));
background: linear-gradient(rgba(152,190,13,.3), #ccd3d4);
background-attachment: fixed;
}
body.body-grad-d {
background: linear-gradient(rgba(152,190,13,.0), rgba(152,190,13,.3));
background: linear-gradient(#ccd3d4, rgba(152,190,13,.3));
background-attachment: fixed;
}
/* ENCABEZADOS */
.h1-a #contenido >div >h1,
.h1-a .portada >div >h2 { background: #180d0d; }
.h1-a h1+.breadcrumb {color: white; background: #180d0d; }
.h1-a h1+.breadcrumb a {color: white; }
.h1-a h1+.breadcrumb > li + li:before {color: rgba(255, 255, 255, 0.5); }
.h1-b #contenido >div >h1,
.h1-b .portada >div >h2 { background: #98be0d; }
.h1-b h1+.breadcrumb {color: white; background: #98be0d; }
.h1-b h1+.breadcrumb a {color: white; }
.h1-b h1+.breadcrumb > li + li:before {color: rgba(255, 255, 255, 0.5); }
.h1-c #contenido >div >h1,
.h1-c .portada >div >h2 { color: #98be0d; border-color: rgba(152,190,13,.25); }
.h1-a h1+.breadcrumb,
.h1-b h1+.breadcrumb { top: -1.75em; margin: 5px -20px -5px -20px; padding: 0 20px 10px; border-radius: 0; }
/* CHECKBOX Y RADIO */
.radio-default input[type="radio"] + label::after { background-color: #98be0d; }
.radio-default input[type="radio"]:checked + label::before { border-color: #98be0d; }
.radio-default input[type="radio"]:checked + label::after { background-color: #98be0d; }
.checkbox-default input[type="checkbox"]:checked + label::before,
.checkbox-default input[type="radio"]:checked + label::before { background-color: #98be0d; border-color: #98be0d; }
.checkbox-default input[type="checkbox"]:checked + label::after,
.checkbox-default input[type="radio"]:checked + label::after { color: #fff; }
.botones-planos .btn.btn-default { background: #98be0d; color: white; }
.botones-planos .btn.btn-default:hover { opacity: .8; }
/*.lista-compacta-categorias .texto_oferta_tags a,
.lista-compacta-categorias .texto_oferta_categorias a { color: #180d0d; }*/
.lista-compacta-categorias .texto_oferta_tags a:hover,
.lista-compacta-categorias .texto_oferta_categorias a:hover { color: #98be0d; box-shadow: 0 0 1px rgba(152,190,13,.75); }
/* CUSTOM SLIDERS */
.ui-widget-header { background: #98be0d; }
.noUi-connect { background: #98be0d; }
.noUi-handle:after, .noUi-handle:before,
#slider-precio-minimo .noUi-origin,
#slider-precio-maximo .noUi-base { background: #98be0d; border-radius:3px; }
#slider-precio-maximo .noUi-origin { background: #fafafa; }
.noUi-handle { border: 1px solid #98be0d; }
/* LISTADO OFERTAS PANELES */
.listado-ofertas-paneles .span2.sof_listado_detalles {
background: rgba(152,190,13, 0.4);
}
/* WOF_4 COLOR PRECIO */
.slide p.slide-oferta-precio { background: rgba(152,190,13,1); }
#tema-19 .slide p.slide-oferta-titulo { color: #98be0d; }
/* ACORDEON */
.mini-acordeon-header { color: #180d0d; }
.mini-acordeon-header:hover { color: #98be0d; }
.mini-acordeon-header.active { background: #98be0d; color: white; }
.mini-acordeon-header.active:hover { background: rgba(152,190,13,.8); }
/* SELECCION DE TEXTO */
::selection { background: rgba(152,190,13,.25); }
/* CUSTOMS DE TEMAS */
/*.menu-agrupado nav ul ul li a:hover { color: #98be0d; }*/
/* DATEPICKER COLORS */
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td span.active {
background-color: #98be0d;
background-image: linear-gradient(0deg, #98be0d, #98be0d);
}
/* CUSTOM CSS */
.forms-rgpd { padding: 10px 20px; }

#aviso_cookies_wrapper {
  background-color: white;
  border: 4px solid;
  padding: 20px;
  margin: auto;
  line-height: normal;
  box-sizing: border-box;
  max-width: 750px;
  margin: 20px auto;
}

#aviso_cookies_wrapper::before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #3b3b3b63;
  z-index: -1;
}


.alert-lista-espera {
  margin: 0;
  margin-bottom: 35px;
  background: #d3e4f882;
  padding: 15px;
  padding-bottom: 5px;
  border: 1px solid #4771c978;
  border-radius: 4px;
  color: #285ea1;
}
.link-lista-espera {
  color: #4270c4;
}
.link-lista-espera:hover {
  color: #4270c4;
}



.foto-oficina {
  display: none;
}
@media (min-width: 860px) {
  .foto-oficina {
    height: 100%;
    position: absolute;
    right: 0;
    /* border: 3px solid #ffffff; */
    border-radius: 6px;
    top: 5px;
    display: block;
  }
  .contacto-flotante.con-foto-oficina {
    padding-right: 220px;
  }
}


nav ul li a[href="#search"]::before {
  /* background-color: red !important; */
  content: "\f002";
  float: left;
  margin-right: 12px;
  position: relative;
  top: 3px;
  
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

.panel-busqueda .open-search {
  padding: 10px;
  padding-right: 10px;
}

/* MODAL BUSQUEDA */
.modal-busqueda {
  display: none;
}

.modal-busqueda.show {
  display: block;
  position: fixed;
  top: 0;
  bottom:0;
  left:0;
  right:0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #1f2b40d1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-busqueda .input-busqueda {
/*   padding: 20px; */
}

input.span.input-busqueda {margin: 0px;}

button.btn-busqueda {
  padding: 18px 30px;
  font-size: 16px;
  border-radius: 0 10px 10px 0 !important;
  border: 3px solid black;
  border-left: none !important;
}
input.input-busqueda {
  font-size: 16px;
  padding: 18px 20px !important;
  border-radius: 10px 0 0 10px !important;
  border: 3px solid black !important;
  border-right: none !important;
}

a.busqueda-cerrar {
  position: fixed;
  top: 0;
  color: white;
  padding: 20px;
  right: 0;
  font-size: 25px;
}

.js-filtrar-ofertas { display: none; }

.js h1+.sof_listado:not(.ready) {
    max-height: 210px;
    height: 210px;
    overflow: hidden;
    position: relative;
}
.js h1 + .sof_listado:not(.ready) + .pagination { display: none; }

.js .sof_listado ~ .alert.alert-info { display:none; }

.js h1+.sof_listado:not(.ready):before {
    content: '';
    background: white url('/img/bx_loader.gif') no-repeat 50% 50%;
    display: block;
    width: 100%;
    height: 210px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}







/** AJUSTES 2023-12-27 **/
.logo_contenedor {
  text-align: left;
  padding: 10px 0;
}
.panel-lateral-ofertas .sof_articulo_descripcion {
  padding: 30px 30px 30px 10px;
}

#new-action-buttons a {
  display: block;
}

.spg_articulo_pagina {
  padding: 0 20px;
}

.spg_articulo_resumen,
.texto_paginas_categorias {
  display: none;
}

.botones-planos .btn.btn-warning {
  background: #e5720f;
}

#contenido {
  /*padding: 20px;*/
  padding-top: 10px;
}

/** BÚSQUEDA **/
#sof_listado > h1 { min-height: 50px; }

.filtro-ofertas {
  position: absolute;
  left: 11px;
  top: 11px;
}

.filtro-ofertas .filtro-x {
  display: flex;
  align-items: center;
  background-color: #cbd3d447;
  /* box-shadow: 0 0 0 1px #8080804a; */
  border-radius: 6px;
  justify-content: space-between;
  padding: 5px;
  margin: 0;
  width: auto;
}

.filtro-ofertas .filtro-x input {
  margin: 0 0 0 0px;
}

.filtro-ofertas .filtro-x label {
  padding: 0 10px;
  font-weight: bold;
  color: #7c7c7c;
}
/** ---- **/



.portada > [class*=span] {
  padding-left: 15px;
  padding-right: 15px;
}
.remove-padding-portada,
.portada>.span12>.wof_4 {
  margin-left: -15px;
  margin-right: -15px;
}

/** IMAGE FIT CON EMBED OFERTAS **/
.image-fit .embed_ofertas {
  background: #ffffffa6;
  padding: 40px 20px;
}

/** VIAJES 1 DÍA PORTADA: 2 COLS **/
@media (min-width:700px) {
  .span12 > .wof_1.wof-cat-viajes-de-1-dia {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
/** VARIANTE PARA LOS WOF_5 (FOTO + IMAGEN)
-- no aplico de momento **/
@media (min-width:700px) {
  .span12 > .wof_5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    align-items: end;
  }
  .span12 > .wof_5 > li:first-child { grid-column: 1/3; }
  .span12 > .wof_5 > li:first-child .wof_5_texto { width: calc(50% - 15px); } 
}



/* AVISO EDAD EN RESERVA */
.aviso-edad {
  width: 96% !important;
  float: nonlo;
  clear: both;
  padding: 1.5%;
  color: #000000;
  background: #fff8d9;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
}

/* AVISO TRASLADO */
.aviso-traslado {
  text-align: center;
  font-size: 18px;
  font-size: 16px;
  line-height: normal;
  /* max-width: 700px; */
  margin: auto;
  padding: 30px 0px 15px;
  background: #8dbe3c52;
}

.span6 .aviso-traslado {
  background: transparent;
  padding: 0 !important;
}
.span6 .aviso-traslado .ov-card-b {
  box-shadow: 0 0 0px 3px rgb(141 190 60);
  max-width: 460px;
  max-width: 100%;
  grid-template-columns: none;
  grid-template-rows: 140px 1fr;
  min-height: 305px;
  min-height: 318px;
}
.aviso-traslado .ov-card-a {
  box-shadow: 0 0 0px 3px rgb(141 190 60);
  max-width: 700px;
}
.aviso-traslado .ov-card-a .caption { padding: 50px 0; }




#doc-download { display: block; } /* mostrar botón de descarga de folletos */

.aviso-vacaciones {
    padding: 10px 10px 0 10px;
    background: #779605;
    border: 5px solid #a1c525;
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 2em;
}
#slidershow .slider_texto {
    font-size: 39px;
    max-width: 100%;
    background-color: #a4c626b0;
    padding: 0px 32px;
    font-family: 'Kaushan Script';
    /*text-transform: lowercase;*/
}


body {
  font-family: 'Indie Flower', Questrial, Lobster, Raleway, 'Bree Serif', 'Abril Fatface', 'Dancing Script',
'Sansita One', 'Cuprum', Lato, Rancho, 'Cantora One', 'Lily Script One',
Ubuntu, Kavoon, Cinzel, Trykker, Volkhov, 'Open Sans', Questrial, sans-serif;
  font-size: 13px;
  line-height: 1.3em;  
  /*max-width:980px;*/
  max-width:1200px;
}
.logo { margin-top:10px; }

/* PANEL DE CONTACTO FLOTANTE EN CABECERA */
.contacto-flotante {
  position: absolute; top: 12px; right: 20px;
  font-size: 14px;
  font-weight:bold;
  line-height: normal;
  color: #98be0d;
  text-align: right;
}
.contacto-flotante h1 { color:#98be0d; padding:0; margin:0; }
.contacto-flotante p { margin: 0 0 5px 0; color:#5d5d5d;}
.contacto-flotante a { color: #08c; color:#98be0d; }
.contacto-flotante a:hover { text-decoration:underline;}

/** 2023-12 nuevo panel **/
.contacto-flotante i { margin: 5px; }
.contacto-flotante h4 { font-size: 16px; margin: 10px 0 5px 0; }
.contacto-flotante p { font-size: 16px; line-height: 20px; }
.contacto-flotante p strong { color: #4ba134; }

.idiomas { top:105px; right:25px; }
@media (max-width:620px){
  .contacto-flotante { position:static; text-align:center; padding-bottom:10px; }
  .idiomas { top:0; right:0; }
  header div { text-align:center; }
  .logo { margin-left:0; }
}
/* --- */

/** 2024-01 PANEL DIRECCIÓN **/
.panel-direccion {
  padding: 10px 20px;
  background: #f6ffe191;
  font-size: 16px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}
.panel-aviso {
  padding: 10px 20px;
  background: #e8e8e8;
  box-shadow: 0 0 1px 1px #24242452;
  font-size: 16px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
}
/** --- **/

.opciones-viaje-container label { font-size: 14px !important; }

/* UTILIDADES */
.utilidades, .utilidades ul {padding:0; margin:0; }
.utilidades li {float: left; overflow: hidden; margin: 0; box-sizing: border-box; padding: 10px; }
.utilidades li:hover { background: rgba(0,0,0,.025); }

.span12 .utilidades li { width: 25%; } /* 4 columnas */
.span9  .utilidades li { width: 33.33%; } /* 3 columnas */
.span6  .utilidades li { width: 50%; } /* 2 columnas */
.span3  .utilidades li { width: 100%; }

@media (max-width: 980px) { [class*="span"] .utilidades li { width: 33.33%; } }
@media (max-width: 768px) { [class*="span"] .utilidades li { width: 50%; } }
@media (max-width: 523px) { [class*="span"] .utilidades li { width: 100%; } }

.utilidades li a {
  font-weight: bold;
  font-size: 14px; font-size: 1.4rem;
  font-family: 'Indie Flower', Questrial, Lobster, Raleway, 'Bree Serif', 'Abril Fatface', 'Dancing Script',
'Sansita One', 'Cuprum', Lato, Rancho, 'Cantora One', 'Lily Script One',
Ubuntu, Kavoon, Cinzel, Trykker, Volkhov, 'Open Sans', Questrial, sans-serif;
}
.utilidades li a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  content: "\f00b";
  content: "\f0ad";
  opacity: 0.25;
  filter: alpha(opacity=50);
}

.btn-turquesa {
  background: #0ca597;
  color: white;
}
.btn-turquesa:hover {
  background: #36d5c6;
  color: white;
}

/* CUSTOM PAGOS */
label[for=jsfrm-pago-total] {
  color: white !important;
}
#jsfrm-pago-total {
    background: #8cb84d;
    color: white;
    font-weight: bold;
}
span.jsfrm-pago-pax-extras-importe-separador {
  display: none;
}

span.jsfrm-pago-pax-extras-importe.jsfrm-pago-pax-extras-importe-cero {
  display: none;
}

span.jsfrm-pago-pax-extras-importe {
  font-weight: bold;
}



/** ETIQUETADO OFERTAS **/
li.ofertas.cat-lista-de-espera .span3.sof_listado_imagen::after, 
li.ofertas.nuevo .span3.sof_listado_imagen::after,
li.ofertas.ultimas .span3.sof_listado_imagen::after {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  padding: 10px 20px;
  border-radius: 5px;
  pointer-events: none;
}

li.ofertas.nuevo .span3.sof_listado_imagen::after {
  content: 'NUEVO VIAJE';
  background-color: #0faa5b;
  color: white;
}
li.ofertas.ultimas .span3.sof_listado_imagen::after {
  content: 'ÚLTIMAS PLAZAS';
  animation: bg-ultimas 2s infinite linear;
  background-color: #dd4911;
  color: white;
}

@keyframes bg-ultimas {
   0%  { background: #be3000; }
  50%  { background: #fc8700; }
 100%  { background: #be3000; }
}

li.ofertas.cat-lista-de-espera .span3.sof_listado_imagen::after {
  content: 'EN LISTA DE ESPERA...';
  animation: none;
  background-color: #3b9aec;
  color: white;
}


/** WOF_5 **/
.wof_5 li.nuevo::after,
.wof_5 li.cat-lista-de-espera::after,
.wof_5 li.ultimas::after {
  position: absolute;
  top: 0px;
  right: 58px;
  z-index: 1;
  padding: 6px 9px;
  border-radius: 5px;
  pointer-events: none;
}
.wof_5 li.nuevo::after {
  content: 'NUEVO';
  background-color: #0faa5b;
  color: white;
}
.wof_5 li.nuevo .wof_5_titulo,
.wof_5 li.nuevo .wof_5_resumen,
.wof_5 li.cat-lista-de-espera .wof_5_titulo,
.wof_5 li.cat-lista-de-espera .wof_5_resumen,
.wof_5 li.ultimas .wof_5_titulo,
.wof_5 li.ultimas .wof_5_resumen {
  padding-right: 13rem;
}

.wof_5 li.ultimas::after {
  content: 'ÚLTIMAS';
  animation: bg-ultimas 2s infinite linear;
  background-color: #dd4911;
  color: white;
}

.wof_5 li.cat-lista-de-espera::after {
  content: 'L.ESPERA';
  /*animation: bg-ultimas 2s infinite linear;*/
  background-color: #3b9aec;
  color: white;
}

/** WOF_1 **/
.wof_1 li.nuevo::after,
.wof_1 li.cat-lista-de-espera::after,
.wof_1 li.ultimas::after {
  position: absolute;
  top: 0px;
  right: 58px;
  z-index: 1;
  padding: 6px 9px;
  border-radius: 5px;
  pointer-events: none;
}
.wof_1 li.nuevo::after {
  content: 'NUEVO';
  background-color: #0faa5b;
  color: white;
}
.wof_1 li.cat-lista-de-espera .wof_1_titulo,
.wof_1 li.cat-lista-de-espera .wof_1_resumen,
.wof_1 li.nuevo .wof_1_titulo,
.wof_1 li.nuevo .wof_1_resumen,
.wof_1 li.ultimas .wof_1_titulo,
.wof_1 li.ultimas .wof_1_resumen {
  padding-right: 52px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wof_1 li.ultimas::after {
  content: 'ÚLTIMAS';
  animation: bg-ultimas 2s infinite linear;
  background-color: #dd4911;
  color: white;
}

.wof_1 li.cat-lista-de-espera::after {
  content: 'L.ESPERA';
  /*animation: bg-ultimas 2s infinite linear;*/
  background-color: #3b9aec;
  color: white;
}

/** SOF ARTICULO **/
#sof_articulo.nuevo .sof_articulo_titulares::after,
#sof_articulo.ultimas .sof_articulo_titulares::after {
  position: absolute;
  bottom: 100px;
  left: calc(50% - 65px);
  width: 130px;
  text-align: center;
  z-index: 1;
  padding: 10px 20px;
  border-radius: 5px;
  pointer-events: none;
}
#sof_articulo.ultimas .sof_articulo_titulares::after {
  content: 'ÚLTIMAS PLAZAS';
  animation: bg-ultimas 2s infinite linear;
  background-color: #dd4911;
  color: white;
  font-size: 16px;
}
#sof_articulo.nuevo .sof_articulo_titulares::after {
  content: 'NUEVO VIAJE';
  background-color: #0faa5b;
  color: white;
}