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

/* banner principal */

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

    .wp-block-cover.c-quienes-somos__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-quienes-somos__columns-1-title {
        text-align: left;
        /* line-height: 0.9; */
        max-width: 490px;
    }

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

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

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

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

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

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

    .wp-block-cover.is-light.c-quienes-somos__columns-4-column-1-back-img {
        max-width: 640px;
        height: 317px !important;
        min-height: 100%;
    }

    .wp-block-cover.is-light.c-quienes-somos__columns-4-column-1-back-img img {
        height: 317px;
    }


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

/* 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 propósito superior */

.wp-block-spacer.c-quienes-somos__columns-2-group-spacer-1 {
    height: 32px !important;
}

.wp-block-group.c-quienes-somos__columns-2-group {
    text-align: center;
}

.wp-block-spacer.c-quienes-somos__columns-2-group-spacer-2 {
    height: 17px !important;
}

.wp-block-group.c-quienes-somos__columns-2-group p {
    max-width: 830px !important;
}

.wp-block-spacer.c-quienes-somos__columns-2-group-spacer-3 {
    height: 60px !important;
}

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

/* bloque 3 - título Nuestro equipo */

.wp-block-column.c-quienes-somos__columns-2-column-1 {
    text-align: center;
}

.wp-block-spacer.c-quienes-somos__columns-3-group-spacer-1 {
    height: 50px !important;
}

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

/* bloque 4 - cards */

.wp-block-columns.c-quienes-somos__columns-4 {
    display: block;
}

.wp-block-columns.c-quienes-somos__columns-4-1 {
    display: none;
}

.wp-block-columns.c-quienes-somos__columns-4 {
    max-width: 1315px;
    margin: 0 auto;
}

.wp-block-column.c-quienes-somos__columns-4-column-1 {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 20px
}

.wp-block-group.c-quienes-somos__columns-4-column-1-group {
    max-width: 304px;
}

.wp-block-spacer.c-quienes-somos__columns-4-column-1-group-spacer-1 {
    height: 23px !important;
}

.wp-block-spacer.c-quienes-somos__columns-4-column-1-group-spacer-2 {
    height: 10px !important;
}

.wp-block-group.c-quienes-somos__columns-4-column-1-group h2 {
    max-width: 80% !important;
}

.wp-block-group.c-quienes-somos__columns-4-column-1-group p {
    max-width: 80% !important;
}




/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* bloque 5 documentos legales */

.wp-block-spacer.c-quienes-somos__columns-5-spacer-1 {
    height: 56px !important;
}

.wp-block-spacer.c-quienes-somos__columns-5-spacer-2 {
    height: 10px !important;
}

.wp-block-spacer.c-quienes-somos__columns-5-spacer-3 {
    height: 42px !important;
}

.wp-block-spacer.c-quienes-somos__columns-5-spacer-4 {
    height: 36px !important;
}

.wp-block-button.has-custom-font-size.c-quienes-somos__columns-5-button a {
    font-size: var(--font-size-botones) !important;
    border-radius: var(--border-radius-botones) !important;
	background: var(--color-botones-verde) !important;
	padding: var(--padding-botones);
}

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

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

	
/* 	--------------------------------------------------------------------- */
	
/* menú secundario	 */
	
	.o-menu-internal__element:hover:after {
		width: 80% !important;
	}
	
/* 	--------------------------------------------------------------------- */
	
    .wp-block-column.c-quienes-somos__columns-4-column-1 {
        gap: 10px;
        padding: 0 10px;
    }
}

@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 */
	
		
	.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: 766px) {

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

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

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

    .wp-block-cover.c-quienes-somos__columns-1-column-left-back {
        min-height: 157px !important;
        padding: 0px 20px 0px 20px;
    }

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

    p.c-quienes-somos__columns-1-title {
        text-align: center;
        line-height: unset;
        padding: 0 5%;
    }

    p.c-quienes-somos__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-quienes-somos__columns-1-title.has-colour-sans-font-family {
        width: 295px;
        margin-left: auto !important;
        margin-right: auto !important;
    }




    /* ----------------------------------------------------------------------------------- */
    /* bloque 2   */

    h2.wp-block-heading.c-quienes-somos__columns-2-group-header {
        font-size: 26px !important;
    }

    .wp-block-group.c-quienes-somos__columns-2-group p {
        padding: 0 10px;
        font-size: 15px !important;
    }

    /* ----------------------------------------------------------------------------------- */
    
    /* bloque 4 - cards */
    
    .wp-block-columns.c-quienes-somos__columns-4 {
        display: none;
    }

    .wp-block-columns.c-quienes-somos__columns-4-1 {
        display: block;
    }

    .wp-block-column.c-quienes-somos__columns-4-1-column-1 {
        justify-content: center !important;
        display: flex !important;
        max-width: 500px !important;
        margin: 0 auto;
        padding: 0 20px;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: sticky;
        padding: 15px 0;
    }


    .wp-block-group.c-quienes-somos__columns-4-column-1-group h2 {
        font-size: 18px !important;
    }

    p.c-quienes-somos__columns-4-column-1-group-paragraph {
        font-size: 16px !important;
    }


    .wp-block-plm-slide-v2.item-slider-content.swiper-slide.c-quienes-somos__columns-4-slide.swiper-slide-active {
        height: 518px;
    }

    .wp-block-group.c-quienes-somos__columns-4-column-1-group {
        max-width: 450px;
        text-align: center;
        margin: 0 auto;
    }
	
	.wp-block-button.c-quienes-somos__columns-5-button {
		font-size: 15px !important;
	}
    
    .wp-block-group.c-quienes-somos__columns-4-column-1-group p {
        max-width: 288px !important;
    }
	
	
    /* ----------------------------------------------------------------------------------- */
}