/** * Iconos — ARCHIVO GENERADO. No editar a mano. * * Se regenera con: python herramientas/generar-iconos.py * Fuente: assets/icons/*.svg (Material Symbols Outlined, Apache 2.0). * * Cada icono se pinta como máscara CSS: el .svg aporta la silueta y * `background-color` el color, así que los iconos siguen la paleta del * Customizer. Van embebidos como data: URI, sin peticiones externas ni extra. * * Uso: añadir la clase sg-icon-NOMBRE al bloque. Modificadores combinables: * sg-icon-lg icono grande (48 px) * sg-icon-inline icono a la izquierda del texto, no encima * sg-icon-sage icono en Salvia (también sg-icon-clay y sg-icon-fir) * sg-pill etiqueta con fondo Arena e icono pequeño * sg-text-center centra el icono junto con el texto * * Nombres reservados: lg, inline, sage, clay y fir son modificadores, así que no * puede haber iconos llamados así. * * @package SilviaGarcia */ /* -------------------------------------------------------------------------- 1. Caja común -------------------------------------------------------------------------- */ .sg-icon-architecture::before, .sg-icon-arrow-forward::before, .sg-icon-balance::before, .sg-icon-calendar-month::before, .sg-icon-child-care::before, .sg-icon-design-services::before, .sg-icon-diversity-1::before, .sg-icon-draw::before, .sg-icon-edit-document::before, .sg-icon-family-restroom::before, .sg-icon-favorite::before, .sg-icon-gavel::before, .sg-icon-group::before, .sg-icon-groups::before, .sg-icon-handshake::before, .sg-icon-hearing::before, .sg-icon-lightbulb::before, .sg-icon-location-on::before, .sg-icon-search::before, .sg-icon-strategy::before, .sg-icon-timer::before, .sg-icon-tune::before, .sg-icon-visibility::before { content: ""; display: block; flex: 0 0 auto; width: 40px; height: 40px; margin-bottom: calc(var(--sg-unit) * 3); background-color: var(--sg-icon-color, var(--sg-fir)); -webkit-mask-image: var(--sg-icon-mask); mask-image: var(--sg-icon-mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* -------------------------------------------------------------------------- 2. Siluetas -------------------------------------------------------------------------- */ .sg-icon-architecture::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='m270-120-10-88%20114-314q15%2014%2032.5%2023.5T444-484L334-182l-64%2062Zm420%200-64-62-110-302q20-5%2037.5-14.5T586-522l114%20314-10%2088ZM395-555q-35-35-35-85%200-39%2022.5-69.5T440-752v-88h80v88q35%2012%2057.5%2042.5T600-640q0%2050-35%2085t-85%2035q-50%200-85-35Zm113.5-56.5Q520-623%20520-640t-11.5-28.5Q497-680%20480-680t-28.5%2011.5Q440-657%20440-640t11.5%2028.5Q463-600%20480-600t28.5-11.5Z'/%3E%3C/svg%3E"); } .sg-icon-arrow-forward::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3E%3C/svg%3E"); } .sg-icon-balance::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M80-120v-80h360v-447q-26-9-45-28t-28-45H240l120%20280q0%2050-41%2085t-99%2035q-58%200-99-35t-41-85l120-280h-80v-80h247q12-35%2043-57.5t70-22.5q39%200%2070%2022.5t43%2057.5h247v80h-80l120%20280q0%2050-41%2085t-99%2035q-58%200-99-35t-41-85l120-280H593q-9%2026-28%2045t-45%2028v447h360v80H80Zm585-320h150l-75-174-75%20174Zm-520%200h150l-75-174-75%20174Zm335-280q17%200%2028.5-11.5T520-760q0-17-11.5-28.5T480-800q-17%200-28.5%2011.5T440-760q0%2017%2011.5%2028.5T480-720Z'/%3E%3C/svg%3E"); } .sg-icon-calendar-month::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M200-80q-33%200-56.5-23.5T120-160v-560q0-33%2023.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33%200%2056.5%2023.5T840-720v560q0%2033-23.5%2056.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0%200v-80%2080Zm280%20240q-17%200-28.5-11.5T440-440q0-17%2011.5-28.5T480-480q17%200%2028.5%2011.5T520-440q0%2017-11.5%2028.5T480-400Zm-188.5-11.5Q280-423%20280-440t11.5-28.5Q303-480%20320-480t28.5%2011.5Q360-457%20360-440t-11.5%2028.5Q337-400%20320-400t-28.5-11.5ZM640-400q-17%200-28.5-11.5T600-440q0-17%2011.5-28.5T640-480q17%200%2028.5%2011.5T680-440q0%2017-11.5%2028.5T640-400ZM480-240q-17%200-28.5-11.5T440-280q0-17%2011.5-28.5T480-320q17%200%2028.5%2011.5T520-280q0%2017-11.5%2028.5T480-240Zm-188.5-11.5Q280-263%20280-280t11.5-28.5Q303-320%20320-320t28.5%2011.5Q360-297%20360-280t-11.5%2028.5Q337-240%20320-240t-28.5-11.5ZM640-240q-17%200-28.5-11.5T600-280q0-17%2011.5-28.5T640-320q17%200%2028.5%2011.5T680-280q0%2017-11.5%2028.5T640-240Z'/%3E%3C/svg%3E"); } .sg-icon-child-care::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M544.5-504.5Q530-519%20530-540t14.5-35.5Q559-590%20580-590t35.5%2014.5Q630-561%20630-540t-14.5%2035.5Q601-490%20580-490t-35.5-14.5Zm-200%200Q330-519%20330-540t14.5-35.5Q359-590%20380-590t35.5%2014.5Q430-561%20430-540t-14.5%2035.5Q401-490%20380-490t-35.5-14.5Zm27%20191.5Q323-346%20300-400h360q-23%2054-71.5%2087T480-280q-60%200-108.5-33Zm-32%20164.5q-65.5-28.5-114-77t-77-114Q120-405%20120-480t28.5-140.5q28.5-65.5%2077-114t114-77Q405-840%20480-840t140.5%2028.5q65.5%2028.5%20114%2077t77%20114Q840-555%20840-480t-28.5%20140.5q-28.5%2065.5-77%20114t-114%2077Q555-120%20480-120t-140.5-28.5ZM678-282q82-82%2082-198t-82-198q-82-82-198-82h-12q-6%200-12%202-6%206-8%2013t-2%2015q0%2021%2014.5%2035.5T496-680q9%200%2016.5-3t15.5-3q12%200%2020%209t8%2021q0%2023-21.5%2029.5T496-620q-45%200-77.5-32.5T386-730v-6q0-3%201-8-83%2030-135%20101t-52%20163q0%20116%2082%20198t198%2082q116%200%20198-82ZM480-480Z'/%3E%3C/svg%3E"); } .sg-icon-design-services::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='m352-522%2086-87-56-57-44%2044-56-56%2043-44-45-45-87%2087%20159%20158Zm328%20329%2087-87-45-45-44%2043-56-56%2043-44-57-56-86%2086%20158%20159Zm24-567%2057%2057-57-57ZM290-120H120v-170l175-175L80-680l200-200%20216%20216%20151-152q12-12%2027-18t31-6q16%200%2031%206t27%2018l53%2054q12%2012%2018%2027t6%2031q0%2016-6%2030.5T816-647L665-495l215%20215L680-80%20465-295%20290-120Zm-90-80h56l392-391-57-57-391%20392v56Zm420-419-29-29%2057%2057-28-28Z'/%3E%3C/svg%3E"); } .sg-icon-diversity-1::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M38-428q-18-36-28-73T0-576q0-112%2076-188t188-76q63%200%20120%2026.5t96%2073.5q39-47%2096-73.5T696-840q112%200%20188%2076t76%20188q0%2038-10%2075t-28%2073q-11-19-26-34t-35-24q9-23%2014-45t5-45q0-78-53-131t-131-53q-81%200-124.5%2044.5T480-616q-48-56-91.5-100T264-760q-78%200-131%2053T80-576q0%2023%205%2045t14%2045q-20%209-35%2024t-26%2034ZM0-80v-63q0-44%2044.5-70.5T160-240q13%200%2025%20.5t23%202.5q-14%2020-21%2043t-7%2049v65H0Zm240%200v-65q0-65%2066.5-105T480-290q108%200%20174%2040t66%20105v65H240Zm540%200v-65q0-26-6.5-49T754-237q11-2%2022.5-2.5t23.5-.5q72%200%20116%2026.5t44%2070.5v63H780ZM480-210q-57%200-102%2015t-53%2035h311q-9-20-53.5-35T480-210Zm-320-70q-33%200-56.5-23.5T80-360q0-34%2023.5-57t56.5-23q34%200%2057%2023t23%2057q0%2033-23%2056.5T160-280Zm640%200q-33%200-56.5-23.5T720-360q0-34%2023.5-57t56.5-23q34%200%2057%2023t23%2057q0%2033-23%2056.5T800-280Zm-320-40q-50%200-85-35t-35-85q0-51%2035-85.5t85-34.5q51%200%2085.5%2034.5T600-440q0%2050-34.5%2085T480-320Zm0-160q-17%200-28.5%2011.5T440-440q0%2017%2011.5%2028.5T480-400q17%200%2028.5-11.5T520-440q0-17-11.5-28.5T480-480Zm0%2040Zm1%20280Z'/%3E%3C/svg%3E"); } .sg-icon-draw::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M160-120v-170l527-526q12-12%2027-18t30-6q16%200%2030.5%206t25.5%2018l56%2056q12%2011%2018%2025.5t6%2030.5q0%2015-6%2030t-18%2027L330-120H160Zm80-80h56l393-392-28-29-29-28-392%20393v56Zm560-503-57-57%2057%2057Zm-139%2082-29-28%2057%2057-28-29ZM560-120q74%200%20137-37t63-103q0-36-19-62t-51-45l-59%2059q23%2010%2036%2022t13%2026q0%2023-36.5%2041.5T560-200q-17%200-28.5%2011.5T520-160q0%2017%2011.5%2028.5T560-120ZM183-426l60-60q-20-8-31.5-16.5T200-520q0-12%2018-24t76-37q88-38%20117-69t29-70q0-55-44-87.5T280-840q-45%200-80.5%2016T145-785q-11%2013-9%2029t15%2026q13%2011%2029%209t27-13q14-14%2031-20t42-6q41%200%2060.5%2012t19.5%2028q0%2014-17.5%2025.5T262-654q-80%2035-111%2063.5T120-520q0%2032%2017%2054.5t46%2039.5Z'/%3E%3C/svg%3E"); } .sg-icon-edit-document::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M560-80v-123l221-220q9-9%2020-13t22-4q12%200%2023%204.5t20%2013.5l37%2037q8%209%2012.5%2020t4.5%2022q0%2011-4%2022.5T903-300L683-80H560Zm300-263-37-37%2037%2037ZM620-140h38l121-122-18-19-19-18-122%20121v38ZM240-80q-33%200-56.5-23.5T160-160v-640q0-33%2023.5-56.5T240-880h320l240%20240v120h-80v-80H520v-200H240v640h240v80H240Zm280-400Zm241%20199-19-18%2037%2037-18-19Z'/%3E%3C/svg%3E"); } .sg-icon-family-restroom::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M720-720q-33%200-56.5-23.5T640-800q0-33%2023.5-56.5T720-880q33%200%2056.5%2023.5T800-800q0%2033-23.5%2056.5T720-720ZM680-80v-320q0-40-20.5-72T607-522l35-103q8-25%2029.5-40t48.5-15q27%200%2048.5%2015t29.5%2040l102%20305H800v240H680ZM457.5-517.5Q440-535%20440-560t17.5-42.5Q475-620%20500-620t42.5%2017.5Q560-585%20560-560t-17.5%2042.5Q525-500%20500-500t-42.5-17.5ZM220-720q-33%200-56.5-23.5T140-800q0-33%2023.5-56.5T220-880q33%200%2056.5%2023.5T300-800q0%2033-23.5%2056.5T220-720ZM140-80v-280H80v-240q0-33%2023.5-56.5T160-680h120q33%200%2056.5%2023.5T360-600v240h-60v280H140Zm300%200v-160h-40v-160q0-25%2017.5-42.5T460-460h80q25%200%2042.5%2017.5T600-400v160h-40v160H440Z'/%3E%3C/svg%3E"); } .sg-icon-favorite::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='m480-120-58-52q-101-91-167-157T150-447.5Q111-500%2095.5-544T80-634q0-94%2063-157t157-63q52%200%2099%2022t81%2062q34-40%2081-62t99-22q94%200%20157%2063t63%20157q0%2046-15.5%2090T810-447.5Q771-395%20705-329T538-172l-58%2052Zm0-108q96-86%20158-147.5t98-107q36-45.5%2050-81t14-70.5q0-60-40-100t-100-40q-47%200-87%2026.5T518-680h-76q-15-41-55-67.5T300-774q-60%200-100%2040t-40%20100q0%2035%2014%2070.5t50%2081q36%2045.5%2098%20107T480-228Zm0-273Z'/%3E%3C/svg%3E"); } .sg-icon-gavel::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M160-120v-80h480v80H160Zm226-194L160-540l84-86%20228%20226-86%2086Zm254-254L414-796l86-84%20226%20226-86%2086Zm184%20408L302-682l56-56%20522%20522-56%2056Z'/%3E%3C/svg%3E"); } .sg-icon-group::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M40-160v-112q0-34%2017.5-62.5T104-378q62-31%20126-46.5T360-440q66%200%20130%2015.5T616-378q29%2015%2046.5%2043.5T680-272v112H40Zm720%200v-120q0-44-24.5-84.5T666-434q51%206%2096%2020.5t84%2035.5q36%2020%2055%2044.5t19%2053.5v120H760ZM247-527q-47-47-47-113t47-113q47-47%20113-47t113%2047q47%2047%2047%20113t-47%20113q-47%2047-113%2047t-113-47Zm466%200q-47%2047-113%2047-11%200-28-2.5t-28-5.5q27-32%2041.5-71t14.5-81q0-42-14.5-81T544-792q14-5%2028-6.5t28-1.5q66%200%20113%2047t47%20113q0%2066-47%20113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56%200-111%2013.5T140-306q-9%205-14.5%2014t-5.5%2020v32Zm296.5-343.5Q440-607%20440-640t-23.5-56.5Q393-720%20360-720t-56.5%2023.5Q280-673%20280-640t23.5%2056.5Q327-560%20360-560t56.5-23.5ZM360-240Zm0-400Z'/%3E%3C/svg%3E"); } .sg-icon-groups::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M0-240v-63q0-43%2044-70t116-27q13%200%2025%20.5t23%202.5q-14%2021-21%2044t-7%2048v65H0Zm240%200v-65q0-32%2017.5-58.5T307-410q32-20%2076.5-30t96.5-10q53%200%2097.5%2010t76.5%2030q32%2020%2049%2046.5t17%2058.5v65H240Zm540%200v-65q0-26-6.5-49T754-397q11-2%2022.5-2.5t23.5-.5q72%200%20116%2026.5t44%2070.5v63H780Zm-455-80h311q-10-20-55.5-35T480-370q-55%200-100.5%2015T325-320ZM160-440q-33%200-56.5-23.5T80-520q0-34%2023.5-57t56.5-23q34%200%2057%2023t23%2057q0%2033-23%2056.5T160-440Zm640%200q-33%200-56.5-23.5T720-520q0-34%2023.5-57t56.5-23q34%200%2057%2023t23%2057q0%2033-23%2056.5T800-440Zm-320-40q-50%200-85-35t-35-85q0-51%2035-85.5t85-34.5q51%200%2085.5%2034.5T600-600q0%2050-34.5%2085T480-480Zm0-80q17%200%2028.5-11.5T520-600q0-17-11.5-28.5T480-640q-17%200-28.5%2011.5T440-600q0%2017%2011.5%2028.5T480-560Zm1%20240Zm-1-280Z'/%3E%3C/svg%3E"); } .sg-icon-handshake::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M475-160q4%200%208-2t6-4l328-328q12-12%2017.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15%200-30%205.5T534-777l-11%2011%2074%2075q15%2014%2022%2032t7%2038q0%2042-28.5%2070.5T527-522q-20%200-38.5-7T456-550l-75-74-175%20175q-3%203-4.5%206.5T200-435q0%208%206%2014.5t14%206.5q4%200%208-2t6-4l136-136%2056%2056-135%20136q-3%203-4.5%206.5T285-350q0%208%206%2014t14%206q4%200%208-2t6-4l136-135%2056%2056-135%20136q-3%202-4.5%206t-1.5%208q0%208%206%2014t14%206q4%200%207.5-1.5t6.5-4.5l136-135%2056%2056-136%20136q-3%203-4.5%206.5T454-180q0%208%206.5%2014t14.5%206Zm-1%2080q-37%200-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20%207.5-38.5T149-506l232-231%20131%20131q2%203%206%204.5t8%201.5q9%200%2015-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15%200-30%205.5T285-777L144-635q-9%209-15%2021t-8%2024q-2%2012%200%2024.5t8%2023.5l-58%2058q-17-23-25-50.5T40-590q2-28%2014-54.5T87-692l141-141q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l11%2011%2011-11q24-23%2053.5-35t60.5-12q31%200%2060.5%2012t52.5%2035l169%20169q23%2023%2035%2053t12%2061q0%2031-12%2060.5T873-437L545-110q-14%2014-32.5%2022T474-80Zm-99-560Z'/%3E%3C/svg%3E"); } .sg-icon-hearing::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M280-80q62%200%20101.5-31t60.5-91q17-50%2032.5-70t71.5-64q62-50%2098-113t36-151q0-119-80.5-199.5T400-880q-119%200-199.5%2080.5T120-600h80q0-85%2057.5-142.5T400-800q85%200%20142.5%2057.5T600-600q0%2068-27%20116t-77%2086q-52%2038-81%2074t-43%2078q-14%2044-33.5%2065T280-160q-33%200-56.5-23.5T200-240h-80q0%2066%2047%20113t113%2047Zm432-210q59-60%2093.5-139.5T840-600q0-92-34.5-172T712-912l-58%2056q50%2050%2078%20115.5T760-600q0%2074-28%20139t-78%20115l58%2056ZM471-529.5q29-29.5%2029-70.5%200-42-29-71t-71-29q-42%200-71%2029t-29%2071q0%2041%2029%2070.5t71%2029.5q42%200%2071-29.5Z'/%3E%3C/svg%3E"); } .sg-icon-lightbulb::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M423.5-103.5Q400-127%20400-160h160q0%2033-23.5%2056.5T480-80q-33%200-56.5-23.5ZM320-200v-80h320v80H320Zm10-120q-69-41-109.5-110T180-580q0-125%2087.5-212.5T480-880q125%200%20212.5%2087.5T780-580q0%2081-40.5%20150T630-320H330Zm24-80h252q45-32%2069.5-79T700-580q0-92-64-156t-156-64q-92%200-156%2064t-64%20156q0%2054%2024.5%20101t69.5%2079Zm126%200Z'/%3E%3C/svg%3E"); } .sg-icon-location-on::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M536.5-503.5Q560-527%20560-560t-23.5-56.5Q513-640%20480-640t-56.5%2023.5Q400-593%20400-560t23.5%2056.5Q447-480%20480-480t56.5-23.5ZM480-186q122-112%20181-203.5T720-552q0-109-69.5-178.5T480-800q-101%200-170.5%2069.5T240-552q0%2071%2059%20162.5T480-186Zm0%20106Q319-217%20239.5-334.5T160-552q0-150%2096.5-239T480-880q127%200%20223.5%2089T800-552q0%20100-79.5%20217.5T480-80Zm0-480Z'/%3E%3C/svg%3E"); } .sg-icon-search::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M784-120%20532-372q-30%2024-69%2038t-83%2014q-109%200-184.5-75.5T120-580q0-109%2075.5-184.5T380-840q109%200%20184.5%2075.5T640-580q0%2044-14%2083t-38%2069l252%20252-56%2056ZM380-400q75%200%20127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75%200-127.5%2052.5T200-580q0%2075%2052.5%20127.5T380-400Z'/%3E%3C/svg%3E"); } .sg-icon-strategy::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M220-520%2080-600v-160l140-80%20140%2080v160l-140%2080Zm0-92%2060-34v-68l-60-34-60%2034v68l60%2034Zm440%20123v-93l140%2082v280L560-80%20320-220v-280l140-82v93l-60%2035v188l160%2093%20160-93v-188l-60-35Zm-140%2089v-480h360l-80%20120%2080%20120H600v240h-80Zm40%2069ZM220-680Z'/%3E%3C/svg%3E"); } .sg-icon-timer::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M360-840v-80h240v80H360Zm80%20440h80v-240h-80v240Zm-99.5%20291.5Q275-137%20226-186t-77.5-114.5Q120-366%20120-440t28.5-139.5Q177-645%20226-694t114.5-77.5Q406-800%20480-800q62%200%20119%2020t107%2058l56-56%2056%2056-56%2056q38%2050%2058%20107t20%20119q0%2074-28.5%20139.5T734-186q-49%2049-114.5%2077.5T480-80q-74%200-139.5-28.5ZM678-242q82-82%2082-198t-82-198q-82-82-198-82t-198%2082q-82%2082-82%20198t82%20198q82%2082%20198%2082t198-82ZM480-440Z'/%3E%3C/svg%3E"); } .sg-icon-tune::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z'/%3E%3C/svg%3E"); } .sg-icon-visibility::before { --sg-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M607.5-372.5Q660-425%20660-500t-52.5-127.5Q555-680%20480-680t-127.5%2052.5Q300-575%20300-500t52.5%20127.5Q405-320%20480-320t127.5-52.5Zm-204-51Q372-455%20372-500t31.5-76.5Q435-608%20480-608t76.5%2031.5Q588-545%20588-500t-31.5%2076.5Q525-392%20480-392t-76.5-31.5ZM214-281.5Q94-363%2040-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200q-146%200-266-81.5ZM480-500Zm207.5%20160.5Q782-399%20832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280q113%200%20207.5-59.5Z'/%3E%3C/svg%3E"); } /* -------------------------------------------------------------------------- 3. Modificadores (después de las siluetas, para poder sobrescribir la caja) -------------------------------------------------------------------------- */ /* Icono grande, para encabezar una sección. */ .sg-icon-lg::before { width: 48px; height: 48px; margin-bottom: calc(var(--sg-unit) * 3); } /* Centrado: acompaña al texto centrado. */ .sg-text-center::before, .has-text-align-center::before { margin-inline: auto; } /** * Icono a la izquierda del texto. * * El contenedor pasa a rejilla de dos columnas: el icono ocupa la primera * celda y todo el contenido se coloca en la segunda, así el icono queda a la * altura del título y el párrafo alineado bajo él. */ .sg-icon-inline { display: grid; grid-template-columns: max-content 1fr; column-gap: calc(var(--sg-unit) * 2); align-items: start; } .sg-icon-inline::before { grid-column: 1; grid-row: 1; width: 28px; height: 28px; margin-bottom: 0; } .sg-icon-inline > * { grid-column: 2; } /* Etiqueta con fondo: antetítulo con icono, como en el hero de Derecho Penal. */ .sg-pill { display: inline-flex; align-items: center; gap: calc(var(--sg-unit)); margin-bottom: calc(var(--sg-unit) * 3); padding: 6px 16px; background-color: var(--sg-sand); border-radius: var(--sg-radius-pill); } .sg-pill::before { width: 18px; height: 18px; margin-bottom: 0; background-color: var(--sg-sage); } /** * Color del icono. * * Por defecto Verde abeto (cambio de marca del 16/09/2026: antes era Arcilla, * pero el arcilla queda reservado a botones y acentos puntuales, y el icono es * justo el "detalle" que debía pasar a verde). Estas clases cambian la * variable, que se hereda: puestas en la sección tiñen todos los iconos que * contiene. .sg-icon-clay sigue disponible para los sitios donde sí conviene * el arcilla. */ .sg-icon-clay { --sg-icon-color: var(--sg-clay); } .sg-icon-sage { --sg-icon-color: var(--sg-sage); } .sg-icon-fir { --sg-icon-color: var(--sg-fir); } /* Sobre fondo oscuro los iconos viran a Salvia. */ .has-verde-abeto-background-color, .sg-section--dark { --sg-icon-color: var(--sg-sage); } /* -------------------------------------------------------------------------- 4. Flecha de los botones "Enlace en versalitas" -------------------------------------------------------------------------- */ .wp-block-button.is-style-sg-text > .wp-block-button__link::after { content: ""; display: inline-block; flex: 0 0 auto; width: 1.15em; height: 1.15em; margin-left: 0.6em; background-color: currentcolor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3E%3Cpath%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3E%3C/svg%3E") no-repeat center / contain; transition: transform var(--sg-transition); } .wp-block-button.is-style-sg-text > .wp-block-button__link:hover::after, .wp-block-button.is-style-sg-text > .wp-block-button__link:focus::after { transform: translateX(4px); }