/* --------------------------------------------------------------------------- */
/* banner */

.c-como-lo-hacemos__columns-1-left {
    max-width: 44% !important;
}

    .wp-block-cover.c-como-lo-hacemos__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-como-lo-hacemos__columns-1-title {
        text-align: left;
        max-width: 490px;
    }

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

    .wp-block-cover.c-como-lo-hacemos__columns-1-column-left-back p {
        margin: 0 !important;
        text-align: left;
    }

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

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

.c-como-lo-hacemos__columns-1-right {
    max-width: 56% !important;
}

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

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

    .wp-block-cover.is-light.c-como-lo-hacemos__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 cards */

.wp-block-columns.alignfull.c-como-lo-hacemos__columns-2 {
    flex-direction: column;
    max-width: 1085px;
    margin: 0 auto;
}

.wp-block-columns.c-como-lo-hacemos__columns-cards {
    height: 250px !important;
    gap: 89px;
}

.wp-block-group.c-como-lo-hacemos__group-card-1 {
    height: 100% !important;
    text-align: center;
    padding: 10px;
    z-index: 1;
}

h2.wp-block-heading.c-como-lo-hacemos__header-card-1 {
    /* font-size: 40px !important; */
    font-weight: 700;
}

.wp-block-spacer.spacer-cards-3-2 {
    height: 10px !important;
}

p.c-como-lo-hacemos__paragrah-card {
    line-height: 1.4 !important;
}

.wp-block-spacer.spacer-cards-1 {
    height: 5px !important;
}

.wp-block-spacer.spacer-cards-1-2 {
    height: 44px !important;
}

.wp-block-spacer.spacer-cards-2-2 {
    height: 44px !important;
}

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


.wp-block-group.c-como-lo-hacemos__group-column-2 {
    max-width: 830px;
}

.wp-block-group.c-como-lo-hacemos__group-column-2 {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wp-block-spacer.spacer-cards-2 {
    height: 88px !important;
}

.wp-block-spacer.spacer-cards-2-1 {
    height: 34px !important;
}

h2.wp-block-heading.c-como-lo-hacemos__header-column-2-1-1 {
    font-weight: 600;
}

.wp-block-spacer.spacer-cards-right-1-1 {
    height: 30px !important;
}

.wp-block-spacer.spacer-cards-right-1-3 {
    height: 30px !important;
}

p.c-como-lo-hacemos__paragraph-column-2-1-1 {
    line-height: 1.2 !important;
}

.wp-block-column.c-como-lo-hacemos__columns-2-right {
    transform: translate(0px, -27px);
    z-index: -1;
}

.wp-block-columns.c-como-lo-hacemos__columns-2-3-right {
    justify-content: center;
}

.wp-block-column.c-como-lo-hacemos__column-1-right {
    max-width: 237px;
}


.wp-block-column.c-como-lo-hacemos__columns-2-left {
    height: 100% !important;
    /* max-height: 454px !important; */
}

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

/* bloque metodología */

.wp-block-spacer.c-como-lo-hacemos__spacer-3 {
    height: 60px !important;
}

p.c-como-lo-hacemos__columns-3-group-paragraph {
    max-width: 613px;
}

.wp-block-spacer.c-como-lo-hacemos__spacer-4 {
    height: 80px !important;
}

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



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

/* caccordion */

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

.wp-block-column.c-como-lo-hacemos__columns-6-column {
    max-width: 808px;
}

hr.c-como-lo-hacemos__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-como-lo-hacemos__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-como-lo-hacemos__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);
}

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


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

/* 	--------------------------------------------------------------------- */
	
/* menú secundario	 */
	
	.o-menu-internal__element:hover:after {
		width: 80% !important;
	}
	
/* 	--------------------------------------------------------------------- */
    
    .wp-block-columns.c-como-lo-hacemos__columns-cards {
        flex-wrap: nowrap !important;
        height: auto !important;
        gap: 5%;
        justify-content: center;
    }
    
    .wp-block-spacer.spacer-cards-2 {
        height: 80px !important;
    }
    
    .wp-block-column.c-como-lo-hacemos__columns-2-left {
        height: 100% !important;
        max-height: 230px !important;
    }
    
    .wp-block-column.c-como-lo-hacemos__columns-2-right {
        padding: 0 80px;
        transform: translate(0px, -38px);
    }

    
    
    .wp-block-columns.alignfull.c-como-lo-hacemos__columns-2 {
        padding: 0 20px;
        flex-wrap: nowrap !important;
    }
    
    .wp-block-group.c-como-lo-hacemos__group-card-1 {
        height: 100% !important;
        max-width: 306px;
        margin: 0 auto;
    }
    
    .wp-block-column.c-como-lo-hacemos__column-card-1 {
        max-width: 306px;
    }
    .wp-block-column.c-como-lo-hacemos__column-card-2 {
        max-width: 306px;
    }
    .wp-block-column.c-como-lo-hacemos__column-card-3 {
        max-width: 306px;
    }
    
    .wp-block-spacer.spacer-cards-2-2 {
        height: 41px !important;
    }
    
    .wp-block-spacer.spacer-cards-1-2 {
        height: 41px !important;
    }
    
    .wp-block-columns.c-como-lo-hacemos__columns-2-3-right {
        flex-wrap: nowrap !important;
    }
    
    .wp-block-spacer.c-como-lo-hacemos__spacer-3 {
        height: 50px !important;
    }
    
}



@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;
	}
}


@media (max-width: 767px) {
    
    /* --------------------------------------------------------------------------- */
    /* banner */
    
    .wp-block-columns.c-como-lo-hacemos__columns-1 {
        display: flex;
        flex-direction: column-reverse;
   }
   
   .c-como-lo-hacemos__columns-1-right {
       max-width: 100% !important;
   }

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

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

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

   .wp-block-cover.c-como-lo-hacemos__columns-1-column-left-back p {
       margin: 0 !important;
       max-width: 100%;
       text-align: center !important;
   }

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

   .c-como-lo-hacemos__columns-1-subtitle {

   }

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


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

   /* bloque dos, subtitulo */

   h2.wp-block-heading.c-como-lo-hacemos__columns-1-1-group-header {
        display: none;
    }

    .wp-block-spacer.c-como-lo-hacemos__spacer-2 {
        height: 0px !important;
    }



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

   /* bloque cards */

   h2.wp-block-heading.c-como-lo-hacemos__header-card-1 {
        font-size: 26px !important;
        font-weight: 700;
    }
    
    p.c-como-lo-hacemos__paragrah-card {
        font-size: 16px !important;
    }

   .wp-block-columns.alignfull.c-como-lo-hacemos__columns-2 {
       padding: 0 20px;
       align-content: center !important;
   }

   .wp-block-group.c-como-lo-hacemos__group-card-1 {
        max-width: 304px;
        margin: 0 auto;
        height: 100% !important;
        height: 250px !important;
        align-content: center;
    }

    .wp-block-columns.c-como-lo-hacemos__columns-cards {
        gap: 27px;
        height: auto !important;
    }

    .wp-block-columns.c-como-lo-hacemos__columns-2-3-right {
        justify-content: center;
        gap: 35px;
    }

    h2.wp-block-heading.c-como-lo-hacemos__header-main-column-2 {
        font-size: 26px !important;
        max-width: 287px !important;
        font-weight: 600;
    }

    h2.wp-block-heading.c-como-lo-hacemos__header-column-2-1-1 {
        font-weight: 600;
        font-size: 25px !important;
    }

    p.c-como-lo-hacemos__paragraph-column-2-1-1 {
        font-size: 18px !important;
    }

    .wp-block-spacer.spacer-cards-3 {
        height: 30px !important;
    }


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

   /* bloque Metodología */

    p.c-como-lo-hacemos__columns-3-group-paragraph {
        max-width: 335px;
        font-size: 16px !important;
        padding: 0 15px;
    }
   
   /* ------------------------------------------------------------------------------------ */

   /* accordion */

   .wp-block-spacer.c-como-lo-hacemos__spacer-4 {
        height: 47px !important;
    }
   
   
   /* ------------------------------------------------------------------------------------ */
   



}