@charset "UTF-8";
body {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

h1 {
  color: #253975;
  font-size: 50px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h2 {
  color: #15bab1;
  font-size: 38px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
}

h3 {
  color: #1c66d1;
  font-size: 28px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h4 {
  color: #28aae1;
  font-size: 26px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h5 {
  color: #3e8fad;
  font-size: 21px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

footer {
  padding: 0 0;
}

.menu-save-blue a,
.node-body a {
  color: #4795c6;
  word-wrap: break-word;
  font-weight: bold;
  transition: 0.5s all ease-in;
  font-family: "Montserrat", sans-serif;
  --bs-dropdown-link-active-bg: transparent;
}
.menu-save-blue a:hover,
.node-body a:hover {
  color: #d86b19;
}

ul li,
ol li {
  font-size: 18px;
}
ul li::marker,
ol li::marker {
  color: #d86b19;
  font-weight: bold;
  font-family: "Montserrat";
}
ul ul,
ol ul {
  list-style: disc;
}

.breadcrumb .breadcrumb-item a {
  color: #333333;
  text-decoration: underline;
}

.bck-call-title {
  background: #fe0000;
}
.bck-call-title span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 800;
  font-family: "Montserrat";
}

em {
  font-size: 17px;
}

.selector-year {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login-page .login-form label {
  display: block;
  text-align: left;
}

.content-img img {
  width: 100%;
}

.header-save .nav-home .navbar-collapse {
  flex-wrap: wrap-reverse;
}

.redes-autor a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: #ffffff 1px solid;
  text-indent: -9999px;
  display: block;
  float: left;
  margin: 0 5px;
}
.redes-autor a.icon-820 {
  background: url(../img/ico-autor-web.svg) no-repeat center center;
  background-size: 100%;
}
.redes-autor a.icon-561 {
  background: url(../img/ico-autor-instagram.svg) no-repeat center center;
  background-size: 100%;
}
.redes-autor a.icon-562 {
  background: url(../img/ico-autor-facebook.svg) no-repeat center center;
  background-size: 100%;
}
.redes-autor a.icon-821 {
  background: url(../img/ico-autor-flirck.svg) no-repeat center center;
  background-size: 100%;
}
.redes-autor a.icon-822 {
  background: url(../img/ico-autor-x.svg) no-repeat center center;
  background-size: 100%;
}

.colecciones p {
  font-size: 16px;
}
.colecciones.total {
  background: url(../img/ico-autor-fotos.svg) no-repeat left center;
  background-size: 20px;
  padding-left: 28px;
}
.colecciones.especies {
  background: url(../img/ico-autor-especies.svg) no-repeat left center;
  background-size: 20px;
  padding-left: 28px;
}
.colecciones.especies p .especie-autor a::after {
  content: ", ";
  margin-right: 5px;
}
.colecciones.especies p .especie-autor:last-child a::after {
  content: "";
}
.colecciones.especies a {
  color: #ffffff;
  text-decoration: underline;
  text-transform: lowercase;
}

.author-title {
  background: rgb(59, 136, 226);
  background: linear-gradient(180deg, rgb(59, 136, 226) 0%, rgb(59, 136, 226) 100%, rgb(45, 104, 173) 100%);
}
.author-title h2 {
  color: #ffffff;
}

.form-check .form-check-input {
  margin-left: 0;
}

.author-info {
  background: url(../img/bck-avistamiento-internas.jpg) no-repeat center center;
  background-size: cover;
}
.author-info h3,
.author-info p,
.author-info span {
  color: #ffffff;
}
.author-info .like-count {
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.author-info .like-count p {
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.author-info .like-count::before {
  width: 16px;
  height: 16px;
}
.author-info .avistamientos,
.author-info .conservacion {
  background: url(../img/ico-autor-observacion.svg) no-repeat left center;
  background-size: 20px;
  padding-left: 28px;
}

.page-node-type-tc-biblioteca .body-page {
  position: relative;
  padding-bottom: 50px;
}
.page-node-type-tc-biblioteca .body-page::after {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: url(../img/gradient-line.png) repeat-x bottom;
  position: absolute;
  bottom: 0;
}

.node-fotografia-form .form-type-vertical-tabs,
.node-fotografia-form .form-type-vertical-tabs,
.node-fotografia-form #edit-actions,
.node-fotografia-form .form-item-moderation-state-0-state,
#node-fotografia-form .form-type-vertical-tabs,
.node-informacion-del-autor-form .form-type-vertical-tabs,
#node-informacion-del-autor-form .form-type-vertical-tabs,
#node-fotografia-form #edit-actions,
#node-fotografia-form .form-item-moderation-state-0-state,
.tabledrag-toggle-weight-wrapper,
.paragraphs-dropdown,
.paragraphs-dropdown-toggle,
#field-phs-cuales-0-collapse,
.form-item-field-ref-correo-electronico,
#edit-year-collapsible,
.field--name-field-tax-estado,
#field-phs-cuales-values .description {
  display: none;
}

#node-fotografia-form .form-check-input {
  border-color: #666666;
}
#node-fotografia-form .form-item-field-donar-fotografia-value {
  border: 1px solid #afcbd8;
  position: relative;
  margin-bottom: 20px;
  border-radius: 12px;
  padding: 20px;
}
#node-fotografia-form .form-item-field-donar-fotografia-value .form-check-input {
  margin-right: 5px;
}
#node-fotografia-form .form-item-field-donar-fotografia-value .description {
  margin: 0;
  display: inline;
  font-size: 16px;
}
#node-fotografia-form .form-item-field-donar-fotografia-value .option {
  font-size: 16px;
}
#node-fotografia-form .form-item-field-donar-fotografia-value .option::after {
  position: absolute;
  top: auto;
  right: 10px;
}

.label-title {
  font-weight: bold;
}

@media (min-width: 768px) {
  .form-item-field-tax-nombre-0-value,
  .form-item-field-apellidos-0-value {
    width: 48%;
    float: left;
  }
}

@media (min-width: 768px) {
  .form-item-field-tax-nombre-0-value {
    margin-right: 4%;
  }
}

@media (min-width: 768px) {
  .form-item-field-mail-correo-electronico-0-value,
  .form-item-field-tax-pais-foto {
    display: inline-block;
  }
}

form label {
  font-weight: bold;
}
form .form-item-field-tax-nombre-0-value label,
form .form-item-field-apellidos-0-value label {
  font-weight: normal;
}

.video-media-remote {
  max-width: 100%;
}

.form-check-input:checked[type=checkbox],
.form-check-input[type=checkbox] {
  --bs-form-check-bg-image: url(data:image/svg + xml,
  %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" %3e%3cpathfill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m6 10 3 3 6-6" /%3e%3c/svg%3e);
}

#views-exposed-form-biblioteca-avanzado-page-1 .form-item-autor,
#views-exposed-form-biblioteca-avanzado-page-1 .form-item-tipo-recurso,
#views-exposed-form-biblioteca-avanzado-page-1 .form-item-pais,
#views-exposed-form-biblioteca-avanzado-page-1 .form-item-tema,
#views-exposed-form-biblioteca-avanzado-page-1 .form-item-region-oceanica {
  display: none;
}

#edit-tema-collapsible .form-checkboxes ul,
#edit-especie-collapsible .form-checkboxes ul,
#edit-colection-collapsible--3 .form-checkboxes ul,
#edit-field-especie-target-id-collapsible .form-checkboxes ul,
#edit-problematica-collapsible--2 .form-checkboxes ul,
#edit-especie-collapsible--2 .form-checkboxes ul,
#edit-recurso-collapsible--2 .form-checkboxes ul {
  margin-left: 0;
  padding: 0;
}
#edit-tema-collapsible .form-checkboxes ul li label.option,
#edit-especie-collapsible .form-checkboxes ul li label.option,
#edit-colection-collapsible--3 .form-checkboxes ul li label.option,
#edit-field-especie-target-id-collapsible .form-checkboxes ul li label.option,
#edit-problematica-collapsible--2 .form-checkboxes ul li label.option,
#edit-especie-collapsible--2 .form-checkboxes ul li label.option,
#edit-recurso-collapsible--2 .form-checkboxes ul li label.option {
  font-weight: bold;
}
#edit-tema-collapsible .form-checkboxes ul li ul,
#edit-especie-collapsible .form-checkboxes ul li ul,
#edit-colection-collapsible--3 .form-checkboxes ul li ul,
#edit-field-especie-target-id-collapsible .form-checkboxes ul li ul,
#edit-problematica-collapsible--2 .form-checkboxes ul li ul,
#edit-especie-collapsible--2 .form-checkboxes ul li ul,
#edit-recurso-collapsible--2 .form-checkboxes ul li ul {
  margin-left: 30px;
}
#edit-tema-collapsible .form-checkboxes ul li ul label.option,
#edit-especie-collapsible .form-checkboxes ul li ul label.option,
#edit-colection-collapsible--3 .form-checkboxes ul li ul label.option,
#edit-field-especie-target-id-collapsible .form-checkboxes ul li ul label.option,
#edit-problematica-collapsible--2 .form-checkboxes ul li ul label.option,
#edit-especie-collapsible--2 .form-checkboxes ul li ul label.option,
#edit-recurso-collapsible--2 .form-checkboxes ul li ul label.option {
  font-weight: bold;
}
#edit-tema-collapsible .form-checkboxes ul li ul li ul,
#edit-especie-collapsible .form-checkboxes ul li ul li ul,
#edit-colection-collapsible--3 .form-checkboxes ul li ul li ul,
#edit-field-especie-target-id-collapsible .form-checkboxes ul li ul li ul,
#edit-problematica-collapsible--2 .form-checkboxes ul li ul li ul,
#edit-especie-collapsible--2 .form-checkboxes ul li ul li ul,
#edit-recurso-collapsible--2 .form-checkboxes ul li ul li ul {
  margin-left: 0;
  display: none;
}
#edit-tema-collapsible .form-checkboxes ul li ul li label.option,
#edit-especie-collapsible .form-checkboxes ul li ul li label.option,
#edit-colection-collapsible--3 .form-checkboxes ul li ul li label.option,
#edit-field-especie-target-id-collapsible .form-checkboxes ul li ul li label.option,
#edit-problematica-collapsible--2 .form-checkboxes ul li ul li label.option,
#edit-especie-collapsible--2 .form-checkboxes ul li ul li label.option,
#edit-recurso-collapsible--2 .form-checkboxes ul li ul li label.option {
  font-weight: normal;
}

#block-savethebluefive-views-block-especie-x-familia-block-1 {
  display: none;
}

.node-body h3 {
  margin-bottom: 30px;
}
.node-body ul li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
}
.node-body ul li::marker {
  color: #d86b19;
}

p {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

strong {
  color: #253975;
  font-family: "Montserrat", sans-serif;
}

.btn-save-blue,
.btn-more-save,
.btn-download-save,
.btn-site-save {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: #253975;
  transition: 0.5s all ease-in;
  border: 1px solid #253975;
}

.btn-save-blue:hover {
  color: #d86b19 !important;
  background-color: #ffffff;
  border: 1px solid #d86b19;
}

.btn-more-save::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/chevron-right.svg");
          mask: url("../img/chevron-right.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
}

.btn-download-save::after {
  content: "";
  width: 30px;
  height: 30px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/ico-descarga.svg");
          mask: url("../img/ico-descarga.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}

.btn-site-save::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/ico-link-externo.svg");
          mask: url("../img/ico-link-externo.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}

.btn-download-save:hover::after,
.btn-more-save:hover::after,
.btn-site-save:hover::after {
  background: #d86b19;
}

.btn-more-save:hover,
.btn-download-save:hover,
.btn-site-save:hover {
  color: #d86b19 !important;
  background-color: #ffffff !important;
  border: 1px solid #d86b19;
}

.flag-like a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: #e50e42;
  transition: 0.5s all ease-in;
}

.flag-like a::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/heart-fill.svg");
          mask: url("../img/heart-fill.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}

.btn-more a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: #253975;
  transition: 0.5s all ease-in;
}
.btn-more a::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/chevron-right.svg");
          mask: url("../img/chevron-right.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}
.btn-more a:hover {
  color: #d86b19 !important;
  background-color: #ffffff !important;
}
.btn-more a:hover::after {
  background: #d86b19 !important;
}

.link-item a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: #253975;
  transition: 0.5s all ease-in;
}
.link-item a::after {
  content: "";
  width: 55px;
  max-width: 55px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/ico-link-externo.svg");
          mask: url("../img/ico-link-externo.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 25px 25px;
          mask-size: 25px 25px;
  background: #ffffff;
  transition: 0.5s all ease-in;
}
.link-item a:hover {
  color: #d86b19 !important;
  background-color: #ffffff !important;
}
.link-item a:hover::after {
  background: #d86b19 !important;
}

header {
  background: url("../img/header-index.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.region-header {
  padding-top: 15px;
}

.internal-page {
  background: url("../img/header-interna-comunicacion.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  min-height: 350px;
}

.menu-save-blue {
  position: absolute;
  width: 100%;
  top: 0;
}
.menu-save-blue .nav-level-0 .nav-item > .nav-link {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  margin-right: 25px;
  border-radius: 8px;
  transition: 0.5s all ease-in;
}
.menu-save-blue .nav-level-0 .nav-item > .nav-link:hover, .menu-save-blue .nav-level-0 .nav-item > .nav-link.show {
  background-color: #28aae1;
}
.menu-save-blue .dropdown-item {
  padding: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  font-family: "Montserrat";
  background-color: #28aae1;
  border-bottom: 1px solid #1c66d1;
}
.menu-save-blue .dropdown-item.active {
  background-color: transparent;
}
.menu-save-blue .dropdown-item:hover {
  color: #dff2fa;
  text-decoration: underline;
}
.menu-save-blue .dropdown-menu {
  background-color: #28aae1;
}
.menu-save-blue .dropdown-menu .nav-item {
  padding: 0 10px;
}
.menu-save-blue .region-search #edit-actions {
  margin-left: 0;
}
.menu-save-blue .region-language {
  display: none;
}
.menu-save-blue .region-language ul {
  padding: 0;
  display: flex;
  list-style: none;
  margin-left: 1rem;
  border-radius: 21px;
}
.menu-save-blue .region-language ul li {
  padding: 5px 10px;
  background: #253975;
}
.menu-save-blue .region-language ul li a {
  color: #ffffff;
  text-decoration: none;
}
.menu-save-blue .region-language ul li.is-active {
  background: #0077bb;
}
.menu-save-blue .region-language ul li:first-child {
  border-radius: 21px 0 0 21px;
}
.menu-save-blue .region-language ul li:last-child {
  border-radius: 0 21px 21px 0;
}

.description-save {
  margin-top: 190px;
  margin-bottom: 275px;
}
.description-save p {
  width: 70%;
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal;
}
.description-save h2 {
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
}
.description-save .description-header {
  margin-left: 12%;
}

.region-search {
  width: 20%;
}

.nav-home nav .navbar-nav .menu-sobre .nav-link {
  width: 125px;
}
@media (max-width: 767px) {
  .nav-home nav .navbar-nav .menu-sobre .nav-link {
    width: 100%;
  }
}
.nav-home nav .navbar-nav .nav-item .nav-link {
  max-width: 210px;
  padding-right: 30px;
  white-space: normal;
  line-height: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.nav-home nav .navbar-nav .nav-item .dropdown-toggle {
  position: relative;
}
.nav-home nav .navbar-nav .nav-item .dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  transform: translateX(-50%);
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
@media (max-width: 767px) {
  .nav-home nav .navbar-nav .nav-item .nav-link {
    max-width: 100%;
    padding-right: 30px;
  }
  .nav-home nav .navbar-nav .nav-item .dropdown-toggle::after {
    left: 94%;
  }
}

#search-block-form {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 5px auto 20px;
}
#search-block-form .form-search {
  width: 220px;
  color: #ffffff;
  position: relative;
  border-radius: 21px;
  background-color: transparent;
  padding: 0.375rem 2.75rem 0.375rem 0.75rem;
}
#search-block-form .form-search::-moz-placeholder {
  color: #ffffff;
}
#search-block-form .form-search::placeholder {
  color: #ffffff;
}
#search-block-form .button {
  background: transparent url(../img/search.svg) no-repeat;
  background-position: 5px center;
  background-size: 1.2rem;
  text-indent: -99999px;
  position: absolute;
  border: none;
  right: 15px;
  top: 0;
}

.bg-footer {
  background: url("../img/bck-footer.jpg") no-repeat center;
  background-size: 100% 100%;
  padding: 40px 40px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.bck-anexos {
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: #dff2fa url("../img/deco-internas-mas-info.svg") no-repeat bottom right;
  background-size: 50%;
}
.bck-anexos.good-practice-node {
  padding-top: 80px;
  padding-bottom: 140px;
}
.bck-anexos.panorama {
  padding-bottom: 200px !important;
}

.repository-deco {
  padding: 20px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: url("../img/deco.svg") no-repeat right 10px;
  background-size: 200px;
}

.bkc-deco-internas {
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: url("../img/deco-internas03.svg") no-repeat right 101%;
  background-size: 80%;
}
.bkc-deco-internas.bk-foto {
  padding-top: 80px;
  margin-top: 0 !important;
  background: url("../img/deco-internas03.svg") no-repeat right 98%;
  background-size: 90%;
}
.bkc-deco-internas.top {
  background: url("../img/deco-biblio.svg") no-repeat right top;
  background-size: 35%;
  margin-top: 0;
}

.deco-sobre {
  background: url("../img/deco-internas03.svg") no-repeat bottom right;
  background-size: 80%;
}

.deco-page-left {
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: url("../img/deco-internas01.svg") no-repeat bottom right;
  background-size: 50%;
}

.deco-page-center {
  padding: 40px;
  position: relative;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: linear-gradient(to bottom, #ffffff, #afcbd8);
  background-size: 50%;
}
.deco-page-center::before {
  left: 25%;
  bottom: -57px;
  content: "";
  width: 50%;
  height: 50%;
  display: block;
  position: absolute;
  background: url("../img/deco-internas01.svg") no-repeat bottom center;
  background-size: 100% 100%;
}

.bck-panelista,
.bck-especies {
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: #0088b2 url("../img/deco-especies.svg") no-repeat center;
  background-size: 100% 100%;
}
.bck-panelista h3,
.bck-especies h3 {
  color: #ffffff;
}
.bck-panelista .view-header p,
.bck-panelista .view-empty p,
.bck-especies .view-header p,
.bck-especies .view-empty p {
  color: #ffffff;
}

.bck-internal-title {
  background: #ffffff url("../img/bck-titulos-internas.jpg") no-repeat bottom center;
  background-size: 100% 50%;
  margin-bottom: 90px;
  padding: 20px 0;
}
.bck-internal-title.not-image {
  background: #ffffff url("../img/bck-titulos-internas.jpg") no-repeat center;
  background-size: 100% 100%;
  margin-bottom: 90px;
  padding: 20px 0;
}
.bck-internal-title span.news {
  display: block;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin: 30px 0 20px;
  line-height: normal;
  font-family: "Montserrat";
}
.bck-internal-title .title-page {
  color: #ffffff;
  font-size: 36px;
  font-weight: 800;
  font-family: "Montserrat";
}
.bck-internal-title .date-news {
  display: block;
  margin: 10px 0 30px;
  line-height: normal;
}
.bck-internal-title .date-news span::after {
  content: " • ";
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
}
.bck-internal-title .date-news span:last-child::after {
  display: none;
}
.bck-internal-title .date-news .date {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  font-family: "Montserrat";
}
.bck-internal-title .date-news .country {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  font-family: "Montserrat";
}

.bkg-deco-top {
  background: url("../img/separador-seccion-materiales.svg") no-repeat;
  background-size: 100%;
  height: 140px;
}

.bkg-deco-materials {
  padding: 10px 0 20px;
  background: #0088b2;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bkg-deco-materials h3 {
  color: #ffffff;
}
.bkg-deco-materials .pie-description p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat";
}
.bkg-deco-materials .phs-description h5 {
  color: #ffffff;
  font-size: 25px;
  font-weight: 500;
}
.bkg-deco-materials .phs-description::after {
  display: none;
}

.degraded-blue {
  padding: 20px 0 150px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: linear-gradient(to top in hsl shorter, #caeaf7, #ffffff);
}

.degraded-blue-bottom {
  position: relative;
  padding: 20px 0 150px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: linear-gradient(to top in hsl shorter, #caeaf7, #ffffff);
}
.degraded-blue-bottom::after {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 145px;
  display: block;
  position: absolute;
  background: url("../img/separador.jpg") no-repeat;
  background-size: 100% 100%;
}

.logo-redes .row {
  align-items: flex-end;
}
.logo-redes .redes-footer {
  padding: 0;
  width: 100%;
  display: flex;
  margin: 0 0 10px;
  list-style: none;
  align-items: center;
  justify-content: left;
}
.logo-redes .redes-footer .item-redes {
  flex: 0 0 auto;
  padding: 0 10px;
}
.logo-redes .redes-footer .item-redes a {
  width: 40px;
  height: 40px;
  margin: 0 3px;
  display: block;
  font-size: 0.7em;
  text-indent: -9999px;
}
.logo-redes .redes-footer .item-redes .fb {
  background: url("../img/ico-social-facebook-normal.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .fb:hover {
  background: url("../img/ico-social-facebook-hiver.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .yt {
  background: url("../img/ico-social-youtube-normal.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .yt:hover {
  background: url("../img/ico-social-youtube-hover.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .lk {
  background: url("../img/ico-social-linkedin-normal.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .lk:hover {
  background: url("../img/ico-social-linkedin-hover.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .ig {
  background: url("../img/ico-social-instagram-normal.svg") center no-repeat;
  background-size: 30px 30px;
}
.logo-redes .redes-footer .item-redes .ig:hover {
  background: url("../img/ico-social-instagram-hover.svg") center no-repeat;
  background-size: 30px 30px;
}

.about-project {
  margin-top: 40px;
}

.area-title {
  line-height: 0;
  display: block;
  margin-top: 30px;
}
.area-title p {
  color: #808080;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 0px;
  font-family: "Montserrat";
  text-transform: uppercase;
}
.area-title .blue-five-title {
  color: #253975;
  font-size: 70px;
  font-weight: 700;
  font-family: "Montserrat";
}
.area-title .blue-five-title span {
  color: #1c66d1;
}

.list-contact a {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 5px 5px 45px;
  font-family: "Montserrat";
  text-decoration: none;
}
.list-contact a:hover {
  text-decoration: underline;
}
.list-contact .email {
  background: url("../img/ico-mail.svg") no-repeat 18px center;
  background-size: 18px 18px;
}

.contri-ods p {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  font-family: "Montserrat";
}
.contri-ods .list-ods {
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.contri-ods .list-ods .item {
  width: 25%;
  flex: 0 0 auto;
  padding: 0 10px;
  text-align: center;
}

.countrys-spons {
  padding: 30px;
  margin-top: 40px;
  background-color: #ffffff;
  border-radius: 41px 41px 0px 0px;
}
.countrys-spons .colaboradores a {
  text-decoration: none;
}

.copy-footer {
  padding: 20px;
  background-color: #253975;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.copy-footer .list-copy {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: end;
}
.copy-footer .list-copy .item {
  padding: 10px;
  flex: 0 0 auto;
}
.copy-footer .list-copy .item a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  font-family: "Montserrat";
}
.copy-footer .list-copy .item a:hover {
  color: #d86b19;
}

.content-img {
  margin-bottom: 20px;
}

.pie-description {
  margin-bottom: 20px;
}
.pie-description::after {
  content: "";
  width: 70px;
  height: 5px;
  display: block;
  background: #00b7b6;
}

.phs-video iframe,
.video-proyect iframe,
.webinar-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.phs-featured-phrase p {
  color: #3e8fad;
  font-size: 22px;
  font-weight: 500;
  font-family: "Montserrat";
}

.phs-description {
  position: relative;
}
.phs-description::after {
  width: 15%;
  height: 3px;
  content: "";
  display: block;
  background: #15bab1;
}
.phs-description h5,
.phs-description p {
  color: #7c7c7c;
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat";
}

.round img {
  border-radius: 25px;
  width: 100%;
}

.img-news.round {
  position: relative;
}

.pie-img-content {
  width: 100%;
  bottom: 0;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 0 0 25px 25px;
  background-color: rgba(0, 0, 0, 0.5529411765);
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
}

.image-style-imagen-carousel,
.image-style-linea-de-accion {
  width: 100%;
}

.phs-img img {
  border-radius: 10px;
}

.phs-carousel .carousel-dark .carousel-control-prev-icon,
.phs-carousel .carousel-dark .carousel-control-next-icon {
  background-color: #000;
  background-size: 20px;
  border-radius: 50%;
}
.phs-carousel .carousel-indicators {
  width: 100%;
  margin: 0 0 4rem;
  position: relative;
}
.phs-carousel .carousel-indicators button {
  box-sizing: inherit;
  position: relative;
  height: 100%;
  width: 15%;
}
.phs-carousel .carousel-indicators button img {
  left: 0;
  top: -12px;
  width: 100%;
  position: absolute;
}
.phs-carousel .carousel-indicators .phs-description {
  display: none;
}

.phs-cita {
  position: relative;
  padding-left: 80px;
}
.phs-cita p {
  color: #00a99d;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  font-family: "Montserrat";
}
.phs-cita span {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat";
}
.phs-cita::before {
  top: 0;
  left: 0;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background: url("../img/ico-quote.svg") no-repeat left;
  background-size: 100% 100%;
}

.region-content {
  padding: 0;
}

.share-buttons {
  position: relative;
  padding: 10px 0 0;
}
.share-buttons::before {
  top: 0;
  left: -10px;
  content: "";
  width: 1px;
  height: 160px;
  position: absolute;
  display: inline-block;
  background: #15bab1;
}
.share-buttons .title-shared {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  font-family: "Montserrat";
}
.share-buttons .social-sharing-buttons {
  display: grid;
  margin: 10px auto;
}
.share-buttons .social-sharing-buttons a {
  width: 30px;
  height: 30px;
  display: block;
  margin-bottom: 10px;
}
.share-buttons .social-sharing-buttons a svg {
  opacity: 0;
}
.share-buttons .social-sharing-buttons a.share-facebook {
  background: url("../img/ico-share-facebook.svg") no-repeat center;
  background-size: 100% 100%;
}
.share-buttons .social-sharing-buttons a.share-x {
  background: url("../img/ico-share-x.svg") no-repeat center;
  background-size: 100% 100%;
}
.share-buttons .social-sharing-buttons a.share-whatsapp {
  background: url("../img/ico-share-whattapp.svg") no-repeat center;
  background-size: 100% 100%;
}
.share-buttons .social-sharing-buttons a.share-linkedin {
  background: url("../img/ico-share-linkedin.svg") no-repeat center;
  background-size: 100% 100%;
}
.share-buttons .social-sharing-buttons a.share-email {
  background: url("../img/ico-share-mail.svg") no-repeat center;
  background-size: 100% 100%;
}

.list-share-btn {
  padding: 0;
  gap: 20px;
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.list-share-btn .message p {
  color: #ffffff;
  margin-bottom: 0;
}
.list-share-btn li a {
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 10px;
  text-indent: -999999px;
}
.list-share-btn li a.share-facebook {
  background: url("../img/ico-share-facebook.svg") no-repeat center;
  background-size: 100% 100%;
}
.list-share-btn li a.share-x {
  background: url("../img/ico-share-x.svg") no-repeat center;
  background-size: 100% 100%;
}
.list-share-btn li a.share-whatsapp {
  background: url("../img/ico-share-whattapp.svg") no-repeat center;
  background-size: 100% 100%;
}
.list-share-btn li a.share-linkedin {
  background: url("../img/ico-share-linkedin.svg") no-repeat center;
  background-size: 100% 100%;
}
.list-share-btn li a.share-email {
  background: url("../img/ico-share-mail.svg") no-repeat center;
  background-size: 100% 100%;
}
.list-share-btn li a.share-pinterest {
  background: url("../img/ico-shared-pinterest.svg") no-repeat center;
  background-size: 100% 100%;
  background-color: #ffffff;
  border-radius: 50%;
}
.list-share-btn li a.share-copy {
  background: url("../img/ico-shared-link.svg") no-repeat center;
  background-color: #4795c6;
  background-size: 90% 90%;
  border-radius: 50%;
}

.content-view {
  position: relative;
  padding: 30px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.content-view::before {
  bottom: 0;
  content: "";
  width: 100%;
  height: 70%;
  position: absolute;
  display: inline-block;
  background: url(../img/deco-index.svg) no-repeat 500px bottom;
  background-size: 100% 100%;
}

.deco-page {
  position: relative;
}
.deco-page::before {
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 70%;
  position: absolute;
  display: inline-block;
  background-size: 100% 100%;
}
.deco-page::after {
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 70%;
  position: absolute;
  display: inline-block;
  background-size: 100% 100%;
}

.box-blue-rodunded {
  padding: 20px;
  z-index: 9;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
}
.box-blue-rodunded h3 {
  font-size: 25px;
  font-weight: 500;
  color: #1c66d1;
  transition: 0.5s all ease-in;
}
.box-blue-rodunded .content-image-color {
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
}

.list-box-blue .content-box-blue,
.list-box-blue .bloque-flexible {
  padding: 20px;
  z-index: 9;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
}
.list-box-blue .content-box-blue .content-image-colo,
.list-box-blue .bloque-flexible .content-image-colo {
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
}
.list-box-blue .content-box-blue .border-box,
.list-box-blue .bloque-flexible .border-box {
  border-left: #afcbd8 1px solid;
}
.list-box-blue .content-box-blue .list-event,
.list-box-blue .bloque-flexible .list-event {
  padding: 0 0 0 20px;
}
.list-box-blue .content-box-blue .img-event,
.list-box-blue .bloque-flexible .img-event {
  border-radius: 12px;
}
.list-box-blue .content-box-blue h3,
.list-box-blue .bloque-flexible h3 {
  font-size: 25px;
  font-weight: 500;
  color: #1c66d1;
  transition: 0.5s all ease-in;
}

.content-box-blue {
  padding: 20px;
  z-index: 9;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
}
.content-box-blue.box-white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.content-box-blue.certificate {
  position: relative;
}
.content-box-blue.certificate .img-certificate {
  top: 0;
  right: 15px;
  width: 55px;
  position: absolute;
}
@media (max-width: 767px) {
  .content-box-blue.certificate .img-certificate {
    right: 35px;
  }
}
.content-box-blue.certificate .title-repository {
  padding-right: 65px;
}
@media (max-width: 767px) {
  .content-box-blue.repositorio h3 {
    margin-top: 20px;
  }
}
.content-box-blue.repositorio .content-type-resource {
  padding: 10px 0;
  margin-bottom: 20px;
}
.content-box-blue.repositorio .content-type-resource span {
  padding: 5px;
  padding-left: 40px;
  font-weight: 400;
  border: 1px solid #d86b19;
  color: #d86b19;
  border-radius: 15px;
}
.content-box-blue.repositorio .content-type-resource span.item-type-856, .content-box-blue.repositorio .content-type-resource span.item-type-860 {
  background: url("../img/ico-btn-curso-virtual.svg") no-repeat 10px center;
  background-size: 25px;
}
.content-box-blue.repositorio .content-type-resource span.item-type-857, .content-box-blue.repositorio .content-type-resource span.item-type-861 {
  background: url("../img/ico-btn-capsula.svg") no-repeat 10px center;
  background-size: 25px;
}
.content-box-blue.repositorio .content-type-resource span.item-type-858, .content-box-blue.repositorio .content-type-resource span.item-type-862 {
  background: url("../img/ico-btn-webinar-conferencia.svg") no-repeat 10px center;
  background-size: 25px;
}
.content-box-blue .content-image-colo {
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
}
.content-box-blue .border-box {
  border-left: #afcbd8 1px solid;
}
.content-box-blue .list-event {
  padding: 0 0 0 20px;
}
.content-box-blue .img-event {
  border-radius: 12px;
}
.content-box-blue h3 {
  font-size: 25px;
  font-weight: 500;
  color: #1c66d1;
  transition: 0.5s all ease-in;
}
.content-box-blue.panelista-item .content-image img {
  border-radius: 50%;
}
.content-box-blue.panelista-item h3 {
  color: #1c66d1;
  font-size: 25px;
  font-weight: 400;
}
.content-box-blue.panelista-item .cargo-panelista .cargo {
  color: #253975;
  font-size: 18px;
  font-weight: bold;
}
.content-box-blue.panelista-item .link-panelista {
  margin-top: 10px;
}
.content-box-blue.panelista-item .pais-panelista .pais {
  color: #253975;
  font-size: 18px;
  font-weight: bold;
}
.content-box-blue.event:hover h3 {
  color: #15bab1;
}
.content-box-blue.transpa {
  background-color: transparent;
  border: none;
}

.info-convocatory,
.info-activity {
  border: 2px solid #00aeef;
  margin-bottom: 20px;
  border-radius: 18px;
  padding: 30px;
}
.info-convocatory .title,
.info-activity .title {
  width: 100%;
  color: #28aae1;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00aeef;
}

.list-event,
.list-activity,
.list-convocatory {
  padding: 0;
  list-style: none;
}
.list-event .item,
.list-activity .item,
.list-convocatory .item {
  display: flex;
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  padding: 0 0 0 25px;
  align-items: center;
}
.list-event .item.asist-virtual,
.list-activity .item.asist-virtual,
.list-convocatory .item.asist-virtual {
  background: url("../img/ico-agenda-virtual.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.asist-Virtual,
.list-activity .item.asist-Virtual,
.list-convocatory .item.asist-Virtual {
  background: url("../img/ico-agenda-virtual.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.asist-presen,
.list-activity .item.asist-presen,
.list-convocatory .item.asist-presen {
  background: url("../img/ico-agenda-presencial.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.asist-Presencial,
.list-activity .item.asist-Presencial,
.list-convocatory .item.asist-Presencial {
  background: url("../img/ico-agenda-presencial.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.asist-mixto,
.list-activity .item.asist-mixto,
.list-convocatory .item.asist-mixto {
  background: url("../img/ico-agenda-mixta.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.asist-Mixto,
.list-activity .item.asist-Mixto,
.list-convocatory .item.asist-Mixto {
  background: url("../img/ico-agenda-mixta.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.date,
.list-activity .item.date,
.list-convocatory .item.date {
  background: url("../img/ico-agenda-calendar.svg") no-repeat left center;
  background-size: 15px;
}
.list-event .item.date time,
.list-activity .item.date time,
.list-convocatory .item.date time {
  margin-right: 5px;
}
.list-event .item.hour,
.list-activity .item.hour,
.list-convocatory .item.hour {
  background: url("../img/ico-agenda-hora.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.location,
.list-activity .item.location,
.list-convocatory .item.location {
  background: url("../img/ico-agenda-lugar.svg") no-repeat left center;
  background-size: 20px;
}
.list-event .item.location span::before,
.list-activity .item.location span::before,
.list-convocatory .item.location span::before {
  content: ",";
  font-size: 18px;
  margin-left: -4px;
  margin-right: 10px;
  display: inline-block;
}
.list-event .item.location span:first-child::before,
.list-activity .item.location span:first-child::before,
.list-convocatory .item.location span:first-child::before {
  display: none;
}
.list-event .item.location span:last-child::after,
.list-activity .item.location span:last-child::after,
.list-convocatory .item.location span:last-child::after {
  content: ".";
  font-size: 18px;
  display: inline-block;
}

.bajada {
  margin: 10px 0;
}
.bajada p {
  color: #3e8fad;
  font-size: 22px;
  font-weight: 400;
}

.area-tabs {
  margin-top: 20px;
}
.area-tabs .nav-tabs {
  justify-content: center;
}
.area-tabs .nav-tabs .nav-link {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  margin-right: 10px;
}
.area-tabs .nav-tabs .nav-link.active {
  color: #253975;
  font-weight: bold;
}

.phs-documentation {
  margin-bottom: 70px;
}

.phs-tabs {
  margin: 110px 0;
}
.phs-tabs .paragraph--type--phs-tab-actividad .field--name-field-phs-fecha time {
  display: none;
}
.phs-tabs .tab-content {
  width: 70%;
}
.phs-tabs .nav-pills {
  width: 25%;
}
.phs-tabs .nav-pills .nav-link {
  width: 185px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  background-color: #253975;
  border: 1px solid #253975;
  transition: 0.5s all ease-in-out;
}
.phs-tabs .nav-pills .nav-link.active, .phs-tabs .nav-pills .nav-link:hover {
  color: #d86b19;
  background-color: #ffffff;
  border: 1px solid #d86b19;
}

.activity-diary {
  padding: 20px;
  border-radius: 14px;
  margin-bottom: 30px;
  border: 2px solid #00aeef;
}
.activity-diary .hour-phs {
  padding: 20px;
  border-radius: 7px;
  margin-bottom: 30px;
  background-color: #00aeef;
}
.activity-diary .hour-phs .hour {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
}
.activity-diary .phs-description::after {
  display: none;
}

.side-event {
  padding: 20px;
  border-radius: 14px;
  margin-bottom: 40px;
  background-color: #1c66d1;
}
.side-event h1,
.side-event h2,
.side-event h3,
.side-event h4,
.side-event h5,
.side-event h6 {
  color: #ffffff;
}
.side-event .phs-descrip p,
.side-event .phs-descrip li,
.side-event .phs-descrip strong {
  color: #ffffff;
}
.side-event .content-image img {
  border-radius: 25px;
}

.img-modal {
  text-align: center;
  margin-bottom: 40px;
}

.sub-title-foto {
  font-size: 36px;
  font-weight: bold;
  color: #253975;
  margin-bottom: 40px;
  font-family: "Montserrat";
}

.photograph-item {
  position: relative;
  margin-bottom: 20px;
}
.photograph-item .photograph-content {
  position: relative;
}
.photograph-item .photograph-content img {
  border-radius: 15px;
}
.photograph-item .info-photograph {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  border-radius: 15px;
  align-content: space-between;
  background-color: rgba(0, 0, 0, 0.5058823529);
  transition: 0.5s ease-in-out all;
}
.photograph-item .info-photograph .link-description {
  display: grid;
  min-height: 180px;
  align-content: end;
}
.photograph-item .info-photograph h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat";
}
.photograph-item .info-photograph h4 a {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat";
}
.photograph-item .info-photograph li {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Montserrat";
}
.photograph-item .info-photograph li span {
  color: #ffffff;
}
.photograph-item .info-photograph li::marker {
  color: #ffffff;
}
.photograph-item .info-photograph .description-content {
  display: grid;
  min-height: 185px;
  align-content: end;
  padding: 0 10px 10px;
}
.photograph-item .info-photograph .area-share {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 10px 10px 0;
}
.photograph-item:hover .info-photograph {
  opacity: 1;
}

.stbf-img-download {
  width: 18px;
  height: 18px;
  display: block;
  font-size: 18px;
  color: #ffffff;
  text-indent: -999999px;
  background: url("../img/ico-foto-download.svg") no-repeat center;
  background-size: 100% 100%;
}

.stbf-img-shared {
  width: 18px;
  height: 18px;
  display: block;
  font-size: 18px;
  color: #ffffff;
  text-indent: -999999px;
  background: url("../img/share-fill.svg") no-repeat center;
  background-size: 100% 100%;
}

.like-count {
  gap: 8px;
  display: flex;
  font-size: 17px;
  font-weight: 400;
  color: #ffffff !important;
  align-items: center;
  font-family: "Montserrat";
}
.like-count span {
  color: #ffffff !important;
}
.like-count p {
  margin-bottom: 0;
}
.like-count::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background: url("../img/heart-fill.svg") no-repeat center;
  background-size: 100% 100%;
}

#modal-home .modal-content {
  background: transparent;
  border: 0;
}
#modal-home .modal-header {
  border: 0;
}
#modal-home .modal-header .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
#modal-home .modal-body {
  border: 0;
  padding: 0;
}
#modal-home .modal-body img {
  width: 100%;
}

.best-fototeca {
  padding: 40px 0;
  background: #0088b2;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.best-fototeca h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: "Montserrat";
}

.grid-sizer {
  width: 32%;
}

.galery-list .galery-item {
  margin-bottom: 20px;
}
.galery-list .galery-item .gallery-item {
  width: 100%;
  perspective: 1000px;
  background-color: transparent;
}
.galery-list .galery-item .gallery-item:hover .imagenes-campanas {
  transform: rotateY(180deg);
}
.galery-list .galery-item .gallery-item .imagenes-campanas {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.galery-list .galery-item .gallery-item .image-content {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
  backface-visibility: hidden;
}
.galery-list .galery-item .gallery-item .image-content img {
  width: 100%;
  border-radius: 10px;
}
.galery-list .galery-item .gallery-item .content-text {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.galery-list .galery-item .gallery-item .content-text h4 {
  color: #1c66d1;
  font-size: 25px;
  font-weight: 500;
}
.galery-list .galery-item .gallery-item .content-text p {
  color: #3a3a3a;
}
.galery-list .galery-item .gallery-item .content-text .ampliar {
  color: #0092d4;
  font-size: 16px;
  border: none;
  font-weight: bold;
  border-radius: 0;
  background: transparent;
  font-family: "Montserrat";
  text-decoration: underline;
}
.galery-list .galery-item:last-child {
  grid-column-start: span 2;
}

.audio-item {
  padding: 10px 15px 18px 15px;
  position: relative;
  margin-bottom: 20px;
  background-color: #253975;
  border-radius: 12px 12px 0 0;
}
.audio-item .image-content {
  width: 45px;
  height: 45px;
}
.audio-item .image-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.audio-item .name-audio {
  min-width: 0;
}
.audio-item .name-audio span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.audio-item .audio-controls-group .control {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.audio-item .audio-controls-group .control.play {
  background: url("../img/play-fill.svg") no-repeat center;
  background-size: 100%;
}
.audio-item .audio-controls-group .control.play.active {
  background: url("../img/pause-fill.svg") no-repeat center;
  background-size: 100%;
}
.audio-item .audio-controls-group .time-display {
  color: #ffffff;
  font-size: 13px;
  font-family: monospace;
  min-width: 75px;
  text-align: center;
}
.audio-item .audio-controls-group .speed-control select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
  padding: 2px 20px 2px 8px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 8px auto;
}
.audio-item .audio-controls-group .speed-control select option {
  color: #333;
}
.audio-item .audio-controls-group .volume-control .vol-icon {
  color: #ffffff;
  font-size: 18px;
}
.audio-item .audio-controls-group .volume-control .vol-icon.img-icon {
  width: 20px;
  height: 20px;
  background: url("../img/volume-up.svg") no-repeat center;
  background-size: 100%;
}
.audio-item .audio-controls-group .volume-control .volume-slider {
  -webkit-appearance: none;
  width: 60px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}
.audio-item .audio-controls-group .volume-control .volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f99a3d;
  cursor: pointer;
}
.audio-item .audio-controls-group .volume-control .volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f99a3d;
  border: none;
  cursor: pointer;
}
.audio-item .audio-controls-group .download-control .download-btn {
  color: #ffffff;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}
.audio-item .audio-controls-group .download-control .download-btn:hover {
  color: #f99a3d;
}
.audio-item .progress-container {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.audio-item .progress-container .progress-bar {
  width: 100%;
  height: 100%;
  background-color: #f99a3d;
  transition: width 0.1s linear;
}

.content-new a {
  text-decoration: none;
}
.content-new a:hover .img-news::after {
  top: 0;
  z-index: 8;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 25px;
  background-color: rgba(37, 57, 117, 0.7490196078);
}
.content-new a:hover .content-box-blue h3 {
  color: #15bab1;
}
.content-new .img-news {
  position: relative;
  text-align: center;
}
.content-new .img-news img {
  border-radius: 25px;
}
.content-new .content-box-blue {
  margin: 20px;
  z-index: 9;
  min-height: 310px;
  position: relative;
  margin-top: -100px;
}
.content-new .content-box-blue time {
  display: block;
  color: #253975;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  font-family: "Montserrat";
  text-transform: uppercase;
}

.pager .page-item .page-link {
  transition: 0.5 all ease-in;
  background: transparent;
  margin-right: 10px;
  font-weight: bold;
  border-radius: 0;
  color: #14b4ed;
  font-size: 15px;
  border: none;
}
.pager .page-item.is-active .page-link, .pager .page-item:hover .page-link {
  color: #d86b19;
  background: transparent;
  border-bottom: 1px solid #d86b19;
}

.view-exposed {
  display: flex;
  padding: 20px 0;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d86b19;
  border-bottom: 1px solid #d86b19;
}
.view-exposed .form--inline {
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-exposed span {
  padding: 20px;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  font-family: "Montserrat";
}

.date-event {
  border-radius: 7px;
  text-align: center;
  padding: 10px 10px 20px;
  background-color: #00aeef;
}
.date-event .day {
  margin-bottom: 0;
}
.date-event .day time {
  color: #ffffff;
  font-size: 37px;
  font-weight: bold;
  font-family: "Montserrat";
}
.date-event .month-year {
  margin-bottom: 0;
}
.date-event .month-year time {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  font-family: "Montserrat";
}

span.type-event {
  display: block;
  font-size: 16px;
  color: #0071bc;
  font-weight: 500;
  padding: 5px 15px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  margin: -12px auto 0;
  font-family: "Montserrat";
  background-color: #ffffff;
}

.btn-past a {
  display: block;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  padding: 5px 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  margin: 20px 0 20px auto;
  font-family: "Montserrat";
  background-color: #253975;
}

.lists-cards .line:nth-of-type(4n + 1) .content-line {
  background-color: #366dad;
}
.lists-cards .line:nth-of-type(4n + 1) .content-description {
  background-color: #366dad;
}
.lists-cards .line:nth-of-type(4n + 2) .content-line {
  background-color: #286e77;
}
.lists-cards .line:nth-of-type(4n + 2) .content-description {
  background-color: #286e77;
}
.lists-cards .line:nth-of-type(4n + 3) .content-line {
  background-color: #0590e5;
}
.lists-cards .line:nth-of-type(4n + 3) .content-description {
  background-color: #0590e5;
}
.lists-cards .line:nth-of-type(4n + 4) .content-line {
  background-color: #d16a4e;
}
.lists-cards .line:nth-of-type(4n + 4) .content-description {
  background-color: #d16a4e;
}
.lists-cards .item-line-action {
  width: 100%;
  margin-bottom: 40px;
  perspective: 1000px;
  background-color: transparent;
}
.lists-cards .item-line-action .box-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.lists-cards .item-line-action:hover .box-flip {
  transform: rotateY(180deg);
}
.lists-cards .item-line-action .item-logo {
  margin-top: 50px;
  text-align: center;
}
.lists-cards .item-line-action .item-logo img {
  max-height: 100px;
}
.lists-cards .item-line-action .item-image img {
  border-radius: 10px 10px 0 0;
}
.lists-cards .item-line-action .item-icon {
  top: 30%;
  left: 30%;
  width: 150px;
  height: 90px;
  position: absolute;
}
.lists-cards .item-line-action .item-title {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.lists-cards .item-line-action .item-title span {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  font-family: "Montserrat";
}
.lists-cards .item-line-action .content-line {
  width: 100%;
  height: 100%;
  display: block;
  min-height: 350px;
  border-radius: 10px;
  backface-visibility: hidden;
}
.lists-cards .item-line-action .content-description {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: block;
  position: absolute;
  border-radius: 10px;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.lists-cards .item-line-action .content-description p,
.lists-cards .item-line-action .content-description a,
.lists-cards .item-line-action .content-description li,
.lists-cards .item-line-action .content-description em,
.lists-cards .item-line-action .content-description span,
.lists-cards .item-line-action .content-description strong {
  color: #ffffff;
}

.line-action {
  padding: 40px;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  background: #dff2fa url("../img/deco-mantaraya.svg") no-repeat right top;
}
.line-action .line:nth-of-type(4n + 1) .content-line {
  background-color: #366dad;
}
.line-action .line:nth-of-type(4n + 1) .content-description {
  background-color: #366dad;
}
.line-action .line:nth-of-type(4n + 2) .content-line {
  background-color: #286e77;
}
.line-action .line:nth-of-type(4n + 2) .content-description {
  background-color: #286e77;
}
.line-action .line:nth-of-type(4n + 3) .content-line {
  background-color: #0590e5;
}
.line-action .line:nth-of-type(4n + 3) .content-description {
  background-color: #0590e5;
}
.line-action .line:nth-of-type(4n + 4) .content-line {
  background-color: #d16a4e;
}
.line-action .line:nth-of-type(4n + 4) .content-description {
  background-color: #d16a4e;
}
.line-action .item-line-action {
  width: 100%;
  margin-bottom: 40px;
  perspective: 1000px;
  background-color: transparent;
}
.line-action .item-line-action .box-flip {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.line-action .item-line-action:hover .box-flip {
  transform: rotateY(180deg);
}
.line-action .item-line-action .item-logo {
  margin-top: 50px;
  text-align: center;
}
.line-action .item-line-action .item-logo img {
  max-height: 100px;
}
.line-action .item-line-action .item-image img {
  border-radius: 10px 10px 0 0;
}
.line-action .item-line-action .item-icon {
  top: 30%;
  left: 35%;
  width: 150px;
  height: 90px;
  position: absolute;
}
.line-action .item-line-action .item-title {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.line-action .item-line-action .item-title span {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  font-family: "Montserrat";
}
.line-action .item-line-action .content-line {
  width: 100%;
  height: 100%;
  display: block;
  min-height: 400px;
  border-radius: 10px;
  backface-visibility: hidden;
}
.line-action .item-line-action .content-description {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: block;
  position: absolute;
  border-radius: 10px;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.line-action .item-line-action .content-description p,
.line-action .item-line-action .content-description li,
.line-action .item-line-action .content-description span,
.line-action .item-line-action .content-description em,
.line-action .item-line-action .content-description a {
  color: #ffffff;
}

.campaign-item {
  width: 100%;
  margin-bottom: 40px;
  perspective: 1000px;
  background-color: transparent;
}
.campaign-item .content-item {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.campaign-item .content-item .img-content {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
  backface-visibility: hidden;
}
.campaign-item .content-item .img-content img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.campaign-item .content-item .content-text {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.campaign-item:hover .content-item {
  transform: rotateY(180deg);
}

.region-about .list-proyect {
  padding: 30px;
  border-radius: 14px;
  border: 1px solid #00aeef;
}
.region-about .video-proyect {
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(10deg, #cddb2b, #00acee);
}
.region-about li {
  color: #253975;
}
.region-about li::marker {
  color: #d86b19;
}

.milestone-area .milestone-tabs .milestone-detail {
  background-color: #00b7b6;
}
.milestone-area .milestone-tabs .milestone-detail h1,
.milestone-area .milestone-tabs .milestone-detail h2,
.milestone-area .milestone-tabs .milestone-detail h3,
.milestone-area .milestone-tabs .milestone-detail h4,
.milestone-area .milestone-tabs .milestone-detail h5,
.milestone-area .milestone-tabs .milestone-detail h6,
.milestone-area .milestone-tabs .milestone-detail strong {
  color: #ffffff;
}
.milestone-area .milestone-tabs .milestone-detail p {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  font-family: "Montserrat";
}
.milestone-area .milestone-tabs .milestone-detail li {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  font-family: "Montserrat";
}
.milestone-area .milestone-tabs .milestone-detail li::marker {
  color: #ffffff;
}

.list-species {
  margin-top: 20px;
}
.list-species .species-item {
  width: 20%;
  flex: 0 0 auto;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.list-species .species-item .species .content-img {
  margin-bottom: 0;
}
.list-species .species-item,
.list-species .item-species {
  margin-bottom: 30px;
}
.list-species .species-item .name-species,
.list-species .item-species .name-species {
  display: none;
  font-size: 19px;
  color: #015193;
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat";
}
.list-species .species-item .content-species,
.list-species .item-species .content-species {
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transition: 0.5s all ease-in;
}
.list-species .species-item .content-species:hover,
.list-species .item-species .content-species:hover {
  background-color: rgba(0, 136, 178, 0.6941176471);
}
.list-species .species-item .content-species:hover .content-text,
.list-species .item-species .content-species:hover .content-text {
  background-color: rgba(0, 136, 178, 0.6941176471);
  opacity: 1;
}
.list-species .species-item .content-text,
.list-species .item-species .content-text {
  top: 0;
  left: 0;
  opacity: 0;
  padding: 20px;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  text-indent: 99999px;
  transition: 0.5s all ease-in;
}
.list-species .species-item .content-text a,
.list-species .item-species .content-text a {
  position: absolute;
  display: block;
  left: auto;
  top: auto;
}
@media (max-width: 767px) {
  .list-species .species-item .content-text a,
  .list-species .item-species .content-text a {
    top: 0;
    left: 4%;
    display: block;
    position: absolute;
  }
}
.list-species .species-item .content-text .ballena,
.list-species .item-species .content-text .ballena {
  width: 170px;
  height: 170px;
  display: block;
  background: url("../img/ico-ballenas.svg") no-repeat center;
  background-size: 100%;
}
.list-species .species-item .content-text .delfin,
.list-species .item-species .content-text .delfin {
  width: 170px;
  height: 170px;
  display: block;
  background: url("../img/ico-delfines.svg") no-repeat center;
  background-size: 100%;
}
.list-species .species-item .content-text .tortuga,
.list-species .item-species .content-text .tortuga {
  width: 170px;
  height: 170px;
  display: block;
  background: url("../img/ico-tortugas.svg") no-repeat center;
  background-size: 100%;
}
.list-species .species-item .content-text .tiburon,
.list-species .item-species .content-text .tiburon {
  width: 170px;
  height: 170px;
  display: block;
  background: url("../img/ico-tiburones.svg") no-repeat center;
  background-size: 100%;
}
.list-species .species-item .content-text .manta,
.list-species .item-species .content-text .manta {
  width: 170px;
  height: 170px;
  display: block;
  background: url("../img/ico-mantarayas.svg") no-repeat center;
  background-size: 100%;
}
.list-species .species-item .content-img,
.list-species .item-species .content-img {
  position: relative;
  margin-bottom: 0px;
  transition: 0.5s all ease-in;
}
.list-species .species-item .content-img img,
.list-species .item-species .content-img img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.list-species .species-item .content-ico,
.list-species .item-species .content-ico {
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 0%;
  z-index: 99;
  position: absolute;
  transition: 0.8s all ease-in;
}
.list-species .species-item .content-ico img,
.list-species .item-species .content-ico img {
  top: 35%;
  left: 20%;
  opacity: 0;
  width: 140px;
  height: 140px;
  position: absolute;
  transition: 0.5s all ease-in;
}
.list-species .species-item .content-name,
.list-species .item-species .content-name {
  padding: 10px 15px;
  background-color: #006e87;
  border-radius: 0 0 10px 10px;
}
.list-species .species-item .content-name span a,
.list-species .item-species .content-name span a {
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Montserrat";
}
.list-species .species-item .species:hover .content-ico,
.list-species .item-species .species:hover .content-ico {
  opacity: 1;
  height: 100%;
  background-color: rgba(0, 136, 178, 0.6941176471);
  transition: 0.8s all ease-in;
}
.list-species .species-item .species:hover .content-ico img,
.list-species .item-species .species:hover .content-ico img {
  opacity: 1;
  transition: 1.2s all ease-in;
}
.list-species .item-species .content-ico img {
  left: 32%;
}

.tc-campanas .list-species .species-item .content-text .ballena,
.tc-campanas .list-species .species-item .content-text .delfin,
.tc-campanas .list-species .species-item .content-text .tortuga,
.tc-campanas .list-species .species-item .content-text .tiburon,
.tc-campanas .list-species .species-item .content-text .manta {
  width: 150px;
  height: 150px;
}

.events-home {
  margin-top: 80px;
}

.internal-content {
  margin-top: 40px;
  padding-bottom: 80px;
}

.accordion .accordion-item .accordion-button {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  background-color: #253975;
  border: 1px solid #253975;
  transition: 0.5s all ease-in-out;
}
.accordion .accordion-item .accordion-button::after {
  -webkit-mask: url("../img/chevron-down.svg");
          mask: url("../img/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 1.25rem;
          mask-size: 1.25rem;
  background: #ffffff;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #d86b19;
  background-color: #ffffff;
  border: 1px solid #d86b19;
}
.accordion .accordion-item .accordion-button:not(.collapsed)::after {
  -webkit-mask: url("../img/chevron-down.svg");
          mask: url("../img/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 1.25rem;
          mask-size: 1.25rem;
  background: #d86b19;
}

.accordion-good-practice .accordion-item {
  margin-bottom: 20px;
  border-radius: 14px;
}
.accordion-good-practice .accordion-item .accordion-button {
  margin-bottom: 0;
  font-size: 20px;
  padding-left: 50px;
  border: 1px solid #253975;
  border-radius: 14px !important;
  background: #253975 url("../img/ico-bullet-blocks.svg") no-repeat 2% 15px;
  background-size: 22px 22px;
}
.accordion-good-practice .accordion-item .accordion-button:not(.collapsed) {
  color: #ffffff;
  border: 1px solid #253975;
  border-radius: 14px 14px 0 0 !important;
  background: #253975 url("../img/ico-bullet-blocks.svg") no-repeat 2% 15px;
  background-size: 22px 22px;
}
.accordion-good-practice .accordion-item .accordion-button:not(.collapsed)::after {
  -webkit-mask: url(../img/chevron-down.svg);
  mask: url(../img/chevron-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.25rem;
  mask-size: 1.25rem;
  background: #ffffff;
}
.accordion-good-practice .accordion-item .accordion-collapse {
  background-color: #253975;
}
.accordion-good-practice .accordion-item .accordion-collapse .accordion-body {
  color: #ffffff;
}
.accordion-good-practice .accordion-item .accordion-collapse h1,
.accordion-good-practice .accordion-item .accordion-collapse h2,
.accordion-good-practice .accordion-item .accordion-collapse h3,
.accordion-good-practice .accordion-item .accordion-collapse h4,
.accordion-good-practice .accordion-item .accordion-collapse h5,
.accordion-good-practice .accordion-item .accordion-collapse h6,
.accordion-good-practice .accordion-item .accordion-collapse p,
.accordion-good-practice .accordion-item .accordion-collapse span,
.accordion-good-practice .accordion-item .accordion-collapse li,
.accordion-good-practice .accordion-item .accordion-collapse em,
.accordion-good-practice .accordion-item .accordion-collapse strong {
  color: #ffffff;
}
.accordion-good-practice .accordion-item .accordion-collapse p,
.accordion-good-practice .accordion-item .accordion-collapse span,
.accordion-good-practice .accordion-item .accordion-collapse li,
.accordion-good-practice .accordion-item .accordion-collapse em {
  font-size: 16px;
}
.accordion-good-practice .accordion-item .accordion-collapse h2 {
  font-size: 19px;
}
.accordion-good-practice .accordion-item .accordion-collapse h3 {
  font-size: 18px;
}
.accordion-good-practice .accordion-item .accordion-collapse h4 {
  font-size: 17px;
}
.accordion-good-practice .accordion-item .accordion-collapse h5 {
  font-size: 16px;
}

.accordion-agenda .accordion-body .field--name-field-phs-fecha {
  display: none;
}

.recomemended-content {
  width: 100%;
  margin-bottom: 40px;
  perspective: 1000px;
  background-color: transparent;
}
.recomemended-content .item-content {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.recomemended-content .item-content .img-content {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
  backface-visibility: hidden;
}
.recomemended-content .item-content .img-content img {
  border-radius: 10px;
}
.recomemended-content .item-content .img-content .name {
  top: 50%;
  left: 0%;
  width: 100%;
  display: block;
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  position: absolute;
  font-family: "Montserrat";
}
.recomemended-content .item-content .img-content .name::after {
  top: -55px;
  left: 40%;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
}
.recomemended-content .item-content .body-content {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  border-radius: 10px;
  background-color: #15bab1;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.recomemended-content .item-content .body-content .name-content span {
  display: block;
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  margin-bottom: 15px;
  line-height: normal;
  font-family: "Montserrat";
  text-transform: uppercase;
}
.recomemended-content .item-content .body-content .link-content a {
  display: block;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 15px;
  text-align: center;
  border-radius: 7px;
  margin-bottom: 15px;
  font-family: "Montserrat";
  transition: 0.5s all ease-in;
  border: 1px solid #ffffff;
}
.recomemended-content .item-content .body-content .link-content a:hover {
  color: #d86b19;
  border: 1px solid #d86b19;
}
.recomemended-content:hover .item-content {
  transform: rotateY(180deg);
}

.border-left-recomemended {
  border-left: 1px solid #53becb;
}

.list-recomemended .col-md-4:nth-child(1) .recomemended-content .name::after {
  background: url("../img/ico-repositorio.svg") no-repeat center;
}
.list-recomemended .col-md-4:nth-child(2) .recomemended-content .name::after {
  background: url("../img/ico-fototeca.svg") no-repeat center;
}
.list-recomemended .col-md-4:nth-child(3) .recomemended-content .name::after {
  background: url("../img/ico-geoportal.svg") no-repeat center;
}

.complaints-mechanism {
  cursor: pointer;
  padding: 40px 30px;
  border-radius: 10px;
  margin-bottom: 40px;
  transition: all 0.5s ease-in;
  background-size: 100% 300%;
  background-image: linear-gradient(10deg, #cddb2b, #00acee, #00acee, #cddb2b);
}
.complaints-mechanism:hover {
  background-position: 0 100%;
  transition: all 0.5s ease-in-out;
}
.complaints-mechanism:focus {
  outline: none;
}
.complaints-mechanism .icon-mechanism {
  text-align: center;
  margin-bottom: 25px;
}
.complaints-mechanism .content-text span {
  font-size: 30px;
  font-weight: 600;
  color: #253975;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  font-family: "Montserrat";
}

.resources-librarys {
  margin: 40px 0;
}

.block-info-library {
  padding: 40px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  background: #a9ddf3 url("../img/nota.svg") no-repeat center;
  background-size: 100% 100%;
}
.block-info-library.author {
  min-height: 200px;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.block-info-library.author p {
  width: 100%;
}
.block-info-library .region-block-info-library {
  width: 65%;
}
.block-info-library .region-block-info-library p {
  font-size: 17px;
  font-weight: 500;
  color: #093b47;
  font-style: italic;
  font-family: "Montserrat";
}
.block-info-library .region-block-info-library p:last-child {
  margin-bottom: 0;
}

.theme-content {
  width: 80px;
  height: 100%;
  min-height: 413px;
  padding: 20px 10px;
}

.views-infinite-scroll-content-wrapper {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.views-infinite-scroll-content-wrapper * {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: var(--bs-gutter-y);
}

.resources-item {
  width: 100%;
  min-height: 412px;
  margin-bottom: 30px;
  perspective: 1000px;
  background-color: transparent;
}
.resources-item:hover .resources-content .content-image {
  opacity: 0;
}
.resources-item:hover .resources-content .content-text {
  opacity: 1;
}
.resources-item .resources-content {
  width: 100%;
  display: flex;
  min-height: 412px;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.resources-item .content-image {
  width: 100%;
  height: 100%;
  opacity: 1;
  display: block;
  transition: 0.5s all ease-in;
}
.resources-item .content-image img {
  width: 100%;
  min-height: 412px;
}
.resources-item .content-text {
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
  transition: 0.5s all ease-in;
}
.resources-item .content-text .theme {
  font-size: 17px;
  font-weight: 500;
  color: #078299;
  font-family: "Montserrat";
}
.resources-item .content-text h4 {
  color: #1c66d1;
  font-size: 25px;
  font-weight: 500;
  font-family: "Montserrat";
}
.resources-item .content-text h4 a {
  color: #1c66d1;
  font-size: 25px;
  font-weight: 500;
  font-family: "Montserrat";
}
.resources-item .content-text p {
  color: #3a3a3a;
}

.menu-library {
  background: #0088b2 url("../img/deco-menu-secundario.svg") no-repeat top left;
  background-size: 150px 70px;
  padding: 15px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 10px;
}
.menu-library span.title {
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  font-family: "Montserrat";
}
.menu-library .dropdown .dropdown-toggle {
  width: 100%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #ffffff;
  justify-content: space-between;
}
.menu-library .menu-link {
  width: 50px;
  display: block;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-library .menu-link:hover, .menu-library .menu-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-library .navbar-nav {
  margin-left: 30px;
}
.menu-library .navbar-nav .nav-item:first-child .nav-link {
  width: 50px;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-library .navbar-nav .nav-item:first-child .nav-link:hover, .menu-library .navbar-nav .nav-item:first-child .nav-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-library .navbar-nav .nav-item .nav-link {
  margin: 0 10px;
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  border-radius: 8px;
  font-family: "Montserrat";
}
.menu-library .navbar-nav .nav-item .nav-link:hover, .menu-library .navbar-nav .nav-item .nav-link.active {
  background-color: #00657c;
}

.menu-fototeca {
  background: #0088b2 url("../img/deco-menu-fototeca.svg") no-repeat bottom right;
  background-size: 125px 70px;
  padding: 15px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 10px;
}
.menu-fototeca span.title {
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  font-family: "Montserrat";
}
.menu-fototeca .dropdown .dropdown-toggle {
  width: 100%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #ffffff;
  justify-content: space-between;
}
.menu-fototeca .menu-link {
  width: 50px;
  display: block;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-fototeca .menu-link:hover, .menu-fototeca .menu-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-fototeca .navbar-nav .nav-item:first-child .nav-link {
  width: 50px;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-fototeca .navbar-nav .nav-item:first-child .nav-link:hover, .menu-fototeca .navbar-nav .nav-item:first-child .nav-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-fototeca .navbar-nav .nav-item .nav-link {
  margin: 0 10px;
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  border-radius: 8px;
  font-family: "Montserrat";
}
.menu-fototeca .navbar-nav .nav-item .nav-link:hover, .menu-fototeca .navbar-nav .nav-item .nav-link.active {
  background-color: #00657c;
}

.menu-good-pratice {
  background: #0088b2 url("../img/bn-deco-menu-secundario.svg") no-repeat 100% -6px;
  background-size: 225px 118px;
  padding: 15px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 10px;
}
.menu-good-pratice span.title {
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  font-family: "Montserrat";
}
.menu-good-pratice .dropdown .dropdown-toggle {
  width: 100%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #ffffff;
  justify-content: space-between;
}
.menu-good-pratice .menu-link {
  width: 50px;
  display: block;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-good-pratice .menu-link:hover, .menu-good-pratice .menu-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-good-pratice .navbar-nav {
  margin-left: 30px;
  flex-wrap: nowrap;
  align-items: center;
}
.menu-good-pratice .navbar-nav .nav-item:first-child .nav-link {
  width: 50px;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-good-pratice .navbar-nav .nav-item:first-child .nav-link:hover, .menu-good-pratice .navbar-nav .nav-item:first-child .nav-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-good-pratice .navbar-nav .nav-item:nth-child(5) .nav-link {
  width: 110px;
}
.menu-good-pratice .navbar-nav .nav-item:last-child .nav-link {
  width: 125px;
  text-indent: -9999px;
  background: #ffffff url("../img/btn-panorama-color.svg") no-repeat center;
  background-size: 88%;
  transition: 0.5s all ease-in;
}
.menu-good-pratice .navbar-nav .nav-item:last-child .nav-link:hover, .menu-good-pratice .navbar-nav .nav-item:last-child .nav-link.active {
  background: #00657c url("../img/btn-panorama-blanco.svg") no-repeat center;
  background-size: 88%;
}
.menu-good-pratice .navbar-nav .nav-item:nth-child(8) .nav-link {
  color: #0d4e60;
  font-weight: bold;
  background-color: #ffffff;
}
.menu-good-pratice .navbar-nav .nav-item:nth-child(8) .nav-link:hover, .menu-good-pratice .navbar-nav .nav-item:nth-child(8) .nav-link.active {
  color: #ffffff;
  background: #00657c;
}
.menu-good-pratice .navbar-nav .nav-item .nav-link {
  margin: 0 10px;
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  border-radius: 8px;
  font-family: "Montserrat";
  transition: 0.3s all ease-in;
}
.menu-good-pratice .navbar-nav .nav-item .nav-link:hover, .menu-good-pratice .navbar-nav .nav-item .nav-link.active {
  background-color: #00657c;
}

.menu-gender-perspective {
  background: #0088b2 url("../img/bn-deco-menu-secundario.svg") no-repeat 98% -25px;
  background-size: 125px 110px;
  padding: 15px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: 10px;
}
.menu-gender-perspective span.title {
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  font-family: "Montserrat";
}
.menu-gender-perspective .dropdown .dropdown-toggle {
  width: 100%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #ffffff;
  justify-content: space-between;
}
.menu-gender-perspective .menu-link {
  width: 50px;
  display: block;
  text-indent: -9999px;
  background: url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-gender-perspective .menu-link:hover, .menu-gender-perspective .menu-link.active {
  background: #00657c url("../img/house-door-fill.svg") no-repeat center;
  background-size: 40% 100%;
}
.menu-gender-perspective .navbar-nav {
  margin-left: 30px;
  flex-wrap: nowrap;
  align-items: center;
}
.menu-gender-perspective .navbar-nav .nav-item .nav-link {
  margin: 0 10px;
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  border-radius: 8px;
  font-family: "Montserrat";
  transition: 0.3s all ease-in;
}
.menu-gender-perspective .navbar-nav .nav-item .nav-link:hover, .menu-gender-perspective .navbar-nav .nav-item .nav-link.active {
  background-color: #00657c;
}

.content-carousel {
  margin: 0 12%;
  padding: 20px;
  border-radius: 15px;
  background-color: #dff2fa;
}
.content-carousel .icon {
  text-align: center;
  margin-bottom: 20px;
}
.content-carousel .icon img {
  max-width: 50%;
}

.title-library {
  font-size: 28px;
  font-weight: bold;
  color: #0088b2;
  margin-bottom: 40px;
  font-family: "Montserrat";
}

.btn-library {
  display: block;
  font-size: 19px;
  color: #0d4e60;
  font-weight: bold;
  padding: 0.5em 20px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 14px;
  font-family: "Montserrat";
  background-color: #ffffff;
}
.btn-library.active {
  color: #ffffff;
  background-color: #00657c;
}

.bk-header-library {
  background: url("../img/mapa-bck.jpg") no-repeat center;
  background-size: 100% 100%;
  padding: 60px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bk-header-library .description p,
.bk-header-library .description li {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Montserrat";
}
.bk-header-library .description p strong,
.bk-header-library .description li strong {
  color: #ffffff;
}

.region-ocenic-list .theme-content {
  min-height: 370px;
}

.list-buttons ul {
  list-style: none;
  padding: 0;
}
.list-buttons #edit-region-oceanica-all {
  display: none;
}
.list-buttons .bef-link,
.list-buttons .btn-ocean {
  border: none;
  display: flex;
  font-size: 18px;
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border-radius: 7px;
  padding: 10px 15px;
  margin-bottom: 10px;
  align-items: center;
  font-family: "Montserrat";
  background-color: #253975;
  transition: 0.5s all ease-in;
  justify-content: space-between;
}
.list-buttons .bef-link::after,
.list-buttons .btn-ocean::after {
  content: "";
  width: 30px;
  height: 25px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url(../img/ico-link-externo.svg);
          mask: url(../img/ico-link-externo.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}
.list-buttons .bef-link:hover, .list-buttons .bef-link.active, .list-buttons .bef-link.bef-link--selected,
.list-buttons .btn-ocean:hover,
.list-buttons .btn-ocean.active,
.list-buttons .btn-ocean.bef-link--selected {
  color: #d86b19;
  background-color: #ffffff;
  transition: 0.5s all ease-in;
}
.list-buttons .bef-link:hover::after, .list-buttons .bef-link.active::after, .list-buttons .bef-link.bef-link--selected::after,
.list-buttons .btn-ocean:hover::after,
.list-buttons .btn-ocean.active::after,
.list-buttons .btn-ocean.bef-link--selected::after {
  background: #d86b19;
  transition: 0.5s all ease-in;
}

.grafic-oceans {
  background: url("../img/mapa-bck.jpg") no-repeat center;
  background-size: 100% 100%;
  margin-bottom: 50px;
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
  padding: 20px;
}
.grafic-oceans .content-ocean {
  display: flex;
  flex-wrap: wrap;
}
.grafic-oceans .content-ocean h3 {
  width: 100%;
  display: flex;
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 30px;
  align-items: center;
  font-family: "Montserrat";
}
.grafic-oceans .content-ocean h3::before {
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: inline-block;
  background: url("../img/caret-right-fill.svg") no-repeat center;
  background-size: 100% 100%;
}
.grafic-oceans .content-ocean .list-buttons {
  width: 40%;
  z-index: 99;
  padding: 10px;
  position: relative;
}
.grafic-oceans .content-ocean .list-buttons .btn-ocean {
  width: 70%;
}
.grafic-oceans .content-ocean .map-ocean {
  width: 60%;
  padding: 10px;
}
.grafic-oceans .content-ocean .map-ocean .map-content {
  right: 0;
  bottom: 0;
  width: 75%;
  height: 100%;
  position: absolute;
}
.grafic-oceans .content-ocean .map-ocean .map-content .map-img {
  opacity: 0;
  position: absolute;
  transition: 0.5s all ease-in;
}
.grafic-oceans .content-ocean .map-ocean .map-content .map-img.active {
  opacity: 1;
  transition: 0.5s all ease-in;
}

.bk-title-documents {
  background-color: #0088b2;
  padding: 20px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bk-title-documents .title-documents {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  font-family: "Montserrat";
}

.image-rounded img {
  border-radius: 15px;
  width: 100%;
}

.shared-fototeca .social-sharing-buttons {
  justify-content: flex-start;
}

.area-buttons-left {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 20px 0 30px;
}

.btn-area-like .like-txt {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 7px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  background: #e50e42;
  font-family: "Montserrat";
}
.btn-area-like .like-txt::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 15px;
  display: inline-block;
  background: url("../img/heart-fill.svg") no-repeat center;
  background-size: 100% 100%;
}
.btn-area-like .like-num {
  display: none;
}
.btn-area-like .fa-heart {
  display: none;
}

.bk-rounded-sky-blue {
  padding: 20px;
  margin: 40px 0;
  border-radius: 13px;
  background-color: #caeaf7;
}

.bk-sky-blue {
  padding: 30px;
  background-color: #caeaf7;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bk-sky-blue.dolphin {
  background: #caeaf7 url("../img/deco-noticias.svg") right 20% no-repeat;
  background-size: 150px 150px;
}
.bk-sky-blue h2 {
  display: flex;
  font-size: 26px;
  color: #0088b2;
  font-weight: bold;
  margin-bottom: 40px;
  align-items: center;
  font-family: "Montserrat";
}
.bk-sky-blue h2::before {
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: inline-block;
  -webkit-mask: url("../img/caret-right-fill.svg");
          mask: url("../img/caret-right-fill.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #0088b2;
}
.bk-sky-blue h2.simple {
  font-size: 36px;
  color: #253975;
  font-weight: 800;
}
.bk-sky-blue h2.sub-title {
  font-size: 28px;
  color: #1c66d1;
}
.bk-sky-blue h2.sub-title::before {
  display: none;
}
.bk-sky-blue .border-blue-top {
  border-top: 1px solid #0088b2;
  padding-top: 20px;
  margin-top: 20px;
}

.theme-addresses .item-theme {
  position: relative;
  margin-bottom: 30px;
}
.theme-addresses .item-theme .image-content {
  width: 100%;
  position: relative;
}
.theme-addresses .item-theme .img-item img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.theme-addresses .item-theme .icon-item {
  top: 30%;
  left: 40%;
  width: 100px;
  height: 100px;
  position: absolute;
}
.theme-addresses .item-theme .title-content {
  width: 100%;
}
.theme-addresses .item-theme .title-content .area-title-theme {
  margin: 0;
  padding: 10px 15px;
  border-radius: 0px 0px 10px 10px;
}
.theme-addresses .item-theme .title-content .area-title-theme h3 {
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Montserrat";
}
.theme-addresses .item-theme .title-content .area-title-theme .sub-theme {
  display: block;
  color: #ffffff;
  padding-left: 32px;
  background: url("../img/ico-arrow-white.svg") no-repeat 8px 2px;
  background-size: 18px;
}

.title-user {
  font-size: 28px;
  color: #1c66d1;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "Montserrat";
}

.orientation {
  width: 60%;
  margin-bottom: 50px;
}
.orientation p {
  font-size: 18px;
  font-weight: bold;
  color: #253975;
  font-family: "Montserrat";
}

.list-flex .item-user {
  width: 16.66%;
  flex: 0 0 auto;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.modal .modal-title {
  font-size: 36px;
  font-weight: 800;
  color: #006e87;
  font-family: "Montserrat";
}
.modal .modal-title.title-h5 {
  font-size: 26px;
}
.modal .content-description p,
.modal .content-description li,
.modal .content-description span {
  font-size: 18px;
  font-weight: 400;
  color: #3a3a3a;
  font-family: "Montserrat";
}

.user-type {
  margin-bottom: 50px;
}

.list-user-good .item-user {
  padding: 20px 40px;
}
@media (max-width: 767px) {
  .list-user-good .item-user {
    padding: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}

.item-user .content-user {
  width: 100%;
  overflow: hidden !important;
  border-radius: 50%;
  position: relative;
  transition: 0.5s all ease-in;
}
.item-user .content-user .content-image img {
  width: 100%;
}
.item-user .content-user a {
  width: 100%;
  display: block;
}
.item-user .content-user:hover .content-text-user {
  background-color: rgba(0, 136, 178, 0.6941176471);
  opacity: 1;
}
.item-user .content-text-user {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  border-radius: 50%;
  position: absolute;
  align-items: center;
  justify-content: center;
  transition: 0.5s all ease-in;
}
.item-user .content-text-user .name-user {
  display: block;
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  font-family: "Montserrat";
}
.item-user .modal.fade {
  background: rgba(0, 0, 0, 0.65);
}
.item-user .modal .btn-close {
  background-image: url("../img/x-circle.svg");
  background-size: 100% 100%;
}
.item-user .modal .modal-content {
  border: none;
  background: transparent;
}
.item-user .modal .modal-content .modal-header {
  border: none;
}
.item-user .modal .modal-content .modal-body {
  border-radius: 24px;
  background: #ffffff;
}

.bk-area-title {
  padding: 40px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background-color: #078299;
}
.bk-area-title p {
  color: #ffffff;
}
.bk-area-title h2 {
  display: flex;
  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  font-family: "Montserrat";
}
.bk-area-title h2 .field--name-name {
  display: contents;
}
.bk-area-title.fototeca {
  background: radial-gradient(#3b88e2, #1867c4 98%);
}
.bk-area-title.good-practice-title {
  background: radial-gradient(#253975, #142455 98%);
}

.bk-area-title-gender {
  padding: 40px 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background-color: #986bae;
}
.bk-area-title-gender p {
  color: #ffffff;
}
.bk-area-title-gender h2 {
  display: flex;
  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  font-family: "Montserrat";
}
.bk-area-title-gender h2 .field--name-name {
  display: contents;
}
.bk-area-title-gender.fototeca {
  background: radial-gradient(#3b88e2, #1867c4 98%);
}
.bk-area-title-gender.good-practice-title {
  background: radial-gradient(#253975, #142455 98%);
}

.exposed-filters {
  margin-bottom: 30px;
}
.exposed-filters .filter-title {
  display: block;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "Montserrat";
}
.exposed-filters .text-filter {
  padding: 20px 0;
  border-top: 1px solid #d86b19;
  border-bottom: 1px solid #d86b19;
}
.exposed-filters .text-filter .form-actions .button {
  margin: 0 auto;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 8px;
  font-family: "Montserrat";
  display: block !important;
  border: 1px solid #15bab1;
  background-color: #15bab1;
}
.exposed-filters .text-filter #views-exposed-form-repositorio-de-formacion-page-1 #edit-tema-collapsible,
.exposed-filters .text-filter #views-exposed-form-repositorio-de-formacion-page-1 #edit-recurso-collapsible,
.exposed-filters .text-filter #views-exposed-form-repositorio-de-formacion-page-1 #edit-audiencia-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 .form-item-organization,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-year--wrapper,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-pais-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-tema-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-especie-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-problematica-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-objetivos-inter-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-region-oceanica-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-scale-implementation-collapsible,
.exposed-filters .text-filter #views-exposed-form-buenas-practicas-avanzada-page-1 #edit-actores-involucrados-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-1 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-1 #edit-especie-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-2 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-2 #edit-especie-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-3 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-3 #edit-especie-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-4 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-4 #edit-especie-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-5 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-buenas-practicas-page-5 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-1 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-1 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-2 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-2 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-3 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-3 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-4 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-4 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-5 #edit-familia-collapsible,
.exposed-filters .text-filter #views-exposed-form-especies-fototeca-page-5 #edit-especie-collapsible {
  display: none;
}
.exposed-filters .check-filter {
  padding: 20px 0;
  border-bottom: 1px solid #d86b19;
}
.exposed-filters .check-filter .navbar-toggler {
  border-radius: 8px;
  background-color: #15bab1;
  border: 1px solid #15bab1;
}
.exposed-filters .check-filter .navbar-toggler:focus {
  box-shadow: 0 0 0 0.1rem #26e1d7;
}
.exposed-filters .check-filter .navbar-toggler .navbar-toggler-icon {
  background-image: url("../img/sliders2.svg");
}
.exposed-filters .filter-span {
  font-size: 16px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat";
}
.exposed-filters .form-item {
  width: 100%;
  margin-bottom: 10px;
  float: none !important;
}
.exposed-filters .form-item .card-header {
  list-style: none;
  border-radius: 8px;
  position: relative;
}
.exposed-filters .form-item .card-header::after {
  right: 5%;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
  background: url("../img/caret-right-grey.svg") no-repeat center;
  background-size: 100% 100%;
}
.exposed-filters .form-item .card-header[aria-expanded=true]::after {
  transform: rotate(90deg);
}
.exposed-filters .form-item .form-check-input {
  border: 1px solid #666666;
}
.exposed-filters .form-item label {
  width: 100%;
  font-size: 16px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat";
}
.exposed-filters .form-item .form-select {
  width: 100%;
}
.exposed-filters .form-item .form-type-checkbox {
  gap: 20px;
  display: flex;
  align-items: top;
}
.exposed-filters .form-checkboxes ul {
  list-style: none;
  padding: 0;
}
.exposed-filters .form-checkboxes ul > li > ul {
  margin-left: 30px;
}
.exposed-filters.range-years label {
  color: #666666;
}
.exposed-filters.range-years .form-item label {
  color: #333333;
}
.exposed-filters .form-item-autor label,
.exposed-filters .form-item-organization label {
  color: #333333;
}

.bk-tx-themes {
  padding: 40px;
  padding-bottom: 50px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: #dff2fa url(../img/deco-internas-mas-info.svg) no-repeat bottom right;
  background-size: 30%;
}
.bk-tx-themes .description p {
  font-size: 18px;
  font-weight: 400;
  color: #3a3a3a;
  font-family: "Montserrat";
}

.img-bib img {
  width: 100%;
}

.content-multi {
  position: relative;
  width: 100%;
}
.content-multi .content-img img {
  width: 100%;
  border-radius: 10px;
}
.content-multi .content-icon {
  top: 40%;
  left: 35%;
  width: 120px;
  height: 120px;
  position: absolute;
}

.list-info {
  margin-bottom: 20px;
}
.list-info .tags-bib span {
  font-size: 18px;
  color: #d86b19 !important;
  font-weight: 400;
  text-decoration: underline;
  font-family: "Montserrat";
}
.list-info .tags-bib span:hover {
  color: #ae510a !important;
}
.list-info .tags-bib span::after {
  content: ", ";
}
.list-info .tags-bib span:last-child::after {
  content: ".";
}
.list-info .tags-bib a {
  font-size: 18px;
  color: #d86b19;
  font-weight: 400;
  text-decoration: underline;
  font-family: "Montserrat";
}
.list-info .tags-bib a:hover {
  color: #ae510a;
}
.list-info .item {
  margin-bottom: 10px;
}
.list-info .item .area {
  font-size: 18px;
  color: #253975;
  font-weight: bold;
  font-family: "Montserrat";
}
.list-info .item span {
  font-size: 18px;
  font-weight: 400;
  color: #3a3a3a;
  font-family: "Montserrat";
}
.list-info .item .content {
  font-size: 18px;
  font-weight: 400;
  color: #3a3a3a;
  word-wrap: break-word;
  font-family: "Montserrat";
}
.list-info .item .content::after {
  content: ",";
}
.list-info .item .content:last-child::after {
  content: "";
}
.list-info .item .content strong {
  color: #3a3a3a;
  font-family: "Montserrat";
}
.list-info .item .list-content .content {
  margin-bottom: 10px;
}
.list-info .item .list-content .content.others-species {
  font-size: 16px;
}
.list-info .item .list-content .content.others-species p {
  font-size: 16px;
  display: contents;
}
.list-info .item .list-content .content::after {
  content: "";
}
.list-info .item .list-content .content .content-esp.scientific {
  font-style: italic;
}
.list-info .item .list-content .content .content-esp::after {
  content: ",";
}
.list-info .item .list-content .content .content-esp:last-child::after {
  content: "";
}
.list-info .item .list-content .content .content-esp a {
  font-size: 18px;
  font-weight: 400;
  color: #d86b19;
  font-family: "Montserrat";
  text-decoration: underline;
}
.list-info .item .list-content .content .content-esp a em {
  font-size: 16px;
}
.list-info .item .list-content .content .content-esp a:hover {
  color: #ae510a;
}
.list-info .more-info-content {
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.list-info .more-info-content .information {
  border-left: 5px solid #d86b19;
  padding-left: 20px;
}
.list-info .more-info-content .phs-infografia .content-img img {
  max-width: 65%;
}
.list-info .more-info-content.active {
  height: auto;
  margin-bottom: 40px;
  padding-bottom: 20px;
  transition: max-height 0.5s ease-in-out;
}

.phs-country {
  padding-top: 20px;
  border-top: 1px solid #d7d4d4;
}

.description-suscribe {
  display: grid;
  min-height: 60px;
  align-content: end;
  margin-bottom: 10px;
}
.description-suscribe p {
  font-size: 16px;
  color: #253975;
  margin-bottom: 1px;
}

.block-views-exposed-filter-blockbiblioteca-page-1 .form-item-autor,
.block-views-exposed-filter-blockbiblioteca-page-1 .card,
.block-views-exposed-filter-blockbiblioteca-page-1 .form-item-year,
.block-views-exposed-filter-blockbiblioteca-page-1 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockbiblioteca-page-1 .form-item-nombre,
.block-views-exposed-filter-blockbiblioteca-page-1 fieldset,
.block-views-exposed-filter-blockbiblioteca-page-1 details,
.block-views-exposed-filter-blockbiblioteca-page-1 .form-item-location,
.block-views-exposed-filter-blockespecies-tax-page-1 .form-item-autor,
.block-views-exposed-filter-blockespecies-tax-page-1 .card,
.block-views-exposed-filter-blockespecies-tax-page-1 .form-item-year,
.block-views-exposed-filter-blockespecies-tax-page-1 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockespecies-tax-page-1 .form-item-nombre,
.block-views-exposed-filter-blockespecies-tax-page-1 fieldset,
.block-views-exposed-filter-blockespecies-tax-page-1 details,
.block-views-exposed-filter-blockespecies-tax-page-1 .form-item-location,
.block-views-exposed-filter-blockespecies-tax-page-2 .form-item-autor,
.block-views-exposed-filter-blockespecies-tax-page-2 .card,
.block-views-exposed-filter-blockespecies-tax-page-2 .form-item-year,
.block-views-exposed-filter-blockespecies-tax-page-2 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockespecies-tax-page-2 .form-item-nombre,
.block-views-exposed-filter-blockespecies-tax-page-2 fieldset,
.block-views-exposed-filter-blockespecies-tax-page-2 details,
.block-views-exposed-filter-blockespecies-tax-page-2 .form-item-location,
.block-views-exposed-filter-blockespecies-tax-page-3 .form-item-autor,
.block-views-exposed-filter-blockespecies-tax-page-3 .card,
.block-views-exposed-filter-blockespecies-tax-page-3 .form-item-year,
.block-views-exposed-filter-blockespecies-tax-page-3 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockespecies-tax-page-3 .form-item-nombre,
.block-views-exposed-filter-blockespecies-tax-page-3 fieldset,
.block-views-exposed-filter-blockespecies-tax-page-3 details,
.block-views-exposed-filter-blockespecies-tax-page-3 .form-item-location,
.block-views-exposed-filter-blockespecies-tax-page-4 .form-item-autor,
.block-views-exposed-filter-blockespecies-tax-page-4 .card,
.block-views-exposed-filter-blockespecies-tax-page-4 .form-item-year,
.block-views-exposed-filter-blockespecies-tax-page-4 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockespecies-tax-page-4 .form-item-nombre,
.block-views-exposed-filter-blockespecies-tax-page-4 fieldset,
.block-views-exposed-filter-blockespecies-tax-page-4 details,
.block-views-exposed-filter-blockespecies-tax-page-4 .form-item-location,
.block-views-exposed-filter-blockespecies-tax-page-5 .form-item-autor,
.block-views-exposed-filter-blockespecies-tax-page-5 .card,
.block-views-exposed-filter-blockespecies-tax-page-5 .form-item-year,
.block-views-exposed-filter-blockespecies-tax-page-5 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockespecies-tax-page-5 .form-item-nombre,
.block-views-exposed-filter-blockespecies-tax-page-5 fieldset,
.block-views-exposed-filter-blockespecies-tax-page-5 details,
.block-views-exposed-filter-blockespecies-tax-page-5 .form-item-location,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 .form-item-autor,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 .card,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 .form-item-year,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 .form-item-nombre,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 fieldset,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 details,
.block-views-exposed-filter-blockbiblioteca-avanzado-page-1 .form-item-location,
.block-views-exposed-filter-blockfototeca-page-1 .form-item-autor,
.block-views-exposed-filter-blockfototeca-page-1 .card,
.block-views-exposed-filter-blockfototeca-page-1 .form-item-year,
.block-views-exposed-filter-blockfototeca-page-1 #edit-familia--2--wrapper,
.block-views-exposed-filter-blockfototeca-page-1 .form-item-nombre,
.block-views-exposed-filter-blockfototeca-page-1 fieldset,
.block-views-exposed-filter-blockfototeca-page-1 details,
.block-views-exposed-filter-blockfototeca-page-1 .form-item-location {
  display: none;
}

.documents-bib .text {
  margin: 10px 0 20px;
}

.copy-bib {
  border: 1px solid #afcbd8;
  margin-bottom: 20px;
  border-radius: 12px;
  padding: 20px;
  width: 80%;
}
.copy-bib.copy-foto {
  width: 100%;
}
.copy-bib.copy-foto p {
  font-size: 13px;
}
.copy-bib p {
  font-size: 17px;
  font-weight: 400;
  color: #3a3a3a;
  font-style: italic;
  margin-bottom: 0px;
  line-height: normal;
  font-family: "Montserrat";
}

.area-title-theme {
  margin: 0;
  padding: 10px 15px;
  border-radius: 0px 0px 10px 10px;
}
.area-title-theme .icon-theme {
  width: 20%;
}
.area-title-theme .title {
  width: 70%;
}
.area-title-theme h3 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
  font-family: "Montserrat";
}
.area-title-theme .sub-theme {
  display: block;
  color: #ffffff;
  padding-left: 32px;
  background: url("../img/ico-arrow-white.svg") no-repeat 8px 2px;
  background-size: 18px;
}

.area-back {
  text-align: end;
  margin-bottom: 30px;
}
.area-back .btn-back {
  display: flex;
  font-size: 18px;
  color: #d86b19;
  font-weight: bold;
  align-items: center;
  justify-content: end;
  font-family: "Montserrat";
}
.area-back .btn-back::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  display: inline-block;
  -webkit-mask: url("../img/chevron-left.svg");
          mask: url("../img/chevron-left.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #d86b19;
}

#edit-location-collapsible--x .details-wrapper #ui-id-1 {
  top: 0 !important;
  margin-top: 10px;
  list-style: none;
  padding-left: 10px;
}
#edit-location-collapsible--x .details-wrapper input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
#edit-location-collapsible--x .details-wrapper input:focus, #edit-location-collapsible--x .details-wrapper input:focus-visible {
  outline: none;
}
#edit-location-collapsible--x .details-wrapper li {
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat";
}

#media-library-view {
  display: none;
}

.user-logged-in #media-library-view {
  display: block;
}

.more-info {
  margin: 10px 0 20px;
}
.more-info .btn-more-info {
  padding: 0;
  border: none;
  font-size: 18px;
  color: #0092d4;
  font-weight: bold;
  background: transparent;
  font-family: "Montserrat";
}
.more-info .btn-more-info::after {
  content: "+";
  margin-left: 10px;
  display: inline-block;
}
.more-info .btn-more-info.less::after {
  content: "-";
}
.more-info .pager__item a {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: #253975;
  border: 1px solid #253975;
  transition: 0.5s all ease-in;
}
.more-info .pager__item a.less::after {
  transform: rotate(180deg);
}
.more-info .pager__item a::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/chevron-down.svg");
          mask: url("../img/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}
.more-info .pager__item a:hover {
  color: #d86b19 !important;
  border: 1px solid #d86b19;
  background-color: #ffffff !important;
}
.more-info .pager__item a:hover::after {
  background: #d86b19;
}

.num-items {
  margin-bottom: 30px;
}
.num-items span {
  font-size: 16px;
  font-weight: 500;
  color: #7c7c7c;
  font-family: "Montserrat";
}

.content-tool-tip {
  display: flex;
  margin-bottom: 20px;
  justify-content: end;
}
.content-tool-tip.start {
  justify-content: start;
}
.content-tool-tip.shared {
  margin-bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
}
.content-tool-tip .area {
  display: block;
  font-size: 18px;
  color: #253975;
  font-weight: bold;
  margin-right: 20px;
  font-family: "Montserrat";
}

.stbf-img-shared .list-share-btn {
  margin-bottom: 0;
}
.stbf-img-shared .list-share-btn li a {
  width: 20px;
  height: 20px;
  margin-bottom: 0;
}
.stbf-img-shared .tooltipshared {
  right: 0;
  top: -52px;
  z-index: 1;
  opacity: 0;
  padding: 15px;
  width: -moz-fit-content;
  width: fit-content;
  color: #093b47;
  border-radius: 6px;
  position: absolute;
  transition: opacity 0.3s;
  background-color: rgba(28, 32, 33, 0.5411764706);
}
.stbf-img-shared:hover .tooltipshared {
  visibility: visible;
  opacity: 1;
}

.tooltip-bib {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  border-radius: 50%;
  background: #d86b19 url("../img/info-lg.svg") no-repeat center;
  background-size: 70% 70%;
  border-bottom: 1px solid #d86b19;
}
.tooltip-bib .search-tooltip-bib {
  left: 40px;
  z-index: 99;
  opacity: 0;
  padding: 15px;
  width: 500px;
  bottom: -160px;
  color: #093b47;
  text-align: left;
  position: absolute;
  visibility: hidden;
  transition: opacity 0.3s;
  background-color: #a9ddf3;
}
.tooltip-bib .search-tooltip-bib::after {
  content: "";
  top: 50%;
  position: absolute;
  left: -14px;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #a9ddf3 transparent transparent;
}
.tooltip-bib .tooltiptextbib {
  right: 0;
  top: 35px;
  z-index: 99;
  opacity: 0;
  padding: 15px;
  width: 600px;
  color: #093b47;
  border-radius: 6px;
  position: absolute;
  visibility: hidden;
  transition: opacity 0.3s;
  background-color: #a9ddf3;
}
.tooltip-bib .tooltiptextfoto {
  left: 0;
  top: 35px;
  z-index: 99;
  opacity: 0;
  padding: 15px;
  width: 600px;
  color: #093b47;
  border-radius: 6px;
  position: absolute;
  visibility: hidden;
  transition: opacity 0.3s;
  background-color: #a9ddf3;
}
.tooltip-bib:hover .tooltiptextbib,
.tooltip-bib:hover .search-tooltip-bib,
.tooltip-bib:hover .tooltiptextfoto {
  visibility: visible;
  opacity: 1;
}

.category-item {
  padding: 20px 0;
  border-top: 1px solid #0088b2;
  border-bottom: 1px solid #0088b2;
}
.category-item h3 {
  font-size: 23px;
  font-weight: 500;
  color: #005468;
  font-family: "Montserrat";
}
.category-item .description {
  min-height: 125px;
}
.category-item .description p {
  font-size: 18px;
  font-weight: 400;
  color: #3a3a3a;
  font-family: "Montserrat";
}
@media (max-width: 767.9px) {
  .category-item .description {
    min-height: auto;
  }
}

.list-category-item {
  justify-content: center;
}

.flip-card {
  width: 100%;
  margin-bottom: 30px;
  perspective: 1000px;
  background-color: transparent;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card .flip-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card .flip-card-inner .front-card {
  width: 100%;
  height: 100%;
  display: block;
  backface-visibility: hidden;
}
.flip-card .flip-card-inner .front-card .img-content img {
  -o-object-fit: cover;
     object-fit: cover;
}
.flip-card .flip-card-inner .front-card .icon-card {
  top: 15%;
  left: 35%;
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
}
.flip-card .flip-card-inner .front-card .text-front-card {
  top: 60%;
  width: 100%;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  position: absolute;
}
.flip-card .flip-card-inner .front-card .text-front-card span {
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Montserrat";
}
.flip-card .flip-card-inner .back-card {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.flip-card.fototeca-category {
  min-height: 312px;
}
.flip-card.fototeca-category:hover .flip-card-inner {
  transform: none;
}
.flip-card.fototeca-category:hover .back-card {
  opacity: 1;
}
.flip-card.fototeca-category .front-card {
  border-radius: 10px;
}
.flip-card.fototeca-category .front-card .img-content img {
  border-radius: 10px;
  width: 100%;
  aspect-ratio: auto 410/310;
  height: 310px;
}
.flip-card.fototeca-category .back-card {
  opacity: 0;
  display: grid;
  transform: none;
  text-align: center;
  border-radius: 10px;
  align-content: space-around;
  background-color: #15bab1;
  backface-visibility: visible;
  transition: 0.5s all ease-in-out;
}
.flip-card.fototeca-category .back-card h4 {
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Montserrat";
}
.flip-card.fototeca-category .back-card p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Montserrat";
}
.flip-card.fototeca-category .back-card .card-link {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  margin: 10px auto;
  font-weight: bold;
  border-radius: 7px;
  padding: 10px 15px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  font-family: "Montserrat";
  border: 1px solid #ffffff;
  transition: 0.5s all ease-in;
}
.flip-card.fototeca-category .back-card .card-link::after {
  content: "";
  width: 18px;
  height: 18px;
  margin-left: 10px;
  display: inline-block;
  background: url("../img/arrow-right.svg") no-repeat center;
  background-size: 100% 100%;
}
.flip-card.fototeca-category .back-card .card-link:hover {
  color: #15bab1;
  border: 1px solid #15bab1;
  background-color: #ffffff;
}
.flip-card.fototeca-category .back-card .card-link:hover::after {
  -webkit-mask: url("../img/arrow-right.svg");
          mask: url("../img/arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #15bab1;
}

.bk-participate {
  background: #0088b2 url("../img/") no-repeat center left;
  background-size: 120px 120px;
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bk-participate h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "Montserrat";
}
.bk-participate h3 {
  font-size: 28px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "Montserrat";
}

.item-participate {
  margin-top: 50px;
  position: relative;
}
.item-participate .img-participate {
  left: 30px;
  top: -25px;
  width: 187px;
  height: 288px;
  position: absolute;
}
.item-participate .img-participate img {
  border-radius: 22px;
}
.item-participate .description-participate {
  width: 75%;
  margin-left: auto;
  padding: 40px 20px;
  padding-left: 100px;
  border-radius: 22px;
  background-color: #253975;
}
.item-participate .description-participate h3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat";
}
.item-participate .description-participate p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Montserrat";
}
.item-participate .description-participate a {
  margin-top: 20px;
}

.btn-site-save-white {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 8px;
  transition: 0.5s all ease-in;
}
.btn-site-save-white::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url("../img/ico-link-externo.svg");
          mask: url("../img/ico-link-externo.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #ffffff;
  transition: 0.5s all ease-in;
}
.btn-site-save-white:hover {
  color: #d86b19 !important;
  background-color: #ffffff;
}
.btn-site-save-white:hover::after {
  background: #d86b19;
  transition: 0.5s all ease-in;
}

.list-collections {
  margin-bottom: 70px;
}

.item-collection .content-img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.item-collection .content-img .content-icon {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.5s all ease-in-out;
}
.item-collection .content-img .content-icon img {
  top: 20%;
  left: 35%;
  z-index: 99;
  width: 150px;
  height: 150px;
  position: absolute;
}
.item-collection .content-description h3 {
  font-size: 26px;
  color: #0088b2;
  font-weight: bold;
  font-family: "Montserrat";
}
.item-collection .content-description p {
  font-size: 18px;
  color: #3a3a3a;
  font-weight: 400;
  font-family: "Montserrat";
}
.item-collection:hover .content-img .content-icon {
  z-index: 9;
  background-color: rgba(37, 57, 117, 0.8);
}

.bk-delfin {
  background: url("../img/bck-avistamiento-big.jpg") no-repeat center;
  background-size: 100% 100%;
  padding: 90px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.bk-delfin h3 {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  font-family: "Montserrat";
}
.bk-delfin p,
.bk-delfin span,
.bk-delfin li {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Montserrat";
}

.item-author {
  display: grid;
  padding: 20px;
  min-height: 260px;
  line-height: normal;
  border-radius: 10px;
  border: 1px solid #afcbd8;
  background-color: #e8f3f7;
  align-content: space-between;
}
.item-author .name h3 {
  font-size: 20px;
  font-weight: 500;
  color: #1c66d1;
  line-height: normal;
  font-family: "Montserrat";
}
.item-author .country {
  margin-bottom: 0.5rem;
}
.item-author .country span {
  font-size: 16px;
  font-weight: bold;
  color: #253975;
  font-family: "Montserrat";
}
.item-author .img-content {
  text-align: center;
}
.item-author .img-content img {
  border-radius: 50%;
  background: #253975;
}
.item-author .count-photo p {
  font-size: 16px;
  font-weight: 400;
  color: #253975;
  font-family: "Montserrat";
}

.add-author h2 {
  font-size: 28px;
  color: #1c66d1;
  font-weight: bold;
  font-family: "Montserrat";
}
.add-author .description-author {
  font-size: 16px;
  font-weight: 400;
  color: #3a3a3a;
  font-style: italic;
  font-family: "Montserrat";
}
.add-author .description-author a {
  color: #3a3a3a;
  text-decoration: underline;
}
.add-author .label-title {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  font-family: "Montserrat";
}
.add-author .form-item-field-apellidos-0-value label,
.add-author .form-item-field-tax-nombre-0-value label {
  font-size: 16px;
  color: #666666;
  font-weight: bold;
  font-family: "Montserrat";
}
.add-author .form-item-field-mail-correo-electronico-0-value label,
.add-author .form-item-field-tax-pais-foto label,
.add-author .form-item-field-img-foto-perfil-0 label,
.add-author .form-item-field-txt-sobre-ti-0-value label {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  font-family: "Montserrat";
}
.add-author #edit-field-slc-incluir-redes-wrapper span {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  font-family: "Montserrat";
}
.add-author .field-multiple-table h4 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  font-family: "Montserrat";
}
.add-author #edit-field-phs-cuales-0-top-type {
  display: none;
}
.add-author .form-item-field-boo-acepto-value .form-checkbox {
  background-color: #999999;
}
.add-author .form-item-field-boo-acepto-value label {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  font-family: "Montserrat";
}
.add-author .form-item-field-boo-acepto-value label a {
  font-size: 16px;
  font-weight: 500;
  color: #0092d4;
  text-decoration: underline;
  font-family: "Montserrat";
}
.add-author #edit-submit,
.add-author .field-add-more-submit {
  background: #253975;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  border: 1px solid #253975;
  color: #ffffff;
}
.add-author fieldset.form-item {
  margin-bottom: 1.5rem;
}

#SaveBack,
#SaveDone {
  background: #253975;
  color: #ffffff;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  border: 1px solid #253975;
  transition: 0.5s all ease-in-out;
}
#SaveBack:hover,
#SaveDone:hover {
  color: #d86b19;
  border: 1px solid #d86b19;
  background-color: #ffffff;
}

.intro-autor {
  margin: 30px 0;
  display: block;
}
.intro-autor p {
  font-size: 22px;
  font-weight: 500;
  color: #3e8fad;
  font-family: "Montserrat";
}

h2.vignette {
  display: flex;
  font-size: 26px;
  color: #0088b2;
  font-weight: bold;
  margin-bottom: 20px;
  align-items: center;
  font-family: "Montserrat";
}
h2.vignette::before {
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: inline-block;
  -webkit-mask: url(../img/caret-right-fill.svg);
          mask: url(../img/caret-right-fill.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #0088b2;
}

.box-image {
  margin-top: 50px;
  position: relative;
}
.box-image .img-content {
  left: 0;
  top: -25px;
  width: 190px;
  height: 290px;
  position: absolute;
}
.box-image .img-content img {
  max-height: 290px;
  border-radius: 22px;
}
.box-image .description-content {
  width: 85%;
  margin-left: auto;
  padding: 40px 20px;
  padding-left: 100px;
  border-radius: 22px;
  background-color: #253975;
}
.box-image .description-content .box-checks {
  padding: 0;
  list-style: none;
}
.box-image .description-content .box-checks li {
  padding-left: 70px;
  position: relative;
}
.box-image .description-content .box-checks li::before {
  top: 0;
  left: 0;
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  background: url("../img/ico-criterios.svg") no-repeat center;
  background-size: 100% 100%;
}
.box-image .description-content h3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat";
}
.box-image .description-content h4 {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat";
}
.box-image .description-content p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Montserrat";
}
.box-image .description-content a {
  margin-top: 20px;
}

.participa .box-image .img-content {
  width: 300px;
}
@media (max-width: 1500px) {
  .participa .box-image .img-content {
    width: 30%;
  }
}
.participa .box-image .img-content img {
  max-height: 245px;
}
.participa .box-image .description-content {
  width: 80%;
}

.content-provide-documents .box-image .img-content {
  top: -60px;
  z-index: 1;
}
.content-provide-documents .box-image .description-content {
  padding: 40px 72px;
  padding-left: 120px;
  position: relative;
}
.content-provide-documents .box-image .description-content::before {
  top: 15%;
  left: 5%;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background: url("../img/ico-banner.svg") no-repeat center;
  background-size: 100% 100%;
}
.content-provide-documents .box-image .description-content .aporte {
  font-size: 22px;
  font-weight: 500;
}
.content-provide-documents .box-image a {
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 1400px) {
  .menu-library .navbar-nav .nav-item .nav-link {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .region-search {
    width: 15%;
  }
  .menu-save-blue .nav-level-0 .nav-item > .nav-link {
    margin-right: 20px;
  }
  #search-block-form .form-search {
    width: 100%;
  }
}
@media (max-width: 1199.9px) {
  header {
    background: url("../img/header-index-tablet.jpg") no-repeat;
    background-size: 100% 100%;
  }
  #search-block-form {
    width: 100%;
  }
  #search-block-form .form-item-keys {
    width: 100%;
  }
  #search-block-form .button {
    right: 15%;
  }
  .description-header {
    margin-top: 20px;
    margin-left: 0;
  }
  .description-header p {
    width: 100%;
  }
  .description-header h2 {
    font-size: 36px;
  }
  .grid-sizer {
    width: 48%;
  }
  .galery-list .galery-item .gallery-item .content-text h4 {
    color: #1c66d1;
    font-size: 20px;
    font-weight: 500;
  }
  .description-save .description-header {
    margin-left: 0;
  }
  .region-search {
    width: auto;
  }
  .header-save {
    position: relative;
  }
  .header-save .nav-home {
    position: static;
    justify-content: end;
  }
  .header-save .nav-home nav .navbar-collapse {
    flex-wrap: wrap-reverse;
  }
  .header-save .nav-home nav .navbar-nav .nav-item {
    max-width: 100%;
  }
  .header-save .nav-home nav .navbar-nav .nav-item .nav-link {
    width: 100%;
  }
  .header-save .nav-home .navbar-toggler {
    border: none;
    background: #00b7b6;
  }
  .header-save .nav-home .navbar-toggler-icon {
    background-image: url("../img/list.svg");
  }
  .header-save .nav-home .navbar-collapse {
    left: auto;
    top: 30%;
    z-index: 10;
    padding: 20px;
    position: absolute;
    background: #00b7b6;
  }
  .header-save .nav-home .block-search form {
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 20px;
  }
  .line-action .item-line-action .item-icon {
    top: 12%;
    left: 25%;
    width: 100px;
  }
  .list-event .item.location,
  .list-activity .item.location,
  .list-convocatory .item.location {
    background: url("../img/ico-agenda-lugar.svg") no-repeat left 5%;
    background-size: 20px;
    margin-top: 10px;
  }
  .list-event .item {
    display: block;
  }
  .bck-internal-title {
    background-size: 100% 70%;
  }
  .bkg-deco-top {
    background: url(../img/separador-seccion-materiales.svg) no-repeat 100% 101%;
    background-size: 100%;
  }
  .deco-page-center::before {
    bottom: -100px;
  }
  .menu-save-blue .dropdown-menu {
    border: none;
    background-color: #00b7b6;
  }
  .menu-save-blue .dropdown-item {
    background-color: #00b7b6;
    border-bottom: 1px solid #ffffff;
  }
  .menu-save-blue .nav-level-0 .nav-item > .nav-link:hover,
  .menu-save-blue .menu-save-blue .nav-level-0 .nav-item > .nav-link.show {
    background-color: #057272;
  }
}
.expo-item .expo-image {
  margin-bottom: 20px;
}
.expo-item .expo-link a {
  z-index: 99;
  position: relative;
}

.list-item-photograph .item {
  padding: 20px;
  border-radius: 21px;
  margin-bottom: 20px;
  background: #ffffff;
  min-height: 250px;
}
.list-item-photograph .item h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0088b2;
  margin-bottom: 20px;
  font-family: "Montserrat";
}
.list-item-photograph .item img {
  margin-bottom: 10px;
  border-radius: 10px;
}
.list-item-photograph .carousel-inner {
  width: 75%;
  margin: auto;
}

#carouselBetterPhoto .carousel-inner {
  padding: 60px 0 0;
}

#carouselBetterPhoto .carousel-control-next,
#carouselRecentPhoto .carousel-control-next {
  right: -10%;
}
#carouselBetterPhoto .carousel-control-prev,
#carouselRecentPhoto .carousel-control-prev {
  left: -10%;
}

.list-photographs-s {
  display: flex;
  flex-wrap: wrap;
}
.list-photographs-s .photograph-item {
  width: auto;
  padding: 0 5px;
  height: 370px;
  min-width: 200px;
}
.list-photographs-s .photograph-item img {
  height: 370px;
}
.list-photographs-s .photograph-item:nth-child(1) {
  width: 181px;
}
.list-photographs-s .photograph-item:nth-child(2) {
  width: 394px;
}
.list-photographs-s .photograph-item:nth-child(3) {
  width: 322px;
}
.list-photographs-s .photograph-item:nth-child(4) {
  width: 215px;
}
.list-photographs-s .photograph-item:nth-child(5) {
  width: 150px;
}
.list-photographs-s .photograph-item:nth-child(6) {
  width: 392px;
}
.list-photographs-s .photograph-item:nth-child(7) {
  width: 315px;
}
.list-photographs-s .photograph-item:nth-child(8) {
  width: 238px;
}
.list-photographs-s .photograph-item:nth-child(9) {
  width: 264px;
}
.list-photographs-s .photograph-item:nth-child(10) {
  width: 212px;
}
.list-photographs-s .photograph-item:nth-child(11) {
  width: 277px;
}
.list-photographs-s .photograph-item:nth-child(12) {
  width: 414px;
}
.list-photographs-s .photograph-item:nth-child(13) {
  width: 301px;
}
.list-photographs-s .photograph-item:nth-child(14) {
  width: 363px;
}
.list-photographs-s .photograph-item:nth-child(15) {
  width: 448px;
}

@media (max-width: 1024px) {
  .list-flex .item-user {
    width: 50%;
  }
  .menu-library .navbar-nav .nav-item .nav-link {
    font-size: 22px;
  }
}
@media (max-width: 767.9px) {
  h1 {
    font-size: 32px;
  }
  h3 {
    font-size: 22px;
  }
  .title-hitos {
    margin-top: 80px;
  }
  .title-list {
    text-align: center;
  }
  .title-page {
    text-align: center;
  }
  .exposed-filters .check-filter {
    align-items: baseline;
    flex-wrap: wrap;
  }
  .exposed-filters .check-filter .collapse {
    width: 100% !important;
  }
  .exposed-filters .filter-title {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 10px;
  }
  .header-save .nav-home nav .navbar-nav .nav-item {
    max-width: 100%;
  }
  header {
    background: url("../img/header-index-xs.jpg") no-repeat;
    background-size: 100% 100%;
  }
  .description-save {
    margin-top: 200px;
  }
  .grid-sizer {
    width: 98%;
  }
  .galery-list .phs-title {
    padding: 5px 0 !important;
  }
  .galery-list .phs-title h4 {
    font-size: 16px !important;
  }
  .galery-list .phs-description p {
    font-size: 10px;
  }
  .block-info-library {
    padding: 40px 10px;
  }
  .block-info-library .region-block-info-library {
    width: 100%;
  }
  .tooltip-bib .search-tooltip-bib {
    width: 350px;
  }
  .tooltip-bib .tooltiptextbib {
    width: 350px;
  }
  .list-info .more-info-content.active {
    height: auto;
    min-height: 600px;
  }
  .resources-item {
    min-height: 300px;
  }
  .resources-item:hover .resources-content {
    transform: none;
  }
  .resources-item .resources-content {
    min-height: 300px;
  }
  .resources-item .content-image {
    transform: rotateY(180deg);
    display: none;
  }
  .resources-item .theme-content {
    display: none;
  }
  .resources-item .content-text {
    transform: none;
    opacity: 1;
  }
  .resources-item .content-text h4 {
    margin-bottom: 20px;
  }
  .internal-page {
    background: url("../img/header-interna1-xs.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
  }
  .menu-library {
    background: #0088b2;
  }
  .theme-addresses .item-theme .icon-item {
    top: 15px;
    left: 10px;
    width: 70px;
    height: 70px;
    position: absolute;
  }
  .theme-addresses .item-theme .img-item {
    display: none;
  }
  .theme-addresses .item-theme .title-content .area-title-theme {
    display: flex;
    min-height: 75px;
    border-radius: 10px;
    align-items: center;
    padding: 15px 10px 15px 90px;
  }
  .phs-tabs .nav-pills .nav-link {
    width: 100%;
  }
  .description-header {
    margin-top: 20px;
    margin-left: 0;
  }
  .description-header p {
    width: 100%;
    text-align: center;
  }
  .description-header h2 {
    font-size: 36px;
    text-align: center;
  }
  .region-search {
    width: 100%;
  }
  #search-block-form .form-search {
    width: 100%;
  }
  #search-block-form .button {
    right: 5%;
  }
  .menu-save-blue .region-language ul {
    justify-content: center;
  }
  .list-species {
    justify-content: center;
  }
  .list-species .species-item {
    width: 50%;
    margin-bottom: 30px;
  }
  .list-species .species-item .name-species {
    display: block;
  }
  .deco-sobre {
    background: url(../img/deco-index-xs.svg) no-repeat center 95%;
    background-size: 100%;
  }
  .milestone-area .milestone-tabs .milestoneItem.active {
    padding: 0;
  }
  .milestone-area .milestone-tabs .milestone-detail {
    padding: 20px;
  }
  .milestone-area .milestone-tabs .milestoneItem {
    padding: 0;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(1) .milestoneItemTitle {
    background: url("../img/timeline-2023.jpg") no-repeat;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(2) .milestoneItemTitle {
    background: url("../img/timeline-2024.jpg") no-repeat;
    background-position: center -90px;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(3) .milestoneItemTitle {
    background: url("../img/timeline-2025.jpg") no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(4) .milestoneItemTitle {
    background: url("../img/timeline-2026.jpg") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(5) .milestoneItemTitle {
    background: url("../img/timeline-2027.jpg") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItem:nth-child(6) .milestoneItemTitle {
    background: url("../img/timeline-2028.jpg") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .milestone-area .milestone-tabs .milestoneItemTitle {
    height: 100%;
    padding: 30px;
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Montserrat";
    display: block !important;
  }
  .milestone-img img {
    display: none;
  }
  .date-event {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .date-event .date {
    width: 50%;
    padding: 0 15px;
  }
  span.type-event {
    padding: 5px 65px;
    margin: -12px auto 20px;
  }
  .content-box-blue h3 {
    font-size: 22px;
  }
  .content-box-blue .btn-site-save {
    margin: 0 auto;
  }
  .bck-internal-title {
    background: #ffffff url(../img/bck-titulos-internas.jpg) no-repeat bottom center;
    background-size: 100% 85%;
  }
  .view-exposed {
    display: block;
  }
  .view-exposed .form--inline {
    display: grid;
    justify-content: normal;
  }
  .view-exposed span {
    display: block;
    text-align: center;
  }
  .share-buttons .social-sharing-buttons {
    display: flex;
  }
  .share-buttons .social-sharing-buttons a {
    width: 40px;
    height: 40px;
  }
  .share-buttons::before {
    top: 0;
    left: 0;
    width: 160px;
    height: 1px;
  }
  .logo-redes .redes-footer {
    margin: 0 0 10px;
    justify-content: center;
  }
  .list-contact {
    display: grid;
    margin: 0 0 30px;
    justify-content: center;
  }
  .copy-footer .list-copy {
    flex-wrap: wrap;
    justify-content: center;
  }
  .copy-footer .list-copy .item {
    width: -moz-fit-content;
    width: fit-content;
  }
  .area-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .area-tabs .nav-tabs .nav-item .nav-link {
    width: 100%;
    color: #253975;
    font-weight: bold;
    font-family: "Montserrat";
    border-radius: 0.375rem;
    background-color: #ffffff;
  }
  .area-tabs .nav-tabs .nav-item .nav-link.active {
    color: #d86b19;
  }
  .panelista-item .content-image {
    text-align: center;
  }
  .panelista-item .name-panelista {
    text-align: center;
  }
  .panelista-item .btn-site-save {
    margin: 0 auto;
  }
  .content-box-blue .content-image-colo {
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
  }
  .menu-save-blue .dropdown-menu {
    border: none;
    background-color: #00b7b6;
  }
  .menu-save-blue .dropdown-item {
    background-color: #00b7b6;
    border-bottom: 1px solid #ffffff;
  }
  .menu-save-blue .nav-level-0 .nav-item > .nav-link:hover,
  .menu-save-blue .menu-save-blue .nav-level-0 .nav-item > .nav-link.show {
    background-color: #057272;
  }
  .btn-past a {
    margin: 0 auto;
  }
  .list-flex .item-user {
    width: 50%;
    margin-bottom: 30px;
  }
  .orientation {
    width: 100%;
  }
  .grafic-oceans .content-ocean .list-buttons {
    width: 100%;
  }
  .grafic-oceans .content-ocean .list-buttons .btn-ocean {
    width: 100%;
  }
  .grafic-oceans .content-ocean .map-ocean {
    display: none;
  }
  .menu-fototeca {
    background: #0088b2;
  }
  .category-item {
    border: none;
  }
  .px-xs-not {
    padding: 0;
    padding-bottom: 0 !important;
  }
  .px-xs-not .container {
    padding: 0;
  }
  .px-xs-not .grafic-oceans {
    border-radius: 0;
    margin-bottom: 0;
    padding: 50px 20px;
  }
  .item-participate .img-participate {
    top: -40px;
    left: 10px;
  }
  .item-participate .description-participate {
    width: 90%;
    padding: 270px 20px 20px;
    margin-bottom: 40px;
  }
  .content-provide-documents .box-image .img-content {
    display: none;
  }
  .content-provide-documents .box-image .description-content {
    padding: 120px 20px 20px;
  }
  .content-provide-documents .box-image .description-content::before {
    top: 8%;
    left: 40%;
  }
  .box-image .img-content {
    top: -40px;
    left: 10px;
  }
  .box-image .description-content {
    width: 90%;
    padding: 270px 20px 20px;
    margin-bottom: 40px;
  }
  .list-collections .item-collection {
    margin-bottom: 40px;
  }
}
.path-search .region-content {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
.path-search .region-content h2 {
  margin-bottom: 30px;
}
.path-search .region-content .item-list h3 {
  font-size: 25px;
  font-weight: 500;
  color: #1c66d1;
  transition: 0.5s all ease-in;
}
.path-search .region-content .item-list h3:hover {
  color: #15bab1;
}
.path-search .region-content .item-list h3 a {
  font-size: 25px;
  font-weight: 500;
  color: #1c66d1;
  transition: 0.5s all ease-in;
}
.path-search .region-content .item-list h3 a:hover {
  color: #15bab1;
}
.path-search .region-content .item-list .username {
  display: none;
}
.path-search .region-content .item-list .search-result__snippet-info {
  overflow: hidden;
}
.path-search .region-content .item-list .search-result__snippet-info .search-result__info {
  margin-left: -10px;
}

#description-author {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.5s all ease-in;
}

#read-more {
  display: none;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}
#read-more:hover {
  text-decoration: underline;
}

#especiesxfamilia .form-item {
  font-size: 16px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat";
  float: left;
  display: inline;
}
#especiesxfamilia .esp-fam:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
#especiesxfamilia .esp-fam:checked[type=checkbox] {
  --bs-form-check-bg-image: url(data:image/svg + xml,
  %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" %3e%3cpathfill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m6 10 3 3 6-6" /%3e%3c/svg%3e);
}
#especiesxfamilia .especie-familia {
  padding: 0 0 10px 20px;
  display: inline-block;
  width: 12em;
}
#especiesxfamilia .esp-fam {
  border: 1px solid #666666;
  border-radius: 0.25em;
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.bk-circul-stbf {
  padding: 40px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  background: #dff2fa url(../img/bck-ficha.svg) no-repeat right 200px;
  background-size: 35%;
}
@media (max-width: 768px) {
  .bk-circul-stbf {
    background: #dff2fa url(../img/bck-ficha.svg) no-repeat right 370px;
    background-size: 35%;
  }
}
.bk-circul-stbf li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.bck-internal-title-species {
  background: #ffffff url(../img/bck-titulos-internas.jpg) no-repeat bottom center;
  background-size: 100% 50%;
  padding: 20px 0;
}
.bck-internal-title-species.not-image {
  background: #ffffff url("../img/bck-titulos-internas.jpg") no-repeat center;
  background-size: 100% 100%;
  margin-bottom: 90px;
  padding: 20px 0;
}
.bck-internal-title-species .title-page {
  color: #ffffff;
  font-size: 36px;
  font-weight: 800;
  font-family: "Montserrat";
}

.tab-species .phs-tabs {
  background: #fff;
  border-radius: 0 20px 20px 0;
}
.tab-species .phs-tabs .nav-pills {
  width: 25%;
}
@media (max-width: 1199.9px) {
  .tab-species .phs-tabs .nav-pills {
    width: 40%;
  }
}
.tab-species .phs-tabs .nav-pills .nav-link {
  width: 90%;
  min-height: 90px;
  text-align: left;
  border-radius: 0;
  margin-bottom: 5px;
  background-size: 20%;
  border: 1px solid #253975;
  padding: 10px 20px 10px 80px;
  background-repeat: no-repeat;
  background-position: 5% center;
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(1) {
  background-image: url("../img/ico-general-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(2) {
  display: none;
  background-image: url("../img/ico-conservacio-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(3) {
  background-image: url("../img/ico-eco-hover.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(4) {
  background-image: url("../img/ico-socioeco-hover.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(5) {
  background-image: url("../img/ico-ecosistemas-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:nth-child(6) {
  background-image: url("../img/ico-cuestionres-criticas-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover, .tab-species .phs-tabs .nav-pills .nav-link.active {
  color: #253975;
  border: 1px solid #ffffff;
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(1), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(1) {
  background-image: url("../img/ico-general-hover.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(2), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(2) {
  background-image: url("../img/ico-conservacio-hover.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(3), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(3) {
  background-image: url("../img/ico-eco-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(4), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(4) {
  background-image: url("../img/ico-socioeco-normal.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(5), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(5) {
  background-image: url("../img/ico-ecosistemas-hover.svg");
}
.tab-species .phs-tabs .nav-pills .nav-link:hover:nth-child(6), .tab-species .phs-tabs .nav-pills .nav-link.active:nth-child(6) {
  background-image: url("../img/ico-cuestionres-criticas-hover.svg");
}
@media (max-width: 1199.9px) {
  .tab-species .phs-tabs .tab-content {
    width: 50%;
  }
}
.tab-species .phs-tabs .tab-content .tab-pane h4 {
  color: #253975;
  font-size: 22px;
}
.tab-species .phs-tabs .tab-content .tab-pane h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .tab-species .phs-tabs .tab-content .tab-pane h3 {
    font-size: 26px;
  }
}
.tab-species .phs-tabs .tab-content .tab-pane .field--name-field-phs-titulo-tab {
  display: none;
}
.tab-species .phs-tabs .tab-content .tab-pane li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.tab-species .accordion-collapse .accordion-body {
  padding-top: 0;
}
.tab-species .accordion-collapse .accordion-body h4 {
  color: #1b3b9b;
  font-size: 22px;
}
.tab-species .accordion-collapse .accordion-body .field--name-field-phs-titulo-tab {
  display: none;
}
.tab-species .accordion-collapse .accordion-body h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .tab-species .accordion-collapse .accordion-body h3 {
    font-size: 26px;
  }
}
.tab-species .accordion-collapse .accordion-body li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.tab-species .accordion {
  background: transparent;
}
.tab-species .accordion .accordion-item {
  margin-bottom: 20px;
}
.tab-species .accordion .accordion-item:nth-child(2) {
  display: none;
}
.tab-species .accordion .accordion-item .accordion-button {
  margin-bottom: 0;
}
.tab-species .accordion .accordion-item .accordion-button:not(.collapsed) {
  border: 1px solid #253975;
  color: #253975;
  margin-bottom: 0;
}
.tab-species .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background: #253975;
}

.list-problem .item-problematicas:nth-child(1) .area-title h3 {
  background: url("../img/ico-prob-climaticos-normal.svg") no-repeat;
  background-position: top center;
  background-size: 80px;
}
.list-problem .item-problematicas:nth-child(2) .area-title h3 {
  background: url("../img/ico-prob-eco-normal.svg") no-repeat;
  background-position: top center;
  background-size: 80px;
}
.list-problem .item-problematicas:nth-child(3) .area-title h3 {
  background: url("../img/ico-prob-econo-normal.svg") no-repeat;
  background-position: top center;
  background-size: 80px;
}
.list-problem .item-problematicas:nth-child(4) .area-title h3 {
  background: url("../img/ico-prob-social-normal.svg") no-repeat;
  background-position: top center;
  background-size: 80px;
}

.item-problematicas .area-title {
  background: url("../img/bck-header-menu-problematica.png") no-repeat center;
  background-size: 100% 100%;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 20px 10px;
}
.item-problematicas .area-title h3 {
  color: #ffffff;
  padding: 85px 0 0;
  text-align: center;
}
.item-problematicas .list-buttons .btn-ocean {
  border: 1px solid #253975;
}
.item-problematicas .list-buttons .btn-ocean:hover {
  border: 1px solid #d86b19;
}

.area-button {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .area-button {
    margin-bottom: 50px;
  }
}

#problems-list.phs-tabs {
  margin: 10px 0;
  background: #fff;
  border-radius: 0 20px 20px 0;
}
#problems-list.phs-tabs .nav-pills {
  width: 25%;
}
@media (max-width: 1199.9px) {
  #problems-list.phs-tabs .nav-pills {
    width: 40%;
  }
}
#problems-list.phs-tabs .nav-pills .nav-link {
  width: 100%;
  min-height: 88px;
  text-align: left;
  border-radius: 0;
  margin-bottom: 5px;
  background-size: 20%;
  border: 1px solid #253975;
  padding: 10px 25% 10px 90px;
  background-repeat: no-repeat;
  background-position: 5% center;
}
#problems-list.phs-tabs .nav-pills .nav-link#v-pills-789-tab {
  background-image: url("../img/ico-prob-climaticos-normal.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link#v-pills-801-tab {
  background-image: url("../img/ico-prob-econo-normal.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link#v-pills-793-tab {
  background-image: url("../img/ico-prob-eco-normal.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link#v-pills-806-tab {
  background-image: url("../img/ico-prob-social-normal.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link:hover, #problems-list.phs-tabs .nav-pills .nav-link.active {
  color: #253975;
  border: 1px solid #ffffff;
}
#problems-list.phs-tabs .nav-pills .nav-link:hover#v-pills-789-tab, #problems-list.phs-tabs .nav-pills .nav-link.active#v-pills-789-tab {
  background-image: url("../img/ico-prob-climaticos-hover.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link:hover#v-pills-801-tab, #problems-list.phs-tabs .nav-pills .nav-link.active#v-pills-801-tab {
  background-image: url("../img/ico-prob-econo-hover.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link:hover#v-pills-793-tab, #problems-list.phs-tabs .nav-pills .nav-link.active#v-pills-793-tab {
  background-image: url("../img/ico-prob-eco-hover.svg");
}
#problems-list.phs-tabs .nav-pills .nav-link:hover#v-pills-806-tab, #problems-list.phs-tabs .nav-pills .nav-link.active#v-pills-806-tab {
  background-image: url("../img/ico-prob-social-hover.svg");
}
#problems-list.phs-tabs .tab-content {
  width: 74%;
}
@media (max-width: 1199.9px) {
  #problems-list.phs-tabs .tab-content {
    width: 50%;
  }
}
#problems-list.phs-tabs .tab-content .tab-pane {
  padding: 20px 20px 20px 30px;
}
#problems-list.phs-tabs .tab-content .tab-pane h4 {
  color: #253975;
  font-size: 22px;
}
#problems-list.phs-tabs .tab-content .tab-pane h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #problems-list.phs-tabs .tab-content .tab-pane h3 {
    font-size: 26px;
  }
}
#problems-list.phs-tabs .tab-content .tab-pane .field--name-field-phs-titulo-tab {
  display: none;
}
#problems-list.phs-tabs .tab-content .tab-pane li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
#problems-list.phs-tabs .tab-content .tab-pane .views-row {
  padding: 10px 0;
  border-bottom: 1px solid #253975;
}
#problems-list.phs-tabs .tab-content .tab-pane .views-row .item-problematics {
  display: flex;
  font-size: 18px;
  font-weight: 400;
  color: #253975;
  font-family: "Montserrat";
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-decoration: none !important;
  transition: 0.5s all ease-in;
}
#problems-list.phs-tabs .tab-content .tab-pane .views-row .item-problematics::after {
  content: "";
  width: 35px;
  height: 28px;
  margin-left: 10px;
  display: inline-block;
  -webkit-mask: url(../img/ico-link-externo.svg);
          mask: url(../img/ico-link-externo.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: #253975;
  transition: 0.5s all ease-in;
}
#problems-list.phs-tabs .tab-content .tab-pane .views-row .item-problematics:hover {
  color: #f99a3d;
}
#problems-list.phs-tabs .tab-content .tab-pane .views-row .item-problematics:hover::after {
  background: #f99a3d;
}
#problems-list .accordion-collapse .accordion-body {
  padding-top: 0;
}
#problems-list .accordion-collapse .accordion-body h4 {
  color: #1b3b9b;
  font-size: 22px;
}
#problems-list .accordion-collapse .accordion-body .field--name-field-phs-titulo-tab {
  display: none;
}
#problems-list .accordion-collapse .accordion-body h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #problems-list .accordion-collapse .accordion-body h3 {
    font-size: 26px;
  }
}
#problems-list .accordion-collapse .accordion-body li {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
#problems-list .accordion {
  background: transparent;
}
#problems-list .accordion .accordion-item {
  margin-bottom: 20px;
}
#problems-list .accordion .accordion-item:nth-child(2) {
  display: none;
}
#problems-list .accordion .accordion-item .accordion-button {
  margin-bottom: 0;
}
#problems-list .accordion .accordion-item .accordion-button:not(.collapsed) {
  border: 1px solid #253975;
  color: #253975;
  margin-bottom: 0;
}
#problems-list .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background: #253975;
}

.item-good-practice {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.item-good-practice .content-img {
  min-height: 325px;
  position: relative;
}
.item-good-practice .content-img img {
  border-radius: 10px;
}
.item-good-practice .content-img::after {
  top: 0;
  z-index: 8;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 10px;
  transition: 0.5s all ease-in;
  background-color: rgba(37, 57, 117, 0);
}
.item-good-practice .content-description {
  width: 90%;
  z-index: 9;
  margin: auto;
  padding: 20px;
  display: block;
  margin-top: -150px;
  position: relative;
  border-radius: 10px;
}
.item-good-practice .content-description h4 {
  color: #ffffff;
  font-weight: 500;
  font-family: "Montserrat";
}
.item-good-practice .content-description p,
.item-good-practice .content-description li {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Montserrat";
}
.item-good-practice .content-description span {
  color: #ffffff;
}
.item-good-practice .content-description .theme-area .icon-theme {
  width: 25px;
}
.item-good-practice .content-description .theme-area .divider-theme {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 10px;
}
.item-good-practice .content-description .theme-area .divider-theme::after {
  content: "|";
  color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.item-good-practice .content-description .theme-area .divider-theme:last-child::after {
  display: none;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-60 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #cb5e0c;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-61 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #095e30;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-65 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #064095;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-63 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #1f8a29;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-64 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #b47d1c;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-109 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #152e78;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-66 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #139b94;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-113 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #0e8ebd;
}
.item-good-practice .content-description .theme-area .divider-theme.theme-color-62 {
  padding: 5px 10px;
  border-radius: 10px;
  background: #0c6f7f;
}
.item-good-practice .content-description .problematic-area p {
  font-size: 16px;
  padding-left: 30px;
  color: #ffffff;
  background: url("../img/ico-problematica-w.svg") no-repeat 5px 4px;
  background-size: 18px;
}
.item-good-practice .content-description .problematic-area p span::after {
  content: ", ";
}
.item-good-practice .content-description .problematic-area p span:last-child::after {
  content: "";
}
.item-good-practice .content-description .problematic-area strong {
  color: #ffffff;
}
.item-good-practice:hover .content-img::after {
  background-color: rgba(37, 57, 117, 0.7);
}

@media (min-width: 576px) {
  .path-search .region-content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .path-search .region-content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .path-search .region-content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .path-search .region-content {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .path-search .region-content {
    max-width: 1320px;
  }
}
#edit-field-especie .form-item {
  display: none;
}
#edit-field-especie .form-item-field-especie-94,
#edit-field-especie .form-item-field-especie-133,
#edit-field-especie .form-item-field-especie-151,
#edit-field-especie .form-item-field-especie-213,
#edit-field-especie .form-item-field-especie-269 {
  display: block !important;
}

#edit-field-tax-coleccion .form-item {
  margin-left: 20px;
}
#edit-field-tax-coleccion .form-item-field-tax-coleccion-518,
#edit-field-tax-coleccion .form-item-field-tax-coleccion-519 {
  margin-left: 0;
}
#edit-field-tax-coleccion .form-item-field-tax-coleccion-518 label,
#edit-field-tax-coleccion .form-item-field-tax-coleccion-519 label {
  font-weight: bold !important;
}

.field-multiple-table th {
  padding: 0;
}
.field-multiple-table h4,
.field-multiple-table .fieldset-legend {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}

.fieldset-legend {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

.form-item {
  margin-top: 2em;
}

.paragraphs-actions,
.paragraph-bullet {
  display: none;
}

#edit-field-tax-especie-stbf .js-form-item {
  display: none;
}
#edit-field-tax-especie-stbf .js-form-item.form-item-field-tax-especie-stbf-94, #edit-field-tax-especie-stbf .js-form-item.form-item-field-tax-especie-stbf-133, #edit-field-tax-especie-stbf .js-form-item.form-item-field-tax-especie-stbf-151, #edit-field-tax-especie-stbf .js-form-item.form-item-field-tax-especie-stbf-213, #edit-field-tax-especie-stbf .js-form-item.form-item-field-tax-especie-stbf-269 {
  display: block;
}

.exposed-filter {
  padding: 30px 0;
  border-bottom: 1px solid #d86b19;
}
.exposed-filter .form--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.exposed-filter .form--inline .form-item {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.exposed-filter .form--inline .form-item-sort-bef-combine label {
  display: none;
}
.exposed-filter .form--inline .form-item-sort-bef-combine .form-select {
  border: none;
  color: #253975;
  border-radius: 0;
  font-weight: bold;
  background-size: 20px;
  font-family: "Montserrat";
  box-shadow: none !important;
  border-bottom: 1px solid #253975;
  background-image: url("../img/sort-alpha-down.svg");
}
.exposed-filter .form--inline .form-item-autor label {
  width: -moz-fit-content;
  width: fit-content;
}
.exposed-filter .form--inline .form-item-autor .form-text {
  width: auto;
}
.exposed-filter .form--inline #edit-actions {
  display: none;
}
.exposed-filter .form--inline::after {
  display: none;
}

.mensaje-no-coincidencia {
  color: #ff0000;
  font-weight: bold;
}

.form-wrapper table {
  border: 0;
}
.form-wrapper table td,
.form-wrapper table th {
  border: 0;
}

table {
  border: 1px solid #00aeef;
}
table td,
table th {
  padding: 0.75rem;
  border: 1px solid #00aeef;
}
table thead tr th {
  color: #ffffff;
  background-color: #00aeef;
  border: 1px solid #62bee1;
}
table thead tr th p {
  color: #ffffff;
}

#toolbar-administration {
  font-size: small;
}
#toolbar-administration li {
  font-size: small;
}

.form-foto .form-item-field-tax-coleccion-826,
.form-foto .form-item-field-tax-coleccion-827,
.form-foto .form-item-field-tax-coleccion-829,
.form-foto .form-item-field-tax-coleccion-828,
.form-foto .form-item-field-tax-coleccion-830 {
  display: none;
}

.title-good-practice {
  font-size: 36px;
  color: #253975;
  font-weight: 800;
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 10px;
  font-family: "Montserrat";
}
.title-good-practice::after {
  left: 0;
  top: 100%;
  content: "";
  width: 295px;
  height: 3px;
  display: block;
  position: absolute;
  background: #253975;
}

.categorys {
  margin-bottom: 30px;
}
.categorys span.text-orange {
  font-size: 18px;
  color: #d86b19;
  font-weight: bold;
}
.categorys .divider-theme::before {
  content: "|";
  color: #000000;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.categorys .divider-theme:first-child::before {
  display: none;
}
.categorys .item {
  font-family: "Montserrat";
  padding-left: 30px;
  font-weight: 500;
  font-size: 16px;
}
.categorys .item-theme-64 {
  color: #d69c36;
  background: url("../img/ico-articulacion-multisectorial-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-109 {
  color: #253975;
  background: url("../img/ico-finan-viabilidad-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-62 {
  color: #1b7e8e;
  background: url("../img/ico-genero-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-60 {
  color: #e57c2e;
  background: url("../img/ico-gest-areas-marinas-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-65 {
  color: #1858b5;
  background: url("../img/ico-iniciativas-sostenibles-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-66 {
  color: #15bab1;
  background: url("../img/ico-intercambio-conocimientos-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-63 {
  color: #35a83f;
  background: url("../img/ico-monitoreo-especies-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-113 {
  color: #00aeef;
  background: url("../img/ico-normatividad-color.svg") no-repeat left center;
  background-size: 25px;
}
.categorys .item-theme-61 {
  color: #00873d;
  background: url("../img/ico-participacion-intern-color.svg") no-repeat left center;
  background-size: 25px;
}

.node-good-practice h3 {
  margin-bottom: 0.5rem;
}
.node-good-practice .conclusion {
  padding: 20px;
  border-radius: 15px;
  background-color: #1c66d1;
}
.node-good-practice .conclusion h1,
.node-good-practice .conclusion h2,
.node-good-practice .conclusion h3,
.node-good-practice .conclusion h4,
.node-good-practice .conclusion h5,
.node-good-practice .conclusion h6,
.node-good-practice .conclusion p,
.node-good-practice .conclusion span,
.node-good-practice .conclusion li {
  color: #ffffff;
}

.section-botton {
  margin-bottom: 50px;
}

.box-blue-good-form {
  padding: 40px;
  margin: 30px 0;
  border-radius: 20px;
  justify-content: center;
  background: #a9ddf3;
}

.problematic-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.problematic-item .item {
  width: auto;
}
.problematic-item .item a {
  font-weight: 500;
  margin-bottom: 0;
  color: #3a3a3a !important;
  font-family: "Montserrat";
}
.problematic-item .arrow-orange {
  padding-left: 32px;
  background: url("../img/ico-arrow-orange.svg") no-repeat 8px 2px;
  background-size: 18px;
}
.problematic-item .arrow-orange .item::after {
  content: ",";
  margin: 0;
  margin-left: -4px;
  margin-right: 5px;
  display: inline-block;
}
.problematic-item .arrow-orange .item:last-child::after {
  content: "";
  margin: 0;
}

.box-blue-sky {
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 6px;
  background-color: #dff2fa;
}
.box-blue-sky p {
  margin-bottom: 0;
}
.box-blue-sky span {
  font-size: 18px;
  color: #3a3a3a;
  font-weight: 500;
  font-family: "Montserrat";
}
.box-blue-sky .especie {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-left: 40px;
}
.box-blue-sky .especie.ballena {
  background: url("../img/ico-especie-ballena.svg") no-repeat left top;
  background-size: 25px 25px;
}
.box-blue-sky .especie.delfin {
  background: url("../img/ico-especie-delfin.svg") no-repeat left top;
  background-size: 25px 25px;
}
.box-blue-sky .especie.tiburon {
  background: url("../img/ico-especie-tiburon.svg") no-repeat left top;
  background-size: 25px 25px;
}
.box-blue-sky .especie.mantarraya {
  background: url("../img/ico-especie-mantarraya.svg") no-repeat left top;
  background-size: 25px 25px;
}
.box-blue-sky .especie.tortuga {
  background: url("../img/ico-especie-tortuga.svg") no-repeat left top;
  background-size: 25px 25px;
}
.box-blue-sky .especie .item {
  width: auto;
}
.box-blue-sky .especie .item:first-child::after {
  content: "→";
  margin: 0 10px;
  display: inline-block;
}
.box-blue-sky .especie .item::after {
  content: ",";
  margin: 0;
  margin-left: -4px;
  margin-right: 10px;
  display: inline-block;
}
.box-blue-sky .especie .item:last-child::after {
  content: "";
  margin: 0;
}

.sidebar-good-practice.info-repository {
  padding: 0;
  margin-bottom: 30px;
}
.sidebar-good-practice.info-repository .header-sidebar {
  padding: 20px;
  text-align: center;
  background-color: #dff2fa;
  border-radius: 18px 18px 0 0;
  border-bottom: 2px solid #00aeef;
}
.sidebar-good-practice.info-repository .header-sidebar span {
  font-size: 25px;
  color: #000000;
  font-weight: bold;
  padding-left: 60px;
}
.sidebar-good-practice.info-repository .header-sidebar span.item-type-856, .sidebar-good-practice.info-repository .header-sidebar span.item-type-860 {
  background: url("../img/ico-titulo-curso-virtual.svg") no-repeat 10px center;
  background-size: 45px;
}
.sidebar-good-practice.info-repository .header-sidebar span.item-type-857, .sidebar-good-practice.info-repository .header-sidebar span.item-type-861 {
  background: url("../img/ico-titulo-capsula.svg") no-repeat 10px center;
  background-size: 45px;
}
.sidebar-good-practice.info-repository .header-sidebar span.item-type-858, .sidebar-good-practice.info-repository .header-sidebar span.item-type-862 {
  background: url("../img/ico-titulo-webinar-conferencia.svg") no-repeat 10px center;
  background-size: 45px;
}
.sidebar-good-practice.info-repository .body-sidebar {
  padding: 20px;
}
.sidebar-good-practice.info-repository .body-sidebar .side-item strong {
  color: #253975;
}
.sidebar-good-practice.info-repository .body-sidebar .side-item p strong {
  color: #000000;
}
.sidebar-good-practice.info-repository .body-sidebar .copy-bib {
  width: 100%;
}
.sidebar-good-practice {
  border: 2px solid #00aeef;
  border-radius: 18px;
  padding: 20px;
}
.sidebar-good-practice .side-item {
  padding-left: 30px;
  margin-bottom: 20px;
}
.sidebar-good-practice .side-item a {
  font-weight: 500;
  color: #0092d4;
  font-family: "Montserrat";
}
.sidebar-good-practice .side-item p,
.sidebar-good-practice .side-item li,
.sidebar-good-practice .side-item span {
  font-weight: 500;
  margin-bottom: 0;
  color: #3a3a3a;
  font-family: "Montserrat";
}
.sidebar-good-practice .side-item p.part a,
.sidebar-good-practice .side-item li.part a,
.sidebar-good-practice .side-item span.part a {
  font-weight: 500;
  margin-bottom: 0;
  color: #d86b19;
  text-decoration: underline;
  font-family: "Montserrat";
}
.sidebar-good-practice .side-item p strong,
.sidebar-good-practice .side-item li strong,
.sidebar-good-practice .side-item span strong {
  color: #3a3a3a;
}
.sidebar-good-practice .side-item .cargo {
  font-size: 16px;
  font-weight: 400;
  color: #3a3a3a;
  font-style: italic;
}
.sidebar-good-practice .side-item .status-766 {
  color: #043d13;
  padding: 5px 10px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #b2dd6c;
}
.sidebar-good-practice .side-item .status-765 {
  color: #3a3a3a;
  padding: 5px 10px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fbb03b;
}
.sidebar-good-practice .side-item.date {
  background: url("../img/ico-fecha.svg") no-repeat left 2px;
  background-size: 18px 18px;
}
.sidebar-good-practice .side-item.check {
  background: url("../img/ico-esado.svg") no-repeat left 2px;
  background-size: 18px 18px;
}
.sidebar-good-practice .side-item.ocean {
  background: url("../img/ico-region.svg") no-repeat left 2px;
  background-size: 22px 20px;
}
.sidebar-good-practice .side-item.place-in {
  background: url("../img/ico-geo-alt-fill.svg") no-repeat left 2px;
  background-size: 18px 18px;
}
.sidebar-good-practice .side-item.certificate {
  background: url("../img/ico-certificado.svg") no-repeat left 2px;
  background-size: 25px 25px;
}
.sidebar-good-practice .side-item.hour {
  background: url("../img/clock-fill.svg") no-repeat 5px 2px;
  background-size: 17px 17px;
}
.sidebar-good-practice .side-item.place {
  background: url("../img/ico-ubicacion.svg") no-repeat left 2px;
  background-size: 22px 20px;
}
.sidebar-good-practice .side-item.author {
  background: url("../img/icon-person-fill.svg") no-repeat left 2px;
  background-size: 18px 18px;
}
.sidebar-good-practice .side-item.scale {
  background: url("../img/ico-escala.svg") no-repeat left 2px;
  background-size: 20px 20px;
}
.sidebar-good-practice .side-item.odss {
  background: url("../img/ico-objetivos.svg") no-repeat left 2px;
  background-size: 22px 20px;
}
.sidebar-good-practice .side-item.problematics {
  background: url("../img/ico-problematica.svg") no-repeat left 2px;
  background-size: 22px 20px;
}
.sidebar-good-practice .side-item.acthors-in {
  background: url("../img/ico-actores.svg") no-repeat left 2px;
  background-size: 22px 20px;
}
.sidebar-good-practice .side-item.tags {
  background: url("../img/ico-etiqueta.svg") no-repeat left 2px;
  background-size: 18px 18px;
}

.side-item.hour {
  background: url("../img/clock-fill.svg") no-repeat 5px 2px;
  background-size: 17px 17px;
  padding-left: 30px;
}

.box-blue-good {
  padding: 20px 40px;
  margin-bottom: 30px;
  border-radius: 16px;
  background-color: #1c66d1;
}
.box-blue-good ol.problematics {
  padding: 0;
  list-style-position: inside;
}
.box-blue-good ol.problematics li.item {
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0 20px 60px;
  border-bottom: 1px solid #ffffff;
  background: url("../img/ico-bullet-problematica.svg") no-repeat left 30px;
  background-size: 35px 35px;
}
.box-blue-good ol.problematics li.item:last-child {
  border-bottom: 0;
}
.box-blue-good ol.problematics li.item p {
  font-size: 18px;
  color: #ffffff;
  display: contents;
}
.box-blue-good ol.problematics li.item::marker {
  color: #ffffff;
}

#media-library-wrapper {
  display: flex;
}
#media-library-wrapper .js-media-library-menu {
  list-style: none;
  padding: 0 10px;
  width: 20%;
}
@media (max-width: 767px) {
  #media-library-wrapper .js-media-library-menu {
    width: 100%;
  }
}
#media-library-wrapper .js-media-library-menu li {
  padding: 10px 0;
  border-bottom: 1px solid #7c7c7c;
}

.list-organization {
  margin-top: -190px;
}
.list-organization .country {
  display: flex;
  flex-wrap: wrap;
}
.list-organization .country .country-item {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
.list-organization .country .country-icon {
  margin-right: 5px;
}
.list-organization .country .country-icon img {
  max-width: 100%;
  width: 20px;
}
.list-organization .separator {
  margin-right: 5px;
}

.form-good-practice .node-buenas-practicas-form #edit-footer {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #ck-editor {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form .form-textarea {
  border-color: #000000;
}
.form-good-practice .node-buenas-practicas-form .form-item {
  margin-top: 10px;
}
.form-good-practice .node-buenas-practicas-form .form-control {
  border-color: #000000;
}
.form-good-practice .node-buenas-practicas-form label,
.form-good-practice .node-buenas-practicas-form .fieldset-legend,
.form-good-practice .node-buenas-practicas-form .paragraph-type-label {
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form label.option,
.form-good-practice .node-buenas-practicas-form .fieldset-legend.option,
.form-good-practice .node-buenas-practicas-form .paragraph-type-label.option {
  font-weight: 400;
}
.form-good-practice .node-buenas-practicas-form .form-checkbox {
  border-color: #888;
  margin-right: 10px;
  border-radius: 0;
  border-width: 2px;
}
.form-good-practice .node-buenas-practicas-form h4.label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form .option {
  font-size: 18px;
}
.form-good-practice .node-buenas-practicas-form .description {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form td .form-submit {
  margin-left: 10px;
}
.form-good-practice .node-buenas-practicas-form .field-multiple-table .field-multiple-drag {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-proceso-articulacion {
  margin-top: 40px;
}
.form-good-practice .node-buenas-practicas-form .form-submit {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid #253975;
  background-color: #253975;
  transition: 0.5s all ease-in;
}
.form-good-practice .node-buenas-practicas-form .form-submit:hover {
  color: #d86b19;
  border: 1px solid #d86b19;
  background-color: #ffffff;
}
.form-good-practice .node-buenas-practicas-form .field--name-field-tc-tema-y-subtema {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema--wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-fecha-de-documentacion .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-fecha-de-documentacion .fieldset-wrapper p {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  margin: 20px 0 5px;
}
.form-good-practice .node-buenas-practicas-form #group-fecha-de-documentacion .fieldset-wrapper label {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-fecha-de-documentacion .fieldset-wrapper #edit-field-tc-date-doc-month-wrapper {
  margin-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.form-good-practice .node-buenas-practicas-form #group-fecha-de-documentacion .fieldset-wrapper #edit-field-tc-date-doc-ano-wrapper {
  width: -moz-fit-content;
  width: fit-content;
}
.form-good-practice .node-buenas-practicas-form #group-fecha {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-fecha .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-fecha .fieldset-wrapper label {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-fecha .fieldset-wrapper #edit-field-tc-date-soc-month-wrapper {
  margin-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.form-good-practice .node-buenas-practicas-form #group-fecha .fieldset-wrapper #edit-field-tc-date-soc-ano-wrapper {
  width: -moz-fit-content;
  width: fit-content;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values thead h4.label {
  font-size: 20px;
  font-weight: bold;
  display: contents;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-0-top-type .paragraph-type-label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante .form-wrapper {
  margin-bottom: 20px;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #group-proceso-articulacion {
  margin-top: 20px;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #group-proceso-articulacion .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #group-proceso-articulacion .fieldset-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #group-proceso-articulacion .field--type-text-long {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .field-multiple-table thead h4.label {
  margin-top: 15px;
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .field-multiple-table thead h4.label::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values label {
  margin-top: 15px;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values label::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .form-item-field-tc-organizacion-0-subform-field-phs-proceso-articulacion-0-value {
  margin-top: 20px;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .form-item-field-tc-organizacion-0-subform-field-phs-proceso-articulacion-0-value label {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .form-item-field-tc-organizacion-0-subform-field-phs-proceso-articulacion-0-value label::before {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-contacto .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante .fieldset-legend {
  margin-top: 15px;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-contacto .fieldset-legend::before,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante .fieldset-legend::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante .form-item {
  margin-top: 0;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante label {
  margin-top: 0;
  font-weight: 400;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values #edit-field-tc-organizacion-widget-0-subform-group-persona-representante label::before {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-correo-contacto-wrapper,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-telefono-wrapper {
  width: 50%;
  padding: 10px;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-correo-contacto-wrapper .form-item,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-telefono-wrapper .form-item {
  margin-top: 0;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-correo-contacto-wrapper label,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-telefono-wrapper label {
  margin-top: 0;
  font-weight: 400;
}
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-correo-contacto-wrapper label::before,
.form-good-practice .node-buenas-practicas-form #field-tc-organizacion-values .fieldset-wrapper #edit-field-tc-organizacion-0-subform-field-phs-telefono-wrapper label::before {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-organizacion-0-subform-field-phs-proceso-articulacion-0-format,
.form-good-practice .node-buenas-practicas-form #edit-field-otros-objetivos-two-0-format {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion > legend {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-tc-escala-implementacion--wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-tc-escala-implementacion--wrapper .fieldset-wrapper .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-tc-escala-implementacion--wrapper .fieldset-wrapper .form-select {
  order: 12;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-tc-escala-implementacion--wrapper #field-tc-localidades-add-more-wrapper h4.label {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion .form-item-field-tc-lugar-indicencia {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion .form-item-field-tc-lugar-indicencia #edit-field-tc-lugar-indicencia {
  order: 12;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion .form-item-field-tc-lugar-indicencia .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-region-oceanica-wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-region-oceanica-wrapper .fieldset-wrapper #edit-field-region-oceanica {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-group-escala-implementacion #edit-field-region-oceanica-wrapper .fieldset-wrapper #edit-field-region-oceanica .form-item {
  width: 50%;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-objetivos-0-format-help,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-otros-objetivos-0-format-help {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item .form-type-textarea,
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item .form-textarea-wrapper {
  display: block;
  width: 100%;
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item .field-multiple-table {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-group-objetivos .form-item .clearfix {
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-especies-focales--wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-palabras-clave-wrapper .form-item {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-palabras-clave-wrapper .form-item .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-palabras-clave-wrapper .form-item .field-multiple-table {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-palabras-clave-wrapper .form-item .clearfix {
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #edit-body-wrapper .field-edit-link {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-body-wrapper #edit-body-0-format {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-escala-implementacion-wrapper .form-item {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-escala-implementacion-wrapper .form-item label {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-escala-implementacion-wrapper .form-item .description {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-escala-implementacion-wrapper .form-item .form-select {
  order: 3;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 90px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-localidades-wrapper thead h4.label {
  display: block;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-estado-buena-practica--wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-estado-buena-practica--wrapper .fieldset-wrapper .form-radios {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-fecha-inicio-wrapper,
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-fecha-finalizacion-wrapper {
  width: 33%;
}
@media (max-width: 1024px) {
  .form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-fecha-inicio-wrapper,
  .form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-fecha-finalizacion-wrapper {
    width: 100%;
  }
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-tiempo-desarrollo-wrapper {
  width: 34%;
}
@media (max-width: 1024px) {
  .form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper #edit-field-tc-tiempo-desarrollo-wrapper {
    width: 100%;
  }
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper .form-item legend .fieldset-legend {
  font-size: 18px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper .form-item label {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper .form-item.form-item-field-tc-fecha-inicio-0-value-year label::after, .form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo > .fieldset-wrapper .form-item.form-item-field-tc-fecha-finalizacion-0-value-year label::after {
  display: none !important;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-fecha-inicio-0 .form-item-field-tc-fecha-inicio-0-value-day,
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-fecha-inicio-0 .form-item-field-tc-fecha-inicio-0-value-month {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-fecha-finalizacion-0 .form-item-field-tc-fecha-finalizacion-0-value-day,
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-fecha-finalizacion-0 .form-item-field-tc-fecha-finalizacion-0-value-month {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-tiempo-desarrollo-wrapper label {
  order: 1;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 0.5rem;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-tiempo-desarrollo-wrapper .description {
  order: 2;
  font-size: 18px;
  font-weight: 500;
  color: #666666;
  margin: 10px 0 0;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-tiempo-desarrollo-wrapper input {
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-tiempo-desarrollo-wrapper .form-type-number {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-group-tiempo-desarrollo #edit-field-tc-estado-buena-practica--wrapper .fieldset-legend {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-efectividad-e-impactos-wrapper .form-item label {
  color: #000000 !important;
  font-size: 20px !important;
  font-weight: bold !important;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-efectividad-e-impactos-wrapper #edit-field-tc-efectividad-e-impactos-0-format {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-partes-interesadas-wrapper .fieldset-legend {
  font-size: 20px !important;
  color: #000000 !important;
  font-weight: bold !important;
}
.form-good-practice .node-buenas-practicas-form #edit-group-problematicas-abordadas > legend {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-group-problematicas-abordadas #edit-field-tc-problematica-wrapper .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematicas-abordadas-wrapper h4.label {
  display: block;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematicas-abordadas-wrapper h4.label::before {
  content: "- ";
  display: contents;
  margin-right: 5px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematicas-abordadas-wrapper .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-como-han-sido-abordadas-wrapper label {
  display: block;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-como-han-sido-abordadas-wrapper label::before {
  content: "- ";
  display: contents;
  margin-right: 5px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-como-han-sido-abordadas-wrapper .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .fieldset-legend {
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas {
  border-radius: 13px;
  padding: 5px 20px;
  display: block;
  border: 3px dashed #ccc;
  margin-bottom: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas .paragraph-type-label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas .fieldset-legend {
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas .fieldset-legend::before {
  content: "-";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-nombre-problematica-wrapper .text-format-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-nombre-problematica-wrapper .text-format-wrapper .form-item {
  order: 2;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-como-ha-sido-abordada-wrapper .text-format-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-como-ha-sido-abordada-wrapper .text-format-wrapper .form-item {
  order: 2;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-nombre-problematica-0-format-help,
.form-good-practice .node-buenas-practicas-form #group-detalle-cada .paragraph-type--detalle-problematicas #edit-field-detalle-problematicas-0-subform-field-phs-como-ha-sido-abordada-0-format-help {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-beneficiarios-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-beneficiarios-wrapper .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios .description {
  order: 1;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios #edit-field-tc-beneficiarios-wrapper {
  order: 2;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios #edit-field-tc-galeria-fotografias-wrapper {
  order: 3;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios #edit-field-tc-actores-involucrados-wrapper {
  order: 4;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-beneficiarios #edit-field-tc-otros-actores-wrapper {
  order: 5;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-organizacion-0-subform-field-phs-organizacion-wrapper .form-item {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-organizacion-0-subform-field-phs-organizacion-wrapper .form-item label {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-organizacion-0-subform-field-phs-organizacion-wrapper .form-item input {
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-organizacion-0-subform-field-phs-organizacion-wrapper .form-item .description {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #edit-group-beneficiarios label {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-group-beneficiarios .form-checkboxes label {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}
.form-good-practice .node-buenas-practicas-form #edit-group-beneficiarios .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-galeria-fotografias-wrapper h4.label {
  display: block;
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-otros-actores-wrapper h4.label {
  display: block;
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-legend {
  margin-top: 15px;
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-legend::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item {
  width: 25%;
  display: flex;
  padding: 10px 10px;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item .option {
  width: 98%;
  height: 160px;
  cursor: pointer;
  text-indent: -9999px;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-772 .option {
  background: url("../img/ods01-pobreza.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-773 .option {
  background: url("../img/ods02-hambre.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-774 .option {
  background: url("../img/ods3-salud.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-775 .option {
  background: url("../img/ods04-educacion.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-776 .option {
  background: url("../img/ods05-igualdad.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-777 .option {
  background: url("../img/ods06-agua.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-778 .option {
  background: url("../img/ico07-energia.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-779 .option {
  background: url("../img/ods08-rabajo.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-780 .option {
  background: url("../img/ico09-industria.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-781 .option {
  background: url("../img/ods10-desigualdad.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-782 .option {
  background: url("../img/ods11-industria.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-783 .option {
  background: url("../img/ods12-consumo.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-784 .option {
  background: url("../img/ods13-clima.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-785 .option {
  background: url("../img/ods14-submarina.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-786 .option {
  background: url("../img/ods15-ecosistemas.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-787 .option {
  background: url("../img/ods16-paz.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-contribucion-objetivos .fieldset-wrapper #edit-field-tc-objetivos-inter-wrapper .fieldset-wrapper .form-checkboxes .form-item.form-item-field-tc-objetivos-inter-788 .option {
  background: url("../img/ods17-alianzas.svg") no-repeat center;
  background-size: 100% 100%;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .description {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper #edit-field-tc-buidling-blocks-wrapper {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .field-multiple-table .paragraph-type--phs-buidling-blocks {
  border-radius: 13px;
  padding: 5px 20px;
  display: block;
  border: 3px dashed #ccc;
  margin-bottom: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .field-multiple-table .paragraph-type--phs-buidling-blocks .add-above-off {
  width: 100%;
  display: block;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .field-multiple-table .paragraph-type--phs-buidling-blocks label {
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .field-multiple-table .paragraph-type--phs-buidling-blocks .paragraph-type-label {
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-buidling-blocks .fieldset-wrapper .field-multiple-table .paragraph-type--phs-buidling-blocks .paragraph-type-label::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-describa-building .fieldset-legend {
  color: #666666;
  font-size: 18px;
  font-weight: 600;
}
.form-good-practice .node-buenas-practicas-form #group-describa-building .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-describa-building #edit-field-tc-description-building-wrapper {
  order: 2;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-describa-building #edit-field-tc-description-building-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-describa-building #edit-field-tc-description-building-wrapper .js-filter-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-metodologia-empleada-wrapper .js-form-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-limitaciones-wrapper .js-form-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-innovacion-factores-wrapper .js-form-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-conclusion-wrapper .js-form-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form .form-type-vertical-tabs {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-material-audiovisual-wrapper .field-multiple-table h4.label {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-recursos-relacionados-wrapper .field-multiple-table h4.label {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #edit-field-especie-wrapper {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-actions {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-resumen,
.form-good-practice .node-buenas-practicas-form #group-conclusion,
.form-good-practice .node-buenas-practicas-form #group-innovacion,
.form-good-practice .node-buenas-practicas-form #group-limitaciones,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada {
  margin-top: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-resumen .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-conclusion .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-innovacion .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-limitaciones .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-resumen .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-conclusion .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-innovacion .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-limitaciones .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-resumen .fieldset-wrapper .field--name-body,
.form-good-practice .node-buenas-practicas-form #group-conclusion .fieldset-wrapper .field--name-body,
.form-good-practice .node-buenas-practicas-form #group-innovacion .fieldset-wrapper .field--name-body,
.form-good-practice .node-buenas-practicas-form #group-limitaciones .fieldset-wrapper .field--name-body,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper .field--name-body,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .fieldset-wrapper .field--name-body {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-resumen .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-conclusion .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-innovacion .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-limitaciones .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-metodologia-empleada .field--type-text-long {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-efectividad-impactos {
  margin-top: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-efectividad-impactos .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-efectividad-impactos .fieldset-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-efectividad-impactos .fieldset-wrapper .field--type-text-long {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos .fieldset-legend {
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos .fieldset-legend::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos #edit-field-tc-otros-objetivos-wrapper {
  order: 1;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos .description {
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos #edit-field-otros-objetivos-two-wrapper {
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos #edit-field-tc-otros-objetivos-wrapper,
.form-good-practice .node-buenas-practicas-form #group-otros-objetivos #edit-field-otros-objetivos-two-wrapper {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-factores,
.form-good-practice .node-buenas-practicas-form #group-lecciones {
  margin-top: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-factores .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-lecciones .fieldset-legend {
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-factores .description,
.form-good-practice .node-buenas-practicas-form #group-lecciones .description {
  color: #666666;
  margin-bottom: 10px;
}
.form-good-practice .node-buenas-practicas-form #group-factores .fieldset-wrapper,
.form-good-practice .node-buenas-practicas-form #group-lecciones .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.form-good-practice .node-buenas-practicas-form #group-factores .fieldset-wrapper .field--type-text-long,
.form-good-practice .node-buenas-practicas-form #group-lecciones .fieldset-wrapper .field--type-text-long {
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-factores .fieldset-wrapper label,
.form-good-practice .node-buenas-practicas-form #group-lecciones .fieldset-wrapper label {
  display: none;
}
.form-good-practice .node-buenas-practicas-form .paragraph-top {
  display: block;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-84,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-85,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-98,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-99,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-100,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-101,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-86,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-87,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-88,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-89,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-90,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-91,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-92,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-93,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-102,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-103,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-104,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-105,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-106,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-107,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-108,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-110,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-111,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-112,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-114,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-115,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-558,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-559,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-560,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-tema-y-subtema .form-item-field-tc-tema-y-subtema-460 {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-tc-especies-focales-wrapper {
  order: 2;
  width: 50%;
  padding: 10px;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-tc-especies-focales-wrapper .fieldset-legend {
  color: #ffffff;
  font-size: 18px;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-tc-especies-focales-wrapper .form-checkboxes .form-item {
  min-height: 52px;
  padding: 0.5rem 0.75rem;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-detalle-especie-wrapper {
  order: 3;
  width: 50%;
  padding: 10px;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-detalle-especie-wrapper h4.label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-detalle-especie-wrapper .form-type-textfield {
  display: flex;
  align-items: anchor-center;
}
.form-good-practice .node-buenas-practicas-form #group-especies-focales .fieldset-wrapper #edit-field-detalle-especie-wrapper .form-type-textfield::before {
  content: "🡢";
  font-size: 25px;
  margin-right: 5px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-detalles-actores-wrapper .form-type-textfield {
  display: flex;
  align-items: anchor-center;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-detalles-actores-wrapper .form-type-textfield::before {
  content: "🡢";
  font-size: 25px;
  margin-right: 5px;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-actores-involucrados-wrapper {
  order: 2;
  width: 50%;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-actores-involucrados-wrapper .fieldset-legend {
  color: #ffffff;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-actores-involucrados-wrapper .form-checkboxes .form-item {
  min-height: 52px;
  padding: 0.5rem 0.75rem;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-detalles-actores-wrapper {
  order: 3;
  width: 50%;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-detalles-actores-wrapper h4.label {
  display: block;
}
.form-good-practice .node-buenas-practicas-form #group-partes-interesadas #edit-field-tc-otros-actores-wrapper {
  order: 4;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item {
  padding-left: 25px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-789,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-793,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-801,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-806 {
  padding-left: 0;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-789 .form-checkbox,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-793 .form-checkbox,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-801 .form-checkbox,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-806 .form-checkbox {
  display: none;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-789 .option,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-793 .option,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-801 .option,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-806 .option {
  margin-top: 15px;
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-789 .option::before,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-793 .option::before,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-801 .option::before,
.form-good-practice .node-buenas-practicas-form #edit-field-tc-problematica .form-item-field-tc-problematica-806 .option::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .fieldset-legend {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #edit-field-tc-imagenes-wrapper {
  width: 100%;
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #edit-field-tc-carrousel-wrapper {
  width: 100%;
  order: 2;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #edit-field-tc-imagen-wrapper {
  width: 100%;
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #edit-field-tc-video-wrapper {
  width: 100%;
  order: 4;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #edit-field-audios-wrapper {
  width: 100%;
  order: 5;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #field_tc_imagen-media-library-wrapper .fieldset-legend {
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual #field_tc_imagen-media-library-wrapper .fieldset-legend::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .paragraph-type--phs-imagen-con-pie-de-foto .paragraphs-subform {
  border: 0px;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .paragraph-type--phs-imagen-con-descripcion .paragraphs-subform {
  border: 0px;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio .paragraphs-subform,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .paragraphs-subform,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie .paragraphs-subform,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .paragraphs-subform {
  border-radius: 13px;
  padding: 5px 20px;
  display: block;
  border: 3px dashed #ccc;
  margin-bottom: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio .form-item,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .form-item,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie .form-item,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .form-item {
  margin-bottom: 10px;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio .paragraph-type-label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .paragraph-type-label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie .paragraph-type-label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .paragraph-type-label {
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio .paragraph-type-label::before,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .paragraph-type-label::before,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie .paragraph-type-label::before,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .paragraph-type-label::before {
  content: "";
}
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-audio .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-video-con-pie .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes label,
.form-good-practice .node-buenas-practicas-form #group-material-audiovisual .paragraph-type--phs-carrusel-de-imagenes .fieldset-legend {
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .fieldset-legend {
  font-size: 20px;
  font-weight: bold;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados #edit-field-tc-documentos-wrapper {
  order: 2;
  width: 100%;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados #edit-field-tc-enlaces-wrapper {
  width: 100%;
  order: 3;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos .paragraphs-subform,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces .paragraphs-subform,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces .paragraphs-subform {
  border-radius: 13px;
  padding: 5px 20px;
  display: block;
  border: 3px dashed #ccc;
  margin-bottom: 20px;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos .form-item,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces .form-item,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces .form-item {
  margin-bottom: 10px;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos .paragraph-type-label,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces .paragraph-type-label,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces .paragraph-type-label {
  display: block;
  font-size: 18px;
  padding-left: 5px;
  font-weight: bold;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos .paragraph-type-label::before,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces .paragraph-type-label::before,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces .paragraph-type-label::before {
  content: "●";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos label,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-documentos .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces label,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-enlaces .fieldset-legend,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces label,
.form-good-practice .node-buenas-practicas-form #group-recursos-relacionados .paragraph-type--phs-bp-enlaces .fieldset-legend {
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.form-good-practice .node-buenas-practicas-form #edit-field-politics-wrapper .form-item {
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 30px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-politics-wrapper .form-item .option {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 5px;
}
.form-good-practice .node-buenas-practicas-form #edit-field-politics-wrapper .form-item .form-required::after {
  position: absolute;
  left: 100%;
}
.form-good-practice .node-buenas-practicas-form #edit-field-politics-wrapper .form-item .description {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.form-good-practice .node-buenas-practicas-form #edit-field-politics-wrapper .form-item .description a {
  font-size: 18px;
}

.phs-temario .list-temario {
  list-style: none;
  padding: 0;
}
.phs-temario .list-temario li {
  padding: 10px 0;
  padding-left: 30px;
  border-bottom: 1px dashed #666666;
  background: url("../img/bullet-li-estrustura.svg") no-repeat left 12px;
  background-size: 20px;
}

@media (max-width: 767px) {
  .row-sm-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (max-width: 767px) {
  .node-repository h3 {
    color: #3e8fad;
  }
}

#views-exposed-form-biblioteca-avanzado-block-2 .form-item-keys {
  display: none;
}

#block-savethebluefive-buenas-practicas-avanzada-block-1 #edit-pais-collapsible--2 {
  display: none;
}

.border-blue-stbf {
  border: 3px solid #253975;
  border-radius: 30px;
}

.title-campaign {
  color: #15bab1;
}
.title-campaign a {
  color: #15bab1;
}

.image-link {
  position: relative;
}
.image-link .link-view {
  z-index: 1;
  right: 10%;
  bottom: 10%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  text-indent: -9999px;
  background: url("../img/link-45deg.svg") no-repeat center;
  background-color: #1c97f6;
  background-size: 100% 100%;
}/*# sourceMappingURL=layout.css.map */