@charset "UTF-8";
/*
 * CSS Conf
 *
 */
/*
 * Colors
 *
 */
/* logo colors */
/* admin semaphore colors */
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: flex;
  flex-wrap: wrap; }
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 32px;
  z-index: 1; }
.datepicker--cell.-focus- {
    background: #f0f0f0; }
.datepicker--cell.-current- {
    color: #4EB5E6; }
.datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
.datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
.datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
.datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
.datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
.datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
.datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
.datepicker--cell.-selected-.-focus- {
      background: #45bced; }
.datepicker--cell:empty {
    cursor: default; }
.datepicker--days-names {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 3px; }
.datepicker--day-name {
  color: #FF9A19;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }
.datepicker--cell-day {
  width: 14.28571%; }
.datepicker--cells-months {
  height: 170px; }
.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }
.datepicker--years {
  height: 170px; }
.datepicker--cells-years {
  height: 170px; }
.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
@media print {
    .datepickers-container {
      display: none; } }
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  z-index: 100; }
.datepicker.-from-top- {
    transform: translateY(-8px); }
.datepicker.-from-right- {
    transform: translateX(8px); }
.datepicker.-from-bottom- {
    transform: translateY(8px); }
.datepicker.-from-left- {
    transform: translateX(-8px); }
.datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; }
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none; }
.datepicker-inline .datepicker--pointer {
  display: none; }
.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
.-only-timepicker- .datepicker--content {
    display: none; }
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg); }
.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg); }
.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg); }
.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg); }
.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }
.datepicker--body {
  display: none; }
.datepicker--body.active {
    display: block; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
.-only-timepicker- .datepicker--nav {
    display: none; }
.datepicker--nav-title,
.datepicker--nav-action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center; }
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.datepicker--nav-action:hover {
    background: #f0f0f0; }
.datepicker--nav-action.-disabled- {
    visibility: hidden; }
.datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
.datepicker--nav-title:hover {
    background: #f0f0f0; }
.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }
.datepicker--buttons {
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }
.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  flex: 1 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px; }
.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  padding: 4px;
  position: relative; }
.datepicker--time.-am-pm- .datepicker--time-sliders {
    flex: 0 1 138px;
    max-width: 138px; }
.-only-timepicker- .datepicker--time {
    border-top: none; }
.datepicker--time-sliders {
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }
.datepicker--time-label {
  display: none;
  font-size: 12px; }
.datepicker--time-current {
  display: flex;
  align-items: center;
  flex: 1 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
.datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
.datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }
.datepicker--time-current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }
.datepicker--time-row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
.datepicker--time-row:first-child {
    margin-bottom: 4px; }
.datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    flex: 1 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
.datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:focus {
      outline: none; }
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -webkit-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -moz-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -ms-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
.datepicker--time-row span {
    padding: 0 12px; }
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%); }
.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
.color_bg_main {
  background: #00909e; }
/*
 * Type scale
 *
 */
/*
 * CSS Custom Variables
 *
 */
:root {
  --color-base-string: var(--color-main, 0, 144, 158);
  --color-base: rgb(var(--color-base-string));
  --color-gobierto-turquoise: #008e9c;
  --color-gobierto-blue: #12365b;
  --color-gobierto-red: #ff776d;
  --color-gobierto-yellow: #f8b205; }
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
@media screen and (max-width: 768px) {
  .pure-g.gutters {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) {
  .pure-g.gutters {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/*
 * CSS Conf
 *
 */
/*
 * Colors
 *
 */
/* logo colors */
/* admin semaphore colors */
.color_bg_main {
  background: #00909e; }
/*
 * Type scale
 *
 */
/*
 * CSS Custom Variables
 *
 */
:root {
  --color-base-string: var(--color-main, 0, 144, 158);
  --color-base: rgb(var(--color-base-string));
  --color-gobierto-turquoise: #008e9c;
  --color-gobierto-blue: #12365b;
  --color-gobierto-red: #ff776d;
  --color-gobierto-yellow: #f8b205; }
.gobierto-filter-checkbox {
  cursor: pointer; }
.gobierto-filter-checkbox input[type="checkbox"] + label {
    background: transparent;
    padding: 6px 0;
    display: flex; }
.gobierto-filter-checkbox input[type="checkbox"] + label::before {
      content: "";
      border: 1px solid rgba(151, 151, 151, 0.5);
      display: inline-block;
      border-radius: 3px;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      line-height: 16px;
      text-align: center;
      transition: all .2s ease-out;
      flex: 0 0 auto; }
.gobierto-filter-checkbox input[type="checkbox"] + label:hover,
  .gobierto-filter-checkbox input[type="checkbox"]:checked + label {
    width: calc(100% + 1em);
    margin-left: -0.5em;
    margin-right: -0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    box-sizing: border-box;
    background-color: rgba(0, 144, 158, 0.1);
    background-color: rgba(var(--color-base-string), 0.1); }
.gobierto-filter-checkbox input[type="checkbox"]:checked + label::before {
    background: rgb(0, 144, 158);
    background: var(--color-base);
    color: #fff;
    content: "\2714"; }
.gobierto-filter-checkbox:hover {
    background: transparent; }
.gobierto-filter-checkbox--input + label {
  background: transparent;
  padding: 6px 0;
  display: flex; }
.gobierto-filter-checkbox--input + label::before {
    content: "";
    border: 1px solid rgba(151, 151, 151, 0.5);
    display: inline-block;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    line-height: 16px;
    text-align: center;
    transition: all .2s ease-out;
    flex: 0 0 auto; }
.gobierto-filter-checkbox--label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  position: relative; }
.gobierto-filter-checkbox--label-counter {
  margin-left: 0.5em;
  opacity: 0.5;
  font-style: normal; }
.gobierto-filter-checkbox--label-title-text {
  margin: 0;
  display: inline;
  line-height: 1.3; }
/* 
* ====== Fade effect ======
*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 200ms ease-in; }
.fade-enter,
.fade-leave-to {
  opacity: 0; }
/* 
* ====== Slide effect ======
*/
.slide-enter-active,
.slide-leave-active {
  transition: all 200ms ease-in; }
.slide-enter,
.slide-leave-to {
  transform: translateY(-100%);
  opacity: 0; }
/*
 * SDG
 *
 */
.sdg_list_grid {
  grid-template-columns: repeat(7, 1fr);
  display: grid;
  grid-gap: 3vw;
  justify-items: stretch; }
.sdg_list_grid img {
    width: 100%; }
.sdg_list_header .sdg_icons {
  display: flex;
  flex-wrap: wrap; }
.sdg_list_header .sdg_icons .sdg_icon {
    max-width: calc(100% / 17);
    height: auto; }
@media screen and (min-width: 480px) and (max-width: 920px) {
      .sdg_list_header .sdg_icons .sdg_icon {
        max-width: calc(100% / 9); } }
@media screen and (max-width: 480px) {
      .sdg_list_header .sdg_icons .sdg_icon {
        max-width: calc(100% / 5); } }
.sdg_list_header .sdg_icons .sdg_icon img {
      width: 100%;
      height: auto;
      display: inherit; }
.sdg_list_header .sdg_icons .sdg_icon2 {
    max-width: calc(100% / 17);
    height: auto; }
@media screen and (min-width: 480px) and (max-width: 920px) {
      .sdg_list_header .sdg_icons .sdg_icon2 {
        max-width: calc(100% / 9); } }
@media screen and (max-width: 480px) {
      .sdg_list_header .sdg_icons .sdg_icon2 {
        max-width: calc(100% / 5); } }
.sdg_list_header .sdg_icons .sdg_icon2 img {
      width: 100%;
      height: auto;
      display: inherit; }
.sdg_icon_inactive {
  opacity: .25;
  filter: grayscale(100%); }
.sdg_label {
  padding: 1em;
  color: #fff; }
.sdg_label p {
    margin: 0; }
.sdg_label .sdg_title {
    text-transform: uppercase;
    font-weight: 700; }
.sdg_label .sdg_description {
    opacity: .65; }
/* Official colors sdg2 */
.sdg2-1 {
  background: black; }
.sdg2-2 {
  background: #dda63a; }
.sdg2-3 {
  background: #4c9f38; }
.sdg2-4 {
  background: #c5192d; }
.sdg2-5 {
  background: #ff3a21; }
.sdg2-6 {
  background: #26bde2; }
.sdg2-7 {
  background: #fcc30b; }
.sdg2-8 {
  background: #a21942; }
.sdg2-9 {
  background: #fd6925; }
.sdg2-10 {
  background: #dd1367; }
/* Official colors */
.sdg-1 {
  background: #e5243b; }
.sdg-2 {
  background: #dda63a; }
.sdg-3 {
  background: #4c9f38; }
.sdg-4 {
  background: #c5192d; }
.sdg-5 {
  background: #ff3a21; }
.sdg-6 {
  background: #26bde2; }
.sdg-7 {
  background: #fcc30b; }
.sdg-8 {
  background: #a21942; }
.sdg-9 {
  background: #fd6925; }
.sdg-10 {
  background: #dd1367; }
.sdg-11 {
  background: #fd9d24; }
.sdg-12 {
  background: #bf8b2e; }
.sdg-13 {
  background: #3f7e44; }
.sdg-14 {
  background: #0a97d9; }
.sdg-15 {
  background: #56c02b; }
.sdg-16 {
  background: #00689d; }
.sdg-17 {
  background: #19486a; }
.gobierto_planification {
  min-height: 300px;
  margin-bottom: 3rem; }
@media screen and (min-width: 768px) {
    .gobierto_planification {
      flex-direction: row;
      margin-bottom: 9rem; } }
.gobierto_planification .cursor-breadcumb {
    padding-left: 13px !important;
    padding-right: 7px !important; }
.gobierto_planification .planification-header {
    margin: 1rem 0;
    display: flex; }
.gobierto_planification .planification-header .header-resume {
      flex-basis: 33%; }
.gobierto_planification .planification-header .header-resume h3 {
        margin-top: 0; }
.gobierto_planification .planification-header .header-resume span {
        font-size: 3rem; }
.gobierto_planification .planification-content {
    display: flex;
    flex-direction: column; }
@media screen and (min-width: 768px) {
      .gobierto_planification .planification-content {
        flex-direction: row; } }
.gobierto_planification .planification-content > .level_0 {
      flex: 1 0 25%;
      counter-reset: section; }
@media screen and (max-width: 768px) {
        .gobierto_planification .planification-content > .level_0 {
          max-height: 100vh; } }
.gobierto_planification .planification-content > .level_0.is-active .node-img {
        display: none; }
.gobierto_planification .planification-content > .level_0.is-active .node-info {
        padding: 1em; }
@media screen and (min-width: 768px) {
          .gobierto_planification .planification-content > .level_0.is-active .node-info {
            padding: 1.5em; } }
.gobierto_planification .planification-content > .level_0.is-active .node-info .info-content {
          padding: 0; }
.gobierto_planification .planification-content > .level_0.is-active .node-info h3,
        .gobierto_planification .planification-content > .level_0.is-active .node-info span {
          font-size: 1.25rem; }
@media screen and (max-width: 768px) {
        .gobierto_planification .planification-content > .level_0.is-active .node-root {
          transition: all 250ms;
          max-height: 100%; }
        .gobierto_planification .planification-content > .level_0.is-active:not(.is-mobile-open) .node-root {
          min-height: auto; }
          .gobierto_planification .planification-content > .level_0.is-active:not(.is-mobile-open) .node-root:not(.is-root-open) {
            max-height: 0;
            min-height: 0;
            transition: all 250ms; }
            .gobierto_planification .planification-content > .level_0.is-active:not(.is-mobile-open) .node-root:not(.is-root-open) * {
              visibility: hidden; } }
@media screen and (max-width: 768px) {
      .gobierto_planification .planification-content section.level_1 {
        padding: 0 !important; }
        .gobierto_planification .planification-content section.level_1 .action-line--header {
          display: none; } }
.gobierto_planification .planification-content > [class^="level_"]:not(.level_0) {
      flex: 0 0 75%;
      box-sizing: border-box;
      padding: 1em 0 0 0; }
@media screen and (min-width: 768px) {
        .gobierto_planification .planification-content > [class^="level_"]:not(.level_0) {
          padding: 2em 3em; } }
.gobierto_planification .planification-content .lines-header {
      display: flex;
      justify-content: space-between;
      margin: 0 0 20px;
      color: #000000;
      font-size: 0.875rem; }
.gobierto_planification .planification-content .lines-list {
      margin: 0;
      padding: 0; }
.gobierto_planification .planification-content .lines-list li {
        list-style: none; }
.gobierto_planification .planification-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0; }
.gobierto_planification .planification-buttons__button_export {
      border: 1px solid rgb(0, 144, 158);
      border: 1px solid var(--color-base);
      box-sizing: border-box;
      border-radius: 3px;
      text-transform: lowercase;
      font-weight: normal;
      padding: 0.5em 1em;
      margin: 0 5px 5px 0;
      text-align: left;
      transition: all 250ms;
      display: block;
      background: #9d2235;
      color: white;
      position: relative;
      width: 173px;
      padding-left: 25px;
      position: relative;
      text-decoration: none; }
.gobierto_planification .planification-buttons__button_export::first-letter {
        text-transform: uppercase; }
.gobierto_planification .planification-buttons__button_export strong {
        text-transform: none;
        text-transform: initial; }
.gobierto_planification .planification-buttons__button_export.is-active, .gobierto_planification .planification-buttons__button_export:hover {
        color: #9d2235;
        background: white; }
.gobierto_planification .planification-buttons__button_export.is-active a, .gobierto_planification .planification-buttons__button_export:hover a {
          color: #9d2235; }
.gobierto_planification .planification-buttons__button {
      border: 1px solid rgb(0, 144, 158);
      border: 1px solid var(--color-base);
      box-sizing: border-box;
      border-radius: 3px;
      background: none;
      color: rgb(0, 144, 158);
      color: var(--color-base);
      text-transform: lowercase;
      font-weight: normal;
      padding: 0.5em 1em;
      margin: 0 5px 5px 0;
      text-align: left;
      transition: all 250ms;
      display: block; }
.gobierto_planification .planification-buttons__button::first-letter {
        text-transform: uppercase; }
.gobierto_planification .planification-buttons__button strong {
        text-transform: none;
        text-transform: initial; }
.gobierto_planification .planification-buttons__button.is-active, .gobierto_planification .planification-buttons__button:hover {
        background: rgb(0, 144, 158);
        background: var(--color-base);
        color: #fff; }
.gobierto_planification .planification-tabs {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
    overflow-x: auto;
    margin-bottom: -1px; }
.gobierto_planification .planification-tabs > * {
      margin: 0 calc(1rem / 2); }
.gobierto_planification .planification-tabs > :first-child {
      margin-left: 0; }
.gobierto_planification .planification-tabs > :last-child {
      margin-right: 0; }
.gobierto_planification .planification-tabs__container {
      border-bottom: 1px solid rgba(0, 144, 158, 0.3);
      border-bottom: 1px solid rgba(var(--color-base-string), 0.3); }
.gobierto_planification .planification-tabs__item {
      border-radius: 5px 5px 0 0;
      font-weight: 400;
      color: #000000;
      font-size: 1.125rem;
      line-height: 1.2;
      background-color: rgba(0, 144, 158, 0.2);
      background-color: rgba(var(--color-base-string), 0.2);
      padding: 0.5em 2em;
      box-sizing: border-box;
      border: 1px solid rgba(0, 144, 158, 0.3);
      border: 1px solid rgba(var(--color-base-string), 0.3);
      border-bottom-color: transparent;
      text-decoration: none;
      transition: background-color 250ms;
      cursor: pointer; }
.gobierto_planification .planification-tabs__item:hover, .gobierto_planification .planification-tabs__item.is-active {
        background-color: #fff;
        border-bottom-color: #fff; }
.gobierto_planification .node-root {
    position: relative;
    display: flex;
    min-height: 20vh; }
@media screen and (min-width: 768px) {
      .gobierto_planification .node-root {
        min-height: 150px; } }
.gobierto_planification .node-root:hover {
      opacity: 0.9; }
.gobierto_planification .node-root a {
      display: flex;
      width: 100%;
      color: #fff;
      text-decoration: none;
      cursor: pointer;
      max-height: 20vh; }
@media screen and (min-width: 768px) {
        .gobierto_planification .node-root a {
          max-height: 150px; } }
.gobierto_planification .node-root .node-img {
      max-height: 150px;
      flex: 0 0 33%;
      mix-blend-mode: multiply;
      overflow: hidden; }
@media screen and (max-width: 768px) {
        .gobierto_planification .node-root .node-img {
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          top: 0;
          bottom: 0; } }
.gobierto_planification .node-root .node-img img {
        -o-object-fit: cover;
           object-fit: cover;
        min-width: 100%;
        width: 100%;
        height: 100%; }
.gobierto_planification .node-root .node-info {
      position: relative;
      flex: 1 1;
      transition: all 0.3s; }
.gobierto_planification .node-root .node-info .info-progress {
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        z-index: 1; }
@media screen and (max-width: 768px) {
          .gobierto_planification .node-root .node-info .info-progress {
            opacity: 0.5; } }
.gobierto_planification .node-root .node-info .info-content {
        position: relative;
        z-index: 2;
        box-sizing: border-box;
        padding: 1em;
        color: #fff;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
@media screen and (min-width: 768px) {
          .gobierto_planification .node-root .node-info .info-content {
            padding: 2em; } }
.gobierto_planification .node-root .node-info .info-content h3 {
          color: #fff;
          margin: 0 0 0.25em 0;
          font-size: 1.5rem; }
.gobierto_planification .node-root .node-info .info-content h3.counter::before {
          counter-increment: section;
          content: counter(section) ". "; }
.gobierto_planification .node-root .node-info .info-content span {
          font-size: 1.5rem;
          font-weight: 200; }
.gobierto_planification .node-list {
    padding: 1em 0 0;
    border-top: 1px solid;
    display: flex;
    justify-content: flex-start;
    display: flex;
    flex-direction: row; }
.gobierto_planification .node-list > * {
      margin: 0 calc(1rem / 2); }
.gobierto_planification .node-list > :first-child {
      margin-left: 0; }
.gobierto_planification .node-list > :last-child {
      margin-right: 0; }
.gobierto_planification .node-list > :not(:first-child) {
      flex: 1 0 auto;
      text-align: right; }
.gobierto_planification .node-list .flex-basis-20 {
      flex-basis: 20%; }
.gobierto_planification .node-list .flex-basis-10 {
      flex-basis: 10%; }
.gobierto_planification .node-list .node-title {
      display: flex;
      flex-basis: 40%; }
@media screen and (min-width: 768px) {
        .gobierto_planification .node-list .node-title {
          flex-basis: 65%; } }
.gobierto_planification .node-list .node-title :first-child {
        flex: 0 1; }
.gobierto_planification .node-list .node-title .cursor-pointer {
        cursor: pointer;
        padding-right: 0.25em; }
.gobierto_planification .node-list h3 {
      margin: 0 0 0.5em;
      cursor: default; }
.gobierto_planification .node-list h3 a {
        display: block;
        text-decoration: none;
        cursor: pointer; }
.gobierto_planification .node-list h3 a::first-letter {
          text-transform: uppercase; }
.gobierto_planification .node-list h3 a:hover {
          opacity: 0.75; }
.gobierto_planification .node-list .fas {
      padding: 0.15em 0.45em;
      line-height: 1;
      border-radius: 3px; }
.gobierto_planification .node-breadcrumb {
    display: inline-block;
    padding: 0 0.5rem;
    border-radius: 6px; }
@media screen and (max-width: 768px) {
      .gobierto_planification .node-breadcrumb {
        margin-left: 0 !important; }
        .gobierto_planification .node-breadcrumb:first-child,
        .gobierto_planification .node-breadcrumb:first-child + br {
          display: none; } }
.gobierto_planification .node-breadcrumb .fas {
      padding: 0.15em 0.45em;
      line-height: 1;
      border-radius: 3px; }
.gobierto_planification .node-breadcrumb a {
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.25em;
      text-decoration: none;
      cursor: pointer; }
.gobierto_planification .node-breadcrumb a:first-of-type {
        padding-left: 0; }
.gobierto_planification .node-breadcrumb a:last-of-type {
        padding-right: 0; }
.gobierto_planification .node-action-line {
    background-color: #fff; }
@media screen and (max-width: 768px) {
      .gobierto_planification .node-action-line {
        margin-left: 0 !important; }
        .gobierto_planification .node-action-line h3 {
          font-size: 1rem; } }
@media screen and (min-width: 768px) {
      .gobierto_planification .node-action-line {
        border-radius: 6px; } }
.gobierto_planification .node-action-line .action-line--header {
      padding: 1em 1em 0.25em;
      border-top: 0; }
@media screen and (min-width: 768px) {
        .gobierto_planification .node-action-line .action-line--header {
          border-radius: 6px 6px 0 0; } }
.gobierto_planification .node-action-line .action-line--list {
      padding: 1em 0;
      margin: 0;
      color: #000000;
      border-radius: 0 0 6px 6px; }
@media screen and (min-width: 768px) {
        .gobierto_planification .node-action-line .action-line--list {
          padding: 1em 2em;
          margin: auto; } }
.gobierto_planification .node-action-line .action-line--list li {
        list-style: none; }
.gobierto_planification .node-action-line .action-line--list .node-list {
        padding: 1em 0;
        border-color: rgba(0, 0, 0, 0.35); }
.gobierto_planification .node-action-line .action-line--list a {
        color: #000000;
        font-size: 1.125rem;
        text-decoration: none;
        cursor: pointer; }
.gobierto_planification .node-action-line .action-line--list a::first-letter {
          text-transform: uppercase; }
.gobierto_planification .node-action-line .action-line--list table {
        margin: 0 0 1em;
        padding: 0;
        border-spacing: 0 0.5em;
        border-collapse: separate; }
@media screen and (min-width: 768px) {
          .gobierto_planification .node-action-line .action-line--list table {
            padding: 0 0 0 1.5rem; } }
.gobierto_planification .node-action-line .action-line--list table th:not(:first-child),
        .gobierto_planification .node-action-line .action-line--list table td:not(:first-child) {
          text-align: center; }
.gobierto_planification .node-action-line .action-line--list table td {
          border-top: 0; }
.gobierto_planification .node-action-line .action-line--list table td:first-child {
            width: 60%; }
.gobierto_planification .node-action-line .action-line--list table thead {
          color: rgba(0, 0, 0, 0.35);
          text-transform: uppercase;
          padding: 0.25em 0; }
.gobierto_planification .node-action-line .action-line--list table thead th {
            font-weight: normal;
            border-top: 1px solid rgba(0, 0, 0, 0.35);
            border-bottom: 1px solid rgba(0, 0, 0, 0.35); }
.gobierto_planification .node-action-line .action-line--list table tbody {
          margin: 1em 0; }
.gobierto_planification .node-action-line .action-line--list table tbody tr:hover {
            cursor: pointer; }
.gobierto_planification .node-action-line .action-line--list table tbody tr:hover td:first-child {
              border-radius: 6px 0 0 6px; }
.gobierto_planification .node-action-line .action-line--list table tbody tr:hover td:last-child {
              border-radius: 0 6px 6px 0; }
.gobierto_planification .node-action-line .action-line--list table tbody tr td {
            margin: 1em 0; }
.gobierto_planification .node-project-detail {
    padding: 1em;
    color: #000000; }
@media screen and (min-width: 768px) {
      .gobierto_planification .node-project-detail {
        padding: 2em; } }
.gobierto_planification .node-project-detail > :not(:first-child):not([data-plugin]) {
      border-top: 1px solid rgba(0, 93, 103, 0.1); }
.gobierto_planification .project-mandatory {
    display: flex;
    font-size: 14px;
    line-height: 17px;
    min-height: 90px; }
.gobierto_planification .project-mandatory > * {
      flex-basis: 50%; }
.gobierto_planification .project-mandatory .mandatory-progress {
      background-color: #f0f0f0;
      border-radius: 2px;
      width: 80%;
      height: 10px;
      margin-bottom: 12px;
      overflow: hidden; }
.gobierto_planification .project-mandatory .mandatory-progress > div {
        height: 100%; }
.gobierto_planification .project-mandatory .mandatory-list {
      display: flex; }
.gobierto_planification .project-mandatory .mandatory-list > :first-child {
        flex: 0 0 40%;
        padding-right: 0.25em; }
.gobierto_planification .project-mandatory .mandatory-title {
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 12px; }
.gobierto_planification .project-mandatory .mandatory-desc {
      color: #000000;
      margin: 0 0 1em; }
.gobierto_planification .project-mandatory .mandatory-desc.mandatory-desc--large {
        font-size: 2.25rem;
        opacity: 0.75; }
.gobierto_planification .project-description {
    color: #000000;
    padding: 0.75em 0; }
.gobierto_planification .project-description:empty {
      display: none; }
.gobierto_planification .project-description__title {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px; }
.gobierto_planification .project-description__more {
      display: block;
      border: 1px solid;
      border-radius: 4px;
      padding: 0.25em 1em;
      text-decoration: underline;
      font-weight: 700;
      text-align: center;
      cursor: pointer;
      text-transform: none;
      background: none;
      color: inherit;
      margin-bottom: 1em;
      margin-top: 0.5em; }
.gobierto_planification .project-description__content {
      max-height: 100vh;
      transition: all 250ms; }
.gobierto_planification .project-description__content > :first-child {
        margin-top: 0; }
.gobierto_planification .project-description__content > :last-child {
        margin-bottom: 0; }
.gobierto_planification .project-description__content.is-hidden {
        max-height: 100px;
        position: relative;
        overflow: hidden; }
.gobierto_planification .project-description__content.is-hidden::after {
          content: "";
          display: block;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
          height: 50px;
          width: 100%;
          position: absolute;
          bottom: 0; }
.gobierto_planification .project-description__content, .gobierto_planification .project-description__desc {
      font-size: 14px;
      word-break: break-word; }
.gobierto_planification .project-description__link {
      display: block; }
.gobierto_planification .project-description__images {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
.gobierto_planification .project-description__images img {
        width: 39%;
        flex: 0 0 45%;
        -o-object-fit: cover;
           object-fit: cover;
        padding: 6px; }
.gobierto_planification .project-description__list {
      display: flex; }
.gobierto_planification .project-description__list > :first-child {
        flex: 0 0 33%;
        padding-right: 0.25em; }
.gobierto_planification .project-grid {
    display: block;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 10px; }
@media screen and (min-width: 768px) {
      .gobierto_planification .project-grid {
        display: grid; } }
.gobierto_planification .planification-table {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
.gobierto_planification .planification-table__li:not(:last-child) {
      border-bottom: 1px solid #f0f0f0; }
.gobierto_planification .planification-table__li--content {
      display: flex;
      flex: 1 1; }
.gobierto_planification .planification-table__th {
      padding: 0 0.5rem 0.25rem 0;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1rem;
      cursor: pointer;
      text-align: left;
      display: flex;
      align-items: baseline;
      justify-content: flex-start;
      flex-direction: row;
      flex: 1 1; }
.gobierto_planification .planification-table__th .sort-icon {
        color: rgb(0, 144, 158);
        color: var(--color-base);
        margin-left: 0.5rem; }
.gobierto_planification .planification-table__th:first-child {
        flex: 0 0 50%; }
.gobierto_planification .planification-table__th:last-child {
        padding: 0 0 0.25rem;
        flex-direction: row-reverse;
        margin-left: auto; }
.gobierto_planification .planification-table__th:last-child .sort-icon {
          margin-right: 0.5rem; }
.gobierto_planification .planification-table__td {
      border: 0;
      font-size: 1.125rem;
      padding: 0.5rem 0.5rem 0.5rem 0; }
.gobierto_planification .planification-table__td i {
        color: rgb(0, 144, 158);
        color: var(--color-base); }
.gobierto_planification .planification-table__td:first-child {
        flex: 0 0 50%; }
.gobierto_planification .planification-table__td:last-child {
        margin-left: auto;
        padding: 0.5rem 0; }
.gobierto_planification .planification-table__td--alt {
      border: 0;
      font-size: 0.875rem;
      padding: 0.5rem 0.5rem 0.5rem 0;
      font-weight: normal;
      flex: 1 1; }
.gobierto_planification .planification-table__td--alt.is-selected {
        font-weight: 900; }
.gobierto_planification .planification-table__td--alt:first-child {
        flex: 0 0 50%; }
.gobierto_planification .planification-table__td--alt:last-child {
        text-align: right;
        padding: 0.5rem 0; }
.gobierto_planification .planification-table__td-name {
      text-decoration: underline;
      color: rgb(0, 144, 158);
      color: var(--color-base);
      cursor: pointer; }
.gobierto_planification .planification-table__td-link {
      display: flex;
      align-items: baseline;
      color: rgb(0, 144, 158);
      color: var(--color-base);
      cursor: pointer; }
.gobierto_planification .planification-table__td-link i {
        flex: 0 0 12px; }
.gobierto_planification .planification-table__td-link a {
        max-width: 80%; }
.gobierto_planification .planification-table__container {
      width: 100%; }
.gobierto_planification .planification-table__wrapper {
      width: 100%;
      position: relative; }
.gobierto_planification .planification-table__wrapper > div {
        overflow-x: auto; }
.gobierto_planification .planification-table__header {
      display: flex;
      justify-content: space-between;
      margin: 0 0 2rem;
      align-items: center; }
.gobierto_planification .planification-table__breadcrumb {
      display: flex;
      align-items: center;
      padding-right: 0.5rem; }
.gobierto_planification .planification-table__breadcrumb > :not(:last-child) {
        margin-right: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 35vw; }
.gobierto_planification .planification-table__breadcrumb-group {
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer; }
.gobierto_planification .planification-table__breadcrumb-term {
        text-transform: uppercase;
        font-size: 1.125rem;
        text-decoration: none;
        color: rgb(0, 144, 158);
        color: var(--color-base);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 40vw; }
.gobierto_planification .planification-table__breadcrumb-arrow {
        opacity: 0.5; }
.gobierto_planification .planification-table__column-selector {
      position: relative;
      color: rgb(0, 144, 158);
      color: var(--color-base);
      font-size: 0.875rem;
      cursor: pointer; }
.gobierto_planification .planification-table__column-selector__trigger {
        display: flex;
        align-items: baseline; }
.gobierto_planification .planification-table__column-selector__trigger span {
          text-decoration: underline;
          white-space: nowrap; }
.gobierto_planification .planification-table__column-selector__icon {
        margin-left: 0.5rem; }
.gobierto_planification .planification-table__column-selector__content {
        position: absolute;
        right: 0;
        top: 100%;
        background-color: #fff;
        padding: 2em;
        box-sizing: border-box;
        width: 25vw;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        z-index: 3; }
.gobierto_planification .planification-table--inner {
      margin-left: 1rem;
      width: calc(100% - 1rem); }
.gobierto_planification .planification-floating-project {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
    z-index: 1;
    border-radius: 6px;
    width: 100%; }
@media screen and (min-width: 768px) {
      .gobierto_planification .planification-floating-project {
        width: 50%; } }
.gobierto_planification .planification-floating-project__times {
      position: relative;
      cursor: pointer; }
.gobierto_planification .tablerow {
    padding: 0.5em 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3vmin; }
@media screen and (min-width: 768px) {
      .gobierto_planification .tablerow {
        grid-template-columns: repeat(auto-fit, minmax(33vw, 1fr)); } }
.gobierto_planification .tablerow__item {
      background-color: rgba(216, 216, 216, 0.2);
      padding: 0.5em 1em;
      display: flex; }
.gobierto_planification .tablerow__item-title {
        flex: 0 1 50%;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2; }
.gobierto_planification .tablerow__item-table-container {
        flex: 0 0 50%;
        padding-left: 5px; }
.gobierto_planification .tablerow__item-table {
        text-align: center;
        line-height: 18px;
        color: #4d4d4d; }
.gobierto_planification .tablerow__item-table th:first-child:not(:last-child) {
          text-align: center;
          padding-left: 0;
          color: rgba(77, 77, 77, 0.5);
          white-space: normal; }
.gobierto_planification .tablerow__item-table td:first-child:not(:last-child) {
          text-align: center;
          padding-left: 0;
          color: #4d4d4d;
          white-space: normal; }
.gobierto_planification .tablerow__item-table-header {
        font-weight: bold;
        color: rgba(77, 77, 77, 0.5);
        border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
.gobierto_planification .tablerow__item-table-header > * {
          border-top: 0;
          font-size: 14px;
          text-align: center;
          font-weight: bold; }
.gobierto_planification .tablerow__item-table-header th {
          text-align: center; }
.gobierto_planification .tablerow__item-table-row > * {
        text-align: center;
        font-size: 14px;
        font-weight: normal; }
.gobierto_planification .tablerow__item-table-row:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.gobierto_planification .ods-goal {
    background-size: cover;
    width: 80px;
    height: 80px;
    display: inline-block; }
.gobierto_planification .ods-goal__container {
      display: flex;
      flex-wrap: wrap;
      margin: -5px; }
.gobierto_planification .ods-goal__content {
      padding: 5px;
      display: inline-flex; }
.gobierto_planification .ods-goal__01__ca {
      background-image: url(/packs/media/ods/ods_goal_01_ca-7d21048d.png); }
.gobierto_planification .ods-goal__01__es {
      background-image: url(/packs/media/ods/ods_goal_01_es-a4495ffa.png); }
.gobierto_planification .ods-goal__02__ca {
      background-image: url(/packs/media/ods/ods_goal_02_ca-420f85eb.png); }
.gobierto_planification .ods-goal__02__es {
      background-image: url(/packs/media/ods/ods_goal_02_es-35f536b1.png); }
.gobierto_planification .ods-goal__03__ca {
      background-image: url(/packs/media/ods/ods_goal_03_ca-1ef50303.png); }
.gobierto_planification .ods-goal__03__es {
      background-image: url(/packs/media/ods/ods_goal_03_es-577cfdad.png); }
.gobierto_planification .ods-goal__04__ca {
      background-image: url(/packs/media/ods/ods_goal_04_ca-f68bce98.png); }
.gobierto_planification .ods-goal__04__es {
      background-image: url(/packs/media/ods/ods_goal_04_es-7ab4e50d.png); }
.gobierto_planification .ods-goal__05__ca {
      background-image: url(/packs/media/ods/ods_goal_05_ca-01c10164.png); }
.gobierto_planification .ods-goal__05__es {
      background-image: url(/packs/media/ods/ods_goal_05_es-1ce11d99.png); }
.gobierto_planification .ods-goal__06__ca {
      background-image: url(/packs/media/ods/ods_goal_06_ca-99866341.png); }
.gobierto_planification .ods-goal__06__es {
      background-image: url(/packs/media/ods/ods_goal_06_es-75daf32b.png); }
.gobierto_planification .ods-goal__07__ca {
      background-image: url(/packs/media/ods/ods_goal_07_ca-a1fe33dd.png); }
.gobierto_planification .ods-goal__07__es {
      background-image: url(/packs/media/ods/ods_goal_07_es-42a4a6ab.png); }
.gobierto_planification .ods-goal__08__ca {
      background-image: url(/packs/media/ods/ods_goal_08_ca-a8b9b397.png); }
.gobierto_planification .ods-goal__08__es {
      background-image: url(/packs/media/ods/ods_goal_08_es-576c4b52.png); }
.gobierto_planification .ods-goal__09__ca {
      background-image: url(/packs/media/ods/ods_goal_09_ca-22d896fb.png); }
.gobierto_planification .ods-goal__09__es {
      background-image: url(/packs/media/ods/ods_goal_09_es-1208f11b.png); }
.gobierto_planification .ods-goal__10__ca {
      background-image: url(/packs/media/ods/ods_goal_10_ca-7259e13c.png); }
.gobierto_planification .ods-goal__10__es {
      background-image: url(/packs/media/ods/ods_goal_10_es-79c23578.png); }
.gobierto_planification .ods-goal__11__ca {
      background-image: url(/packs/media/ods/ods_goal_11_ca-11c08e16.png); }
.gobierto_planification .ods-goal__11__es {
      background-image: url(/packs/media/ods/ods_goal_11_es-77262a64.png); }
.gobierto_planification .ods-goal__12__ca {
      background-image: url(/packs/media/ods/ods_goal_12_ca-bdc2b874.png); }
.gobierto_planification .ods-goal__12__es {
      background-image: url(/packs/media/ods/ods_goal_12_es-b52e98ae.png); }
.gobierto_planification .ods-goal__13__ca {
      background-image: url(/packs/media/ods/ods_goal_13_ca-9b168b83.png); }
.gobierto_planification .ods-goal__13__es {
      background-image: url(/packs/media/ods/ods_goal_13_es-663cc022.png); }
.gobierto_planification .ods-goal__14__ca {
      background-image: url(/packs/media/ods/ods_goal_14_ca-dfdfd7d5.png); }
.gobierto_planification .ods-goal__14__es {
      background-image: url(/packs/media/ods/ods_goal_14_es-d8c178d3.png); }
.gobierto_planification .ods-goal__15__ca {
      background-image: url(/packs/media/ods/ods_goal_15_ca-3bb8a223.png); }
.gobierto_planification .ods-goal__15__es {
      background-image: url(/packs/media/ods/ods_goal_15_es-e3deb8d6.png); }
.gobierto_planification .ods-goal__16__ca {
      background-image: url(/packs/media/ods/ods_goal_16_ca-7adc907a.png); }
.gobierto_planification .ods-goal__16__es {
      background-image: url(/packs/media/ods/ods_goal_16_es-fb7d9ed4.png); }
.gobierto_planification .ods-goal__17__ca {
      background-image: url(/packs/media/ods/ods_goal_17_ca-e4df0579.png); }
.gobierto_planification .ods-goal__17__es {
      background-image: url(/packs/media/ods/ods_goal_17_es-792487ab.png); }
.gobierto_planification .ods-goal2 {
    display: inline-block;
    width: 385px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain; }
.gobierto_planification .ods-goal2__container {
      display: flex;
      flex-wrap: wrap;
      margin: -5px; }
.gobierto_planification .ods-goal2__content {
      padding: 5px;
      display: inline-flex; }
.gobierto_planification .ods-goal2__01__ca {
      background-image: url(/packs/media/ods2/ods_goal2_01_ca-a702f48c.jpg); }
.gobierto_planification .ods-goal2__01__es {
      background-image: url(/packs/media/ods2/ods_goal2_01_es-a702f48c.jpg); }
.gobierto_planification .ods-goal2__02__ca {
      background-image: url(/packs/media/ods2/ods_goal2_02_ca-43886912.jpg); }
.gobierto_planification .ods-goal2__02__es {
      background-image: url(/packs/media/ods2/ods_goal2_02_es-43886912.jpg); }
.gobierto_planification .ods-goal2__03__ca {
      background-image: url(/packs/media/ods2/ods_goal2_03_ca-17c2480e.jpg); }
.gobierto_planification .ods-goal2__03__es {
      background-image: url(/packs/media/ods2/ods_goal2_03_es-17c2480e.jpg); }
.gobierto_planification .ods-goal2__04__ca {
      background-image: url(/packs/media/ods2/ods_goal2_04_ca-f27e39c4.jpg); }
.gobierto_planification .ods-goal2__04__es {
      background-image: url(/packs/media/ods2/ods_goal2_04_es-f27e39c4.jpg); }
.gobierto_planification .ods-goal2__05__ca {
      background-image: url(/packs/media/ods2/ods_goal2_05_ca-8f16cbdc.jpg); }
.gobierto_planification .ods-goal2__05__es {
      background-image: url(/packs/media/ods2/ods_goal2_05_es-8f16cbdc.jpg); }
.gobierto_planification .ods-goal2__06__ca {
      background-image: url(/packs/media/ods2/ods_goal2_06_ca-4c422a44.jpg); }
.gobierto_planification .ods-goal2__06__es {
      background-image: url(/packs/media/ods2/ods_goal2_06_es-4c422a44.jpg); }
.gobierto_planification .ods-goal2__07__ca {
      background-image: url(/packs/media/ods2/ods_goal2_07_ca-b1f06042.jpg); }
.gobierto_planification .ods-goal2__07__es {
      background-image: url(/packs/media/ods2/ods_goal2_07_es-b1f06042.jpg); }
.gobierto_planification .ods-goal2__08__ca {
      background-image: url(/packs/media/ods2/ods_goal2_08_ca-99d56142.jpg); }
.gobierto_planification .ods-goal2__08__es {
      background-image: url(/packs/media/ods2/ods_goal2_08_es-99d56142.jpg); }
.gobierto_planification .ods-goal2__09__ca {
      background-image: url(/packs/media/ods2/ods_goal2_09_ca-084ec233.jpg); }
.gobierto_planification .ods-goal2__09__es {
      background-image: url(/packs/media/ods2/ods_goal2_09_es-084ec233.jpg); }
.gobierto_planification .ods-goal2__10__ca {
      background-image: url(/packs/media/ods2/ods_goal2_10_ca-81367ffa.jpg); }
.gobierto_planification .ods-goal2__10__es {
      background-image: url(/packs/media/ods2/ods_goal2_10_es-81367ffa.jpg); }

/*
 * CSS Conf
 *
 */
/*
 * Colors
 *
 */
/* logo colors */
/* admin semaphore colors */
.color_bg_main {
  background: #00909e; }
/*
 * Type scale
 *
 */
/*
 * CSS Custom Variables
 *
 */
:root {
  --color-base-string: var(--color-main, 0, 144, 158);
  --color-base: rgb(var(--color-base-string));
  --color-gobierto-turquoise: #008e9c;
  --color-gobierto-blue: #12365b;
  --color-gobierto-red: #ff776d;
  --color-gobierto-yellow: #f8b205; }
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
@media screen and (max-width: 768px) {
  .pure-g.gutters {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) {
  .pure-g.gutters {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/*

TEMPLATE STYLES

Hint:
In order to generate more custom categories, refer to https://gobierto.readme.io/docs/planificiacion#section-backoffice

*/
/* COLOR MANAGER */
:root {
  --category-1: 219,82,75;
  --category-2: 0,144,158;
  --category-3: 241,173,68;
  --category-4: 133,168,28;
  --category-5: 0,82,158;
  --category-6: 41,0,158;
  --category-7: 120,35,128;
  --category-8: 174,100,78;
  --category-9: 195,172,82;
  --category-10: 122,140,58;
  --category-11: 58,122,133;
  --category: var(--category-1); }
.gobierto_planification .level_0 .category {
  background-color: rgba(219,82,75, 0.9);
  background-color: rgba(var(--category), 0.9); }
.gobierto_planification .level_0 .category .progress {
    background-color: rgba(219,82,75, 1);
    background-color: rgba(var(--category), 1); }
.gobierto_planification .category {
  background: rgba(219,82,75, 0.1);
  background: rgba(var(--category), 0.1);
  color: rgba(219,82,75, 1);
  color: rgba(var(--category), 1); }
.gobierto_planification .category .node-list .node-title h3,
  .gobierto_planification .category .node-list .node-title h3 a {
    color: rgba(219,82,75, 1);
    color: rgba(var(--category), 1); }
.gobierto_planification .category .node-list .node-title .fas {
    background: rgba(219,82,75, 0.1);
    background: rgba(var(--category), 0.1); }
.gobierto_planification .category .node-list.cat--negative .node-title h3,
  .gobierto_planification .category .node-list.cat--negative .node-title h3 a {
    color: #fff; }
.gobierto_planification .category .node-list.cat--negative .node-title .fas {
    background: #fff;
    color: rgba(219,82,75, 1);
    color: rgba(var(--category), 1); }
.gobierto_planification .category .node-breadcrumb {
    border: 1px solid rgba(219,82,75, 0.75);
    border: 1px solid rgba(var(--category), 0.75);
    color: rgba(219,82,75, 1);
    color: rgba(var(--category), 1); }
.gobierto_planification .category .node-breadcrumb a {
    color: rgba(219,82,75, 1);
    color: rgba(var(--category), 1); }
.gobierto_planification .category .node-action-line table tbody tr:hover td {
    background-color: rgba(219,82,75, 0.2);
    background-color: rgba(var(--category), 0.2); }
.gobierto_planification .category .node-project-detail .project-mandatory .mandatory-progress > div {
    background-color: rgba(219,82,75, 1);
    background-color: rgba(var(--category), 1); }
.gobierto_planification .category .node-project-detail .project-description .project-description__more {
    border-color: rgba(219,82,75, 1);
    border-color: rgba(var(--category), 1);
    color: rgba(219,82,75, 1);
    color: rgba(var(--category), 1); }
.gobierto_planification .category .cat--negative {
    background: rgba(219,82,75, 1);
    background: rgba(var(--category), 1);
    color: #fff; }
.gobierto_planification .category .cat--negative h3,
  .gobierto_planification .category .cat--negative h3 a {
    color: #fff; }


/*# sourceMappingURL=plans-3f5bfa0f.css.map*/