/*google ads*/

/* 1) Configuramos el contenedor para que actúe como una ventana */
.chart-slice[data-test-chart-name^="{googleads}"] .header-title .editable-title a {
  display: inline-flex !important;
  align-items: center;
  position: relative;
  
  /* ESTO ES LA CLAVE: */
  /* Desplazamos el texto a la izquierda para que el tag se salga del borde */
  padding-left: 16px; /* Espacio para el icono */
  text-indent: -81px; /* Ajusta este valor hasta que desaparezca el tag '{googleads}' */
  
  /* Escondemos lo que se sale del borde izquierdo */
  overflow: hidden;
  white-space: nowrap;
  
  /* Ajuste de fuente para asegurar que el cálculo de píxeles sea estable */
  /*font-size: 16px; */
}

/* 2) El Icono (lo fijamos de forma absoluta para que NO se mueva con el texto) */
.chart-slice[data-test-chart-name^="{googleads}"] .header-title .editable-title a::before {
  content: "";
  position: absolute;
  left: 0; /* Se queda fijo a la izquierda del todo */
  width: 22px;
  height: 22px;
  background: url("/static/assets/images/googleads.webp") no-repeat center / contain;
  z-index: 10;
  /* Reseteamos el indent para el icono */
  text-indent: 0;
}



/*{presta}*/

/* 1) Configuramos el contenedor para que actúe como una ventana */
.chart-slice[data-test-chart-name^="{presta}"] .header-title .editable-title a {
  display: inline-flex !important;
  align-items: center;
  position: relative;

  /* ESTO ES LA CLAVE: */
  /* Desplazamos el texto a la izquierda para que el tag se salga del borde */
  padding-left: 45px; /* Espacio para el icono */
  text-indent: -81px; /* Ajusta este valor hasta que desaparezca el tag '{googleads}' */

  /* Escondemos lo que se sale del borde izquierdo */
  overflow: hidden;
  white-space: nowrap;

  /* Ajuste de fuente para asegurar que el cálculo de píxeles sea estable */
  /*font-size: 16px; */
}

/* 2) El Icono (lo fijamos de forma absoluta para que NO se mueva con el texto) */
.chart-slice[data-test-chart-name^="{presta}"] .header-title .editable-title a::before {
  content: "";
  position: absolute;
  left: 0; /* Se queda fijo a la izquierda del todo */
  width: 22px;
  height: 22px;
  background: url("/static/assets/images/presta.png") no-repeat center / contain;
  z-index: 10;
  /* Reseteamos el indent para el icono */
  text-indent: 0;
  bottom: 4px;
  background-color: white;
}




/*{presta}{googleads}*/
/* {presta}{googleads} (doble tag) */
.chart-slice[data-test-chart-name^="{presta}{googleads}"] .header-title .editable-title a{
  display: inline-flex !important;
  align-items: center;
  position: absolute;

  /* Espacio para 2 iconos */
  padding-left: 64px;

  /* Oculta 2 tags (ajusta fino si hace falta) */
  text-indent: -162px;

  overflow: hidden;
  white-space: nowrap;
}

/* Icono PRESTA (izquierda) */
.chart-slice[data-test-chart-name^="{presta}{googleads}"] .header-title .editable-title a::before{
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/static/assets/images/presta.png") no-repeat center / contain;
  z-index: 10;
  background-color: white;
}

/* Icono GOOGLE ADS (a la derecha del de presta) */
.chart-slice[data-test-chart-name^="{presta}{googleads}"] .header-title .editable-title a::after{
  content: "";
  position: absolute;
  left: 20px; /* separación respecto al primero */
  width: 22px;
  height: 22px;
  background: url("/static/assets/images/googleads.png") no-repeat center / contain;
  z-index: 10;
}


/*
.background--white {
    background-color: rgb(245, 245, 245) !important;
    padding-top: 16px !important;
}
*/