/* ============================================================
   icons.css — Iconos SVG inline
   Color dorado #C9A84C por defecto sobre fondo oscuro.
   Excepciones: warning-circle rojo, warning amarillo, x blanco.
   Iconos dentro de .btn-primary en negro para contraste.
   ============================================================ */

[class^="ph-"], [class*=" ph-"], [class^="ph "], [class*=" ph "] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: -0.125em;
  line-height: 1;
}

.ph-arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/%3E%3C/svg%3E");
}
.ph-arrow-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E");
}
.ph-arrow-up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z'/%3E%3C/svg%3E");
}
.ph-arrow-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
}
.ph-arrows-clockwise {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16h28.69L195.32,78.63A80,80,0,1,0,199,186.4a8,8,0,0,1,11,11.59A96,96,0,1,1,186.5,62.88L208,84.42V56a8,8,0,1,1,16,0Z'/%3E%3C/svg%3E");
}
.ph-house {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'/%3E%3C/svg%3E");
}
.ph-cards {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M239.76,113.27l-40-112A16,16,0,0,0,179.6,1.6L68,36.73A16.07,16.07,0,0,0,57.6,57.14L64,76.19V72a16,16,0,0,0-16-16H32A16,16,0,0,0,16,72V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V170.84l33.6,9.61a16.1,16.1,0,0,0,14.16-2.9,16,16,0,0,0,6.1-13.41V128A15.87,15.87,0,0,0,239.76,113.27ZM176,208H32V72H176Zm64-37.45L206.4,161l-14.4-4.13V104a16,16,0,0,0-16-16H80.43L71.58,62.57,183.2,27.6Z'/%3E%3C/svg%3E");
}
.ph-magnifying-glass {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.21,88.21,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
}
.ph-shuffle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M237.66,178.34l-24,24a8,8,0,0,1-11.32-11.32L212.69,181c-21.94-.51-43.58-10.65-62.68-29.41C131.85,133.86,118,108,104,89.13,88.93,68.86,72.36,56,56,56H32a8,8,0,0,1,0-16H56c22.76,0,43.58,13.3,61.33,38.56C131.85,98.14,145.69,124,160,142.87c15.07,20.27,31.64,33.13,48,33.13h.69l-10.35-10.34a8,8,0,0,1,11.32-11.32l24,24A8,8,0,0,1,237.66,178.34ZM143,107.91a8,8,0,0,0,11.16-1.86c9.9-13.7,20.7-24.78,32.1-31.77A72.15,72.15,0,0,1,208.69,67H208l-10.35-10.34a8,8,0,0,1,11.32-11.32l24,24a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32-11.32L208.69,83c-13.61.32-27.47,6.65-40.94,18.82a113.38,113.38,0,0,0-13,14.25A8,8,0,0,0,143,107.91ZM104,166.87C88.93,187.14,72.36,200,56,200H32a8,8,0,0,0,0,16H56c22.76,0,43.58-13.3,61.33-38.56q4.06-5.69,7.74-11.54a8,8,0,1,0-13.46-8.66Q107.63,162.56,104,166.87Z'/%3E%3C/svg%3E");
}
.ph-hand-pointing {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M220,136v20a100,100,0,0,1-200,0V100a20,20,0,0,1,38.51-7.56A20,20,0,0,1,88,76V56a20,20,0,0,1,40,0v48a20,20,0,0,1,36.51-10.56A20,20,0,0,1,200,108v8A20,20,0,0,1,220,136Zm-16,0a4,4,0,0,0-4-4h-4a8,8,0,0,1-8-8V108a4,4,0,0,0-8,0v28a8,8,0,0,1-16,0V88a4,4,0,0,0-8,0v48a8,8,0,0,1-16,0V56a4,4,0,0,0-8,0V136a8,8,0,0,1-16,0V100a4,4,0,0,0-8,0v56a84,84,0,0,0,168,0V136a4,4,0,0,0-4-4Z'/%3E%3C/svg%3E");
}
.ph-check-circle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'/%3E%3C/svg%3E");
}
.ph-warning-circle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23F44336' viewBox='0 0 256 256'%3E%3Cpath d='M236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-16,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Zm-84,24a12,12,0,1,0,12,12A12,12,0,0,0,136,152Zm-4-88V128a12,12,0,0,0,24,0V64a12,12,0,0,0-24,0Z'/%3E%3C/svg%3E");
}
.ph-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23FFC107' viewBox='0 0 256 256'%3E%3Cpath d='M236.8,188.09,149.35,36.22a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z'/%3E%3C/svg%3E");
}
.ph-x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23F5F0E8' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'/%3E%3C/svg%3E");
}
.ph-caret-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z'/%3E%3C/svg%3E");
}
.ph-caret-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'/%3E%3C/svg%3E");
}
.ph-caret-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
}
.ph-caret-up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z'/%3E%3C/svg%3E");
}
.ph-spinner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M236,128a108,108,0,0,1-216,0c0-42.52,24.73-81.34,63-98.9A8,8,0,0,1,93,44.9C63.24,58.83,44,90.91,44,128a84,84,0,0,0,168,0c0-37.09-19.24-69.17-49-83.1a8,8,0,1,1,6-14.8C207.27,46.66,236,85.48,236,128Z'/%3E%3C/svg%3E");
  animation: ph-spin 1s linear infinite;
}
@keyframes ph-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.ph-git-merge {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M208,104a32.07,32.07,0,0,0-30.14,21.49C160,124.57,144.9,119,133.18,108.6c-8.21-7.32-13.72-16.48-19.06-25.35A32,32,0,1,0,80,96.92V159.08a32,32,0,1,0,16,0V112.92A63.13,63.13,0,0,0,113.6,121c14.17,12.62,32,19.73,64.27,20.5A32,32,0,1,0,208,104ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM208,152a16,16,0,1,1,16-16A16,16,0,0,1,208,152Z'/%3E%3C/svg%3E");
}
.ph-intersect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M200,56H152V32a8,8,0,0,0-8-8H56A8,8,0,0,0,48,32v96a8,8,0,0,0,8,8H104v24a8,8,0,0,0,8,8h88a8,8,0,0,0,8-8V64A8,8,0,0,0,200,56ZM64,40h72v16H112a8,8,0,0,0-8,8v16H64Zm48,80H64V72h48Zm24,24V120h16v24ZM192,184H120V72h16V120a8,8,0,0,0,8,8h48Z'/%3E%3C/svg%3E");
}
.ph-book-open-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24A16,16,0,0,0,8,64V192a16,16,0,0,0,16,16H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a16,16,0,0,0,16-16V64A16,16,0,0,0,232,48ZM96,192H24V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm136,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h72ZM160,104a8,8,0,0,1,8-8h40a8,8,0,0,1,0,16H168A8,8,0,0,1,160,104Zm0,32a8,8,0,0,1,8-8h40a8,8,0,0,1,0,16H168A8,8,0,0,1,160,136Zm0,32a8,8,0,0,1,8-8h40a8,8,0,0,1,0,16H168A8,8,0,0,1,160,168Z'/%3E%3C/svg%3E");
}
.ph-graph {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M200,96a28,28,0,0,0-9.87,1.82L150.58,58.26a28,28,0,1,0-45.16,0L65.87,97.82a28,28,0,1,0,2.4,55L94.13,197.7a28,28,0,1,0,67.74,0l25.86-44.88A28,28,0,1,0,200,96ZM128,16a12,12,0,1,1-12,12A12,12,0,0,1,128,16ZM56,140a12,12,0,1,1,12-12A12,12,0,0,1,56,140Zm84,84a12,12,0,1,1-12-12A12,12,0,0,1,140,224Zm48-84a12,12,0,1,1,12,12A12,12,0,0,1,188,140Z'/%3E%3C/svg%3E");
}
.ph-stack {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,112.49l-24,24a12,12,0,0,1-16.97,0L167.98,112.9a4,4,0,0,1,2.83-6.83H188V80H68v26.07h17.19a4,4,0,0,1,2.83,6.83L64.48,136.49a12,12,0,0,1-16.97,0l-24-24A12,12,0,0,1,40,92.07V72a20,20,0,0,1,20-20H196a20,20,0,0,1,20,20V92.07A12,12,0,0,1,232.49,112.49ZM196,148H60a20,20,0,0,0-20,20v20a12,12,0,0,0,17,10.93l71-29.57,71,29.57A12,12,0,0,0,216,188V168A20,20,0,0,0,196,148Z'/%3E%3C/svg%3E");
}
.ph-users {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z'/%3E%3C/svg%3E");
}
.ph-copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z'/%3E%3C/svg%3E");
}
.ph-lightbulb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A88,88,0,1,1,216,104Zm-16,0a72,72,0,1,0-121.31,52.17A32.21,32.21,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.4-25.23A87.28,87.28,0,0,0,200,104Z'/%3E%3C/svg%3E");
}

/* ── Iconos de los 10 temas (tipos-lecturas.html) ── */
.ph-heart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M240,94c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,220.66,16,164,16,94A62.07,62.07,0,0,1,78,32c20.65,0,38.73,8.88,50,23.89C139.27,40.88,157.35,32,178,32A62.07,62.07,0,0,1,240,94Z'/%3E%3C/svg%3E");
}
.ph-compass-rose {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M240,128A112,112,0,1,1,128,16,112.13,112.13,0,0,1,240,128Zm-112,96a96,96,0,1,0-96-96A96.11,96.11,0,0,0,128,224Zm-7.87-116.61L96,168l56.61-24.13L176,88ZM128,116a12,12,0,1,0,12,12A12,12,0,0,0,128,116Z'/%3E%3C/svg%3E");
}
.ph-paint-brush {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M232,32a8,8,0,0,0-8-8c-44.08,0-89.19,39.77-111.55,62.14l-80.62,6.26A15.75,15.75,0,0,0,21,100.93L8.29,165.07A8,8,0,0,0,16,174.93l.14,0,57.92-15.78,21.41,21.41c-1.22,3.68-1.68,10.08,2.63,19.27C104.72,215.07,116.26,224,136,224a72.08,72.08,0,0,0,72-72c0-22.32-10.71-41.23-30.1-54.71C195.27,81.46,232,52.31,232,32ZM136,208c-15.5,0-22.73-7.29-25.55-13.26a23.54,23.54,0,0,1-.42-18l.06-.13a8,8,0,0,0-1.71-8.9L81.72,141.06a8,8,0,0,0-7.76-2.07l-49.24,13.4,9.5-49.24,77.27-6A8,8,0,0,0,116,95c21.74-21.83,59.17-54.31,97.39-60.07-4.17,11.27-17.47,28.21-37.07,45.79a8,8,0,0,0-.87,10.9C190.26,105.74,192,117.35,192,136A56.06,56.06,0,0,1,136,208Z'/%3E%3C/svg%3E");
}
.ph-arrows-out-cardinal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H171.31l18.35,18.34a8,8,0,0,1-11.32,11.32L152,149.31V216a8,8,0,0,1-16,0V149.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,136H40a8,8,0,0,1,0-16h76.69L98.34,101.66a8,8,0,0,1,11.32-11.32L136,116.69V40a8,8,0,0,1,16,0v76.69l26.34-26.35a8,8,0,0,1,11.32,11.32L171.31,120H216A8,8,0,0,1,224,128ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16ZM216,32H192a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,216,32ZM72,208H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16Zm152-24a8,8,0,0,0-8,8v24H192a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,224,184Z'/%3E%3C/svg%3E");
}
.ph-crosshair {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,109.66l-16,16a8,8,0,0,1-11.32,0L192,115.31V120a64,64,0,0,1-56,63.52V200h16a8,8,0,0,1,0,16H104a8,8,0,0,1,0-16h16V183.52A64,64,0,0,1,64,120v-4.69l-10.34,10.35a8,8,0,0,1-11.32-11.32l16-16a8,8,0,0,1,11.32,0L80,108.69V72a8,8,0,0,1,8-8h88a8,8,0,0,1,8,8v36.69l10.34-10.35a8,8,0,0,1,11.32,11.32ZM168,80H88v40a48,48,0,0,0,96,0V80Z'/%3E%3C/svg%3E");
}
.ph-star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34l13.49-58.54L21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L165,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z'/%3E%3C/svg%3E");
}
.ph-pulse {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a8,8,0,0,1-8,8H204.94l-37.78,75.58A8,8,0,0,1,160,216a7.93,7.93,0,0,1-7.15-4.43L95.07,93.51,63.28,160H24a8,8,0,0,1,0-16H57.06l37.78-75.58a8,8,0,0,1,14.3.43l57.78,118.06,31.79-63.6A8,8,0,0,1,206,120h26A8,8,0,0,1,240,128Z'/%3E%3C/svg%3E");
}
.ph-briefcase-metal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56ZM96,48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM216,200H40V72H216V200Zm-88-56H128V128h24a8,8,0,0,0,0-16H136V104a8,8,0,0,0-16,0v8H112a8,8,0,0,0,0,16h8v16H112a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16Z'/%3E%3C/svg%3E");
}
.ph-airplane {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23C9A84C' viewBox='0 0 256 256'%3E%3Cpath d='M235.58,128.84,176,100l-16.59-63.26a15.93,15.93,0,0,0-10.8-11.27,16.18,16.18,0,0,0-14.61,2.83,16,16,0,0,0-5.86,11.41L124.85,96,58.08,67.49A16,16,0,0,0,36,83.77l15.06,42.49L32,136a16,16,0,0,0,0,32l3.43-.26L50.49,210a16,16,0,0,0,22.08,7.27L104,200.54l4.55,11.39a16,16,0,0,0,29.72,0L142.83,200l32,17.22A16,16,0,0,0,197,209.54L211.62,168l.87.06a8,8,0,0,0,.62,0A16,16,0,0,0,235.58,128.84Z'/%3E%3C/svg%3E");
}

/* ── Iconos dentro de botones con fondo dorado → negro para contraste ── */
.btn-primary .ph-arrow-right,
.btn-primary .ph-arrow-left,
.btn-escoger .ph-arrow-right,
.btn-nav-primario .ph-arrow-right,
.btn-nav-primario .ph-arrow-left,
.index-btn-entrar .ph-arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%230A0A0A' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/%3E%3C/svg%3E");
}

/* ── Sistema mask-image para iconos de tema (respeta color CSS) ──────────
   Usado en .tema-icono dentro de tipos-lecturas.html.
   background-image con color hardcodeado NO respeta la propiedad color CSS.
   mask-image + background-color sí: el color viene de la propiedad color del padre.
   ───────────────────────────────────────────────────────────────────────── */
.tema-icono {
  background-image: none !important;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* Dimensiones absolutas — no dependen de font-size del contexto */
  width: 2.4rem !important;
  height: 2.4rem !important;
  display: inline-block !important;
}

.ph-heart.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,94c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,220.66,16,164,16,94A62.07,62.07,0,0,1,78,32c20.65,0,38.73,8.88,50,23.89C139.27,40.88,157.35,32,178,32A62.07,62.07,0,0,1,240,94Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,94c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,220.66,16,164,16,94A62.07,62.07,0,0,1,78,32c20.65,0,38.73,8.88,50,23.89C139.27,40.88,157.35,32,178,32A62.07,62.07,0,0,1,240,94Z'/%3E%3C/svg%3E");
}
.ph-compass-rose.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,128A112,112,0,1,1,128,16,112.13,112.13,0,0,1,240,128Zm-112,96a96,96,0,1,0-96-96A96.11,96.11,0,0,0,128,224Zm-7.87-116.61L96,168l56.61-24.13L176,88ZM128,116a12,12,0,1,0,12,12A12,12,0,0,0,128,116Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,128A112,112,0,1,1,128,16,112.13,112.13,0,0,1,240,128Zm-112,96a96,96,0,1,0-96-96A96.11,96.11,0,0,0,128,224Zm-7.87-116.61L96,168l56.61-24.13L176,88ZM128,116a12,12,0,1,0,12,12A12,12,0,0,0,128,116Z'/%3E%3C/svg%3E");
}
.ph-paint-brush.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M232,32a8,8,0,0,0-8-8c-44.08,0-89.19,39.77-111.55,62.14l-80.62,6.26A15.75,15.75,0,0,0,21,100.93L8.29,165.07A8,8,0,0,0,16,174.93l.14,0,57.92-15.78,21.41,21.41c-1.22,3.68-1.68,10.08,2.63,19.27C104.72,215.07,116.26,224,136,224a72.08,72.08,0,0,0,72-72c0-22.32-10.71-41.23-30.1-54.71C195.27,81.46,232,52.31,232,32ZM136,208c-15.5,0-22.73-7.29-25.55-13.26a23.54,23.54,0,0,1-.42-18l.06-.13a8,8,0,0,0-1.71-8.9L81.72,141.06a8,8,0,0,0-7.76-2.07l-49.24,13.4,9.5-49.24,77.27-6A8,8,0,0,0,116,95c21.74-21.83,59.17-54.31,97.39-60.07-4.17,11.27-17.47,28.21-37.07,45.79a8,8,0,0,0-.87,10.9C190.26,105.74,192,117.35,192,136A56.06,56.06,0,0,1,136,208Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M232,32a8,8,0,0,0-8-8c-44.08,0-89.19,39.77-111.55,62.14l-80.62,6.26A15.75,15.75,0,0,0,21,100.93L8.29,165.07A8,8,0,0,0,16,174.93l.14,0,57.92-15.78,21.41,21.41c-1.22,3.68-1.68,10.08,2.63,19.27C104.72,215.07,116.26,224,136,224a72.08,72.08,0,0,0,72-72c0-22.32-10.71-41.23-30.1-54.71C195.27,81.46,232,52.31,232,32ZM136,208c-15.5,0-22.73-7.29-25.55-13.26a23.54,23.54,0,0,1-.42-18l.06-.13a8,8,0,0,0-1.71-8.9L81.72,141.06a8,8,0,0,0-7.76-2.07l-49.24,13.4,9.5-49.24,77.27-6A8,8,0,0,0,116,95c21.74-21.83,59.17-54.31,97.39-60.07-4.17,11.27-17.47,28.21-37.07,45.79a8,8,0,0,0-.87,10.9C190.26,105.74,192,117.35,192,136A56.06,56.06,0,0,1,136,208Z'/%3E%3C/svg%3E");
}
.ph-arrows-out-cardinal.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H171.31l18.35,18.34a8,8,0,0,1-11.32,11.32L152,149.31V216a8,8,0,0,1-16,0V149.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,136H40a8,8,0,0,1,0-16h76.69L98.34,101.66a8,8,0,0,1,11.32-11.32L136,116.69V40a8,8,0,0,1,16,0v76.69l26.34-26.35a8,8,0,0,1,11.32,11.32L171.31,120H216A8,8,0,0,1,224,128ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16ZM216,32H192a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,216,32ZM72,208H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16Zm152-24a8,8,0,0,0-8,8v24H192a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,224,184Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H171.31l18.35,18.34a8,8,0,0,1-11.32,11.32L152,149.31V216a8,8,0,0,1-16,0V149.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,136H40a8,8,0,0,1,0-16h76.69L98.34,101.66a8,8,0,0,1,11.32-11.32L136,116.69V40a8,8,0,0,1,16,0v76.69l26.34-26.35a8,8,0,0,1,11.32,11.32L171.31,120H216A8,8,0,0,1,224,128ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16ZM216,32H192a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,216,32ZM72,208H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16Zm152-24a8,8,0,0,0-8,8v24H192a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,224,184Z'/%3E%3C/svg%3E");
}
.ph-crosshair.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,109.66l-16,16a8,8,0,0,1-11.32,0L192,115.31V120a64,64,0,0,1-56,63.52V200h16a8,8,0,0,1,0,16H104a8,8,0,0,1,0-16h16V183.52A64,64,0,0,1,64,120v-4.69l-10.34,10.35a8,8,0,0,1-11.32-11.32l16-16a8,8,0,0,1,11.32,0L80,108.69V72a8,8,0,0,1,8-8h88a8,8,0,0,1,8,8v36.69l10.34-10.35a8,8,0,0,1,11.32,11.32ZM168,80H88v40a48,48,0,0,0,96,0V80Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,109.66l-16,16a8,8,0,0,1-11.32,0L192,115.31V120a64,64,0,0,1-56,63.52V200h16a8,8,0,0,1,0,16H104a8,8,0,0,1,0-16h16V183.52A64,64,0,0,1,64,120v-4.69l-10.34,10.35a8,8,0,0,1-11.32-11.32l16-16a8,8,0,0,1,11.32,0L80,108.69V72a8,8,0,0,1,8-8h88a8,8,0,0,1,8,8v36.69l10.34-10.35a8,8,0,0,1,11.32,11.32ZM168,80H88v40a48,48,0,0,0,96,0V80Z'/%3E%3C/svg%3E");
}
.ph-star.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34l13.49-58.54L21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L165,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34l13.49-58.54L21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L165,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z'/%3E%3C/svg%3E");
}
.ph-house.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'/%3E%3C/svg%3E");
}
.ph-pulse.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a8,8,0,0,1-8,8H204.94l-37.78,75.58A8,8,0,0,1,160,216a7.93,7.93,0,0,1-7.15-4.43L95.07,93.51,63.28,160H24a8,8,0,0,1,0-16H57.06l37.78-75.58a8,8,0,0,1,14.3.43l57.78,118.06,31.79-63.6A8,8,0,0,1,206,120h26A8,8,0,0,1,240,128Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a8,8,0,0,1-8,8H204.94l-37.78,75.58A8,8,0,0,1,160,216a7.93,7.93,0,0,1-7.15-4.43L95.07,93.51,63.28,160H24a8,8,0,0,1,0-16H57.06l37.78-75.58a8,8,0,0,1,14.3.43l57.78,118.06,31.79-63.6A8,8,0,0,1,206,120h26A8,8,0,0,1,240,128Z'/%3E%3C/svg%3E");
}
.ph-briefcase-metal.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56ZM96,48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM216,200H40V72H216V200Zm-88-56H128V128h24a8,8,0,0,0,0-16H136V104a8,8,0,0,0-16,0v8H112a8,8,0,0,0,0,16h8v16H112a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56ZM96,48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM216,200H40V72H216V200Zm-88-56H128V128h24a8,8,0,0,0,0-16H136V104a8,8,0,0,0-16,0v8H112a8,8,0,0,0,0,16h8v16H112a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16Z'/%3E%3C/svg%3E");
}
.ph-airplane.tema-icono {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M235.58,128.84,176,100l-16.59-63.26a15.93,15.93,0,0,0-10.8-11.27,16.18,16.18,0,0,0-14.61,2.83,16,16,0,0,0-5.86,11.41L124.85,96,58.08,67.49A16,16,0,0,0,36,83.77l15.06,42.49L32,136a16,16,0,0,0,0,32l3.43-.26L50.49,210a16,16,0,0,0,22.08,7.27L104,200.54l4.55,11.39a16,16,0,0,0,29.72,0L142.83,200l32,17.22A16,16,0,0,0,197,209.54L211.62,168l.87.06a8,8,0,0,0,.62,0A16,16,0,0,0,235.58,128.84Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='M235.58,128.84,176,100l-16.59-63.26a15.93,15.93,0,0,0-10.8-11.27,16.18,16.18,0,0,0-14.61,2.83,16,16,0,0,0-5.86,11.41L124.85,96,58.08,67.49A16,16,0,0,0,36,83.77l15.06,42.49L32,136a16,16,0,0,0,0,32l3.43-.26L50.49,210a16,16,0,0,0,22.08,7.27L104,200.54l4.55,11.39a16,16,0,0,0,29.72,0L142.83,200l32,17.22A16,16,0,0,0,197,209.54L211.62,168l.87.06a8,8,0,0,0,.62,0A16,16,0,0,0,235.58,128.84Z'/%3E%3C/svg%3E");
}