/* Componentes genéricos: botones, tarjetas, formularios y avisos. */
.boton-icono{cursor:pointer}.boton-tema{display:grid;place-items:center;flex:0 0 38px;font-size:1.05rem;line-height:1;transition:background .2s,border-color .2s,transform .2s}.boton-tema:hover{border-color:var(--texto-suave);background:var(--tarjeta);transform:rotate(8deg)}.acciones-cabecera{display:flex;align-items:center;gap:10px}
.boton,.boton-secundario{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:10px;padding:.72rem 1rem;font-weight:700;transition:transform .2s,background .2s}.boton{background:var(--acento);color:var(--acento-tinta)}.boton:hover{transform:translateY(-2px)}.boton-secundario{background:transparent;color:var(--texto);border-color:var(--borde)}.boton-secundario:hover{background:var(--tarjeta)}.boton-icono{width:38px;height:38px;border:1px solid var(--borde);border-radius:50%;background:var(--superficie);color:var(--texto)}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:24px}.campo{display:grid;gap:8px;font-weight:700;font-size:.92rem}.campo input,.campo textarea,.campo select{width:100%;border:1px solid var(--borde);border-radius:10px;background:var(--superficie);padding:.75rem;outline:none}.campo textarea{min-height:180px;resize:vertical;font:500 .9rem ui-monospace,SFMono-Regular,Consolas,monospace}.fila{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.aviso{min-height:1.5em;color:var(--texto-suave);font-size:.9rem}.salto-contenido{position:absolute;left:12px;top:-60px;background:var(--acento);color:var(--acento-tinta);padding:8px;z-index:10}.salto-contenido:focus{top:12px}