/*Toggle FIGURE*/
.toggle-cols > div:not(.bocadillo) figure  {
  height:100%;
} 

/*TOGLLE IMAGE*/
.toggle-cols figure img,
.toggle-cols figure video {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
  /*height: 678px !important;*/
    object-fit: cover;
  /*puede sobrar inicio*/
    max-height: -webkit-fill-available;
    -o-object-fit: var(--degu-asset-object-fit);
    -o-object-position: var(--degu-asset-object-position);
    object-position: center;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -ms-user-select: none;
    user-select: all;

} 

@media(max-width:768px) {
  .toggle-cols figure img,
  .toggle-cols figure video {
      width: 100%;
      height: 100%;
      height: 320px !important;
  }
}

.toggle-cols figure.full img,
.toggle-cols figure.full video {

}

/*TOGGLE ITEMS CONTAINER*/
.bocadillo .toggle-back,
.bocadillo .large-title {
    transition: all 0s;
    color: var(--global--color-primary);
}

/*TOGGLE ITEM TITLE*/

.toggle-back {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.toggle-back.on {
    cursor: pointer;
}

.toggle-cols.open .ymk-toggle .faq-title,
.toggle-cols.open .ymk-toggle .title {
    pointer-events: none;
    cursor: default;
}

.toggle-cols:not(.open) .ymk-toggle .title {
    margin-top: 0px;
    margin-bottom: 0;
}

.ymk-toggle .faq-title,
.ymk-toggle .title {
    display: flex;
    justify-content: space-between;
    column-gap: 3rem;
    align-items: center;
    cursor: pointer;
}

.ymk-toggle.has-background .faq-title:after,
.ymk-toggle.has-background .title:after {
    background: #ffffff;
    padding: 0.2rem;
    border-radius: 100%;
    flex: 0;
}

.toggle-back:before,
.ymk-toggle .faq-title:after,
.ymk-toggle .title:after {
    font-family: 'Material Icons';
    font-size: 24px;
    line-height: normal;
    font-weight: 100;
    right: 0;
}

.toggle-back.on:before {
    content: "\e5e0";
    cursor: pointer;
}

.toggle-back.tw-eyebrow.on:before {
    font-size: 12px!important
}

.toggle-cols:not(.open) .ymk-toggle.on .faq-title:after,
.toggle-cols:not(.open) .ymk-toggle.on .title:after {
    content: "\e5ce";
}

.toggle-cols:not(.open) .ymk-toggle .faq-title:after,
.toggle-cols:not(.open) .ymk-toggle .title:after {
    content: "\e5cf";
}

/*COLORED TITLE*/
.bocadillo .ymk-toggle.has-background {
  margin-bottom:3px !important;
}

.bocadillo .wp-block-query > ul > li:first-child .ymk-toggle.has-background {
    border-top-left-radius: var(--tw-block-rounded);
    border-top-right-radius: var(--tw-block-rounded);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.bocadillo .wp-block-query > ul > li:last-child .ymk-toggle.has-background {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--tw-block-rounded);
    border-bottom-right-radius: var(--tw-block-rounded);
}

/*LIGHT TITLE*/
.toggle-cols:not(.open).light:has(.ymk-toggle.on) .ymk-toggle:not(.on) .title {
    opacity: 0.7;
}


@media (min-width: 1025px){
/*Fuente Muta a grande*/
  .toggle-cols:not(:has(.large-title:not(.hide))) .toggle.ymk-toggle.on .title {
      font-size: var(--heading--font-size-h3) !important;
      letter-spacing: var(--heading--letter-spacing-h3);
      line-height: var(--heading--line-height-h3);
  }

/*Cambiar --global--spacing-unit*/
  .bocadillo .wp-block-group.has-background:is(.alignfull,.alignwide) {
  /* padding-top: calc(var(--global--spacing-unit)*3); */
  /* padding-bottom: calc(var(--global--spacing-unit)*3); */
  }
  .bocadillo .wp-block-group.has-background.alignwide  {
      padding-left:calc(var(--global--spacing-unit)*4);
      padding-right:calc(var(--global--spacing-unit)*4);
  } 
}


@media (max-width: 651px){
    .bocadillo .wp-block-group.has-background:is(.alignfull,.alignwide) {
        /* padding: calc(var(--global--spacing-unit)*2) calc(var(--global--spacing-unit)*1); */
    }

    p.large-title:last-of-type {
          margin-bottom: 2.5em !important;
      }
  
    .toggle-cols:not(.light) p.large-title:last-of-type {
        margin-bottom: 2rem !important;
    }
}

/*COLORED TITLE To FULL IN SMALL DEVICES*/
@media (max-width: 425px){
  .toggle-cols.has-background:is(.alignfull,.alignwide) {
    background: transparent;
}
  .bocadillo .wp-block-group.has-background:is(.alignfull,.alignwide) {
    padding-left: 0;
    padding-right: 0;
  }
  
  .toggle-cols:not(.light) .bocadillo .ymk-toggle.has-background {
    background: currentcolor !important;
  }
  
  .bocadillo .wp-block-group.has-background:is(.alignfull,.alignwide) figure {
    margin: calc(var(--global--spacing-vertical)*0.666);
  }  
}

/*TOGGLE ITEM CONTNETS*/
.toggle-cols:not(.open) .ymk-toggle:not(.on) > .wp-block-group__inner-container *:not(.title) {
  display:none;
}

/*TOGGLE ITEM CONTNETS*/
.toggle-cols:not(.open) .ymk-toggle > .wp-block-group__inner-container *  {
  color:var(--global--color-primary);
}

.toggle-cols *  {
  margin-left: initial !important;
  margin-right: initial !important;
}

.toggle-cols p.wp-block-post-excerpt__more-text {
  margin-bottom:0 !important;
}

.toggle-cols p.wp-block-post-excerpt__more-text a {
    background-color: #276ae6;
    border-color: #276ae6;
    color: #ffffff !important;
    border: var(--button--border-width) solid transparent;
    border-radius: var(--button--border-radius);
    cursor: pointer;
    font-weight: var(--button--font-weight);
    font-family: var(--button--font-family);
    font-size: var(--button--font-size);
    line-height: var(--button--line-height);
    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    text-decoration: none;
    box-shadow: none;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    box-sizing: border-box;
    max-width: var(--global--spacing-measure);
    text-underline-offset:3px;
    outline-offset: 4px;
}


/*TABS VERSION*/
.tabs.toggle-cols {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.tabs.toggle-cols:not(.open) .ymk-toggle > .wp-block-group__inner-container *:not(.title) {
    display: none;
}

.tabs.toggle-cols *:has(.toggle) ul {
     display:flex;
     flex: 1;

}

p.tab-content {
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
}