@charset "UTF-8";
/**
 * Views
 ============================================================================ */
.view {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.view .view-header {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
}
.view .view-filters {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-order: 3;
  -o-order: 3;
  order: 3;
}
.view .view-content {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
}
.view .view-empty {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
}
.view .view-footer {
  -webkit-order: 4;
  -moz-order: 4;
  -ms-order: 4;
  -o-order: 4;
  order: 4;
}
.view .pager {
  -webkit-order: 5;
  -moz-order: 5;
  -ms-order: 5;
  -o-order: 5;
  order: 5;
}
@media screen and (min-width: 600px) {
  .view {}
  .view .view-header {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
  }
  .view .view-filters {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
  }
  .view .view-content {
   -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3; 
  }
  .view .view-empty {
   -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3; 
  }
}

.view-frontpage {
  display: none;
}

.view-content .item-list > ul {
  padding: 0;
}

.views-view-grid .views-row {
  margin-bottom: 1.25em;
}

@media screen and (max-width: 60em) {
  .views-view-grid.horizontal .views-col {
    margin-bottom: 1.25em;
  }
  .views-view-grid.horizontal .views-col:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid.horizontal .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.horizontal .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid.vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.vertical .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em) {
  .views-view-grid.cols-2 .views-col, .views-view-grid.cols-4 .views-col, .views-view-grid.cols-5 .views-col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .views-view-grid.cols-3 .views-col, .views-view-grid.cols-6 .views-col, .views-view-grid.cols-8 .views-col, .views-view-grid.cols-10 .views-col, .views-view-grid.cols-12 .views-col {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media screen and (min-width: 60.0625em) {
  .views-view-grid.cols-2 .views-col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .views-view-grid.cols-3 .views-col {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
  .views-view-grid.cols-4 .views-col {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .views-view-grid.cols-6 .views-col {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
  }
  .views-view-grid.cols-12 .views-col {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
  }
  .views-view-grid.cols-8 .views-col {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .views-view-grid.cols-5 .views-col {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .views-view-grid.cols-10 .views-col {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
}

.views-view-grid .node {
  margin-bottom: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.views-align-left {
  text-align: left;
}

.views-align-right {
  text-align: right;
}

.views-align-center {
  text-align: center;
}

.view-empty:not(:empty) {
  margin: 5rem 2rem;
  text-align: center;
}

.view-empty:not(:empty) .links {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.view-empty:not(:empty) .links a[href="/node/add"] {
  max-width: 100%;
  width: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: background-color, .15s, ease-in-out;
  -o-transition: background-color, .15s, ease-in-out;
  transition: background-color, .15s, ease-in-out;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  white-space: nowrap;
  height: 2rem;
  padding: 0 0.625rem;
  display: inline-block;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  text-decoration: none;
}

.view-empty:not(:empty) .links a[href="/node/add"]:before {
  font-family: FontAwesome, sans-serif;
  content: "";
  vertical-align: middle;
  font-size: 0.75rem;
  padding-right: 0.25rem;
  line-height: 2rem;
  display: none;
}

.fa-loaded .view-empty:not(:empty) .links a[href="/node/add"]:before {
  display: inline-block;
}

.view-comments-recent .item-list__item,
.view-content-recent .item-list__item {
  margin-bottom: 0.625rem;
}

.view-comments-recent .item-list__item span,
.view-content-recent .item-list__item span {
  display: block;
}

.view-comments-recent .item-list__item .views-field-changed,
.view-content-recent .item-list__item .views-field-changed {
  font-size: 0.75rem;
  line-height: 1;
}


/* Better Expose Filters */
.bef-links {
  display: flex;
  flex-wrap: wrap;
}
.bef-links a {
  background: #ccc;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 0.8em;
  padding: 5px 15px;
  transition: all 0.25s ease;
}
.bef-links a:hover,
.bef-links a:active,
.bef-links a:focus {
  background: #01bae2;
  color: #fff;
  text-decoration: none;
}
.bef-links a.bef-link-active {
  background: #01bae2;
  color: #fff;
  text-decoration: none;
}
.bef-links .element-container-wrapper {
  margin: 5px 10px 5px 0;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .bef-links a {
    display: initial;
  }
  .bef-links .element-container-wrapper {
    width: auto;
  }
}

/* Encabezado normal */
.vista-normal .view-header {}
.vista-normal .view-header {
  max-width: 70em;
  margin: 30px auto 30px;
}
.vista-normal .view-header h1 {
  font-size: 1.5rem;
}
.vista-normal .view-header .text-formatted {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.vista-normal .view-filters {
  max-width: 70em;
  margin: 30px auto 0;
}
.vista-normal .view-filters .form--inline {
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.vista-normal .view-content {
  max-width: 70em;
  margin: 20px;
}
@media screen and (min-width: 600px) {
  .vista-normal .view-header {
    margin: 80px auto 20px;
    width: 100%;
  }
  .vista-normal .view-header h1 {
    font-size: 2rem;
  }
  .vista-normal .view-filters .form--inline {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}

/* Responsive Grid */
.responsive-grid .view-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 70em;
  width: 100%;
  margin: 20px auto 80px;
}
.responsive-grid .view-content .view-title {
  margin-top: 30px;
  width: 100%;
}
.responsive-grid .view-content .view-title:first-child {
  margin-top: 0;
}