@charset "UTF-8";
body,
p {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "Open Sans";
}

p:last-child {
  margin-bottom: 0;
}

h1 {
  font-family: "Open Sans";
  color: #079eda;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 36px;
}

h2 {
  font-family: "Oswald";
  color: #079eda;
  text-transform: initial;
  padding: 0;
  font-weight: 700;
  font-size: 1.8em;
  margin-bottom: 30px;
}

h3 {
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: none;
  color: #079eda;
}

a {
  text-decoration: none;
}
a:hover {
  color: #23527c;
}

a {
  font-family: "Open Sans", sans-serif;
  color: #00689D;
  text-decoration: none;
}

a.back-ods {
  padding: 5px 8px;
  border-radius: 4px;
  background: #03537E;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.8em;
  text-transform: uppercase;
  float: right;
}

.subtitle {
  color: #009eda;
}

header {
  background: #009eda;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1023.9px) {
  header.justify-content-center {
    justify-content: flex-start !important;
  }
}
@media (max-width: 767.9px) {
  header.justify-content-center {
    justify-content: flex-start !important;
  }
}

.top {
  background: #FFFFFF;
}

.navbar-nav a {
  font-family: "Oswald", sans-serif;
  font-size: 1.3em;
  color: #fff;
}

.nav-item {
  padding: 0.3em 0.9em;
}

.dropdown-menu {
  border-radius: 0;
  padding: 0;
  background: #00689d;
}
.dropdown-menu .dropdown-item:hover {
  background: #009eda;
  color: #FFFFFF;
}
.dropdown-menu .nav-item {
  padding: 0;
}

.navbar-toggler {
  background-color: #19486a;
}

.menu--main .nav-level-0 .nav-item {
  padding: 0;
}
.menu--main .nav-level-0 .nav-item a {
  padding: 20px 50px;
  font-family: "Oswald", sans-serif;
  font-size: 1.3em;
  color: #fff;
  display: flex;
}
.menu--main .nav-level-0 .nav-item a:hover {
  text-decoration: none;
  background-color: #00689d !important;
}
.menu--main .nav-level-1 {
  position: absolute !important;
  color: #fff;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background: rgba(5, 108, 165, 0.9);
  background-clip: padding-box;
  border: 0;
  border-radius: 0px;
  box-shadow: 0;
}
.menu--main .nav-level-1 li a {
  color: #fff;
  font-family: "Open Sans" !important;
  font-weight: bold;
  font-size: 15px !important;
  border-top: 1px solid #01476d;
  padding: 15px 15px 15px 25px !important;
}
.menu--main .nav-level-1 li a:hover {
  background-color: #005d8c;
}
.menu--main .nav-level-1 li:first-child a {
  border-top: none;
}

#items-objetivos {
  padding: 0;
  margin: 0;
}

.objetivo-item {
  float: left;
  padding: 4px;
}

.objetivo-item a,
.objetivo-item a:link,
.objetivo-item a:active {
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -2000px;
  background-position: top;
  min-height: 210px;
}
@media (max-width: 1400px) {
  .objetivo-item a,
  .objetivo-item a:link,
  .objetivo-item a:active {
    min-height: 140px;
  }
}
@media (max-width: 1023.9px) {
  .objetivo-item a,
  .objetivo-item a:link,
  .objetivo-item a:active {
    min-height: 110px;
  }
}
@media (max-width: 767.9px) {
  .objetivo-item a,
  .objetivo-item a:link,
  .objetivo-item a:active {
    min-height: 140px;
  }
}

.objetivo-item a:hover {
  display: block;
  margin: 0;
  padding: 0;
  background-position: 0px -100%;
  background-position: top;
}

#obj1,
#obj-item1 a,
#resultado_meta1,
.bar1 {
  background-color: #E5243B;
}

#obj2,
#obj-item2 a,
#resultado_meta2,
.bar2 {
  background-color: #DDA63A;
}

#obj3,
#obj-item3 a,
#resultado_meta3,
.bar3 {
  background-color: #4C9F38;
}

#obj4,
#obj-item4 a,
#resultado_meta4,
.bar4 {
  background-color: #C5192D;
}

#obj5,
#obj-item5 a,
#resultado_meta5,
.bar5 {
  background-color: #FF3A21;
}

#obj6,
#obj-item6 a,
#resultado_meta6,
.bar6 {
  background-color: #26BDE2;
}

#obj7,
#obj-item7 a,
#resultado_meta7,
.bar7 {
  background-color: #FCC30B;
}

#obj8,
#obj-item8 a,
#resultado_meta8,
.bar8 {
  background-color: #A21942;
}

#obj9,
#obj-item9 a,
#resultado_meta9,
.bar9 {
  background-color: #FD6925;
}

#obj10,
#obj-item10 a,
#resultado_meta10,
.bar10 {
  background-color: #DD1367;
}

#obj11,
#obj-item11 a,
#resultado_meta11,
.bar11 {
  background-color: #FD9D24;
}

#obj12,
#obj-item12 a,
#resultado_meta12,
.bar12 {
  background-color: #BF8B2E;
}

#obj13,
#obj-item13 a,
#resultado_meta13,
.bar13 {
  background-color: #3F7E45;
}

#obj14,
#obj-item14 a,
#resultado_meta14,
.bar14 {
  background-color: #0997D9;
}

#obj15,
#obj-item15 a,
#resultado_meta15,
.bar15 {
  background-color: #56C02B;
}

#obj16,
#obj-item16 a,
#resultado_meta16,
.bar16 {
  background-color: #00689D;
}

#obj17,
#obj-item17 a,
#resultado_meta17,
.bar17 {
  background-color: #19486A;
}

#obj-item1 a:hover {
  background-color: #BA0000;
}

#obj-item2 a:hover {
  background-color: #CC7F1F;
}

#obj-item3 a:hover {
  background-color: #28701C;
}

#obj-item4 a:hover {
  background-color: #96070E;
}

#obj-item5 a:hover {
  background-color: #FF1A0E;
}

#obj-item6 a:hover {
  background-color: #0F93CE;
}

#obj-item7 a:hover {
  background-color: #FA9E05;
}

#obj-item8 a:hover {
  background-color: #740D24;
}

#obj-item9 a:hover {
  background-color: #FB4416;
}

#obj-item10 a:hover {
  background-color: #C20C44;
}

#obj-item11 a:hover {
  background-color: #FC7C17;
}

#obj-item12 a:hover {
  background-color: #A3641B;
}

#obj-item13 a:hover {
  background-color: #2E6231;
}

#obj-item14 a:hover {
  background-color: #0674C9;
}

#obj-item15 a:hover {
  background-color: #39A71B;
}

#obj-item16 a:hover {
  background-color: #004B7F;
}

#obj-item17 a:hover {
  background-color: #0E2C46;
}

#obj-item1 a {
  display: block;
  background-image: url(../img/item01.png);
}

#obj-item2 a {
  display: block;
  background-image: url(../img/item02.png);
}

#obj-item3 a {
  display: block;
  background-image: url(../img/item03.png);
}

#obj-item4 a {
  display: block;
  background-image: url(../img/item04.png);
}

#obj-item5 a {
  display: block;
  background-image: url(../img/item05.png);
}

#obj-item6 a {
  display: block;
  background-image: url(../img/item06.png);
}

#obj-item7 a {
  display: block;
  background-image: url(../img/item07.png);
}

#obj-item8 a {
  display: block;
  background-image: url(../img/item08.png);
}

#obj-item9 a {
  display: block;
  background-image: url(../img/item09.png);
}

#obj-item10 a {
  display: block;
  background-image: url(../img/item10.png);
}

#obj-item11 a {
  display: block;
  background-image: url(../img/item11.png);
}

#obj-item12 a {
  display: block;
  background-image: url(../img/item12.png);
}

#obj-item13 a {
  display: block;
  background-image: url(../img/item13.png);
}

#obj-item14 a {
  display: block;
  background-image: url(../img/item14.png);
}

#obj-item15 a {
  display: block;
  background-image: url(../img/item15.png);
}

#obj-item16 a {
  display: block;
  background-image: url(../img/item16.png);
}

#obj-item17 a {
  display: block;
  background-image: url(../img/item17.png);
}

#obj-item18 a {
  display: block;
  background-image: url(../img/img-circulo-ods.png);
}

/* contenidos desplegables  de los objetivos*/
.obj {
  padding: 4px;
  background-clip: content-box;
}

.obj > div {
  padding: 3%;
  overflow: hidden;
}

.odss .wrapper {
  padding: 40px;
}

.bg-ods {
  background: #e6e6e6;
}
.bg-ods .odss .wrapper {
  padding: 40px;
  background: #FFFFFF;
  position: relative;
  z-index: 100;
  display: inline-block;
  width: 100%;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
}
.bg-ods .odss .wrapper p {
  display: block;
  text-align: center;
  font-size: 1.3em;
  font-family: "Open Sans", sans-serif;
}
.bg-ods .odss .wrapper h2 {
  font-family: "Oswald", sans-serif;
  color: #009eda;
  text-align: center;
  font-size: 2.3em;
}
.bg-ods .odss .wrapper h3 {
  font-family: "Caveat", cursive;
  color: #19486a;
  font-size: 4em;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 400 !important;
}

.slider-content {
  position: absolute;
  top: 22%;
  left: 11%;
}

.slider {
  position: relative;
}

.slider,
.ods-en-cr {
  margin-top: -60px;
  z-index: 90;
}

.ods-en-cr {
  position: relative;
  background: url(../img/foto-mujer.png) no-repeat center center;
  background-size: cover;
  padding-top: 95px;
}

.slider-content h2,
.ods-en-cr h2 {
  margin-bottom: 50px;
  color: #FFF !important;
  font-weight: normal;
}
.slider-content p,
.ods-en-cr p {
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 150%;
  color: #FFFFFF !important;
}
.slider-content a,
.ods-en-cr a {
  background: #FD6925;
  color: #FFF;
  padding: 15px;
  border-radius: 25px;
  display: inline-block;
  font-size: 1.1em;
}
.slider-content a:hover,
.ods-en-cr a:hover {
  background: #FB4416;
}

.news {
  background: #e6e6e6;
}
.news h2 {
  color: #19486a;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 2.2em;
  padding: 0 0 15px 13px;
  margin-top: 15px;
  text-transform: none;
}
.news h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.news h3 a {
  color: #000000;
  text-decoration: none;
}
.news .wrapper .desc {
  background: #FFF;
  padding: 15px;
  min-height: 155px;
}
.news .wrapper .desc h3 {
  margin-top: 0;
}
.news .wrapper .desc h3 a {
  color: #000000;
}
.news .datetime {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
.news .datetime::before {
  content: "";
  background-image: url("../img/ico-time.png");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 12px;
}

.resources h2 {
  color: #19486a;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 2.2em;
  padding: 0 0 15px 13px;
  margin-top: 15px;
  text-transform: none;
}
.resources .author-doc {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
.resources .wrapper {
  padding: 10px 20px;
}
.resources h3 {
  color: #444333;
}

span.flag-cr {
  width: 90px;
  height: 90px;
  background: url("../img/bandera.png") no-repeat top right;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
}

div.logo img {
  display: block;
  max-width: 100%;
  clear: both;
}
div.logo span {
  text-transform: uppercase;
  color: #009eda;
  font-family: "Open Sans", sans-serif;
  padding-left: 7%;
  font-weight: 300;
  font-size: 2.1em;
}

.news-fecha::before {
  content: "";
  background-image: url(../img/ODS-14.png);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 14px;
  display: inline-block;
  width: 11px;
  height: 11px;
}
.news-fecha .datetime {
  font-style: italic;
  font-size: 0.9em;
  color: #00afd8;
}

.region-resources .datetime {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
}
.region-resources .datetime::before {
  content: "";
  background-image: url(../img/ico-time.png);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 12px;
}

.categorias-agenda-2030 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
}
@media (max-width: 767.9px) {
  .categorias-agenda-2030 ul {
    display: grid;
  }
}
.categorias-agenda-2030 ul li {
  float: left;
  margin-right: 1%;
}
.categorias-agenda-2030 ul li a {
  display: block;
  padding: 10px 35px 10px 15px;
  position: relative;
  min-height: 56px;
  font-weight: bold;
}
@media (max-width: 767.9px) {
  .categorias-agenda-2030 ul li a {
    margin-bottom: 10px;
  }
}
.categorias-agenda-2030 ul li:nth-child(3n+1) a {
  border: #24BFE6 1px solid;
  color: #24BFE6;
}
.categorias-agenda-2030 ul li:nth-child(3n+1) a:after {
  content: "";
  width: 25px;
  min-height: 55px;
  background: #24BFE6 url(../img/more-banner.png) no-repeat center center;
  background-size: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.categorias-agenda-2030 ul li:nth-child(3n+1) a:hover {
  background: #24BFE6;
  color: #FFFFFF;
}
.categorias-agenda-2030 ul li:nth-child(3n+2) a {
  border: #1F95D4 1px solid;
  color: #1F95D4;
}
.categorias-agenda-2030 ul li:nth-child(3n+2) a:after {
  content: "";
  width: 25px;
  min-height: 55px;
  background: #1F95D4 url(../img/more-banner.png) no-repeat center center;
  background-size: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.categorias-agenda-2030 ul li:nth-child(3n+2) a:hover {
  background: #1F95D4;
  color: #FFFFFF;
}
.categorias-agenda-2030 ul li:nth-child(3n+3) a {
  border: #106CB0 1px solid;
  color: #106CB0;
}
.categorias-agenda-2030 ul li:nth-child(3n+3) a:after {
  content: "";
  width: 25px;
  min-height: 55px;
  background: #106CB0 url(../img/more-banner.png) no-repeat center center;
  background-size: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.categorias-agenda-2030 ul li:nth-child(3n+3) a:hover {
  background: #106CB0;
  color: #FFFFFF;
}

.read-more {
  font-weight: bold;
  font-size: 0.9em;
  color: #006bb3;
  margin-top: 10px;
}
.read-more a {
  color: #4F91CD;
  font-weight: 700;
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  border: 1px solid #4F91CD;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}
.read-more a::after {
  content: "";
  background-image: url(../img/more-blue.png);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-left: 0px;
  display: inline-block;
  position: relative;
  width: 30px;
  background-size: 100%;
  height: 12px;
}
.read-more a:hover {
  background-color: #23BFE5;
  color: #fff;
  text-decoration: none;
  border: 1px solid #23BFE5;
}
.read-more a:hover::after {
  background-image: url(../img/more-ODSwhite.png);
  margin-left: 5px;
}

.info h3 {
  font-size: 1em;
  text-transform: none;
  margin-bottom: 5px;
  margin-top: 0;
}
.info h3 a {
  color: #3A3A3A;
}
.info h3 a:hover {
  color: #8C2A59;
}
.info .location,
.info .hour {
  position: relative;
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
}
.info .location:before {
  content: "";
  background-image: url(../img/ico-location.png);
  background-repeat: no-repeat;
  display: -webkit-inline-box;
  position: relative;
  width: 15px;
  height: 12px;
}
.info .hour:before {
  content: "";
  background-image: url(../img/ico-time.png);
  background-repeat: no-repeat;
  /* padding: 0px 29px 0 0; */
  /* margin-top: 12px; */
  display: -webkit-inline-box;
  position: relative;
  width: 15px;
  height: 12px;
}

.date .day {
  color: #4E9E47;
  font-weight: bold;
  font-size: 2em;
  margin-top: -8px;
  margin-bottom: 0;
}
.date .month-year {
  font-size: 0.9em;
  margin-top: -7px;
}

.publicaciones-view a.title {
  color: #3B393D;
  line-height: 1.1em;
  font-weight: 700;
}
.publicaciones-view .author-doc {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 5px;
}
.publicaciones-view .txt-pdf,
.publicaciones-view .txt-doc {
  color: #00689D;
  position: relative;
  padding: 5px 0;
  margin-top: 6px;
  display: inline-block;
  font-weight: bold;
}

footer ul.contact {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul.contact li {
  color: #444;
  padding-left: 30px;
  margin-bottom: 5px;
}
footer ul.contact li.email {
  background: url(../img/icn-correo.png) no-repeat 0 8px;
  background-size: 20px;
}
footer ul.contact li.phone {
  background: url(../img/icn-tel.png) no-repeat 0 5px;
  background-size: 20px;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}

.objetivo-title-border {
  position: absolute;
  margin-top: -28%;
  margin-left: 8%;
  width: 400px;
}
@media (max-width: 767.9px) {
  .objetivo-title-border {
    position: initial;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
  }
}
.objetivo-title-border .objetivo-title {
  background: #E7213D;
  padding: 20px;
}
.objetivo-title-border .descripcion-obj {
  color: #fff;
  font-size: 1.6em;
  text-transform: none !important;
  border: none;
  margin: 0;
  min-height: 230px;
  padding: 0 15px;
  line-height: 110%;
}
@media (max-width: 767.9px) {
  .objetivo-title-border .descripcion-obj {
    min-height: auto;
    margin-top: 5px;
  }
}
.objetivo-title-border h2 {
  color: #FFFFFF;
}

.copyright {
  background: #00689d;
}

span.ods-ico::before {
  content: "";
  width: 85px;
  height: 85px;
  float: left;
  display: inline-block;
  margin-right: 15px;
}
span.ods-ico-9::before {
  background: #E5243B url(../img/item01.png) center center;
  background-size: 75px;
}
span.ods-ico-11::before {
  background: #DDA63A url(../img/item02.png) center center;
  background-size: 75px;
}
span.ods-ico-12::before {
  background: #4C9F38 url(../img/item03.png) center center;
  background-size: 75px;
}
span.ods-ico-13::before {
  background: #C5192D url(../img/item04.png) center center;
  background-size: 75px;
}
span.ods-ico-14::before {
  background: #FF3A21 url(../img/item05.png) center center;
  background-size: 75px;
}
span.ods-ico-15::before {
  background: #26BDE2 url(../img/item06.png) center center;
  background-size: 75px;
}
span.ods-ico-16::before {
  background: #FCC30B url(../img/item07.png) center center;
  background-size: 75px;
}
span.ods-ico-17::before {
  background: #A21942 url(../img/item08.png) center center;
  background-size: 75px;
}
span.ods-ico-18::before {
  background: #FD6925 url(../img/item09.png) center center;
  background-size: 75px;
}
span.ods-ico-19::before {
  background: #DD1367 url(../img/item10.png) center center;
  background-size: 75px;
}
span.ods-ico-20::before {
  background: #FD9D24 url(../img/item11.png) center center;
  background-size: 75px;
}
span.ods-ico-21::before {
  background: #BF8B2E url(../img/item12.png) center center;
  background-size: 75px;
}
span.ods-ico-22::before {
  background: #3F7E45 url(../img/item13.png) center center;
  background-size: 75px;
}
span.ods-ico-23::before {
  background: #0997D9 url(../img/item14.png) center center;
  background-size: 75px;
}
span.ods-ico-24::before {
  background: #56C02B url(../img/item15.png) center center;
  background-size: 75px;
}
span.ods-ico-25::before {
  background: #00689D url(../img/item16.png) center center;
  background-size: 75px;
}
span.ods-ico-26::before {
  background: #19486A url(../img/item17.png) center center;
  background-size: 75px;
}

h3.ods-ico-9 {
  color: #E5243B;
}
h3.ods-ico-11 {
  color: #DDA63A;
}
h3.ods-ico-12 {
  color: #4C9F38;
}
h3.ods-ico-13 {
  color: #C5192D;
}
h3.ods-ico-14 {
  color: #FF3A21;
}
h3.ods-ico-15 {
  color: #26BDE2;
}
h3.ods-ico-16 {
  color: #FCC30B;
}
h3.ods-ico-17 {
  color: #A21942;
}
h3.ods-ico-18 {
  color: #FD6925;
}
h3.ods-ico-19 {
  color: #DD1367;
}
h3.ods-ico-20 {
  color: #FD9D24;
}
h3.ods-ico-21 {
  color: #BF8B2E;
}
h3.ods-ico-22 {
  color: #3F7E45;
}
h3.ods-ico-23 {
  color: #0997D9;
}
h3.ods-ico-24 {
  color: #56C02B;
}
h3.ods-ico-25 {
  color: #00689D;
}
h3.ods-ico-26 {
  color: #19486A;
}

.avance {
  font-size: 0;
  background-size: 100%;
  height: 30px;
  width: 30px;
  display: block;
  margin: auto;
  background-image: url("../img/ico-se_mantiene.svg");
}

.avance-desc {
  background-image: url("../img/ico-negativo.svg");
}

.avance-asc {
  background-image: url("../img/ico-positivo.svg");
}

#accordion-ods .accordion-button {
  background: transparent;
  display: grid;
}
#accordion-ods .accordion-button .small {
  color: #09A0D7;
  font-weight: normal !important;
  font-size: 85%;
  margin-top: 5px;
}
#accordion-ods .accordion-button .small.sh {
  display: none;
}
#accordion-ods .accordion-button .small.hi {
  display: block;
}
#accordion-ods .accordion-button.collapsed .small.sh {
  display: block;
}
#accordion-ods .accordion-button.collapsed .small.hi {
  display: none;
}

.table-striped thead {
  color: #fff;
  background-color: #009eda;
  text-transform: uppercase;
  font-family: "Oswald";
  font-size: 1.2em;
}
.table-striped thead th {
  color: #fff;
  background-color: #009eda;
}
.table-striped .accordion-item {
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-bottom: #dee2e6;
}
.table-striped .accordion-item td {
  padding: 0;
  font-size: 14px;
}
.table-striped .accordion-item td .accordion-button {
  border: none;
  text-align: left;
  font-weight: 600;
}
.table-striped .accordion-item td .accordion-button::after {
  display: none;
}
.table-striped .accordion-item td .accordion-button:hover {
  color: #000000;
}

.title-section {
  margin-bottom: 5px;
}

.analisis h4 {
  text-transform: uppercase;
  font-weight: bold;
  color: #09A0D7;
  font-size: 1.6em !important;
}

section.title,
div.title {
  border-bottom: 2px solid #4E8FCF;
  padding-bottom: 10px;
  margin: 0 0 15px 0;
}
section h2,
div h2 {
  font-family: "Oswald";
  color: #079eda;
  text-transform: initial;
  padding: 0;
  font-weight: 700;
  font-size: 1.8em;
  margin: 0;
}

.objects-obs .bg-grey {
  background: #f0eeee;
  display: grid;
  align-items: stretch;
  min-height: 215px;
  padding: 10px 20px;
}
.objects-obs h3.ods-title {
  margin: 8px 0;
}
.objects-obs h3.ods-9 {
  color: #E5243B;
}
.objects-obs h3.ods-11 {
  color: #DDA63A;
}
.objects-obs h3.ods-12 {
  color: #4C9F38;
}
.objects-obs h3.ods-13 {
  color: #C5192D;
}
.objects-obs h3.ods-14 {
  color: #FF3A21;
}
.objects-obs h3.ods-15 {
  color: #26BDE2;
}
.objects-obs h3.ods-16 {
  color: #FCC30B;
}
.objects-obs h3.ods-17 {
  color: #A21942;
}
.objects-obs h3.ods-18 {
  color: #FD6925;
}
.objects-obs h3.ods-19 {
  color: #DD1367;
}
.objects-obs h3.ods-20 {
  color: #FD9D24;
}
.objects-obs h3.ods-21 {
  color: #BF8B2E;
}
.objects-obs h3.ods-22 {
  color: #3F7E45;
}
.objects-obs h3.ods-23 {
  color: #0997D9;
}
.objects-obs h3.ods-24 {
  color: #56C02B;
}
.objects-obs h3.ods-25 {
  color: #00689D;
}
.objects-obs h3.ods-26 {
  color: #19486A;
}
.objects-obs .ods-ico-9 {
  background: #E5243B url("../img/item01.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-11 {
  background: #DDA63A url("../img/item02.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-12 {
  background: #4C9F38 url("../img/item03.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-13 {
  background: #C5192D url("../img/item04.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-14 {
  background: #FF3A21 url("../img/item05.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-15 {
  background: #26BDE2 url("../img/item06.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-16 {
  background: #FCC30B url("../img/item07.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-17 {
  background: #A21942 url("../img/item08.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-18 {
  background: #FD6925 url("../img/item09.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-19 {
  background: #DD1367 url("../img/item10.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-20 {
  background: #FD9D24 url("../img/item11.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-21 {
  background: #BF8B2E url("../img/item12.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-22 {
  background: #3F7E45 url("../img/item13.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-23 {
  background: #0997D9 url("../img/item14.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-24 {
  background: #56C02B url("../img/item15.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-25 {
  background: #00689D url("../img/item16.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .ods-ico-26 {
  background: #19486A url("../img/item17.png") center center;
  background-size: 100%;
  height: 100%;
}
.objects-obs .lista-ods-container a {
  position: absolute;
  bottom: 10px;
  background-color: #b6b6b6;
  color: white;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 15px;
  display: block;
}
.objects-obs .lista-ods-container a:hover {
  background-color: #9c9c9c;
}
.objects-obs .lista-ods-container > .row {
  display: flex;
  padding: 0;
}
.objects-obs .lista-ods-container {
  position: relative;
}
.objects-obs .pl-2 {
  padding: 0 1rem 0 0;
}
.objects-obs .body-ods {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  font-family: "Open Sans";
}

.view-filters {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  background-color: #EFEEEC;
  margin-bottom: 10px;
}
.view-filters label {
  font-size: 1em;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.view-filters .form--inline {
  display: flex;
  align-items: end;
}

.active > .page-link {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #c1272d;
  border-color: transparent;
  border-radius: 0 !important;
}

.page-link {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #c1272d;
  text-decoration: none;
  background-color: #fff;
  border: 0;
}

.img-item .title-img a {
  font-family: "Open Sans", sans-serif;
  color: #00689D;
  text-decoration: none;
}
.img-item p {
  text-align: justify;
}
.img-item .news-fecha {
  font-style: italic;
  font-size: 0.9em;
  color: #00afd8;
}
.img-item .news-fecha::before {
  content: "";
  background-image: url(../img/ODS-14.png);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 14px;
  display: inline-block;
  width: 11px;
  height: 11px;
}
.img-item .read-more {
  font-weight: bold;
  font-size: 0.9em;
  color: #006bb3;
  margin-top: 10px;
}
.img-item .read-more a {
  color: #4F91CD;
  font-weight: 700;
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  border: 1px solid #4F91CD;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}
.img-item .read-more a::after {
  content: "";
  background-image: url(../img/more-blue.png);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-left: 0px;
  display: inline-block;
  position: relative;
  width: 30px;
  background-size: 100%;
  height: 12px;
}
.img-item .read-more a:hover {
  background-color: #23BFE5;
  color: #fff;
  text-decoration: none;
}
.img-item .read-more a:hover::after {
  background-image: url(../img/more-ODSwhite.png);
  margin-left: 5px;
}

.cantones.bg-ods {
  background: #e6e6e6 url(../img/bck-circ.png) no-repeat right bottom;
}
@media (max-width: 1023.9px) {
  .cantones.bg-ods {
    background: #e6e6e6 url(../img/bck-circ.png) no-repeat right 20%;
  }
}
@media (max-width: 767.9px) {
  .cantones.bg-ods {
    background: #e6e6e6 url(../img/bck-circ.png) no-repeat right 65%;
  }
}
.cantones .wrapper {
  background: #FFFFFF;
  padding: 30px 50px 0;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0px -12px 0px -7px #CCC;
  -webkit-box-shadow: 0px -12px 0px -7px #CCC;
  -moz-box-shadow: 0px -12px 0px -7px #CCC;
  line-height: 180%;
  width: 100%;
}
.cantones .header-cantones {
  margin-bottom: 50px;
}
.cantones .title-cantones img {
  max-width: 85%;
  vertical-align: middle;
}
.cantones .logo-cantones img {
  max-width: 70%;
  float: right;
}
.cantones .cantones-planificacion a {
  color: #069ED9;
  font-weight: bold;
}
.cantones .cantones-planificacion strong {
  color: #DC1868;
  font-weight: bold;
}
.cantones .cantones-planificacion u {
  color: #4DA046;
  font-weight: bold;
  text-decoration: none;
}

.cantones-docs,
.cantones-firmas {
  background: #FFF;
  padding-top: 40px;
  padding-bottom: 40px;
}

.cantones-docs h3 {
  color: #0A4C82;
  margin-top: 0;
  margin-bottom: 30px;
}
.cantones-docs .docs-back {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  border: #333 1px solid;
  margin-bottom: 15px;
}
.cantones-docs .docs-back img {
  padding: 0;
}
.cantones-docs .docs-back span.title a {
  color: #000;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.cantones-docs .docs-back .author-doc {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
.cantones-docs .docs-back a.txt-doc,
.cantones-docs .docs-back a .txt-pdf {
  color: #00689d;
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.cantones-docs .docs-back a.txt-pdf {
  font-size: 1em;
}

.cantones-caja {
  background: #e6e6e6;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1023.9px) {
  .cantones-caja .d-flex {
    display: grid !important;
  }
}
@media (max-width: 767.9px) {
  .cantones-caja .d-flex {
    display: grid !important;
  }
}
.cantones-caja h3 {
  color: #0A4C82;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 1023.9px) {
  .cantones-caja #v-pills-tab {
    padding-left: 10px;
  }
}
@media (max-width: 767.9px) {
  .cantones-caja #v-pills-tab {
    padding-left: 10px;
  }
}
.cantones-caja #v-pills-tab button {
  font-weight: bold;
  padding: 10px 15px 10px 65px;
  display: block;
  min-height: 65px;
  background-color: #FFF;
  border-radius: 0;
  text-align: left;
}
.cantones-caja #v-pills-tab button:nth-child(2n+1) {
  background-color: #F2F2F2;
}
.cantones-caja #v-pills-tab #v-pills-planificacion-tab {
  color: #0B4C81;
  background-image: url("../img/ico-planificacion-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-planificacion-tab.active {
  color: #FFF;
  background-color: #0B4C81;
  background-image: url("../img/ico-planificacion-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-planificacion-tab:hover {
  color: #FFF;
  background-color: #0B4C81;
  background-image: url("../img/ico-planificacion-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-medioambiente-tab {
  color: #4DA046;
  background-image: url("../img/ico-medio-ambiente-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-medioambiente-tab.active {
  color: #FFF;
  background-color: #4DA046;
  background-image: url("../img/ico-medio-ambiente-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-medioambiente-tab:hover {
  color: #FFF;
  background-color: #4DA046;
  background-image: url("../img/ico-medio-ambiente-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-materiales-tab {
  color: #3E7F44;
  background-image: url("../img/ico-comunicacon-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-materiales-tab.active {
  color: #FFF;
  background-color: #4DA046;
  background-image: url("../img/ico-comunicacon-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-materiales-tab:hover {
  color: #FFF;
  background-color: #4DA046;
  background-image: url("../img/ico-medio-ambiente-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-inclusionsocial-tab {
  color: #791739;
  background-image: url("../img/ico-inclusion-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-inclusionsocial-tab.active {
  color: #FFF;
  background-color: #791739;
  background-image: url("../img/ico-inclusion-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-inclusionsocial-tab:hover {
  color: #FFF;
  background-color: #791739;
  background-image: url("../img/ico-inclusion-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-gestionmunicipal-tab {
  color: #C6972E;
  background-image: url("../img/ico-municipalidad-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-gestionmunicipal-tab.active {
  color: #FFF;
  background-color: #C6972E;
  background-image: url("../img/ico-municipalidad-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-gestionmunicipal-tab:hover {
  color: #FFF;
  background-color: #C6972E;
  background-image: url("../img/ico-municipalidad-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-crecimientoeconomico-tab {
  color: #ED402A;
  background-image: url("../img/ico-crecimiento-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-crecimientoeconomico-tab.active {
  color: #FFF;
  background-color: #ED402A;
  background-image: url("../img/ico-crecimiento-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-crecimientoeconomico-tab:hover {
  color: #FFF;
  background-color: #ED402A;
  background-image: url("../img/ico-crecimiento-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-covid19-tab {
  color: #1A95D2;
  background-image: url("../img/ico-covid-normal.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
  padding-top: 22px;
}
.cantones-caja #v-pills-tab #v-pills-covid19-tab:hover {
  color: #FFF;
  background-color: #1A95D2;
  background-image: url("../img/ico-covid-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja #v-pills-tab #v-pills-covid19-tab:hover {
  color: #FFF;
  background-color: #1A95D2;
  background-image: url("../img/ico-covid-activo.svg");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.cantones-caja .tab-content {
  background: #fff;
  padding: 30px 15px;
}
.cantones-caja .tab-content h4 {
  color: #0A4C82;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  font-size: 1.5em !important;
  padding-left: 15px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}
.cantones-caja .tab-content .view-content {
  padding-left: 12%;
}
@media (max-width: 1023.9px) {
  .cantones-caja .tab-content .view-content {
    padding-left: 15%;
  }
}
@media (max-width: 767.9px) {
  .cantones-caja .tab-content .view-content {
    padding-left: 35%;
  }
}
.cantones-caja .tab-content .view-content .title {
  font-weight: bold;
  color: #000;
  font-size: 1.1em;
  display: inline-block;
  margin-bottom: 10px;
}
.cantones-caja .tab-content .view-content p span {
  color: #000;
  font-family: Arial;
  white-space: pre-wrap;
}
.cantones-caja .tab-content .view-content a.txt-pdf {
  background: #F16A2C;
  border: #F16A2C 1px solid;
  border-radius: 25px;
  padding: 10px 25px;
  color: #FFF;
  font-weight: bold;
}
.cantones-caja .tab-content .view-content a.txt-pdf:hover {
  background: #ED402A;
  border: #ED402A 1px solid;
}
.cantones-caja .tab-content .view-content .sub-wrapper {
  padding: 5px 15px;
  border-left: #CCC 1px solid;
}
@media (max-width: 1023.9px) {
  .cantones-caja .tab-content .view-content .sub-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 767.9px) {
  .cantones-caja .tab-content .view-content .sub-wrapper {
    margin-top: 20px;
  }
}
.cantones-caja .tab-content .view-content .sub-wrapper .author-doc,
.cantones-caja .tab-content .view-content .sub-wrapper .anno {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
.cantones-caja .tab-content .view-content .views-row {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: #666 1px solid;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-planificacion .view {
  background: url("../img/ico-planificacion-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-medioambiente .view {
  background: url("../img/ico-medio-ambiente-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-materiales .view {
  background: url("../img/ico-comunicacon-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-inclusionsocial .view {
  background: url("../img/ico-inclusion-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-gestionmunicipal .view {
  background: url("../img/ico-municipalidad-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-crecimientoeconomico .view {
  background: url("../img/ico-crecimiento-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}
.cantones-caja .tab-content #v-pills-covid19 .view {
  background: url("../img/ico-covid-deco.svg") no-repeat 10px 50px;
  background-size: 75px;
  display: inline-block;
}

.cantones-firmas h3 {
  color: #0A4C82;
  margin-top: 0;
  margin-bottom: 30px;
}
.cantones-firmas table th {
  background: #0076B6;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  line-height: 1.42857143;
  font-size: 14px;
}
.cantones-firmas table td {
  background: #E6E6E6;
  color: #000;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 14px;
}

.obs-pa h2.block-title {
  color: #19486a;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 2.2em;
  padding: 0 0 15px 13px;
  margin-top: 15px;
  text-transform: none;
}
.obs-pa .actualidad .wrapper .desc {
  background: #FFF;
  padding: 15px;
  min-height: 155px;
}
.obs-pa .actualidad .wrapper .desc h3 {
  margin-top: 0;
}
.obs-pa .actualidad .wrapper .desc h3 a {
  color: #000000;
}
.obs-pa .actualidad .ver-mas a {
  display: inline-block;
  padding: 10px 18px;
  text-align: center;
  background: #FD6925;
  color: #FFF;
  border-radius: 20px;
  margin: 20px auto;
}

.links-documents h3 {
  color: #3AB44A;
  text-transform: initial;
  font-size: 1.1em;
  margin: 10px 0px;
}
.links-documents .field--name-field-enlace,
.links-documents .field--name-field-archivo {
  margin-left: 20px;
  padding-left: 40px;
  margin-bottom: 10px;
}
.links-documents .paragraph--type--enlace a,
.links-documents .paragraph--type--archivo a {
  display: list-item;
  color: #000;
  text-decoration: underline;
  padding-left: 1em;
  text-indent: -0.7em;
  position: relative;
}
.links-documents .paragraph--type--enlace a::marker,
.links-documents .paragraph--type--archivo a::marker {
  content: "• ";
  color: #3BB449;
  position: absolute;
  left: 3px;
}
.links-documents .paragraph--type--enlace .file--application-pdf,
.links-documents .paragraph--type--archivo .file--application-pdf {
  background-image: none;
}
.links-documents .paragraph--type--enlace .file,
.links-documents .paragraph--type--archivo .file {
  padding-left: 0;
}

.play-back {
  position: relative;
}
.play-back .img-play {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../img/ODS-r-10.png") no-repeat center;
}

.docs-back-caja .title-doc {
  color: #3B393D;
  font-size: 1.2em;
  margin: 15px 0px;
  font-weight: 700;
}
.docs-back-caja .news-fecha {
  font-style: italic;
  font-size: 0.9em;
  color: #00afd8;
}
.docs-back-caja .news-fecha::before {
  content: "";
  background-image: url(../img/ODS-14.png);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 14px;
  display: inline-block;
  width: 11px;
  height: 11px;
}

.docs-back {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 15px 0px;
  min-height: 240px;
  margin-bottom: 20px;
}
.docs-back .title-doc a {
  color: #444;
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: bold;
  padding-bottom: 10px;
}
.docs-back .author-doc {
  color: #00afd8;
  font-size: 0.9em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
.docs-back .txt-doc,
.docs-back .txt-pdf {
  color: #00689d;
  font-size: 16px;
  font-weight: bold;
}

.modal .ratio {
  aspect-ratio: 16/9;
}
.modal .views-field-field-video-1 {
  padding: 0 20px 20px;
}

div.ver-mas {
  text-align: center;
}

span.ver-mas a,
.ver-mas a {
  display: inline-block;
  padding: 10px 18px;
  text-align: center;
  background: #FD6925;
  color: #FFF;
  border-radius: 20px;
  margin: 20px auto;
}

.node-news .page-header {
  font-size: 1.5em;
  color: #3B3B3B;
  font-weight: 600;
  padding: 15px 0 0 0;
  border: none;
  text-transform: initial;
  text-align: left;
}
.node-news .grey {
  background: #EFEEEC;
  margin-top: 50px;
  padding: 20px;
  overflow: hidden;
}
.node-news h2 {
  color: #F16C2A;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}
.node-news h3 {
  color: #3AB44A;
  text-transform: initial;
  font-size: 1.1em;
  margin: 25px 0px 10px;
}
.node-news .videos .ratio {
  padding-bottom: 10px;
}

.fecha-n {
  font-style: italic;
  font-size: 0.9em;
  color: #00afd8;
}
.fecha-n::before {
  content: "";
  background-image: url("../img/ODS-14.png");
  background-repeat: no-repeat;
  padding: 0px 0px 0px 14px;
  display: inline-block;
  width: 11px;
  height: 11px;
}

.autor-n {
  font-style: italic;
  font-size: 0.9em;
  color: #00afd8;
  padding-bottom: 10px;
}
.autor-n::before {
  content: "";
  background-image: url("../img/ico-autor.png");
  background-repeat: no-repeat;
  padding: 0px 0px 0px 14px;
  display: inline-block;
  width: 11px;
  height: 11px;
}

.descripcion {
  color: #3E3C40;
  font-size: 1em;
  margin-bottom: 30px;
}
.descripcion p {
  font-size: 1.1em;
}

.timeline-item.odd p {
  float: right;
}
.timeline-item.even p {
  float: left;
}
.timeline-item p {
  background: #EFEEEC;
  padding: 20px;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}

.node-recursos h2.page-header {
  font-size: 1.5em;
  color: #3B3B3B;
  font-weight: 600;
  padding: 15px 0 0 0;
  border: none;
  text-transform: initial;
  text-align: left;
  margin-bottom: 20px;
}
.node-recursos .fecha-n {
  padding-bottom: 15px;
  display: block;
}
.node-recursos .txt-pdf,
.node-recursos .field_archivo {
  position: relative;
  padding: 5px 0;
  margin-top: 6px;
  display: inline-block;
  font-weight: bold;
}

#gallery img {
  width: 60%;
}
#gallery img:hover {
  filter: grayscale(70%);
  opacity: 0.5;
}

.tabs-info .nav-tabs {
  padding-left: 40px;
  border-bottom: 1px solid #ddd;
}
.tabs-info .nav-tabs .nav-item {
  margin-bottom: 7px;
  padding: 0;
}
.tabs-info .nav-tabs .nav-item .nav-link {
  font-family: "Oswald", sans-serif;
  font-size: 2em;
  padding: 15px 15px 15px 60px !important;
}
.tabs-info .nav-tabs .nav-item #metas-tab {
  color: #009245;
  background: url("../img/ico-metas-indicadores.svg") no-repeat 10px 24px;
  background-size: 35px;
}
.tabs-info .nav-tabs .nav-item #metas-tab:hover {
  background: #8CC63F url("../img/ico-metas-indicadores.svg") no-repeat 10px 24px !important;
  background-size: 35px !important;
  color: #FFF !important;
}
.tabs-info .nav-tabs .nav-item #metas-tab.active {
  background: #8CC63F url("../img/ico-metas-indicadores.svg") no-repeat 10px 24px !important;
  background-size: 35px !important;
  color: #FFF !important;
}
.tabs-info .nav-tabs .nav-item #datos-tab {
  color: #009eda;
  background: url("../img/ico-datos-recursos.svg") no-repeat 10px 24px;
  background-size: 35px;
}
.tabs-info .nav-tabs .nav-item #datos-tab.active {
  background: #009eda url("../img/ico-datos-recursos.svg") no-repeat 10px 24px !important;
  background-size: 35px !important;
  color: #FFF !important;
}
.tabs-info .nav-tabs .nav-item #datos-tab:hover {
  background: #009eda url("../img/ico-datos-recursos.svg") no-repeat 10px 24px !important;
  background-size: 35px !important;
  color: #FFF !important;
}
.tabs-info .nav-tabs .nav-item #tendencias-tab {
  color: #03537E;
  background: url("../img/ico-tendencias.svg") no-repeat 10px 24px;
  background-size: 35px;
}
.tabs-info .nav-tabs .nav-item #tendencias-tab.active {
  background: #03537E url("../img/ico-tendencias.svg") no-repeat 10px 24px;
  background-size: 35px;
  color: #FFF !important;
}
.tabs-info .nav-tabs .nav-item #tendencias-tab:hover {
  background: #03537E url("../img/ico-tendencias.svg") no-repeat 10px 24px;
  background-size: 35px;
  color: #FFF !important;
}
.tabs-info .tab-content h2 {
  font-family: "Oswald", sans-serif;
  color: #009eda;
  text-align: center;
  font-size: 2.3em;
}
.tabs-info .tab-content ul li::marker {
  font-size: 1.3em;
  color: #009eda;
}
.tabs-info .tab-content ul li .item-indicador {
  display: inline-block;
  clear: both;
  padding-left: 20px;
}
.tabs-info .tab-content .card {
  border: solid 1px #999999;
  padding: 10px;
  margin-right: 5px;
  min-height: 300px;
}
.tabs-info .tab-content .card .card-img-overlay {
  position: relative;
  font-family: "Open Sans";
  color: #444;
  font-weight: bold;
}
.tabs-info .tab-content .carousel-inner {
  padding: 0 40px;
}
.tabs-info .tab-content .carousel-control-prev-icon {
  background-image: url("../img/arrow-left.png");
  position: absolute;
  left: 0;
}
.tabs-info .tab-content .carousel-control-next-icon {
  background-image: url("../img/arrow-right.png");
  position: absolute;
  right: 0;
}

#modalgaleria {
  --bs-modal-bg: transparent;
  --bs-modal-header-border-color: transparent;
  --bs-modal-border-color: transparent;
}
#modalgaleria .btn-close {
  background-size: 18px;
}
#modalgaleria .carousel-control-next-icon {
  position: absolute;
  right: -60px;
  background-size: 70px;
}
#modalgaleria .carousel-control-prev-icon {
  position: absolute;
  left: -60px;
  background-size: 70px;
}
#modalgaleria .carousel-indicators {
  bottom: -50px;
}

.modal-backdrop.show {
  opacity: 0.8;
}/*# sourceMappingURL=layout.css.map */