@layer components{.boton{justify-content:center;align-items:center;gap:var(--esp-2);font-family:var(--fuente-texto);white-space:nowrap;border-radius:var(--radio);cursor:pointer;transition:background-color var(--trans-rapida), border-color var(--trans-rapida), transform var(--trans-rapida), box-shadow var(--trans-rapida);border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.boton:active:not(:disabled){transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--sm{padding:var(--esp-2) var(--esp-3);font-size:var(--texto-sm)}.boton--md{padding:var(--esp-3) var(--esp-5);font-size:var(--texto-base)}.boton--lg{padding:var(--esp-4) var(--esp-6);font-size:var(--texto-lg)}.boton--ancho{inline-size:100%}.boton--primario{background-color:var(--primario);color:var(--primario-texto);border-color:color-mix(in srgb, var(--primario) 70%, #000);box-shadow:var(--sombra-sm)}.boton--primario:hover:not(:disabled){background-color:var(--primario-hover);box-shadow:var(--sombra)}.boton--secundario{background-color:var(--superficie-elevada);color:var(--texto);border-color:var(--borde-fuerte)}.boton--secundario:hover:not(:disabled){background-color:var(--superficie-hundida);border-color:var(--primario)}.boton--fantasma{color:var(--texto);background-color:#0000;border-color:#0000}.boton--fantasma:hover:not(:disabled){background-color:var(--superficie-hundida)}.boton--peligro{background-color:var(--rojo-error);color:var(--crema);border-color:color-mix(in srgb, var(--rojo-error) 70%, #000)}.boton--peligro:hover:not(:disabled){background-color:color-mix(in srgb, var(--rojo-error) 82%, #000)}.boton__girador{border:2px solid;border-block-start-color:#0000;border-radius:50%;block-size:1em;inline-size:1em;animation:.7s linear infinite boton-girar}@keyframes boton-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boton__girador{opacity:.6;animation:none}}}