/* AxisCore — componente aislado, sin recursos externos ni estilos globales. */
.axiscore-cookies {
    --cookie-bg: #fff;
    --cookie-text: #192f41;
    --cookie-muted: #4c6070;
    --cookie-border: #c2d1da;
    --cookie-accent: #12634d;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: var(--cookie-text);
    font-size: 14px;
    line-height: 1.55;
}

.axiscore-cookies [hidden] { display: none; }

.axiscore-cookie-notice,
.axiscore-cookie-dialog {
    color: var(--cookie-text);
    background: var(--cookie-bg);
    border: 1px solid var(--cookie-border);
    border-radius: 16px;
    box-shadow: 0 12px 42px rgba(5, 25, 39, .22);
    padding: 24px;
    box-sizing: border-box;
}

.axiscore-cookie-notice {
    position: fixed;
    z-index: 2500;
    top: max(16px, env(safe-area-inset-top));
    left: 16px;
    width: calc(100% - 32px);
    max-width: 480px;
    max-height: 65vh;
    overflow-y: auto;
}

.axiscore-cookies h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    margin: 5px 0 12px;
    color: var(--cookie-text);
}

.axiscore-cookies p { margin: 10px 0; color: var(--cookie-muted); }
.axiscore-cookies a { color: var(--cookie-accent); text-decoration: underline; text-underline-offset: 3px; }
.axiscore-cookie-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .12em; color: var(--cookie-accent); }

.axiscore-cookie-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 20px; }
.axiscore-cookie-button {
    min-height: 44px;
    padding: 10px 6px;
    border: 1px solid var(--cookie-accent);
    border-radius: 8px;
    background: var(--cookie-bg);
    color: var(--cookie-accent);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    font-weight: 600;
    cursor: pointer;
}

.axiscore-cookie-button:hover,
.axiscore-cookie-close:hover { background: color-mix(in srgb, var(--cookie-accent) 9%, var(--cookie-bg)); }
.axiscore-cookies :focus-visible { outline: 3px solid var(--cookie-accent); outline-offset: 3px; }

.axiscore-cookie-launcher {
    position: fixed;
    z-index: 2400;
    left: max(12px, env(safe-area-inset-left));
    bottom: max(12px, env(safe-area-inset-bottom));
    min-height: 44px;
    padding: 9px 16px;
    background: var(--cookie-bg);
    color: var(--cookie-accent);
    border: 1px solid var(--cookie-border);
    border-radius: 24px;
    box-shadow: 0 3px 12px rgba(5, 25, 39, .16);
    cursor: pointer;
    font: 600 13px/1.35 'Segoe UI', Tahoma, sans-serif;
}

.axiscore-cookie-dialog {
    width: min(650px, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    overflow: auto;
}
.axiscore-cookie-dialog::backdrop { background: rgba(4, 18, 30, .65); }
.axiscore-cookie-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.axiscore-cookie-close { flex: 0 0 44px; min-height: 44px; border-radius: 8px; border: 1px solid var(--cookie-border); background: var(--cookie-bg); color: var(--cookie-text); font-size: 26px; line-height: 1; cursor: pointer; }
.axiscore-cookie-category { border-top: 1px solid var(--cookie-border); padding: 14px 0 4px; }
.axiscore-cookie-category label { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.axiscore-cookie-category label span span { display: block; color: var(--cookie-muted); font-size: 12px; }
.axiscore-cookie-category input { width: 20px; height: 20px; accent-color: var(--cookie-accent); opacity: 1; }
.axiscore-cookie-category p { font-size: 13px; }
.axiscore-cookie-badge { display: inline-block; margin-left: 8px; color: var(--cookie-muted); font-size: 12px; }
.axiscore-cookie-current { font-size: 12px; }
.axiscore-cookies .axiscore-cookie-warning { color: #80430b; }
.axiscore-cookie-persistent-warning { position: fixed; bottom: 64px; left: 12px; max-width: min(350px, calc(100% - 24px)); padding: 12px; background: var(--cookie-bg); border: 1px solid var(--cookie-border); border-radius: 8px; z-index: 2400; box-shadow: 0 3px 12px rgba(5, 25, 39, .16); font-size: 12px; }
.axiscore-cookie-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (min-width: 640px) {
    .axiscore-cookie-notice { top: auto; bottom: 72px; left: 20px; }
}

/* Contraste de superficie propio, legible sobre páginas claras y oscuras. */