/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

/* banner principal */

.c-iniciativas__columns-1-left {
    max-width: 44% !important;
}

    .wp-block-cover.c-iniciativas__columns-1-column-left-back {
        padding: 16px 20px 16px 30px;
    }

    .wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-block-cover-is-layout-constrained {
        max-width: 490px;
    }

    p.c-iniciativas__columns-1-title {
        text-align: left;
        /* line-height: 0.9; */
        max-width: 490px;
    }

    .wp-block-spacer.c-iniciativas__columns-1-spacer-1 {
        height: 15px !important;
    }

    .wp-block-cover.c-iniciativas__columns-1-column-left-back p {
        margin: 0 !important;
    }

    .wp-block-buttons.c-iniciativas__columns-1-buttons {
        margin: 0px !important;
    }

    .wp-block-spacer.c-iniciativas__columns-1-spacer-3 {
        height: 0px !important;
    }

.c-iniciativas__columns-1-right {
    max-width: 56% !important;
}

    .wp-block-cover.is-light.c-iniciativas__column-right-back img {
        border-radius: 0 0 0 60px;
    }

    
/* --------------------------------------------------------------------------- */

/* menu secundario */

.c-home-fundacion__menu-secundary-buttons {
    display: none !important;
}
/* .c-home-fundacion__menu-secundary-buttons {
    visibility: hidden !important;
} */

.o-menu-internal {
    z-index: 1 !important;
    padding-top: 0px !important;
	align-items: inherit !important;
}

ul.o-menu-internal.c-home-fundacion__menu-secundary {
    max-width: 100%;
    margin: 0 0 !important;
    /* padding-bottom: 30px; */
}

.o-menu-internal__element {
    /* color: #000; */
    padding-bottom: 30px !important;
    padding-top: 30px;
    color: #848484 !important;
    font-weight: 400 !important;
}

.o-menu-internal::after {
    width: 100% !important;
    left: 0 !important;
}

.o-menu-internal__element:hover:after {
    border-bottom: solid var(--color-barra-inferior-menu-secundario) 5px !important;
}

.menu-item-active {
    border-bottom: solid var(--color-barra-inferior-menu-secundario) 5px !important;
    content: '';
    transition: 0.5s;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    /* width: 0px; */
    left: 0;
    right: 0;
    margin: 0 !important;
    color: #000 !important;
	pointer-events: none;
}


/* --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */

/* bloque 2 */

.wp-block-spacer.c-iniciativas__spacer-1 {
    height: 59px !important;
}

p.has-text-align-center.c-iniciativas__columns-2-group-paragraph {
    max-width: 862px;
}


.wp-block-spacer.c-iniciativas__spacer-2 {
    height: 26px !important;
}


/* ---------------------------------------------------------------------- */

/* cards */

h2.c-iniciativas__columns-4-column-1-group-header {
    font-weight: 600 !important;
}

.wp-block-columns.c-iniciativas__columns-4 {
    justify-content: center;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap !important;
    max-width: 1312px;
    margin: 0 auto;
    padding: 30px;
}

.wp-block-column.c-iniciativas__columns-4-column-1 {
    height: 100% !important;
    max-height: 514px !important;
    width: 100%;
    max-width: 416px;
    min-width: 295px !important;
    cursor: pointer;
}

.wp-block-group.c-iniciativas__columns-4-column-1-group-front {
    width: 100%;
    max-width: 416px;
}

.wp-block-group.c-iniciativas__columns-4-column-1-group-back {
    min-height: 501px;
    padding: 30px 25px 0 25px;
    border-radius: 10px;
}

.wp-block-cover.is-light.c-iniciativas__columns-4-column-1-back-img {
    padding: 0px;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
}

.wp-block-cover.c-iniciativas__columns-4-column-1-back-img img {
    border-radius: 10px 10px 0 0;
}

.wp-block-cover.c-iniciativas__columns-4-column-1-back-img {
    max-width: 100%;
    border-radius: 10px 10px 0 0;
}

h2.wp-block-heading.c-iniciativas__columns-4-column-1-back-header,
p.has-text-align-left.c-iniciativas__columns-4-column-1-front-paragraph {
    margin: 0px !important;
    max-width: 100%;
}

.c-iniciativas__columns-4-column-1-group-spacer-1 {
    height: 15px !important;
}

h2.c-iniciativas__columns-4-column-1-group-header {
    font-weight: 700;
}

.wp-block-cover.c-iniciativas__columns-4-column-1-back-img {
    max-width: 100%;
}

.wp-block-spacer.c-iniciativas__columns-4-column-1-back-spacer-1 {
    height: 15px !important;
}

h2.wp-block-heading.c-iniciativas__columns-4-column-1-back-header, p.has-text-align-left.c-iniciativas__columns-4-column-1-front-paragraph {
    line-height: 1.4;
}


.flipbox:hover .back {
    opacity: 1;
}

.flipbox {
    perspective: 1000px;
  position: relative;
}

.front {

    /* width: 200px;
  height: 200px; */
  position: absolute;
  backface-visibility: hidden;
  transition: opacity 0.5s;
}

.back  {

    /* width: 200px;
  height: 200px; */
  position: relative;
  backface-visibility: hidden;
  transition: opacity 0.5s;
}

.front {
    transform: translateZ(0);
}

.back {
    opacity: 0;
    transform: translateZ(-1px);
}



/* ------------------------------------------------------------------------------- */

/* caccordion */

.wp-block-columns.c-iniciativas__columns-6 {
    justify-content: center;
    padding: 0 7vw;
}

.wp-block-column.c-iniciativas__columns-6-column {
    max-width: 808px;
}

hr.c-iniciativas__columns-6-separador {
    width: 100% !important;
}

h3.container-accordion.left {
    margin-top: 0;
    background: none;
    border: 0;
    font-weight: 600;
	padding: 21px 0px;
}

.container-accordion {
    padding: 5px 0px;
	margin-bottom: none !important;
}

.body-accordion {
/*     margin-top: 10px; */
	margin-bottom: 0px !important;
}

.button-show {
    justify-content: end;
}

.wp-block-column.c-iniciativas__columns-6-accordion-right {
    max-width: 500px;
    margin: 0 auto;
}

.title-content {
    border-top: 1px solid black;
	cursor: pointer;
}

.body-accordion.body-accordion--show {
    cursor: pointer;
}

.wp-block-columns.c-iniciativas__columns-6-accordion-column {
    margin-top: 1.75em;
    gap: 30px;
}


.accordion-minus {
    background-image: url("./icon/Vector.png");
    background-size: 17px;
    background-position: right;
    background-repeat: no-repeat;
}

.accordion-plus {
    background-image: url("./icon/fi_plus.png");
    background-size: 22px;
    background-position: right;
    background-repeat: no-repeat;
}

h3.container-accordion.left {
    font-family: var(--wp--preset--font-family--open-sans);
}

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */




.c-iniciativas__columns-4-1 {
    display: none !important;
}

/* .c-iniciativas__columns-5 {
    display: none !important;

} */


@media only screen and (min-width: 781px) and (max-width: 1280px) {

	
/* 	--------------------------------------------------------------------- */
	
/* menú secundario	 */
	
	.o-menu-internal__element:hover:after {
		width: 80% !important;
	}
	
/* 	--------------------------------------------------------------------- */
	
    h2.c-iniciativas__columns-4-column-1-group-header {
        font-weight: 700;
    }

    .wp-block-column.c-iniciativas__columns-4-column-1 {
        min-width: 353px !important;
    }

    h2.wp-block-heading.c-iniciativas__columns-4-column-1-back-header {
        font-size: 13px !important;
        font-size: 18px !important;
        font-weight: 600;
    }
    p.has-text-align-left.c-iniciativas__columns-4-column-1-front-paragraph {
        font-size: 14px !important;
        line-height: 1.4;
    }

    .wp-block-spacer.c-iniciativas__columns-4-column-1-back-spacer-1 {
        height: 10px !important;
    }

    .wp-block-columns.c-iniciativas__columns-4 {
        padding: 30px 10px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        max-width: 1170px;
    }

    .wp-block-group.c-iniciativas__columns-4-column-1-group-back {
        min-height: 492px;
        padding: 19px 18px 0 20px;
    }

    .wp-block-cover.is-light.c-iniciativas__columns-4-column-1-back-img {
        min-height: 420px;
    }
}



@media (max-width: 1000px) {
    /* menu secundario */
  
  
    .c-home-fundacion__menu-secundary-buttons {
      display: block !important;
  }
  
  .wp-block-buttons.c-home-fundacion__menu-secundary-buttons {
      text-align: center;
  }
  
  a.wp-block-button__link.wp-element-button {
      width: 100%;
  }
  
  .wp-block-button.c-home-fundacion__menu-secundary-button-1,
  .wp-block-button.c-home-fundacion__menu-secundary-button-2 {
      background-color: rgba(0, 0, 0, .05);
      width: 100%;
      margin: 10px 0;
      color: rgba(0, 0, 0, .05);
  }
  
  .wp-block-button.c-home-fundacion__menu-secundary-button-2 {
      display: none;
  }
  
  .o-menu-internal {
      padding: 0px !important;
      display: flow !important;
  }
  
  .menu-item-active {
      color: white !important;
      padding: 0 !important;
      border: 0px !important;
      background-color: #3f444b;
  }
  
  .o-menu-internal__element {
      color: #000;
      padding: 7px 0 !important;
      font-size: 16px !important;
  }
  
  .o-menu-internal__element:hover:after {
      border-bottom: 0px !important;
      color: white !important;
      padding: 0 !important;
      border: 0px !important;
      background-color: #5c5f63;
  }
  
  .icon-menu-lines {
      background-image: url("./icon/menu.png");
      background-size: 25px;
      background-position: center;
      background-repeat: no-repeat;
      /* transform: translate(13px, 10px); */
  }
  .icon-menu-x {
      background-image: url("./icon/x.png");
      background-size: 23px;
      background-position: center;
      background-repeat: no-repeat;
      /* transform: translate(13px, 10px); */
  }
  
  /* .c-home-fundacion__columns-menu {
      height: 60px;
  } */
  
  .c-home-fundacion__menu-secundary.height-transition-open {
      height: auto !important;
  }
  
  
  /* .c-home-fundacion__menu-secundary {
      height: 0px;
  } */
  
  .c-home-fundacion__menu-secundary {
      height: 0px;
      transition: height  1s ease !important;
  }
  
  .hidden-item {
      /* display: none !important; */
      visibility: hidden !important;
      /* height: 0px; */
  }
  
  .o-menu-internal li {
      opacity: 0 !important;
      transition: opacity 1s !important;
  }
	
	li.o-menu-internal__element:hover {
		color: white !important;
		background-color: #3f444b;
	}
	
	li.o-menu-internal__element a:hover {
		color: white;
	}	

/* 	paginación slider */
		
	.swiper-pagination {
		position: static !important;
		padding: 020px 0 !important;
	}
	
	.swiper-autoheight .swiper-slide {
/* 		height: 100% !important; */
	}
	
	a.c-single_post__anchor {
		text-decoration: underline !important;
		color: #002364;
	}
	
	.swiper-pagination-bullet {
		border: solid 1px #002364 !important;
		opacity: 1 !important;
		background: white !important;
	}
	
	.swiper-pagination-bullet-active {
		background: #002364 !important;
		height: 10px !important;
		width: 10px !important;
		transform: translate(0px, 1px);
	}
}


@media (max-width: 780px) { 

     /* --------------------------------------------------------------------------- */
     /* banner */
     
    
     .wp-block-columns.c-iniciativas__columns-1 {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .c-iniciativas__columns-1-right {
        max-width: 100% !important;
    }

    .c-iniciativas__columns-1-left {
        max-width: 100% !important;
    }
	
	.wp-block-cover.is-light.c-iniciativas__column-right-back img {
        border-radius: 0 0 0 0px;
    }

     .wp-block-cover.is-light.c-iniciativas__column-right-back {
        border-radius: 0 0 0 0px;
        min-height: 100%;
        height: 290px;
    }

    .wp-block-cover.c-iniciativas__columns-1-column-left-back {
        min-height: 157px !important;
        padding: 0px 20px 0px 20px;
    }
	
	h2.wp-block-heading.c-iniciativas__columns-4-1-column-1-back-header {
        background: #012169;
    }

    .wp-block-cover.c-iniciativas__columns-1-column-left-back p {
        margin: 0 !important;
        max-width: 100%;
    }

    p.c-iniciativas__columns-1-title {
        text-align: center;
        /* line-height: 0.9; */
        padding: 0 5%;
    }
	
	.wp-block-cover.c-iniciativas__columns-4-1-column-1-back-img img {
		border-radius: 10px 10px 0 0;
	}

    p.c-iniciativas__columns-1-paragraph.has-open-sans-font-family {
        max-width: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 11px !important;
    }

    p.has-text-align-center.c-iniciativas__columns-1-title.has-colour-sans-font-family {
        width: 295px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

	.swiper-button-prev::after,
	.swiper-button-next::after {
		color: #545850;
		font-weight: 700;
		font-size: 20px !important;
	}
	.swiper-button-prev::after {
		transform: translate(-10px, 0px);
	}
	.swiper-button-next::after {
		transform: translate(10px, 0px);
	}
		

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

    .wp-block-columns.alignfull.c-iniciativas__columns-2 {
        display: none;
    }

    .wp-block-spacer.c-iniciativas__spacer-2 {
        display: none;
    }

    .wp-block-spacer.c-iniciativas__spacer-3 {
        display: none;
    }

/* --------------------------------------------------------------------------- */

	.wp-block-spacer.c-iniciativas__spacer-4 {
		height: 64px !important;
	}

	/* ---------------------------------------------------------------------------------------	 */

    .c-iniciativas__columns-4 {
        display: none !important;
    }

    .c-iniciativas__columns-4-1 {
        display: block !important;
    }

	.wp-block-columns.c-iniciativas__columns-4-1 {
		max-width: 100%;
	}
	
    .wp-block-spacer.c-iniciativas__columns-4-1-column-1-back-spacer-1 {
        height: 13px !important;
    }

    p.has-text-align-left.c-iniciativas__columns-4-1-column-1-front-paragraph {
        font-size: 12px !important;
        line-height: 1.4;
    }

    .wp-block-cover.c-iniciativas__columns-4-1-column-1-back-img {
        max-width: 100%;
        min-height: 200px;
        border-radius: 10px 10px 0 0;
    }

    .wp-block-cover.c-iniciativas__columns-4-1-column-1-back-img {
        /* min-height: 164px;
        margin: 0 0 !important;
        width: 100% !important;
        max-width: 100%; */
    }

    h2.wp-block-heading.has-text-align-center.c-iniciativas__columns-4-1-column-1-back-header {
        font-size: 18px !important;
/*         height: 20px; */
        align-content: center;
    }

    .wp-block-group.c-iniciativas__columns-4-1-column-1-group-front {
        margin: 0 7vw;
        border-radius: 10px;
        box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: static;
        padding: 10px 0;
    }

    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #002364;
    }
	
/* ---------------------------------------------------------------------------------------	 */
	.wp-block-column.c-que-hacemos__columns-5-column h2 {
		font-size: 26px !important;
	}
	
/* ---------------------------------------------------------------------------------------	 */
	.wp-block-columns.c-iniciativas__columns-6 {
		justify-content: center;
		padding: 0 7vw !important;
	}
}