/* variables de colores por ámbito, para usar en los eventos */
:root {
  --ONEKIN-color-enlaces: #ca2724;
  --ONEKIN-color-rosa   : #EE7775;

  --oa-categoria-evento-pesca                : #A3D7F0;
  --oa-categoria-evento-desarrollo-litoral   : #A0E391;
  --oa-categoria-evento-desarrollo-rural     : #F0E391;
  --oa-categoria-evento-agricultura          : #DDF090;
  --oa-categoria-evento-forestal             : #677435;
  --oa-categoria-evento-ganaderia            : #DBB151;
  --oa-categoria-evento-gastronomia          : #677435;
  --oa-categoria-evento-industria-alimentaria: #60596E;
  --oa-categoria-evento-otros                : #A2A199;
}

#headerNuevo {
  height: auto !important;
}


.boton-azul-agenda {
  background-color: #171d2d !important;
  border          : none !important;
  color           : #fff !important;
}

.boton-azul-outline {
  border             : 1px solid #171d2d;
  color              : #171d2d;
  transition-duration: .3s;
}

.boton-azul-outline:hover {
  background-color: #171d2d;
  color           : #fff;
}

.border-none {
  border: none !important;
}

.oa-wrap {
  margin   : 1rem 0;
  font-size: 14px;
}

#oa-filter-count,
#oa-filter-tag-count {
  color          : #fff;
  text-decoration: none;
  text-align     : center;
  border-radius  : 50%;
  background     : var(--ONEKIN-color-rosa);
  padding        : 1px 7px 2px 6px;
  margin         : 0 0 0 10px;
}

#oa-filter-tag-count {
  background: #000;
}

.oa-toolbar {
  border         : 1px solid #171d2d;
  display        : flex;
  gap            : 1rem;
  align-items    : center;
  justify-content: space-between;
  flex-wrap      : wrap;
  padding        : 15px 5px;
}

.oa-search {
  flex       : 1 1 260px;
  display    : flex;
  gap        : 0.5rem;
  align-items: center;
}

.oa-search-input {
  flex                      : 1 1 auto;
  min-width                 : 480px;
  max-width                 : 800px;
  border-top-right-radius   : 0px;
  border-bottom-right-radius: 0px;
}

.oa-btn,
.oa-btn-ghost,
.oa-nav-btn,
.oa-nav-secondary,
.oa-tab,
.oa-picker {
  font           : inherit;
  padding        : 0.35rem 0.6rem;
  background     : none;
  text-decoration: none;
  cursor         : pointer;
}

.oa-nav-btn {
  background: transparent !important;
  padding   : 0 !important;
}

.oa-nav-btn:hover {
  background: transparent !important;
  border    : none !important;
}

.boton-rosa:before {
  border: none !important;
}

.color-rosa {
  color: var(--ONEKIN-color-rosa) !important;
}

.nav-agenda {
  margin-right: 10px !important;
  background  : transparent !important;
  padding     : 9px 30px 9px 15px;
  font-size   : 1.3rem;
  margin-top  : 5px !important;
}

.nav-agenda:hover {
  border: none !important;
}

.oa-btn-ghost {
  opacity: 0.7;
}

.oa-tabs {
  display    : flex;
  gap        : 0.5rem;
  margin-left: auto;
}

.oa-tab:first-child {
  padding-left: 2px !important;
}

.oa-tab.is-active {
  font-weight: 600;
  color      : #171d2d;
  position   : relative;
}

.oa-tab.is-active:after {
  content         : '';
  position        : absolute;
  bottom          : -22px;
  left            : 50%;
  transform       : translateX(-50%);
  width           : 30px;
  height          : 3px;
  background-color: #171d2d;
}

.oa-nav {
  display        : flex;
  gap            : 0.6rem;
  align-items    : center;
  font-size      : 1rem;
  justify-content: center;
  margin         : 1.5rem 0;
  flex-wrap      : wrap;
}

.oa-nav select {
  font-size: 1.4rem;
}

.oa-nav-current {
  font-size  : 1.1rem;
  font-weight: 600;
}

.oa-weekdays,
.oa-grid {
  display              : grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  min-width            : 700px;
}

.oa-weekday {
  padding       : 0.4rem 0.5rem;
  font-size     : 0.85rem;
  text-transform: uppercase;
  opacity       : 0.7;
}

.oa-calendar {
  overflow-x: auto;
}

.oa-grid {
  border-top : 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.oa-day {
  min-height   : 110px;
  padding      : 0.5rem;
  border-right : 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.oa-day--muted {
  opacity: 0.5;
}

/*
.oa-day--muted a {
  color: #171d2d;
} */
.oa-day--today {
  outline       : 2px solid currentColor;
  outline-offset: -2px;
}

.oa-day-number {
  font-size  : 1.5rem;
  font-weight: 600;
}

.oa-day--no-events {
  color  : var(--ONEKIN-color-enlaces);
  opacity: 0.8;
}

.oa-day--past,
.oa-day--past a {
  color: #171d2d5e;
}

.oa-day-number a:hover {
  cursor         : pointer;
  opacity        : 0.8;
  text-decoration: underline;
}

.oa-events {
  margin-top    : 0.5rem;
  display       : flex;
  flex-direction: column;
  gap           : 0.25rem;
}

.oa-event {
  font-size          : 0.75rem;
  text-decoration    : none;
  white-space        : nowrap;
  overflow           : hidden;
  text-overflow      : ellipsis;
  padding            : 2px 7px;
  background-color   : #eeeeee;
  border-radius      : 8px;
  color              : #171d2d;
  transition-duration: .3s;
}

.oa-event:hover {
  background-color: var(--ONEKIN-color-rosa);
  color           : #171d2d;
}

.oa-event--more {
  background-color   : none;
  border             : none;
  cursor             : pointer;
  font-size          : 0.8rem;
  opacity            : 0.7;
  padding            : 5px;
  text-decoration    : underline;
  transition-duration: .3s;
}

.oa-event--more:hover {
  color: var(--ONEKIN-color-rosa);
}

.oa-day-detail {
  display       : flex;
  flex-direction: column;
  gap           : 0.5rem;
}

.oa-day-detail .oa-event {
  padding      : 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.oa-legend {
  list-style     : none;
  list-style-type: none;
  margin         : 0;
  padding        : 0;
}

.oa-legend-item {
  display: inline-block;
  padding: 0 5px;
}

.oa-legend-item:first-child {
  padding-left: 0;
}

.oa-legend-item:last-child {
  padding-right: 0;
}

.oa-single-titles {
  border-bottom : 3px solid #171d2d !important;
  padding-bottom: 5px;
}

.ws-nowrap {
  white-space: nowrap;
}

/*
 Para la lista de tags
*/
.oa-tag-list {
  color         : var(--ONEKIN-color-rosa);
  text-transform: capitalize;
  font-size     : 0.75rem;
  display       : block;
}

/* Estilos específicos para los eventos */

.oa-event,
.oa-legend-item span {
  border-left-width: 10px;
  border-left-style: solid;
  border-radius    : 5px;
}

.oa-filter input {
  margin        : 0;
  padding       : 0;
  vertical-align: middle;
  margin-bottom : 4px;
}

.oa-all-events-alignment {
    float     : right;
    margin-top: -35px;
}

.contenido-agenda {
    border-top: 1px solid #171D2D;
    padding-top: 30px;
}

.separator {
    border-top: 3px solid #171d2d;
}

.spacer-big {
    margin-top: 100px;
}

.oa-event[data-domain='agricultura'],
span[data-term-slug='agricultura'] {
  border-left-color: var(--oa-categoria-evento-agricultura);
}

.oa-event[data-domain='desarrollo-litoral'],
span[data-term-slug='desarrollo-litoral'] {
  border-left-color: var(--oa-categoria-evento-desarrollo-litoral);
}

.oa-event[data-domain='desarrollo-rural'],
span[data-term-slug='desarrollo-rural'] {
  border-left-color: var(--oa-categoria-evento-desarrollo-rural);
}

.oa-event[data-domain='forestal'],
span[data-term-slug='forestal'] {
  border-left-color: var(--oa-categoria-evento-forestal);
}

.oa-event[data-domain='ganaderia'],
span[data-term-slug='ganaderia'] {
  border-left-color: var(--oa-categoria-evento-ganaderia);
}

.oa-event[data-domain='gastronomia'],
span[data-term-slug='gastronomia'] {
  border-left-color: var(--oa-categoria-evento-gastronomia);
}

.oa-event[data-domain='industria-alimentaria'],
span[data-term-slug='industria-alimentaria'] {
  border-left-color: var(--oa-categoria-evento-industria-alimentaria);
}

.oa-event[data-domain='otros'],
span[data-term-slug='otros'] {
  border-left-color: var(--oa-categoria-evento-otros);
}

.oa-event[data-domain='pesca'],
span[data-term-slug='pesca'] {
  border-left-color: var(--oa-categoria-evento-pesca);
}

/*********************
/*** MINI *********/
.oa-mini-list {
  list-style     : none;
  list-style-type: none;
  margin         : 0;
  padding        : 0;

}

.oa-mini-list li a {
  color      : #171D2D !important;
  font-weight: bold !important;
}