/*
Theme Name:   Movedo Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Movedo Child Theme
Version:      3.5.7
Author:       Greatives Team
Author URI:   https://greatives.eu
Template:     movedo
*/

/*** Colores ***/
:root {
  --primary-color: #2e3192; /*azul oscuro*/
  --secondary-color: #ec0089; /*rosa*/
  --terciary-color: #fff200; /*amarillo*/
  --fourth-color: #00a651; /* verde */
  --fifth-color: #00aeef; /* azul claro */
  --sixth-color: #323232; /*gris oscuro*/
  --seventh-color: #e6eef0; /*fondo azul*/
  --eight-color: #f4f4f4; /* fondo gris */
  --white: #fff;
  --black: #000;
  --grey: #f3f7f9;
  --grey-footer: #dbdbdb;

  /*--family-title: "Quicksand", sans-serif;
  --family-base: "Quicksand", sans-serif;*/

  --family-title: "Quicksand", sans-serif;
  --family-base: 'Roboto', sans-serif;
  --family-oswald: 'Oswald', sans-serif;
}

/** Movedo **/

/* Estructura general */
.content-wrapper {
    display: flex;
    background-color: white;
}

.sidebar {width: 25%;/* Estilos adicionales para el sidebar */}

.main-content {width: 75%;/* Estilos adicionales para el área de contenido */}

/* Estilo para las taxonomías */
.taxonomia {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    /* Estilos adicionales para las taxonomías */
}
    .taxonomia:hover {background-color: #f9f9f9;}

/* Estilo para los posts ocultos */
.posts-ocultos {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    /* Estilos adicionales para los posts ocultos */
}
    .posts-ocultos.active {max-height: 1000px; /* Ajusta según la altura máxima que esperas */}

/* Estilo para los enlaces de los posts */
.post-link {
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s, color 0.3s;
}
    .post-link:hover {
        background-color: #f5f5f5;
        color: #007bff;
    }

/*** Genérico ***/
html {
  font-size: 10px; /* 100% = 16px */
}
body {
    font-family: var(--family-base);
    font-size: 1.8rem;
    line-height: 1.25
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--family-title);
    font-weight: 700;
    line-height: 1.26;
    text-transform: uppercase;
}
    h1 {font-size: 2.375rem} /*38*/
    h2 {font-size: 2.0625rem; margin-bottom: 3.7rem;} /*33*/
    h3 {font-size: 1.625rem} /*26*/
    h4 {font-size: 1.5rem} /*24*/
    h5 {font-size: 1.375rem} /*22*/
    h6 {font-size: 1.25rem} /*20*/

.bg-primary {
  background: var(--primary-color);
}
.bg-secondary {
  background: var(--secondary-color);
}
.bg-terciary {
  background: var(--terciary-color);
}
.bg-fourth {
  background: var(--fourth-color);
}
.bg-fifth {
  background: var(--fifth-color);
}

.color-primary {
  color: var(--primary-color);
}
.color-secondary {
  color: var(--secondary-color);
}
.color-terciary {
  color: var(--terciary-color);
}
.color-fourth {
  color: var(--fourth-color);
}
.color-fifth {
  color: var(--fifth-color);
}

/* Header */
.grve-hidden-menu-btn {
  display: none;
}
#grve-main-header.grve-header-default {
  border-bottom: solid 1px var(--sixth-color);
}
.grve-header-elements {
    border: 0;
  }
.grve-header-elements-wrapper a {
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin-left: 2.5rem;
}
/* Home */
.home #grve-main-header.grve-header-default {
  border: 0;
}
.banda-separadores .grve-column {
  padding: 0!important;
  }
  .banda-separadores .grve-divider {
    height: .6rem;
    }
.banda-destacada h1 {
  color: var(--white);
  font-weight: normal;
}
.bloque-cajas .grve-box-icon {
  padding: 2.5rem 0 2rem;
}
.bloque-cajas .grve-box-icon.grve-top-icon .grve-image-icon {
  margin: 0 0 0.5rem;
  }
  .bloque-cajas .grve-box-icon.grve-top-icon img {
    height: auto;
  }
  .bloque-cajas .grve-box-icon.grve-top-icon h3 {
    color: var(--white);
  }
  .bloque-cajas .grve-column-inner:nth-child(3) .grve-box-icon.grve-top-icon h3 {
    color: var(--sixth-color);
  }
.banda-enlaces {
  border-top: solid 1px var(--primary-color);
  padding-top: 7rem;
  }
  .banda-enlaces .grve-btn {
    font-size: 18px!important;
    font-weight: bold!important;
    margin-top: 2rem;
    padding: .7rem 2rem;
    text-transform: none;
  }

/* Login */
.wppb-error {
  margin: 3rem 0 0 0!important;
}
.wppb-alert {
  margin-top: 3rem;
  text-align: center;
}
.gform_fields,
.wppb-user-forms {
  margin-top: 7.6rem;
}
.wppb-user-forms .wppb-form-field {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  }
  .wppb-user-forms .wppb-form-field.login-remember {
    flex-direction: row;
  }
.wppb-user-forms label {
   font-size: 1.8rem!important;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.28;
   letter-spacing: normal;
   margin-bottom: 1.5rem;
   text-align: left;
   text-transform: uppercase;
}
.gform_fields input,
.wppb-user-forms input {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
 background-color: var(--white);
 border-radius: 2rem!important;
 color: var(--sixth-color);
 font-size: 1.8rem!important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
 padding: 2rem!important;
 text-transform: uppercase;
 width: 100%!important;
}
.wppb-user-forms .wppb-form-field.login-remember label {
  text-transform: none;
}
.wppb-user-forms .wppb-form-field.login-remember input {
  width: auto!important;
}
.wppb-user-forms .login-submit {
  text-align: right;
  }
  .gform_wrapper input.gform_button,
  .wppb-user-forms input#wppb-submit {
    border-radius: 99rem!important;
    box-shadow: none;
    font-weight: bold!important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    padding: 1.7rem 4rem!important;
    width: auto!important;
    }
/* Navegación Indicadores */
#custom-indicador-navigation {
    display: flex;
    justify-content: space-between;
    margin: 20px 30px; /* Espacio exterior para separar del contenido adyacente */
    padding: 0 15px; /* Espacio interno para no pegar el contenido a los bordes */
}

#custom-indicador-navigation .nav-column {
    width: 50%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    position: relative; /* Preparación para el separador vertical */
}

/* Añadir un separador vertical sólo entre las dos columnas */
#custom-indicador-navigation .nav-column:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ccc;
}

#custom-indicador-navigation .nav-column a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 5px 0;
}

#custom-indicador-navigation .nav-column a:hover {
    color: #555;
}

#custom-indicador-navigation .nav-column span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}

#custom-indicador-navigation .nav-column .post-title {
    font-weight: bold; /* Negrita para el nombre del indicador */
}

/* Indicadores */
.indicadores-template-default #grve-main-menu {
  display: none;
}
.indicadores-template-default ul {
  list-style: none;
  margin: 0;
}
.indicador-menu ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  }
  .indicador-menu ul li {
    border-left: 1px solid var(--white);
    flex: auto;
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    }
    .indicador-menu ul li a {
      color: var(--white);
      font-size: 2rem;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: normal;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      transition: color 0.3s;
      }
      .indicador-menu ul li a::after {
        background: var(--white);
        content: "";
        position: absolute;
        bottom: -.5rem;
        left: 0;
        width: 100%;
        height: 0.6rem;
        top: auto;
        z-index: 1;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.5s ease-in-out;
        }
        .indicador-menu ul li:nth-child(4) a::after {
          background: var(--sixth-color);
        }
        .indicador-menu ul li a:hover::after {
          transform: scaleX(1);
        }
    .indicador-menu ul li:first-child {
      background: var(--sixth-color);
      border: 0;
      }
    .indicador-menu ul li:nth-child(2) {
      background: var(--primary-color);
      }
    .indicador-menu ul li:nth-child(3) {
      background: var(--secondary-color);
      }
    .indicador-menu ul li:nth-child(4) {
      background: var(--terciary-color);
      }
      .indicador-menu ul li:nth-child(4) a {
        color: var(--sixth-color);
      }
    .indicador-menu ul li:nth-child(5) {
      background: var(--fourth-color);
      }
    .indicador-menu ul li:nth-child(6) {
      background: var(--fifth-color);
      }
	  .indicador-menu ul li:last-child {
		background: var(--sixth-color);
		}
      .indicador-menu ul li:first-child a,.indicador-menu ul li:last-child a {
        color: var(--sixth-color);
        position: relative;
        }
        .indicador-menu ul li:first-child a::before {
          content: "\f015";
          color: var(--white);
          font-family: 'FontAwesome';
          height: 2rem;
          left: 0;
          position: relative;
          top: 0;
          width: 2rem;
          }
        .indicador-menu ul li:first-child a::after {
          content: none;
        }
		.indicador-menu ul li:last-child a::before {
			content: "\e905";
			color: var(--white);
			font-family: 'movedo-icons' !important;
			height: 2rem;
			left: 0;
			position: relative;
			top: 0;
			width: 2rem;
			}
			.indicador-menu ul li:last-child a::after {
				content: "none";
				}


		.indicador-primer-nivel,
		.indicador-segundo-nivel {
			cursor: pointer;
		}
    .indicador-primer-nivel.expanded {
      padding-right: 3.5rem !important;
    }
		.indicador-primer-nivel.expanded::after,
		.indicador-segundo-nivel.expanded::after {
			content: "\f077";
			padding-left: 5px;
		}
    .indicador-primer-nivel,
		.indicador-segundo-nivel {
      padding-right: 3.5rem !important;
    }
		.indicador-primer-nivel::after,
		.indicador-segundo-nivel::after {
			content: "\f078";
			padding-left: 5px;
		}

    .bloque-izquierdo ul li p {
     position: relative;
    }
    .bloque-izquierdo ul li p:after {
    	left: auto;
    	font-family: 'FontAwesome';
     position: absolute;
    	right: 0;
    	transform: translate(-50%, -50%);
    	top: 50%;
    }


.content-info-indicadores {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3rem 0 0 0;
  }
  .bloque-izquierdo {
    display: flex;
    flex: 0 0 30%;
    flex-direction: column;
    }
    .content-bloque-izquierdo {
      background: var(--eight-color);
      padding: 2rem 3rem;
      }
    .bloque-izquierdo p,
    .indicadores-featured p {
      border-bottom: solid 3px var(--sixth-color);
      font-size: 1.8rem;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.28;
      letter-spacing: normal;
      margin: 0 0 1.1rem;
      padding: 0 0 0.4rem;
      text-align: left;
      text-transform: uppercase;
    }
    .indicadores-featured p {
      border-bottom: solid 1px var(--sixth-color);
    }
    .bloque-izquierdo ul li {
      background: var(--secondary-color);
      color: var(--white);
      font-size: 1.6rem;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: normal;
      text-align: left;
      }
      .bloque-izquierdo ul li p {
        border: 0;
        font-size: 1.6rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        margin: 0;
        padding: 0.8rem 1rem;
        position: relative;
        text-align: left;
        text-transform: none;
        }
        .bloque-izquierdo ul li p.indicador-primer-nivel {
          font-weight: 700;
        }
        .bloque-izquierdo ul li p.enlace-indicador {
          padding: 0;
        }
      .bloque-izquierdo ul li ul {
        background: var(--eight-color);
        margin: 0;
        padding: 0;
      }
      .bloque-izquierdo ul li ul li {
        background: var(--eight-color);
        border-bottom: solid 2px var(--sixth-color);
        color: var(--sixth-color);
        font-size: 1.6rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        margin-bottom: 1rem;
        padding: .5rem 0 0.7rem ;
        text-align: left;
        }
        .bloque-izquierdo ul li ul li:last-child {
          border: 0;
          }
        .bloque-izquierdo ul li ul li ul  {
          border-top: solid 2px var(--sixth-color);
          margin-top: 0;
          padding-top: .7rem;
          }
          .bloque-izquierdo ul li ul li ul li {
            background-color: #dedede;
            border-bottom: 1px dotted var(--sixth-color);
            font-size: 1.6rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.25;
            letter-spacing: normal;
            padding: 0.5rem 1rem;
            margin: 0;
            text-align: left;
            }
            .bloque-izquierdo ul li ul li ul li:last-child {
              border: 0;
              margin: 0;
              }
  .bloque-derecho {
    display: flex;
    flex: 0 0 66%;
    flex-direction: column;
    }
    .bloque-derecho .indicadores-featured {
      background-color: var(--eight-color);
      margin-bottom: 4.5rem;
      padding: 11px 25px 13px 20px;
      }
      .bloque-derecho .content-indicadores-featured {
        display: flex;
        justify-content: space-between;
        }
        .bloque-derecho .sub-bloque-izquierdo {
          display: flex;
          flex-direction: row;
          padding-right: 2rem;
        }
        .bloque-derecho .indicador-code p {
          border-radius: 11px;
          background-color: var(--sixth-color);
          color: var(--white);
          font-size: 18px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          padding: 0 1rem;
        }
        .bloque-derecho .content-indicador-title-peso {
          padding-left: 1rem;
          }
          .bloque-derecho .content-indicador-title-peso .indicador-title,
          .bloque-derecho .content-indicador-title-peso .peso-maximo {
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            text-align: left;
            text-transform: uppercase;
            color: var(--sixth-color);
            }
            .bloque-derecho .content-indicador-title-peso .peso-maximo {
              color: var(--sixth-color)!important;
              font-size: 1.6rem;
              margin: .75rem 0;
              text-transform: none;
            }
        .bloque-derecho .sub-bloque-derecho {
          align-items: center;
          background: var(--secondary-color);
          border-radius: 99rem;
          display: flex;
          justify-content: center;
          height: 4rem;
          min-width: 4rem;
          width: 4rem;
          }
          .bloque-derecho .sub-bloque-derecho i {
            color: var(--white);
          }
      .bloque-derecho .content-title-acf {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-bottom: 1.2rem;
        position: relative;
        }
        .bloque-derecho .content-title-acf::after {
          content: "";
          background: var(--secondary-color);
          bottom: 0;
          height: 1px;
          left: 4rem;
          position: absolute;
          top: auto;
          width: calc( 100% - 4rem );
        }
        .bloque-derecho .content-title-acf .icono-asociado {
          display: flex;
          width: 4rem;
        }
        .bloque-derecho .content-title-acf img {
          margin-right: 1.4rem;
        }
        .bloque-derecho .content-title-acf h3 {
          color: var(--sixth-color);
          font-size: 1.8rem;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.28;
          letter-spacing: normal;
          text-align: left;
        }
        .bloque-derecho .content-faqs {
          background: var(--eight-color);
          margin-bottom: 3.6rem;
          padding: 1.6rem 3rem;
          }
          .bloque-derecho .content-faqs h4 {
            color: var(--sixth-colo);
            font-size: 1.6rem;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.25;
            letter-spacing: normal;
            text-transform: none;
            text-align: left;
          }
      .bloque-derecho .acf-field ul {
        list-style: none;
        padding-left: 1.5rem;
        position: relative;
        }
        .bloque-derecho .acf-field ul li {
          padding-left: 2rem;
          position: relative;
        }
        .bloque-derecho .acf-field ul li:before {
          content: "";
          border-radius: 99rem;
          background: var(--secondary-color);
          height: .8rem;
          left: 0;
          position: absolute;
          top: 1.2rem;
          width: .8rem;
        }
        .bloque-derecho .acf-field ol li::marker {
          color: var(--secondary-color);
          font-weight: bold;
        }


/* Estilos colores categorias */
.gobernanza .bloque-izquierdo ul li,
.gobernanza .bloque-derecho .sub-bloque-derecho,
.gobernanza .bloque-derecho .content-title-acf::after {
    background: var(--primary-color);
}
.innovacion .bloque-izquierdo ul li,
.innovacion .bloque-derecho .sub-bloque-derecho,
.innovacion .bloque-derecho .content-title-acf::after {
    background: var(--secondary-color);
}
.tecnologia .bloque-izquierdo ul li,
.tecnologia .bloque-derecho .sub-bloque-derecho,
.tecnologia .bloque-derecho .content-title-acf::after {
    background: var(--terciary-color);
}
.sostenibilidad .bloque-izquierdo ul li,
.sostenibilidad .bloque-derecho .sub-bloque-derecho,
.sostenibilidad .bloque-derecho .content-title-acf::after {
    background: var(--fourth-color);
}
.accesibilidad .bloque-izquierdo ul li,
.accesibilidad .bloque-derecho .sub-bloque-derecho,
.accesibilidad .bloque-derecho .content-title-acf::after {
    background: var(--fifth-color);
}
.gobernanza .bloque-izquierdo ul li ul li,
.innovacion .bloque-izquierdo ul li ul li,
.tecnologia .bloque-izquierdo ul li ul li,
.sostenibilidad .bloque-izquierdo ul li ul li,
.accesibilidad .bloque-izquierdo ul li ul li
{
    background: var(--eight-color);
}
.gobernanza .bloque-izquierdo ul li ul li ul li,
.innovacion .bloque-izquierdo ul li ul li ul li,
.tecnologia .bloque-izquierdo ul li ul li ul li,
.sostenibilidad .bloque-izquierdo ul li ul li ul li,
.accesibilidad .bloque-izquierdo ul li ul li ul li {
    background-color: #dedede;
}

.gobernanza .bloque-derecho .content-indicador-title-peso .peso-maximo,
.gobernanza .bloque-derecho .acf-field ol li::marker {
    color: var(--primary-color);
}
.innovacion .bloque-derecho .content-indicador-title-peso .peso-maximo,
.innovacion .bloque-derecho .acf-field ol li::marker {
    color: var(--secondary-color);
}
.tecnologia .bloque-derecho .content-indicador-title-peso .peso-maximo,
.tecnologia .bloque-derecho .acf-field ol li::marker {
    color: var(--terciary-color);
}
.sostenibilidad .bloque-derecho .content-indicador-title-peso .peso-maximo,
.sostenibilidad .bloque-derecho .acf-field ol li::marker {
    color: var(--fourth-color);
}
.accesibilidad .bloque-derecho .content-indicador-title-peso .peso-maximo,
.accesibilidad .bloque-derecho .acf-field ol li::marker {
    color: var(--fifth-color);
}
.tecnologia .bloque-izquierdo ul li,
.tecnologia .bloque-derecho .sub-bloque-derecho i {
    color: #000;
}

/* Footer */
#grve-footer .footer-top img {
    height: 53px;
    object-fit: contain;
    width: auto;
}
#grve-footer .wpb_column ul {
  list-style: none;
  margin: 0;
  }
  #grve-footer .wpb_column ul li {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #3c3c3c;
    padding-bottom: 10px;
    }
#grve-footer .wpb_column  p {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #3c3c3c;
    margin: 0 0 1rem;
}
#grve-footer .social-sharing p {
  margin-bottom: 2rem;
}
#grve-footer .social-sharing  a {
    color: var(--grey-dark) !important;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-right: 20px;
}
#grve-footer .botones_login a {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color) !important;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  font-family: var(--family-oswald);
  font-stretch: normal;
  font-style: normal;
  justify-content: center;
  line-height: 1.63;
  letter-spacing: 0.89px;
  margin-top: 0;
  padding: 1.5rem 3.4rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  }
  #grve-footer .botones_login a:hover {
    background: var(--primary-color) !important;
    color: var(--white)!important;
  }
#grve-footer .grve-footer-wrapper .grve-container {
  border-top: solid 1px rgba(151, 151, 151, 0.49);
  padding: 2.5rem 0 0 0;
  }
  #grve-footer .grve-footer-wrapper .grve-container p {
    font-size: 16px;
    font-weight: normal;
    }

/* Media querys */
@media only screen and (max-width: 767px) {
  #grve-responsive-header .grve-logo .grve-wrapper img {
    width: 100%!important;
    object-fit: contain;
  }
  .banda-separadores .grve-column-1-5 {
    width: 20%!important;
  }
}
@media only screen and (max-width: 680px) {
  .content-info-indicadores .bloque-izquierdo,
  .content-info-indicadores .bloque-derecho {
    flex: 0 0 100%;
  }
}