/* =========================================================
   Cursores de La Colmena (disenos de la Senora Ana, 2026-10-26)
   Normal, Selector, Texto, Cargando y Precision, en SVG dentro
   de este mismo archivo: nitidos en cualquier pantalla y sin
   peticiones extra. Los usan la oficina Reina, Regente, Cerion,
   las oficinas de empresas y la-colmena.php.
   El cursor "Cargando" lo anima cursor.js mientras la pagina espera.
   Este archivo lo genera un script: si se cambia un diseno, se
   regenera completo (no editar a mano las direcciones SVG).
   ========================================================= */

:root {
  --cursor-colmena-normal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 3 L27 15.5 L16.5 18 L11.5 28.5 Z' fill='%23141414'/%3E%3Cpath d='M4 3 L16.5 18 L11.5 28.5 Z' fill='%232C2C2C'/%3E%3Cpath d='M4 3 L27 15.5 L16.5 18 L11.5 28.5 Z' fill='none' stroke='%23E3A33B' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, auto;
  --cursor-colmena-selector: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='b'%3E%3Cstop offset='0' stop-color='%23FFE3A8' stop-opacity='.95'/%3E%3Cstop offset='.55' stop-color='%23E3A33B' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23E3A33B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M4 3 L27 15.5 L16.5 18 L11.5 28.5 Z' fill='%23141414'/%3E%3Cpath d='M4 3 L16.5 18 L11.5 28.5 Z' fill='%232C2C2C'/%3E%3Cpath d='M4 3 L27 15.5 L16.5 18 L11.5 28.5 Z' fill='none' stroke='%23E3A33B' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='17' cy='22' r='9' fill='url(%23b)'/%3E%3Crect x='13' y='18' width='8' height='8' rx='1' fill='%23141414' stroke='%23F4C46D' stroke-width='1.6' transform='rotate(12 17 22)'/%3E%3Crect x='15.3' y='20.3' width='3.4' height='3.4' fill='none' stroke='%23FFFFFF' stroke-width='1.1' transform='rotate(12 17 22)'/%3E%3C/svg%3E") 4 3, pointer;
  --cursor-colmena-texto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M13 7 L19 7 M16 7 L16 25 M13 25 L19 25' fill='none' stroke='%23141414' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M13 7 L19 7 M16 7 L16 25 M13 25 L19 25' fill='none' stroke='%23E3A33B' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") 16 16, text;
  --cursor-colmena-cargando: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16.00' cy='5.50' r='3.20' fill='%23D98A12'/%3E%3Ccircle cx='23.42' cy='8.58' r='3.02' fill='%23DB9A2C'/%3E%3Ccircle cx='26.50' cy='16.00' r='2.84' fill='%23C99A4A'/%3E%3Ccircle cx='23.42' cy='23.42' r='2.66' fill='%23B9A07A'/%3E%3Ccircle cx='16.00' cy='26.50' r='2.48' fill='%23C8B8A0'/%3E%3Ccircle cx='8.58' cy='23.42' r='2.30' fill='%23D6CDBE'/%3E%3Ccircle cx='5.50' cy='16.00' r='2.12' fill='%23CDBFA8'/%3E%3Ccircle cx='8.58' cy='8.58' r='1.94' fill='%23C69B5A'/%3E%3C/svg%3E") 16 16, progress;
  --cursor-colmena-precision: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg stroke='%23141414' stroke-width='4.2' stroke-linecap='round'%3E%3Cpath d='M16 3 L16 10 M16 22 L16 29 M3 16 L10 16 M22 16 L29 16'/%3E%3C/g%3E%3Cg stroke='%23E3A33B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M16 3 L16 10 M16 22 L16 29 M3 16 L10 16 M22 16 L29 16'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='3' fill='%23E3A33B' stroke='%23141414' stroke-width='1.2'/%3E%3C/svg%3E") 16 16, crosshair;
}

/* Normal: toda la pagina */
html,
body {
  cursor: var(--cursor-colmena-normal);
}

/* Selector: todo lo que se puede pulsar */
a[href],
button:not(:disabled),
summary,
label[for],
select,
[role="button"],
[role="link"],
[role="tab"],
[role="menuitem"],
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="button"],
input[type="color"],
input[type="range"],
input[type="file"],
.cursor-selector {
  cursor: var(--cursor-colmena-selector);
}

/* Texto: donde se escribe */
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea,
[contenteditable="true"],
[contenteditable=""],
.cursor-texto {
  cursor: var(--cursor-colmena-texto);
}

/* Precision: mapas, lienzos y donde se marca un punto */
canvas,
.leaflet-container,
.cursor-precision {
  cursor: var(--cursor-colmena-precision);
}

/* Cargando: cursor.js pone la clase mientras hay pedidos en curso */
html.cursor-colmena-cargando,
html.cursor-colmena-cargando * {
  cursor: var(--cursor-colmena-cargando) !important;
}