/* Íconos como máscara CSS (generado desde los <symbol> del v2).
   Uso en bloques: className "ico i-tooth", "pt i-one" o "dot i-van". */
:root{
  --ico-scissors:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M8.6%207.6%2020%2018M8.6%2016.4%2020%206%22%2F%3E%3C%2Fsvg%3E");
  --ico-drop:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s6%206.6%206%2011a6%206%200%200%201-12%200c0-4.4%206-11%206-11Z%22%2F%3E%3Cpath%20d%3D%22M9%2015a3%203%200%200%200%203%203%22%2F%3E%3C%2Fsvg%3E");
  --ico-brush:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%226%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2010v4M9%2010v6M12%2010v4M15%2010v6M18%2010v4%22%2F%3E%3C%2Fsvg%3E");
  --ico-tooth:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205.5C10.5%204%208.6%203.4%207%203.8%204.2%204.5%203.4%207.8%204.6%2011c.8%202%201.2%203.5%201.4%206%20.2%202.6%201%204%202.1%204%201.5%200%201.6-2.4%202.1-4.3.3-1.1.9-1.7%201.8-1.7s1.5.6%201.8%201.7c.5%201.9.6%204.3%202.1%204.3%201.1%200%201.9-1.4%202.1-4%20.2-2.5.6-4%201.4-6%201.2-3.2.4-6.5-2.4-7.2-1.6-.4-3.5.2-5%201.7Z%22%2F%3E%3C%2Fsvg%3E");
  --ico-paw:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2210%22%20rx%3D%222%22%20ry%3D%222.6%22%2F%3E%3Cellipse%20cx%3D%2210%22%20cy%3D%226.2%22%20rx%3D%222%22%20ry%3D%222.6%22%2F%3E%3Cellipse%20cx%3D%2214.4%22%20cy%3D%226.2%22%20rx%3D%222%22%20ry%3D%222.6%22%2F%3E%3Cellipse%20cx%3D%2218.2%22%20cy%3D%2210%22%20rx%3D%222%22%20ry%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M12.2%2011.5c-2.6%200-5.6%203.6-5.6%206.2%200%201.7%201.3%202.4%202.8%202.4%201.2%200%201.8-.6%202.8-.6s1.7.6%202.9.6c1.5%200%202.7-.7%202.7-2.4%200-2.6-3-6.2-5.6-6.2Z%22%2F%3E%3C%2Fsvg%3E");
  --ico-van:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2016V7a2%202%200%200%201%202-2h11l5%205v6h-1.5M2%2016h2M9%2016h6%22%2F%3E%3Cpath%20d%3D%22M15%205v5h5%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2216.5%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2216.5%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
  --ico-shield:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204.5%206v5.5c0%204.5%203.2%208.4%207.5%209.5%204.3-1.1%207.5-5%207.5-9.5V6L12%203Z%22%2F%3E%3Cpath%20d%3D%22m8.8%2012%202.2%202.2%204.4-4.4%22%2F%3E%3C%2Fsvg%3E");
  --ico-one:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M10.5%209%2012.5%207.5V16.5%22%2F%3E%3C%2Fsvg%3E");
  --ico-cage:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%205v14M12%205v14M16%205v14%22%2F%3E%3Cpath%20d%3D%22M3%2021%2021%203%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  --ico-phone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h3.5l1.5%204-2%201.5a11%2011%200%200%200%206.5%206.5L16%2014l4%201.5V19a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E");
  --ico-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E");
  --ico-cat:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204l3%204h8l3-4v9a7%207%200%200%201-14%200V4Z%22%2F%3E%3Cpath%20d%3D%22M9.5%2013h.01M14.5%2013h.01M11%2016h2%22%2F%3E%3C%2Fsvg%3E");
  --ico-pin:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.2%207-11.5A7%207%200%200%200%205%209.5C5%2014.8%2012%2021%2012%2021Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");
  --ico-crest:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2256%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2244%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M40%2052l8%208%2012-16%2012%2016%208-8-4%2022H44z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
.i-scissors{--ico:var(--ico-scissors)}
.i-drop{--ico:var(--ico-drop)}
.i-brush{--ico:var(--ico-brush)}
.i-tooth{--ico:var(--ico-tooth)}
.i-paw{--ico:var(--ico-paw)}
.i-van{--ico:var(--ico-van)}
.i-shield{--ico:var(--ico-shield)}
.i-one{--ico:var(--ico-one)}
.i-cage{--ico:var(--ico-cage)}
.i-phone{--ico:var(--ico-phone)}
.i-arrow{--ico:var(--ico-arrow)}
.i-cat{--ico:var(--ico-cat)}
.i-pin{--ico:var(--ico-pin)}
.i-crest{--ico:var(--ico-crest)}
.ico::before,.pt::before,.dot::before{content:"";display:block;flex:none;width:var(--isz,24px);height:var(--isz,24px);background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}