.rc-variables-block__section { background-color: var(--link); padding: 30px var(--padding-web) 10px; }
.rc-variables-block__container { max-width: var(--max-width-web); margin: auto; color: var(--blanco); }
.rc-variables-block__section *.titulo-seccion-variable {display:block;font-size: 26px !important; line-height: 1.2 !important; font-weight: var(--body-thin) !important; color: var(--blanco) !important; margin-bottom: 40px;  }
.rc-variables-block__section *.titulo-seccion-variable em {font-family: var(--header-script) !important;}

.rc-variables-block__section .variable-item { display: grid; grid-template-columns: auto 1fr; gap: 0px; padding: 0 0 75px 0; margin-bottom: 45px; border-bottom: 1px solid var(--fondo-3); position: relative;}

.rc-variables-block__section .variable-item:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}

.rc-variables-block__section figure.variable-item__icon { width: 70px; height: 70px; background-color: var(--blanco); padding: 15px; margin: 0; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.rc-variables-block__section figure.variable-item__icon svg {max-height: 40px;}
.rc-variables-block__section .variable-item__content { display: flex; flex-direction: column; align-items: flex-start; padding: 0; }
.rc-variables-block__section .variable-item__content p.variable-header { font-size: 18px; font-weight: var(--body-semibold); padding-top: 5px; padding-left: 90px; margin-bottom: 30px; min-height: 60px; display: flex; align-items: center;}
.rc-variables-block__section .variable-item__content span.variable-description { margin-bottom: 20px;}
.rc-variables-block__section .variable-item__content span.variable-description li::marker {color: var(--blanco) !important;}

.rc-variables-block__section .variable-item__content .variable-links__wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 25px 50px; margin: 30px 0 40px;}
.rc-variables-block__section .variable-item__content .variable-links__wrapper.link-debajo {margin: 50px 0 40px}
.rc-variables-block__section .variable-item__content .variable-links__wrapper a.variable-link::before { top: 2px; }

.rc-variables-block__section .variable-item__content button.accordion { position: absolute; bottom: 30px; padding: 0; border-radius: 100%; background-color: var(--link); border: none !important; align-self: end;}
.rc-variables-block__section .variable-item__content button.accordion svg { width: 100%; height: 100%; transition: transform .3s; transition: filter 0.3s, transform 0.3s;}
.rc-variables-block__section .variable-item__content .accordion-content { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out;}
.rc-variables-block__section .variable-item__content .accordion-content .accordion-content__inner {margin-bottom: 35px;}
.rc-variables-block__section .variable-item__content .accordion-content .accordion-content__inner li::marker {color: var(--blanco) !important;}

button.accordion.active + .accordion-content {padding: 0; max-height: 100vh; }
button.accordion.active, button.accordion:hover, button.accordion:focus { background-color: var(--link);}
button.accordion:hover svg {filter: drop-shadow(0 0 0.05rem var(--blanco)); transform: rotate(180deg);}
button.accordion.active svg {transform: rotate(45deg);/*  filter: drop-shadow(0 0 0.05rem var(--blanco)); */}
button.accordion.active:hover svg {transform: rotate(225deg);}


/* Orden Grid */
.rc-variables-block__section figure.variable-item__icon {grid-column: 1/-1; grid-row: 1/2;}
.rc-variables-block__section .variable-item__content {grid-column: 1/-1; grid-row: 1/2;}


/* HAS DESCRIPTION */
.rc-variables-block__section .variable-item.has-description:last-child {margin-bottom: 0; padding: 0 0 75px 0; border: none;}






/*-----------------------------------------------------------------*/
/*  RESPONSIVE 
/*-----------------------------------------------------------------*/


/*---------------------------------------------------------------------------------- SOLO MOVIL ---*/

@media (max-width: 559px) {
  
  .rc-variables-block__section *.titulo-seccion-variable {width: 100% !important;}

}
/*---------------------------------------------------------------------------------------- IPAD ---*/

@media (min-width: 560px) {
    
  .rc-variables-block__section { padding: 60px var(--padding-web) 70px; }
  .rc-variables-block__section *.titulo-seccion-variable {font-size: 45px !important; margin-bottom: 50px; margin-left: auto; margin-right: auto; text-align: center;}
  .rc-variables-block__section .variable-item {grid-template-columns: auto 1fr; gap: 60px; padding: 0 45px 75px 0; margin-bottom: 75px;}
  .rc-variables-block__section .variable-item:last-child {}
  .rc-variables-block__section .variable-item.has-description:last-child {padding: 0 45px 75px 0;}
  .rc-variables-block__section figure.variable-item__icon { width: 180px; height: 180px; padding: 20px;}
  .rc-variables-block__section figure.variable-item__icon svg {max-height: 100%;}
  .rc-variables-block__section .variable-item__content p.variable-header { padding-top: 0; padding-left: 0; margin-bottom: 15px; min-height: unset;}
  .rc-variables-block__section .variable-item__content {padding: 25px 0 0;}  

  /* Orden Grid */
  .rc-variables-block__section figure.variable-item__icon {grid-column: unset; grid-row: unset;}
  .rc-variables-block__section .variable-item__content {grid-column: unset; grid-row: unset;}

  /* TAMAÑO SECCION */
  .rc-variables-block__section.tamano-small .rc-variables-block__container {max-width: 70%;}


  /* VARIABLES CENTRADAS */
  .rc-variables-block__section.variables-centradas .variable-item{grid-template-columns: 180px auto; justify-content: center;}
  .rc-variables-block__section.variables-centradas .variable-item__content { padding: 0; justify-content: center;}


}


/*---------------------------------------------------------------------------------------- IPAD ESPECIFICO ---*/

@media (min-width: 561px) and (max-width: 921px) {

  div.rc-variables-block__section *.titulo-seccion-variable  { font-size: 30px !important; text-align: left !important; width: 100% !important; }

}


  
/*---------------------------------------------------------------------------------------- PC ---*/

@media (min-width: 922px) {



}


/* Admin css */
.rc-variables-block__section.is-admin {}

.rc-variables-block__section.is-admin a {pointer-events: none;}