body,
p {
  font-size: 18px;
  font-family: "Poppins";
}

.bg-language {
  background: #1B1009;
  padding: 10px 20px;
  color: #FFFFFF;
}

.bg-program-components {
  background: #FFF;
  padding: 10px 20px;
  color: #231F20;
}
.bg-program-components .title h2 {
  font-family: "Jost";
  font-weight: bold;
  font-size: 40px;
}
.bg-program-components .text {
  color: #545454;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 21px;
  margin-top: 20px;
}
.bg-program-components a {
  text-decoration: none;
}
.bg-program-components a:hover img {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.74));
  transition: 0.5s;
}

.header-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  z-index: 10;
  position: relative;
}

.contenido-nodo-noticias #carouselGaleria .carousel-control-next {
  right: 70px;
}
.contenido-nodo-noticias .contenedor-imagen,
.contenido-nodo-noticias .contenedor-video,
.contenido-nodo-noticias .phs-carrusel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contenido-nodo-noticias .contenedor-imagen .phs,
.contenido-nodo-noticias .contenedor-video .phs,
.contenido-nodo-noticias .phs-carrusel .phs {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.contenido-nodo-webform h2 {
  color: #231F20;
  font-size: 40px;
  font-weight: bold;
  font-family: "Jost";
  margin-bottom: 25px;
}
.contenido-nodo-webform .field--name-body h3 {
  margin-top: 60px;
}
.contenido-nodo-webform .field--name-body p {
  display: grid;
}

#webform-submission-contact-node-171-add-form .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #231F20;
  appearance: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#webform-submission-contact-node-171-add-form #edit-actions-submit {
  color: #FFFFFF;
  background: #2789BA;
  border: 1px solid #FFFFFF;
  padding: 7px 15px;
  transition: 0.5s;
  border-radius: 6px;
}
#webform-submission-contact-node-171-add-form #edit-actions-submit:hover {
  color: #2789BA;
  background: #FFFFFF;
  border: 1px solid #2789BA;
  padding: 7px 15px;
  transition: 0.5s;
}

.bg-suscription {
  background-color: #2275A8;
  padding: 10px 20px;
  color: #FFFFFF;
}

.bg-transforma-program {
  background: #6C4124;
  padding: 10px 20px;
  color: #FFFFFF;
}

.region.region-featured-phrase {
  position: relative;
}

.bg-featured-phrase {
  background: #FFED00;
  color: #231F20;
  padding: 70px 15px 50px 15px;
}

.featured-phrase {
  background: url(../img/bck-quotes.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
  min-height: 360px;
}
@media (max-width: 768px) {
  .featured-phrase {
    background: transparent;
  }
}
.featured-phrase .text {
  color: #231F20;
  font-size: 22px;
  font-family: "Poppins";
  font-weight: normal;
  display: flex;
  width: 82%;
  align-items: center;
}
.featured-phrase .img-featured {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 768px) {
  .featured-phrase .img-featured {
    background: url(../img/bck-quotes-xs.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed !important;
    min-height: 360px;
  }
}
.featured-phrase .bg-transparent {
  background: transparent;
  color: #231F20;
  padding: 70px 15px 50px 15px;
}
@media (max-width: 768px) {
  .featured-phrase .bg-transparent {
    padding: 0px 15px 10px 15px;
  }
}
.featured-phrase img {
  width: 100%;
  max-height: 400px;
}
.featured-phrase .comi-featured-1 {
  background: url(../img/icn_Frase_AbrirComillas.svg) no-repeat center center;
  background-size: 50px;
  width: 320px;
  height: 70px;
  position: relative;
  bottom: 70px;
  right: 10%;
}
.featured-phrase .comi-featured-2 {
  background: url(../img/icn_Frase_CerrarComillas.svg) no-repeat center center;
  background-size: 50px;
  width: 320px;
  height: 70px;
  position: relative;
  top: 70px;
  left: 0%;
}
.featured-phrase .text-center {
  margin-top: 50px;
}

.objetc-program {
  color: #231F20;
}
.objetc-program .img-objetc {
  background: url(../img/img-componentes-top.jpg) center no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 768px) {
  .objetc-program .img-objetc {
    background: url(../img/bck-objetivos-xs.jpg) center no-repeat;
    min-height: 350px;
  }
}
.objetc-program img {
  width: 100%;
  max-height: 400px;
}
.objetc-program .text-objetc h2 {
  font-family: "Jost";
  font-weight: bold;
  font-size: 40px;
  color: #231F20;
}
.objetc-program .text-objetc p {
  font-family: "Poppins";
  font-weight: normal;
  font-size: 18px;
  width: 600px;
  color: #545454;
}
.objetc-program .text-objetc a {
  color: #231F20;
  font-family: "Jost";
  font-weight: bold;
  font-size: 17px;
}
@media (max-width: 768px) {
  .objetc-program .text-objetc a {
    color: #2275A8;
    font-weight: 400;
  }
}

.program-text {
  padding: 50px;
  background: #EDEDEE;
}

#block-transformainnova-main-navigation .nav-level-0 .nav-item a.show, #block-mainnavigationenglish .nav-level-0 .nav-item a.show {
  color: #5CB447;
}
#block-transformainnova-main-navigation .nav-level-0 .nav-item a.show::before, #block-mainnavigationenglish .nav-level-0 .nav-item a.show::before {
  color: #5CB547;
  text-transform: uppercase;
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: #5CB547;
  bottom: 0;
}
#block-transformainnova-main-navigation .nav-level-1, #block-mainnavigationenglish .nav-level-1 {
  text-align: center;
  background: #EDEDEE;
  border: 1px solid #EDEDEE;
  box-shadow: 0px 12px 8px rgba(0, 0, 0, 0.7490196078);
}
#block-transformainnova-main-navigation .nav-level-1 .nav-item a, #block-mainnavigationenglish .nav-level-1 .nav-item a {
  text-transform: none;
}
#block-transformainnova-main-navigation .nav-level-1 .nav-item a:hover, #block-mainnavigationenglish .nav-level-1 .nav-item a:hover {
  text-decoration: underline;
}
#block-transformainnova-main-navigation .nav-level-1 .nav-item a::before, #block-mainnavigationenglish .nav-level-1 .nav-item a::before {
  display: none;
}

#block-transformainnova-main-navigation ul {
  gap: 15px;
}

.bg-news {
  background: #417F2D;
}
.bg-news .button-news {
  position: relative;
  top: 30%;
  left: 90%;
}

.bg-news-content {
  background: #5CB547;
  padding: 50px 15px;
}

.column-strip .img-news {
  padding-right: 0px;
}
.column-strip .img-news img {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .column-strip .img-news img {
    height: 250px;
    object-position: 20% 10%;
    object-fit: cover;
  }
}
.column-strip .title-news {
  transform: rotate(270deg);
  left: -10%;
  position: relative;
  top: 42%;
  width: 290px;
}
.column-strip .title-news .title {
  color: #FFFFFF;
  font-family: "Jost";
  font-weight: bold;
  font-size: 46px;
}
.column-strip #tns1-iw {
  height: 350px;
}
.column-strip #tns1-ow {
  width: 80%;
}
.column-strip .bg-white {
  padding: 20px 40px 0px 40px;
}
.column-strip .bg-white .datetime {
  color: #417F2D;
  font-family: "Jost";
  font-weight: 500;
  font-size: 16px;
}
.column-strip .bg-white .title a {
  color: #2680C1;
  font-family: "Jost";
  font-weight: bold;
  font-size: 25px;
  text-decoration: none;
}
.column-strip .bg-white .text p {
  color: #545454;
  font-family: "Poppins";
  font-weight: normal;
  font-size: 18px;
}
.column-strip .bg-white p {
  text-align: left !important;
  font-weight: 400 !important;
  padding: 0px !important;
}
.column-strip .bg-white a {
  color: #2275A8;
  font-family: "Jost";
  font-weight: bold;
  font-size: 17px;
}
.column-strip .icon-plus {
  background: url(../img/plus-circle.svg) no-repeat center center;
  background-size: 60px;
  background-color: #417F2D;
  border-radius: 100%;
  display: inline-block;
  width: 65px;
  height: 65px;
}
@media (max-width: 768px) {
  .column-strip .icon-plus {
    box-shadow: inset 0px 0px 2px 0px #41552D;
  }
}

.phs-featured-phrase {
  border-top: #6C4124 2px solid;
  border-bottom: #6C4124 2px solid;
}
.phs-featured-phrase p {
  color: #6C4124;
  font-family: "Jost";
  font-weight: bold;
  font-size: 25px;
}

.phs-text p {
  color: #545454;
  font-family: "Poppins";
  font-weight: normal;
  font-size: 18px;
}

.page-body {
  color: #545454;
  font-family: "Poppins";
  font-weight: normal;
  font-size: 18px;
}

.psh-document {
  padding: 10px 15px;
  background: #2680C1;
  border: #2680C1 1px solid;
  border-radius: 10px;
  display: block;
  width: fit-content;
}
.psh-document:hover {
  box-shadow: -1px 5px 14px 0px #000;
  transition: 0.5s;
}
.psh-document span {
  padding-left: 0;
}
.psh-document span a {
  font-size: 17px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-family: "Poppins";
}

#carouselGaleria .phs-description {
  font-family: "Poppins";
  font-style: normal;
  font-size: 1.7em;
  color: #2680C1;
  font-weight: bold;
}

.phs-description {
  color: #545454;
  font-family: "Poppins";
  font-weight: 600;
  font-style: italic;
  font-size: 16px;
}

.footer-boletin {
  background: #2275A8;
  color: #fff;
}
.footer-boletin h3 {
  font-family: "Jost";
  font-size: 30px;
  font-weight: bold;
}

.footer-icons {
  background: #EDEDEE;
}
.footer-icons h3 {
  text-align: left;
}

@media (max-width: 768px) {
  .footer-logos .enlaces-logos {
    display: grid;
    text-align: center !important;
  }
}

.region-footer {
  color: #231F20;
}
.region-footer a {
  font-family: "Jost";
  color: #2175A8;
  font-weight: bold;
}
.region-footer .borde-izq {
  border-left: 1px solid #231F20;
  padding-left: 15px;
}

#carouselHome .carousel-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  #carouselHome .carousel-item img {
    height: 190px;
  }
}

.wrapper-logos {
  padding-top: 30px;
  padding-bottom: 30px;
}
.wrapper-logos .logos-footer {
  gap: 18px;
}
.wrapper-logos .texto-logos-cierre {
  color: #7c7a7a;
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  font-weight: 600;
}
.wrapper-logos .enlaces-logos {
  text-align: right;
  color: #2680C1 !important;
}
.wrapper-logos .enlaces-logos a {
  color: #2680C1 !important;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
}
.wrapper-logos .item-logo img {
  width: auto;
  height: 80px;
}

.menu-biblioteca,
.menu-eventos {
  z-index: 100;
  position: relative;
}

.path-eventos main,
.path-bliblioteca main,
.path-noticias main {
  margin-top: -90px;
}

.path-frontpage header {
  background: #fff;
}
.path-frontpage .principal-slider {
  margin-top: -40px;
}
.path-frontpage .bg-dark {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.path-frontpage .region-nav-branding {
  display: block;
}
.path-frontpage .principal-slider {
  position: relative;
}

.tabs-primary {
  margin: 25px 0 0 0;
}
.tabs-primary .nav-tabs {
  justify-content: flex-end;
  z-index: 100;
  position: relative;
  border: none;
}
.tabs-primary .nav-tabs li a {
  font-size: 17px;
}

main {
  display: block;
  margin-top: -95px;
}

.user-logged-in.path-eventos main,
.user-logged-in.path-biblioteca main,
.user-logged-in.path-noticias main,
.user-logged-in.path-eventos-pasados main,
.user-logged-in.page-node-type-eventos main,
.user-logged-in.path-taxonomy main {
  margin-top: -90px !important;
}

.user-logged-in main {
  display: block;
  margin-top: 0px;
}

.region-header {
  background: transparent;
  display: flex;
  justify-content: flex-end;
  color: #fff;
  flex-flow: row wrap;
  gap: 15px;
  align-items: center;
  padding: 5px 15px;
}
.region-header a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .region-header {
    height: fit-content !important;
  }
}
.region-header #block-sistemademonitoreo {
  margin-top: 15px;
}
.region-header #block-sistemademonitoreo a {
  background: #2680C1;
  padding: 7px 10px 7px 10px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}
.region-header #block-sistemademonitoreo a::before {
  content: "";
  display: inline-block;
  background: url(../img/icon-conocer.svg) no-repeat center center;
  margin-right: 5px;
  width: 15px;
  height: 15px;
}
.region-header #block-sistemademonitoreo a:hover {
  box-shadow: -1px 5px 14px 0px #000;
  transition: 0.5s;
}
.region-header #block-alternadordeidioma a {
  color: #231F20;
  text-decoration: none;
}
@media (max-width: 768px) {
  .region-header #block-alternadordeidioma a {
    font-size: 15px;
  }
}

.navbar-brand {
  justify-content: center;
  padding: 10px;
}
.navbar-brand .site-title {
  display: none;
}
.navbar-brand img {
  height: 150px;
}
.navbar-brand a.site-logo.d-block {
  background: #fff;
  padding: 20px 30px 20px 40px;
  border-radius: 50%;
  border: 20px solid #fff;
}

.bg-language {
  background: #fff;
  padding: 10px 20px;
  color: #FFF;
}

.boton-monitoreo {
  background: #2680C1;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
}
.boton-monitoreo:hover {
  background: #2275A8;
  transition: 0.5s;
}
.boton-monitoreo p {
  margin-bottom: 0;
}

.mensaje-home {
  background: #FFED00;
  padding: 30px 15px 15px 15px;
}
.mensaje-home p {
  font-size: 20px;
  text-align: center;
}

.nav-item a {
  color: #231F20;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.nav-item a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #5CB547;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav-item a:hover {
  color: #5CB547;
  text-transform: uppercase;
  transition: 0.5s;
}
.nav-item a:hover:before {
  right: 0;
}
.nav-item a.active {
  color: #5CB547 !important;
  text-transform: uppercase;
  background-color: transparent;
  transition: 0.5s;
}
.nav-item a.active:before {
  color: #5CB547;
  text-transform: uppercase;
  position: absolute;
  content: "";
  width: 50px;
  height: 4px;
  background: #5CB547;
  bottom: 0;
}

.user-menu h3 {
  color: #2680C2;
  font-size: 1.1em;
  margin-bottom: 0;
  text-align: right;
  font-weight: bold;
  font-family: "Jost";
}
.user-menu .btn-user {
  background: url(../img/dropdown.svg) no-repeat #EDE8EA;
  transition: 0.5s;
  border: none;
  text-align: right;
  border-radius: 0;
  width: 260px;
  background-position-x: 235px;
  background-position-y: 25px;
  background-size: 12px;
  padding: 8px 15px;
}
.user-menu .btn-user-up {
  background: url(../img/dropdown.svg) no-repeat #EDE8EA;
  transition: 0.5s;
  border: none;
  text-align: right;
  border-radius: 0;
  width: 260px;
  background-position-x: 235px;
  background-position-y: 25px;
  background-size: 12px;
  padding: 8px 15px;
}
.user-menu .rol {
  font-size: 0.9em;
  color: #767676;
}
.user-menu .col-3 {
  padding: 0;
}
.user-menu .dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: top;
  content: "";
  border-top: 0.3em solid #5FB347;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.user-menu .icono-usuario {
  background: url(../img/user-solid.svg) no-repeat;
  width: 100%;
  height: 40px;
  background-size: contain;
}
.user-menu .menu-usuario-sistema {
  color: #fff;
  background: #231F1F;
  border-radius: 0;
  padding: 0;
}
.user-menu .menu-usuario-sistema a {
  color: #fff !important;
  background: url(../img/circle-regular.svg) no-repeat transparent;
  padding: 7px 15px 7px 25px;
  background-size: 10px;
  background-position-x: 25px;
  background-position-y: 14px;
  padding-left: 40px;
  text-transform: none;
  font-weight: 500;
  position: unset;
}
.user-menu .menu-usuario-sistema a:hover {
  color: #fff;
  background: url(../img/circle-regular.svg) no-repeat #5FB347;
  padding: 7px 15px;
  background-size: 10px;
  background-position-x: 25px;
  background-position-y: 14px;
  padding-left: 40px;
  transition: 0.5s;
}
.user-menu .menu-usuario-sistema a:hover:before {
  background: transparent;
}
.user-menu .menu-usuario-sistema a:hover .is-active {
  color: #fff !important;
}
.user-menu .menu-usuario-sistema span {
  color: #fff;
  background: url(../img/circle-regular.svg) no-repeat transparent;
  padding: 7px 15px 7px 25px;
  background-size: 10px;
  background-position-x: 25px;
  background-position-y: 14px;
  padding-left: 40px;
  text-transform: none;
  font-weight: 500;
}
.user-menu .menu-usuario-sistema span:hover {
  color: #fff;
  background: url(../img/circle-regular.svg) no-repeat #5FB347;
  padding: 7px 15px;
  background-size: 12px;
  background-position-x: 25px;
  background-position-y: 12px;
  padding-left: 40px;
}
.user-menu .menu-usuario-sistema li {
  list-style: none;
}
.user-menu .menu-usuario-sistema li:hover {
  position: relative;
  transition: 0.5s;
  background-color: #5FB347;
}
.user-menu .menu-usuario-sistema li:hover:before {
  border-style: solid;
  border-width: 18px 0 18px 12px;
  border-color: transparent transparent transparent #00A438;
  background-position-x: 0;
  position: absolute;
  content: "";
}

.area-login {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
.area-login #edit-submit {
  background: #5CB547;
  color: #FFFFFF;
  transition: 0.5s;
  width: fit-content;
  margin: 0 auto;
  display: block;
  border: none;
  margin-bottom: 20px;
}
.area-login #edit-submit:hover {
  background: #18721C;
  color: #FFFFFF;
  transition: 0.5s;
  width: fit-content;
  margin: 0 auto;
  display: block;
  border: none;
  margin-bottom: 20px;
}
.area-login .item-list li {
  list-style: none;
  text-align: right;
}
.area-login .item-list a {
  color: #5CB547;
  text-decoration: none;
}

#block-transformainnova-search-form {
  display: none;
}
@media (max-width: 768px) {
  #block-transformainnova-search-form {
    display: block;
    width: 230px;
    margin-bottom: 10px;
  }
}
#block-transformainnova-search-form #edit-keys {
  border-radius: 0;
  height: 38px;
}
#block-transformainnova-search-form #edit-keys--2 {
  border-radius: 0;
  height: 34px;
}
#block-transformainnova-search-form #edit-submit {
  background: #2680C1;
  color: #fff;
  font-size: 16px;
  padding: 8px 15px;
  border: none;
  border-radius: 10px;
  margin-left: 5px;
}
#block-transformainnova-search-form #edit-submit:hover {
  background: #2275A8;
  transition: 0.5s;
  box-shadow: -1px 5px 14px 0px #000;
  transition: 0.5s;
}
#block-transformainnova-search-form #edit-submit2 {
  background: #2680C1;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
  border: none;
  border-radius: 0;
}
#block-transformainnova-search-form #edit-submit2:hover {
  background: #2275A8;
  transition: 0.5s;
}

@media (max-width: 768px) {
  #block-botonlupa {
    display: none;
  }
}
#block-botonlupa p {
  margin-bottom: 0;
}
#block-botonlupa #boton-lupa {
  background: #2680C1;
  mask: url(../img/search.svg) no-repeat center/contain;
  -webkit-mask: url(../img/search.svg) no-repeat center/contain;
  border: none;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  display: block;
  font-size: 0;
}

@media (max-width: 768px) {
  .navbar-dark {
    padding-bottom: 35px;
  }
}

.bloque-flexible {
  padding: 0;
}
.bloque-flexible .phs-text h2 {
  font-size: 52px;
  font-weight: bold;
  font-family: "Jost";
}
@media (max-width: 768px) {
  .bloque-flexible .phs-text h2 {
    transform: none;
    position: initial;
    font-size: 40px;
    display: block;
    padding: 10px;
  }
}
.bloque-flexible .color-Amarillo {
  background-color: #D7B50F;
}
.bloque-flexible .color-Amarillo .phs-text {
  color: #231F20;
  font-size: 23px;
  padding: 50px 70px;
}
.bloque-flexible .color-Amarillo .phs-text p {
  color: #231F20;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Amarillo .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Amarillo-claro {
  background-color: #FFED00;
}
.bloque-flexible .color-Amarillo-claro .phs-text {
  color: #231F20;
  font-size: 23px;
  padding: 50px 70px;
}
.bloque-flexible .color-Amarillo-claro .phs-text p {
  color: #231F20;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Amarillo-claro .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Amarillo-oscuro {
  background-color: #8E7B2D;
}
.bloque-flexible .color-Amarillo-oscuro .phs-text {
  color: #231F20;
  font-size: 23px;
  padding: 50px 70px;
}
.bloque-flexible .color-Amarillo-oscuro .phs-text p {
  color: #231F20;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Amarillo-oscuro .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-cafe {
  background-color: #492A18;
}
.bloque-flexible .color-cafe .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px 70px;
}
.bloque-flexible .color-cafe .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-cafe .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-cafe-claro {
  background-color: #6C4124;
}
.bloque-flexible .color-cafe-claro .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px 70px;
}
.bloque-flexible .color-cafe-claro .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-cafe-claro .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Verde {
  background-color: #417F2D;
}
.bloque-flexible .color-Verde .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px 70px;
}
.bloque-flexible .color-Verde .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Verde .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Verde-claro {
  background-color: #5CB547;
}
.bloque-flexible .color-Verde-claro .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px 70px;
}
.bloque-flexible .color-Verde-claro .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Verde-claro .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Azul {
  background-color: #19587F;
}
.bloque-flexible .color-Azul .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px;
}
.bloque-flexible .color-Azul .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Azul .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Azul-claro {
  background-color: #2275A8;
}
.bloque-flexible .color-Azul-claro .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px;
}
.bloque-flexible .color-Azul-claro .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Azul-claro .phs-text {
    padding: 30px;
  }
}
.bloque-flexible .color-Azul-claro-2 {
  background-color: #2680C1;
}
.bloque-flexible .color-Azul-claro-2 .phs-text {
  color: #fff;
  font-size: 18px;
  padding: 50px;
}
.bloque-flexible .color-Azul-claro-2 .phs-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .bloque-flexible .color-Azul-claro-2 .phs-text {
    padding: 30px;
  }
}

.color-Amarillo {
  background-color: #D7B50F;
}
.color-Amarillo .phs-text {
  color: #231F20;
  font-size: 23px;
  padding: 50px 70px;
}
.color-Amarillo .phs-text p {
  color: #231F20;
}
@media (max-width: 768px) {
  .color-Amarillo .phs-text {
    padding: 30px;
  }
}

.color-Amarillo-claro {
  background-color: #FFED00;
}
.color-Amarillo-claro .phs-text {
  color: #231F20;
  font-size: 23px;
  padding: 50px 70px;
}
.color-Amarillo-claro .phs-text p {
  color: #231F20;
}
@media (max-width: 768px) {
  .color-Amarillo-claro .phs-text {
    padding: 30px;
  }
}

.color-cafe {
  background-color: #492A18;
}

.color-cafe-claro {
  background-color: #6C4124;
}

.color-Verde {
  background-color: #18721C;
}

.color-Verde-claro {
  background-color: #5CB547;
}

.color-Azul {
  background-color: #19587F;
}

.color-Azul-claro {
  background-color: #2275A8;
}

.color-Azul-claro-2 {
  background-color: #2680C1;
}

.color-Amarillo-oscuro {
  background-color: #8E7B2D;
}

.page-node-type-page main,
.path-noticias main,
.page-node-type-noticias main {
  background: #fff;
}
.page-node-type-page .color-cafe,
.page-node-type-page .color-Azul-claro,
.path-noticias .color-cafe,
.path-noticias .color-Azul-claro,
.page-node-type-noticias .color-cafe,
.page-node-type-noticias .color-Azul-claro {
  background-color: #EDEDEE;
}
.page-node-type-page .color-cafe .phs-text,
.page-node-type-page .color-Azul-claro .phs-text,
.path-noticias .color-cafe .phs-text,
.path-noticias .color-Azul-claro .phs-text,
.page-node-type-noticias .color-cafe .phs-text,
.page-node-type-noticias .color-Azul-claro .phs-text {
  color: #545454;
}
.page-node-type-page .color-cafe .phs-text p,
.page-node-type-page .color-Azul-claro .phs-text p,
.path-noticias .color-cafe .phs-text p,
.path-noticias .color-Azul-claro .phs-text p,
.page-node-type-noticias .color-cafe .phs-text p,
.page-node-type-noticias .color-Azul-claro .phs-text p {
  color: #545454;
}
.page-node-type-page .color-Verde-claro,
.path-noticias .color-Verde-claro,
.page-node-type-noticias .color-Verde-claro {
  background-color: #EDEDEE;
}

.columna {
  padding: 0;
}

.caja-titulo {
  position: relative;
  height: 510px;
}
.caja-titulo .titulo-principal {
  transform: rotate(270deg);
  left: 20%;
  position: absolute;
  top: 45%;
  width: 350px;
  display: block;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Jost";
}
@media (max-width: 768px) {
  .caja-titulo .titulo-principal {
    transform: none;
    position: initial;
    display: block;
    width: fit-content;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .caja-titulo {
    height: fit-content;
  }
}

.title h2 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Jost";
}

@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center .item {
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
  }
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center .item .ic {
    width: 35%;
    flex: 0 0 auto;
    padding: 0.5em !important;
  }
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center .item img {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center .item .text {
    display: grid;
    align-items: center;
    width: 65%;
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: bold;
  }
}
#block-views-block-componentes-de-programa-block-1 .text-center a {
  text-decoration: none;
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-1 {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #FFED00;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-1:hover:before {
  right: 0;
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center a.icono-1 {
    border: 1px solid #FFED00;
    border-radius: 5px;
  }
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #549C40;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-2:hover:before {
  right: 0;
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center a.icono-2 {
    border: 1px solid #5CB547;
    border-radius: 5px;
  }
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-3:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2374A8;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-3:hover:before {
  right: 0;
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center a.icono-3 {
    border: 1px solid #2680C1;
    border-radius: 5px;
  }
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-4:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #653E23;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-4:hover:before {
  right: 0;
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center a.icono-4 {
    border: 1px solid #6C4124;
    border-radius: 5px;
  }
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-5 .item img {
  background-color: #6D1D31;
  border-radius: 50%;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-5:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #6D1D31;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#block-views-block-componentes-de-programa-block-1 .text-center a.icono-5:hover:before {
  right: 0;
}
@media (max-width: 768px) {
  #block-views-block-componentes-de-programa-block-1 .text-center a.icono-5 {
    border: 1px solid #6D1D31;
    border-radius: 5px;
  }
}
#block-views-block-componentes-de-programa-block-1 .text {
  color: #545454;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 21px;
  margin-top: 20px;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.view-id-socios {
  margin-top: 30px;
}
.view-id-socios .view-header {
  padding-left: 15px;
}
.view-id-socios .view-header h2 {
  color: #231F20;
  font-size: 40px;
  font-weight: bold;
  font-family: "Jost";
  margin-bottom: 20px;
}
.view-id-socios .view-header h3 {
  color: #545454;
  font-size: 30px;
  font-weight: 600;
  font-family: "Jost";
}

.imagen-socio img {
  height: auto;
  width: 70% !important;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

.columna-caja-titulo-sec {
  position: relative;
}
.columna-caja-titulo-sec h2 {
  transform: rotate(270deg);
  left: 0%;
  position: absolute;
  top: 35%;
  display: block;
  font-size: 36px !important;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Jost";
}

.columna-texto-destacado p {
  font-size: 23px;
}

.caja-titulo-noticias {
  position: relative;
}
.caja-titulo-noticias h1,
.caja-titulo-noticias h2 {
  transform: rotate(270deg);
  left: 35%;
  position: absolute;
  top: 180px;
  display: block;
  font-size: 36px;
  font-weight: 600;
  font-family: "Jost";
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .caja-titulo-noticias h1,
  .caja-titulo-noticias h2 {
    transform: none;
    position: initial;
    display: block;
    padding: 10px;
  }
}

.caja-titulo-eventos {
  position: relative;
}
.caja-titulo-eventos h1 {
  transform: rotate(270deg);
  left: 35%;
  position: absolute;
  top: 180px;
  display: block;
  font-size: 36px;
  font-weight: 600;
  font-family: "Jost";
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .caja-titulo-eventos h1 {
    transform: none;
    position: initial;
    display: block;
    padding: 10px;
  }
}

.header-eventos {
  color: #545454;
  padding: 30px 30px 30px 70px;
  width: 68%;
}

.botones-eventos {
  margin-bottom: 20px;
}
.botones-eventos a {
  color: #231F20;
  border: 1px solid #231F20;
  padding: 7px 15px;
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  background: transparent;
}
.botones-eventos a:hover {
  color: #FFF;
  border: 1px solid #231F20;
  padding: 7px 15px;
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  background: #231F20;
  transition: 0.5s;
}
.botones-eventos a.active {
  color: #FFF;
  border: 1px solid #231F20;
  padding: 7px 15px;
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  background: #231F20;
  transition: 0.5s;
}

.boton-form {
  margin-top: 20px;
  margin-bottom: 20px;
}
.boton-form a {
  color: #FFFFFF;
  font-family: "Jost";
  font-weight: bold;
  border: 1px solid #2275A8;
  background: #2789BA;
  padding: 7px 15px;
  text-decoration: none;
  display: block;
  width: fit-content;
}
.boton-form a:hover {
  color: #2789BA;
  border: 1px solid #2789BA;
  background: #FFFFFF;
  padding: 7px 15px;
  text-decoration: none;
  display: block;
  width: fit-content;
  transition: 0.5s;
}

.descripcion-evento {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fila-noticias {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .fila-noticias {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .fila-noticias .img-news img {
    width: 100%;
  }
}

.titulo-pagina {
  color: #2680C1;
  font-family: "Jost";
  font-weight: bold;
  font-size: 40px;
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

.fecha-nodo time {
  color: #5CB547;
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.img-news {
  padding: 0;
}

.cuadro-socio {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  border: 1px solid #8E9093;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 30px;
  min-height: 270px;
}
.cuadro-socio .sitio-web {
  display: block;
  width: 100%;
  color: #2275A8;
  margin-bottom: 25px;
}
.cuadro-socio .redes-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 10px;
}
.cuadro-socio .redes-flex a.socio-fb {
  background: url(../img/icn_facebook.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  font-size: 0;
}
.cuadro-socio .redes-flex a.socio-tw {
  background: url(../img/icn_twitter.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  font-size: 0;
}
.cuadro-socio .redes-flex a.socio-ig {
  background: url(../img/icn_instagram.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  font-size: 0;
}
.cuadro-socio .redes-flex a.socio-yt {
  background: url(../img/icn_youtube.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  font-size: 0;
}
.cuadro-socio .redes-flex a.socio-lk {
  background: url(../img/icn_linkedin.svg) no-repeat;
  width: 35px;
  height: 35px;
  background-size: contain;
  font-size: 0;
}

.fondo-gris {
  background: #EDEDEE;
}

.phs-img img {
  width: 100%;
  height: auto;
}

.fila-noticias h3 a {
  color: #2680C1;
  font-family: "Jost";
  font-weight: bold;
  font-size: 25px;
  text-decoration: none;
}
.fila-noticias .datetime {
  color: #417F2D;
  font-family: "Jost";
  font-weight: 500;
  font-size: 16px;
}
.fila-noticias a.leer-mas {
  color: #2275A8;
  font-family: "Jost";
  font-weight: 500;
  font-size: 18px;
}
.fila-noticias a.leer-mas:hover {
  color: #5CB547;
}

#block-transformainnova-breadcrumbs {
  display: none;
}

.page-node-type-page #block-transformainnova-content {
  background: #fff;
}

.path-noticias #block-transformainnova-content {
  background: #fff;
}

.page-node-type-noticias #block-transformainnova-content {
  background: #fff;
}

.imagen-header-eventos img {
  width: 100%;
  height: auto;
}

.contenido-nodo-webform .field--name-body a {
  color: #2680C1;
  font-weight: bold;
}
.contenido-nodo-webform h3 {
  font-weight: bold;
}
.contenido-nodo-webform #edit-actions-submit {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.menu-biblioteca .menu-es,
.menu-eventos .menu-es {
  display: block;
}
.menu-biblioteca .menu-en,
.menu-eventos .menu-en {
  display: none;
}

.menu-library .menu-en,
.menu-events .menu-en {
  display: block;
}
.menu-library .menu-es,
.menu-events .menu-es {
  display: none;
}

.menu-en.language {
  display: block;
}

.menu-es.language {
  display: none;
}

.menu-es.idioma {
  display: block;
}

.menu-en.idioma {
  display: none;
}

.menu-library ul.nav.navbar-nav {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  flex-direction: row;
}
.menu-library ul.nav.navbar-nav li {
  float: left;
  padding: 0 !important;
  margin: 0 10px 0 0;
}
.menu-library ul.nav.navbar-nav li:before {
  display: none;
}
.menu-library ul.nav.navbar-nav li a {
  border: #fff 1px solid;
  padding: 5px 8px;
  color: #fff;
  text-transform: none;
}
.menu-library ul.nav.navbar-nav li a:before {
  display: none;
}
.menu-library ul.nav.navbar-nav a.is-active {
  background: #D7B50F;
  text-transform: none;
  color: #000000;
  border: 1px solid #000000;
}
.menu-library ul.nav.navbar-nav a:hover {
  background: #D7B50F;
  text-transform: none;
  color: #000000;
  border: 1px solid #000000;
}

.compartir {
  border-top: 1px solid #6C4124;
  margin-top: 30px;
  padding-top: 15px;
}

.texto-verde {
  color: #18721C;
}
.texto-verde a {
  color: #18721C;
}
.texto-verde span {
  padding-right: 5px;
}

.video-container .field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%;
}
.video-container .field--name-field-media-oembed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.titulo-video span {
  color: #2680C1;
  font-weight: bold;
}

.bg-login {
  background-image: url(../img/HEADER-AZUL01.jpg);
  background-repeat: round;
  padding: 50px;
}
.bg-login .texto-login p {
  color: #fff;
  font-weight: 600;
}

.categoria-grupos {
  padding: 5px;
  font-size: 22px;
}
.categoria-grupos #cat-64 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta1.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-64:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta1.svg) no-repeat center center #cfcfd0;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-65 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta2.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-65:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta2.svg) no-repeat center center #cfcfd0;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-66 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta3.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-66:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta3.svg) no-repeat center center #cfcfcf;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-67 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta4.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-67:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta4.svg) no-repeat center center #cfcfcf;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-68 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta5.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-68:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta5.svg) no-repeat center center #cfcfcf;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-69 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta6.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-69:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta6.svg) no-repeat center center #cfcfcf;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-70 {
  padding-top: 180px;
  font-family: "Jost";
  background: url(../img/icn_Carpeta7.svg) no-repeat center center #EDEDEE;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}
.categoria-grupos #cat-70:hover {
  padding-top: 180px;
  background: url(../img/icn_Carpeta7.svg) no-repeat center center #cfcfcf;
  display: block;
  background-size: 150px;
  background-position-y: 15px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 10px;
  color: #2680C1;
  transition: 0.5s;
}

.vista-admin .boton-editar {
  background: url(../img/icon-edit.svg) no-repeat #5FB347;
  border: 1px solid #5FB347;
  color: #fff;
  background-position-x: 90%;
  background-position-y: 7px;
  padding: 7px 40px 7px 10px;
  border-radius: 5px;
  background-size: 20px;
}
.vista-admin .header-vista {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 5px solid #2680C1;
}
.vista-admin .fondo-verde {
  background: #5CB547;
  padding-top: 40px;
  padding-bottom: 40px;
}
.vista-admin .fondo-blanco {
  background: #FFFFFF;
}
.vista-admin .texto-blanco {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 20px;
}
.vista-admin .fondo-gris {
  color: #E6E5E6;
}
.vista-admin .boton-cafe {
  background: url(../img/icon-agregar.svg) no-repeat center right #492A18;
  color: #FFFFFF;
  padding: 7px 40px 7px 7px;
  margin-top: 10px;
  display: block;
  width: fit-content;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  background-size: 20px;
  background-position-x: 95%;
  transition: 0.5s;
}
.vista-admin .boton-cafe:hover {
  background: url(../img/icon-agregar.svg) no-repeat center right #6C4124;
  background-size: 20px;
  background-position-x: 95%;
  transition: 0.5s;
}
.vista-admin h1 {
  font-family: "Jost";
  font-size: 30px;
  color: #2680C1;
  text-transform: uppercase;
}
.vista-admin input#edit-submit-admin-hitos {
  margin-top: 30px;
}
.vista-admin input#edit-submit-admin-indicadores {
  margin-top: 30px;
}
.vista-admin .lista-tabla {
  padding: 30px;
}
.vista-admin .lista-tabla.export {
  font-size: 0.8em;
}
.vista-admin tbody tr:nth-child(even) {
  background: #FFFFFF;
}
.vista-admin tbody tr:nth-child(odd) {
  background: #E3F0DF !important;
  --bs-table-striped-bg: #E3F0DF !important;
}
.vista-admin tr a {
  text-decoration: none;
  color: #000000;
}
.vista-admin .dropbutton-widget {
  border: 1px solid #5FB347;
  background-color: #5FB347;
  color: #fff;
}
.vista-admin .dropbutton-widget a {
  color: #FFFFFF;
}
.vista-admin .dropbutton-widget .dropbutton {
  margin-left: 0;
  border-right: 0px solid transparent;
}
.vista-admin .dropbutton-widget .dropbutton li:before {
  background: transparent;
  border-color: transparent transparent transparent transparent !important;
}
.vista-admin .dropbutton-widget ul {
  margin-left: 0;
}
.vista-admin .dropbutton-widget li {
  padding-left: 5px;
}
.vista-admin .dropbutton-widget .dropbutton-arrow {
  background: url(../img/icon-edit.svg) no-repeat;
  background-size: 20px;
  position: absolute;
  top: 0%;
  right: 30%;
  display: block;
  overflow: hidden;
  width: 25px;
  height: 25px;
  margin-top: 0;
  border-width: 0;
  background-position-x: 0;
  background-position-y: 5px;
}
.vista-admin .dropbutton-widget .dropbutton-toggle {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  width: 2em;
  white-space: nowrap;
  text-indent: 110%;
}
.vista-admin .btn-primary {
  background: #2176A8;
  border: none;
}
.vista-admin .views-exposed-form label {
  color: #2680C1;
  text-transform: uppercase;
}
.vista-admin .views-exposed-form .form--inline {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.vista-admin .pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: #2680c1;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: #fff;
  --bs-pagination-hover-bg: #2680c1 !important;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: #fff;
  --bs-pagination-focus-bg: #2680c1 !important;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #2680c1 !important;
  --bs-pagination-active-border-color: #2680c1 !important;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

@media (max-width: 763px) {
  .bg-program-components .title {
    text-align: center;
  }
  .objetc-program .text-objetc p {
    width: 100%;
  }
  .column-strip .title-news {
    transform: none;
    left: 0px;
    top: 30px;
    padding: 5px;
  }
  .column-strip .title-news .title {
    font-size: 30px;
    text-align: center;
  }
  .column-strip .img-news {
    padding-left: 0px;
  }
  .bg-news .button-news {
    left: 40%;
    top: 30%;
  }
}
#block-transformainnova-content {
  background: #EDEDEE;
}
#block-transformainnova-content ul {
  margin-left: 10px;
}
#block-transformainnova-content ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}
#block-transformainnova-content ul li:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #05cb54;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 7px;
  left: 0;
}
#block-transformainnova-content .user-pass {
  padding: 80px 160px;
}
#block-transformainnova-content .user-pass em.placeholder {
  color: #2275A8;
}

.bg-white-1 {
  background-color: #EDEDEE;
}

.indicadores-list h3 {
  color: #545454;
  margin: 0;
  font-weight: 500;
}
.indicadores-list .component-1 {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.indicadores-list .component-1 .icon-results {
  height: 60px;
  width: 80px;
  background-color: #E2E2E2;
  mask: url(../img/icn_Resultados_Gobernanza.svg) no-repeat right bottom/contain;
  -webkit-mask: url(../img/icn_Resultados_Gobernanza.svg) no-repeat right bottom/contain;
}
.indicadores-list .component-2 {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.indicadores-list .component-2 .icon-results {
  height: 60px;
  width: 80px;
  background-color: #E2E2E2;
  mask: url(../img/icn_Resultados_Agricola.svg) no-repeat right bottom/contain;
  -webkit-mask: url(../img/icn_Resultados_Agricola.svg) no-repeat right bottom/contain;
}
.indicadores-list .component-3 {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.indicadores-list .component-3 .icon-results {
  height: 60px;
  width: 80px;
  background-color: #E2E2E2;
  mask: url(../img/icn_Resultados_Marino.svg) no-repeat right bottom/contain;
  -webkit-mask: url(../img/icn_Resultados_Marino.svg) no-repeat right bottom/contain;
}
.indicadores-list .component-4 {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.indicadores-list .component-4 .icon-results {
  height: 60px;
  width: 80px;
  background-color: #E2E2E2;
  mask: url(../img/icn_Resultados_Financiamiento.svg) no-repeat right bottom/contain;
  -webkit-mask: url(../img/icn_Resultados_Financiamiento.svg) no-repeat right bottom/contain;
}
.indicadores-list .component-5 {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.indicadores-list .component-5 .icon-results {
  height: 60px;
  width: 80px;
  background-color: #E2E2E2;
  mask: url(../img/ico-concientizacion.svg) no-repeat right bottom/contain;
  -webkit-mask: url(../img/ico-concientizacion.svg) no-repeat right bottom/contain;
}
.indicadores-list .card.indicador span {
  font-weight: 400;
}
.indicadores-list .indicador {
  color: #000000;
  height: 95%;
}
.indicadores-list .indicador span {
  font-size: 1.3em;
  font-weight: bold;
}
.indicadores-list .indicador.flipped {
  border: 2px solid #EDEDEE !important;
  background: #19587F !important;
  color: #FFFFFF !important;
}
.indicadores-list .indicador.status-12 {
  background: #FFFFFF;
  color: #545454;
  border: 2px solid #9B1E24;
}
.indicadores-list .indicador.status-13 {
  background: #FFFFFF;
  color: #545454;
  border: 2px solid #D7B50F;
}
.indicadores-list .indicador.status-14 {
  background: #FFFFFF;
  color: #545454;
  border: 2px solid #417F2D;
}
.indicadores-list .indicador .status .status-12 {
  margin-left: 10px;
}
.indicadores-list .indicador .status .status-12:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #9B1E24;
  margin-top: 5px;
  margin-right: 5px;
}
.indicadores-list .indicador .status .status-13 {
  margin-left: 10px;
}
.indicadores-list .indicador .status .status-13:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 18px solid #D7B50F;
  margin-top: 5px;
  margin-right: 5px;
}
.indicadores-list .indicador .status .status-14 {
  margin-left: 10px;
}
.indicadores-list .indicador .status .status-14:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #417F2D;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 5px;
}

.title-results {
  color: #231F20;
  font-weight: 600;
  font-family: "Jost";
  font-size: 35px;
}

.resultados.header .title {
  background: #6C4124;
}
.resultados.header .title h2 {
  color: #FFFFFF;
  font-weight: bold;
  transform: rotate(270deg);
  position: relative;
  top: 40%;
  right: -15%;
}
@media (max-width: 768px) {
  .resultados.header .title h2 {
    transform: none;
    position: initial;
    display: block;
    padding: 10px;
  }
}
.resultados.header .image img {
  width: 100%;
  height: 250px;
}
.resultados.header .desc {
  background: #492A18;
  color: #FFFFFF;
  padding-top: 30px;
}
.resultados.header .desc p {
  width: 80%;
}

.simbologia .simbol {
  font-family: "Poppins";
  font-size: 18px;
  color: #545454;
}
.simbologia .border-bottom {
  border-bottom: 1px solid #492A18 !important;
}
.simbologia .rojo {
  font-family: "Poppins";
  font-size: 18px;
  color: #545454;
}
.simbologia .rojo:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #9B1E24;
  margin-top: 5px;
  margin-right: 5px;
}
.simbologia .amarillo {
  font-family: "Poppins";
  font-size: 18px;
  color: #545454;
}
.simbologia .amarillo:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 18px solid #D7B50F;
  margin-top: 5px;
  margin-right: 5px;
}
.simbologia .verde {
  font-family: "Poppins";
  font-size: 18px;
  color: #545454;
}
.simbologia .verde:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #417F2D;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 5px;
}

.componentes .title {
  background: #19587F;
  color: #FFFFFF;
}
.componentes .title h2 {
  transform: rotate(270deg);
  right: 10%;
  position: relative;
  top: 20%;
}
.componentes .title-desc {
  color: #231F20;
  font-size: 28px;
  font-weight: bold;
  font-family: "Jost";
}
.componentes .component-1 {
  background: url(../img/icn_Componentes_Gobernanza.svg) no-repeat 0px 80px;
  background-size: 90%;
}
.componentes .component-2 {
  background: url(../img/icn_Componentes_Agricola.svg) no-repeat 0px 80px;
  background-size: 90%;
}
.componentes .component-3 {
  background: url(../img/icn_Componentes_Marino.svg) no-repeat 10px 80px;
  background-size: 90%;
}
.componentes .component-4 {
  background: url(../img/icn_Componentes_Financiamiento.svg) no-repeat 10px 80px;
  background-size: 90%;
}
.componentes .component-5 {
  background: url(../img/icn_Componentes_Concientizacion.svg) no-repeat 10px 80px;
  background-size: 90%;
}

.componentes-list a {
  color: #FFFFFF;
  min-height: 75px;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
.componentes-list a.component-1 {
  background: #D7B50F;
  color: #000000;
}
.componentes-list a.component-1:hover {
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #000000;
}
.componentes-list a.component-2 {
  background: #18721C;
}
.componentes-list a.component-2:hover {
  color: #18721C;
  background-color: #FFFFFF;
  border: 2px solid #18721C;
}
.componentes-list a.component-3 {
  background: #2275A8;
}
.componentes-list a.component-3:hover {
  color: #2275A8;
  background-color: #FFFFFF;
  border: 2px solid #2275A8;
}
.componentes-list a.component-4 {
  background: #6C4124;
}
.componentes-list a.component-4:hover {
  color: #6C4124;
  background-color: #FFFFFF;
  border: 2px solid #6C4124;
}
.componentes-list a.component-5 {
  background: #992652;
}
.componentes-list a.component-5:hover {
  color: #992652;
  background-color: #FFFFFF;
  border: 2px solid #992652;
}

.quote {
  color: #6C4124;
  font-weight: bold;
  border-top: #6C4124 2px solid;
  border-bottom: #6C4124 2px solid;
  text-align: center;
}

.file {
  background: none;
}

.flip {
  -webkit-perspective: 800;
  perspective: 800;
  position: relative;
  margin-bottom: 25px;
}

.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
  transform: rotatey(-180deg);
}

.flip .card {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
  background-color: #fff;
  border: none;
  border-radius: 0;
  min-height: 260px;
}

.flip .card .face {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
}

.flip .card .front {
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.flip .card .back {
  -webkit-transform: rotatey(-180deg);
  transform: rotatey(-180deg);
  position: absolute;
}

.inner {
  margin: 0px !important;
}

.bg-grey {
  background: #EDEDEE;
}

.region-content {
  padding: 0;
}

@media (max-width: 991px) {
  #block-views-block-componentes-de-programa-block-1 .ic img {
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  .bg-news-content {
    background: #5CB547;
    padding: 50px 50px;
  }
  .bg-featured-phrase {
    background: #FFED00;
    color: #231F20;
    padding: 70px 50px 50px 50px;
  }
  .bg-transparent {
    background: transparent;
    color: #231F20;
    padding: 70px 50px 50px 50px;
  }
  .path-frontpage header {
    background: #fff;
  }
  .path-frontpage .principal-slider {
    margin-top: -100px;
  }
  .path-frontpage .bg-dark {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
  }
  .path-frontpage .region-nav-branding {
    display: block;
  }
  .path-frontpage .principal-slider {
    position: relative;
  }
  .column-strip .title-news {
    transform: rotate(270deg);
    left: -10%;
    position: relative;
    top: 42%;
    width: 345px;
  }
}
.bg-blue-component .monitoring-sistem {
  display: flex;
  padding-top: 70px;
  align-items: center;
  justify-content: center;
}
.bg-blue-component .monitoring-sistem a {
  text-decoration: none;
}
.bg-blue-component .monitoring-sistem h2 {
  width: 480px;
  color: #FFFFFF;
  font-size: 2.2em;
  font-family: "Poppins";
}
.bg-blue-component .menu-components {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-blue-component .menu-components h5 {
  text-align: center;
  color: #FFED00;
  font-size: 1.5em;
  font-family: "Poppins";
  font-weight: bold;
}
.bg-blue-component .menu-components .nav {
  flex-direction: row;
  background: white;
  border-radius: 15px;
  padding: 5px 12px;
}
.bg-blue-component .menu-components .nav .nav-item a {
  color: #2680C2;
  font-size: 1em;
  font-weight: 400;
  font-family: "Poppins";
}

.bg-green-component .indicator .percent span {
  font-size: 20px;
}
.bg-green-component .indicator .percent p {
  font-size: 20px;
  display: contents;
  margin-bottom: 0px;
}

.node-indicadores-del-proyecto-edit-form .field-add-more-submit {
  background-color: #5fb347;
  color: #FFFFFF;
  padding: 4px 8px !important;
}
.node-indicadores-del-proyecto-edit-form .field-add-more-submit:hover {
  background-color: #FFFFFF;
  color: #5FB347;
  border: 1px solid #5FB347;
}

.field-add-more-submit {
  background-color: #5fb347;
  color: #FFFFFF;
  padding: 4px 8px !important;
}
.field-add-more-submit:hover {
  background-color: #FFFFFF;
  color: #5FB347;
  border: 1px solid #5FB347;
}

.contenido-general .title-page {
  color: #000000;
  font-family: "Jost";
  font-weight: bold;
  font-size: 40px;
}
.contenido-general .body-page-basic p,
.contenido-general .body-page-basic li,
.contenido-general .body-page-basic span {
  color: #545454;
  font-weight: 500;
  font-size: 1.125em;
  font-family: "Poppins";
}
.contenido-general .contenido-page .bloque-flexible .color-cafe {
  padding-top: 35px;
}
.contenido-general .contenido-page .phs-text h2 {
  font-size: 35px;
  text-transform: uppercase;
}

.region-program-components a:hover img {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.74));
  transition: 0.5s;
}

.media-oembed-content {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}/*# sourceMappingURL=layout.css.map */