/* Color de los iconos: slot 2 por defecto (en cada landing, el color de la empresa) */
:where(.bgo-ico){background-color:var(--ast-global-color-2)}
:where(.bgo-ico--claro){background-color:var(--ast-global-color-5)}
:where(.wp-block-uagb-container:hover > .bgo-ico){background-color:var(--ast-global-color-5)}

/* * Iconos Lucide: el SVG hace de máscara; el color es el fondo del contenedor * */
.wp-block-uagb-container.bgo-ico{
  width:32px!important;height:32px!important;min-height:0!important;
  max-width:32px;padding:0!important;flex:none!important;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  transition:background-color .3s;
  /* sin background-color aquí: si lo pones, anula el color del panel */
}
@media (max-width:767px){
  .wp-block-uagb-container.bgo-ico{width:28px!important;height:28px!important;max-width:28px}
}

/* Color por defecto con prioridad cero: el fondo que elijas en Spectra siempre gana */
:where(.bgo-ico--claro){background-color:var(--ast-global-color-5)}
:where(.wp-block-uagb-container:hover > .bgo-ico){background-color:var(--ast-global-color-5)}

/* Iconos pequeños (datos de contacto): 22px, alineados con la primera línea de texto */
.wp-block-uagb-container.bgo-ico.bgo-ico--sm{
  width:22px!important;height:22px!important;max-width:22px;
  margin-top:calc((1lh - 22px) / 2);
}
@media (max-width:767px){
  .wp-block-uagb-container.bgo-ico.bgo-ico--sm{width:20px!important;height:20px!important;max-width:20px;margin-top:calc((1lh - 20px) / 2)}
}
/* Sin margen inferior en los textos de las filas con icono pequeño */
.wp-block-uagb-container:has(> .bgo-ico--sm) > p{margin:0}

/* Iconos: ruta relativa a esta carpeta */
.bgo-ico--code-xml{-webkit-mask-image:url(code-xml.svg);mask-image:url(code-xml.svg)}
.bgo-ico--shopping-cart{-webkit-mask-image:url(shopping-cart.svg);mask-image:url(shopping-cart.svg)}
.bgo-ico--magnet{-webkit-mask-image:url(magnet.svg);mask-image:url(magnet.svg)}
.bgo-ico--workflow{-webkit-mask-image:url(workflow.svg);mask-image:url(workflow.svg)}
.bgo-ico--search{-webkit-mask-image:url(search.svg);mask-image:url(search.svg)}
.bgo-ico--megaphone{-webkit-mask-image:url(megaphone.svg);mask-image:url(megaphone.svg)}
.bgo-ico--share-2{-webkit-mask-image:url(share-2.svg);mask-image:url(share-2.svg)}
.bgo-ico--messages-square{-webkit-mask-image:url(messages-square.svg);mask-image:url(messages-square.svg)}
.bgo-ico--pen-tool{-webkit-mask-image:url(pen-tool.svg);mask-image:url(pen-tool.svg)}
.bgo-ico--database{-webkit-mask-image:url(database.svg);mask-image:url(database.svg)}
.bgo-ico--monitor-smartphone{-webkit-mask-image:url(monitor-smartphone.svg);mask-image:url(monitor-smartphone.svg)}
.bgo-ico--chart-pie{-webkit-mask-image:url(chart-pie.svg);mask-image:url(chart-pie.svg)}
.bgo-ico--sparkles{-webkit-mask-image:url(sparkles.svg);mask-image:url(sparkles.svg)}
.bgo-ico--phone{-webkit-mask-image:url(phone.svg);mask-image:url(phone.svg)}
.bgo-ico--mail{-webkit-mask-image:url(mail.svg);mask-image:url(mail.svg)}
.bgo-ico--map-pin{-webkit-mask-image:url(map-pin.svg);mask-image:url(map-pin.svg)}
.bgo-ico--cloud{-webkit-mask-image:url(cloud.svg);mask-image:url(cloud.svg)}
.bgo-ico--server{-webkit-mask-image:url(server.svg);mask-image:url(server.svg)}
.bgo-ico--shield-check{-webkit-mask-image:url(shield-check.svg);mask-image:url(shield-check.svg)}
.bgo-ico--user-plus{-webkit-mask-image:url(user-plus.svg);mask-image:url(user-plus.svg)}
.bgo-ico--folder-kanban{-webkit-mask-image:url(folder-kanban.svg);mask-image:url(folder-kanban.svg)}
.bgo-ico--server-cog{-webkit-mask-image:url(server-cog.svg);mask-image:url(server-cog.svg)}
.bgo-ico--handshake{-webkit-mask-image:url(handshake.svg);mask-image:url(handshake.svg)}
.bgo-ico--chart-line{-webkit-mask-image:url(chart-line.svg);mask-image:url(chart-line.svg)}
.bgo-ico--network{-webkit-mask-image:url(network.svg);mask-image:url(network.svg)}
.bgo-ico--smartphone{-webkit-mask-image:url(smartphone.svg);mask-image:url(smartphone.svg)}
.bgo-ico--layout-dashboard{-webkit-mask-image:url(layout-dashboard.svg);mask-image:url(layout-dashboard.svg)}
.bgo-ico--layers{-webkit-mask-image:url(layers.svg);mask-image:url(layers.svg)}
.bgo-ico--infinity{-webkit-mask-image:url(infinity.svg);mask-image:url(infinity.svg)}
.bgo-ico--check{-webkit-mask-image:url(check.svg);mask-image:url(check.svg)}
.bgo-ico--blocks{-webkit-mask-image:url(blocks.svg);mask-image:url(blocks.svg)}
.bgo-ico--sliders-horizontal{-webkit-mask-image:url(sliders-horizontal.svg);mask-image:url(sliders-horizontal.svg)}
.bgo-ico--wrench{-webkit-mask-image:url(wrench.svg);mask-image:url(wrench.svg)}
.bgo-ico--rocket{-webkit-mask-image:url(rocket.svg);mask-image:url(rocket.svg)}
.bgo-ico--life-buoy{-webkit-mask-image:url(life-buoy.svg);mask-image:url(life-buoy.svg)}
.bgo-ico--puzzle{-webkit-mask-image:url(puzzle.svg);mask-image:url(puzzle.svg)}
.bgo-ico--trending-up{-webkit-mask-image:url(trending-up.svg);mask-image:url(trending-up.svg)}
.bgo-ico--user-plus{-webkit-mask-image:url(user-plus.svg);mask-image:url(user-plus.svg)}
.bgo-ico--folder-kanban{-webkit-mask-image:url(folder-kanban.svg);mask-image:url(folder-kanban.svg)}
.bgo-ico--server-cog{-webkit-mask-image:url(server-cog.svg);mask-image:url(server-cog.svg)}
.bgo-ico--handshake{-webkit-mask-image:url(handshake.svg);mask-image:url(handshake.svg)}
.bgo-ico--chart-line{-webkit-mask-image:url(chart-line.svg);mask-image:url(chart-line.svg)}
.bgo-ico--network{-webkit-mask-image:url(network.svg);mask-image:url(network.svg)}
.bgo-ico--smartphone{-webkit-mask-image:url(smartphone.svg);mask-image:url(smartphone.svg)}
.bgo-ico--layout-dashboard{-webkit-mask-image:url(layout-dashboard.svg);mask-image:url(layout-dashboard.svg)}
.bgo-ico--layers{-webkit-mask-image:url(layers.svg);mask-image:url(layers.svg)}
.bgo-ico--infinity{-webkit-mask-image:url(infinity.svg);mask-image:url(infinity.svg)}
.bgo-ico--check{-webkit-mask-image:url(check.svg);mask-image:url(check.svg)}
.bgo-ico--move-up-right{-webkit-mask-image:url(move-up-right.svg);mask-image:url(move-up-right.svg)}
.bgo-ico--clipboard-check{-webkit-mask-image:url(clipboard-check.svg);mask-image:url(clipboard-check.svg)}
.bgo-ico--file-text{-webkit-mask-image:url(file-text.svg);mask-image:url(file-text.svg)}
.bgo-ico--layout-grid{-webkit-mask-image:url(layout-grid.svg);mask-image:url(layout-grid.svg)}
.bgo-ico--users{-webkit-mask-image:url(users.svg);mask-image:url(users.svg)}
.bgo-ico--heart-handshake{-webkit-mask-image:url(heart-handshake.svg);mask-image:url(heart-handshake.svg)}