/* Aviso de cookies de analisis (js/analitica.js). Hoja propia: la usan todos los layouts
   (portada, zona del cliente y tutorial). Aceptar y rechazar tienen el mismo peso visual. */
.sm-cookies {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 2147483000;
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding: 16px 20px;
    background: #1A1530;
    color: #F4F2FF;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(26, 21, 48, .28);
    font: 400 14px/1.5 "Inter Display", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    animation: sm-cookies-in .35s ease-out both;
}
.sm-cookies p { flex: 1 1 300px; margin: 0; }
.sm-cookies a { color: #C9BEFF; text-decoration: underline; text-underline-offset: 2px; }
.sm-cookies-botones { display: flex; gap: 10px; flex: 0 0 auto; }
.sm-cookies-botones button {
    min-width: 108px;
    padding: 10px 18px;
    border: 1px solid #8B6CF6;
    border-radius: 999px;
    background: #6246EA;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.sm-cookies-botones button:hover { background: #4E33D6; }
.sm-cookies-botones button:focus-visible { outline: 3px solid #C9BEFF; outline-offset: 2px; }
@media (max-width: 480px) {
    .sm-cookies { left: 12px; right: 12px; bottom: 12px; padding: 14px 16px; }
    .sm-cookies-botones { width: 100%; }
    .sm-cookies-botones button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .sm-cookies { animation: none; } }
@keyframes sm-cookies-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media print { .sm-cookies { display: none; } }