/*******************************/
/* BACKEND                     */
/*******************************/

/* Modificamos la seccion para que nada sobrepase el bloque */
/* .block-editor-block-list__block[data-type~="acf/banner"] {overflow: hidden;} */

/*******************************/
/* FRONTEND                    */
/*******************************/

/* banner */
.rc-banner {position: relative; padding: 0 20px; }



/* CONTAINER */
.rc-banner__container {position: relative; z-index: 2; width: 100%; max-width: var(--max-width-web); margin-inline: auto;  }

/* FILA 01 */
.rc-banner__row-01 {display: grid; grid-template-columns: 100%; gap: 0; align-items: center; justify-content: center; background-color: var(--fondo-1);}

    /* Fila 01 - Columna Izquierda */
    .rc-banner__row-01__col-01 { position: relative; width: 100%; height: 100%; background-color: var(--fondo-1); } 

        /* VIDEO BG */
        figure.rc-banner-video-bg.wp-block-video { position: relative; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 0; pointer-events: none; display: flex; align-items: center; justify-content: center;}
        figure.rc-banner-video-bg.wp-block-video > video {object-fit: cover; width: 100%; height: 100%; mix-blend-mode: multiply;}

        /* Imagen de fondo */
        .rc-banner__row-01__col-01 > figure.rc-banner__imagen { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: white;}
        .rc-banner__row-01__col-01 > figure.rc-banner__imagen > img {object-fit: cover; width: 100%; height: 100%; mix-blend-mode: multiply;}

        /* Logotipo sobre imagen */
        .rc-banner__row-01__col-01 > figure.rc-banner__logotipo_sobre_imagen {position: absolute; top: 15px; right: 15px; width: 100px; height: auto; display: flex; align-items: center; justify-content: center;}
        .rc-banner__row-01__col-01 > figure.rc-banner__logotipo_sobre_imagen > img {object-fit: contain; width: 100%; height: 100%;}

        /* Texto sobre imagen */
        .rc-banner__row-01__col-01 > span.rc-banner__texto_sobre_imagen {position: absolute; bottom: 0px; left: 0px; width: 100%; height: auto; display: flex; align-items: end; justify-content: start; padding: 20px;}
        .rc-banner__row-01__col-01 > span.rc-banner__texto_sobre_imagen {font-family: var(--header-font); color: var(--fondo-1); font-size: 35px; line-height: 1.1; font-weight: 600; text-shadow: 1px 1px 5px #000000; }

    /* Fila 01 - Columna Derecha */
    .rc-banner__row-01__col-02 { position: relative; padding: 20px 20px 30px; width: 100%; height: auto; }

        /* Titulo */
        .rc-banner__texto > h2 {font-family: var(--header-font); font-size: 28px !important; line-height: 1.2; font-weight: 600; color: var(--link); text-align: left; margin: 0 auto 20px !important;}

        /* Descripcion */
        .rc-banner__texto-descripcion > p { font-size: 17px; line-height: 1.2; font-weight: 300; color: var(--base); text-align: left; margin: 0 auto 30px !important; }
        .rc-banner__texto-descripcion > p:last-child {margin-bottom: 0 !important;}

        /* Boton */
        .rc-banner__button.wp-block-button { margin-top: 30px; }
        .rc-banner__button.wp-block-button > .rc-banner__link {}

/* FILA 02 */
.rc-banner__row-02 {display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: space-between; background-color: var(--fondo-2); padding: 30px 20px;}

    /* Item */
    .rc-banner__row-02__item {display: flex; align-items: center; justify-content: start; gap: 15px; width: 100%;}
    .rc-banner__row-02__item:last-child { }
    .rc-banner__row-02__item__icon {width: auto; min-width: 32px; height: 22px; display: flex; align-items: center; justify-content: center;}
    .rc-banner__row-02__item__icon > img, 
    .rc-banner__row-02__item__icon > svg {width: 100%; height: 100%; object-fit: contain;}
    .rc-banner__row-02__item__texto { font-size: 17px; line-height: 1; font-weight: 600; color: var(--base); text-align: left; margin: 0; padding: 0;}

    .rc-banner__row-02__item.custom-width {flex-wrap: wrap;}
    .rc-banner__row-02__item.custom-width .rc-banner__row-02__item__icon { }

      /* Item Destacado */
      .rc-banner__row-02__item.destacado {margin-bottom: 10px;}
      .rc-banner__row-02__item.destacado > .rc-banner__row-02__item__icon {height: 45px; }
      .rc-banner__row-02__item.destacado > .rc-banner__row-02__item__texto {font-family: var(--header-font); font-size: 26px; font-weight: 600; color: var(--link);}



/* COLOR DEL BANNER */

  /* Rojo / Negro */
  .rc-banner.rojo .rc-banner__row-01 {background-color: var(--negro);}
  .rc-banner.rojo .rc-banner__row-01 .rc-banner__texto-descripcion > p {color: var(--fondo-1);}

  .rc-banner.rojo .rc-banner__row-02 {background-color: var(--link);}
  .rc-banner.rojo .rc-banner__row-02 .rc-banner__row-02__item:not(.destacado) .rc-banner__row-02__item__icon > svg path {fill: var(--fondo-1);}
  .rc-banner.rojo .rc-banner__row-02 .rc-banner__row-02__item__texto {color: var(--fondo-1);}
    
/*-----------------------------------------------------------------*/
/*  RESPONSIVE 
/*-----------------------------------------------------------------*/

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

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

  .rc-banner__texto-descripcion > p {font-size: 18px;}

  
}

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

@media (min-width: 921px) {

    
  /* banner */
  .rc-banner {padding: 0px 20px;}
 
  /* FILA 01 */
  .rc-banner__row-01 {grid-template-columns: 0.85fr 1fr;}

  /* fila 01 - Columna Izquierda */

      /* VIDEO BG */
      figure.rc-banner-video-bg.wp-block-video { position: absolute; }

      /* Texto sobre imagen */
      .rc-banner__row-01__col-01 > span.rc-banner__texto_sobre_imagen {font-size: 50px; line-height: 1.2; padding: 20px;}
      
      /* Logotipo sobre imagen */
      .rc-banner__row-01__col-01 > figure.rc-banner__logotipo_sobre_imagen {width: 200px;}

  /* fila 01 - Columna Derecha */
  .rc-banner__row-01__col-02 {padding: 50px 80px;}

      /* Titulo */
      .rc-banner__texto > h2 {font-size: 80px; margin: 0 auto 30px;}

      /* Descripcion */
      .rc-banner__texto-descripcion > p {font-size: 20px;}

  /* FILA 02 */
  .rc-banner__row-02 {flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 30px 40px; }

      /* Item */
      .rc-banner__row-02__item {width: auto;}
      .rc-banner__row-02__item__icon {min-width: auto;}
      .rc-banner__row-02__item__texto {font-size: 18px;}

      .rc-banner__row-02__item.destacado {margin-bottom: 0; width: 100%;}

      .rc-banner__row-02__item.custom-width {flex-wrap: nowrap;} 
      .rc-banner__row-02__item.custom-width .rc-banner__row-02__item__icon {}

}

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

@media (min-width: 1350px) {

  .rc-banner__row-02 {flex-wrap: nowrap; justify-content: space-between;}
  .rc-banner__row-02__item.destacado {width: auto;}


}

/*------------------------------------------------------------------- PC MAS DEL ANCHO DE LA WEB ---*/
@media (min-width: 1640px) {

  .rc-banner__container {padding-inline: var(--padding-web);}

}




/*-----------------------------------------------------------------*/
/*  HIDE
/*-----------------------------------------------------------------*/

@media (max-width: 559px) {

  /* Hide Mobile */
  .rc-seccion.hide_mobile:not(.is-admin) {display: none !important;}
  .rc-seccion.hide_mobile.is-admin {opacity: 0.5 !important; background-color: red;}

}

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

  /* Hide Tablet */
  .rc-seccion.hide_tablet:not(.is-admin) {display: none !important;}
  .rc-seccion.hide_tablet.is-admin {opacity: 0.5 !important; background-color: red;}

}

@media (min-width: 922px) {

  /* Hide Desktop */
  .rc-seccion.hide_desktop:not(.is-admin) {display: none !important;}
  .rc-seccion.hide_desktop.is-admin {opacity: 0.5 !important; background-color: red;}

}