/* NorthClick · Oleada 2 · Moléculas. Requiere atomos.css. Sin dependencias. */
:root{
  --nc-color-ambar-50:#FBF1DE;--nc-color-ambar-200:#F1D3A9;--nc-color-ambar-800:#78500E;--nc-color-ambar-900:#5A3A06;--nc-color-frio-50:#EEF4F9;--nc-color-frio-200:#BAD5E5;
  --nc-color-plumon-50:#FDECEE;--nc-color-plumon-200:#F8A8AB;--nc-color-plumon-800:#861723;--nc-color-plumon-900:#5C0F18;--nc-color-verde-50:#E6F3EC;--nc-color-verde-200:#ACD0BA;--nc-color-verde-300:#85B899;--nc-color-verde-500:#2E8A5B;--nc-color-verde-800:#165233;
  --nc-color-frio-500:#5C83AA;
}
/* ---------- Select (nativo con aspecto de marca) ---------- */
.nc-select{position:relative;display:block}
.nc-select select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:46px}
.nc-select::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;margin-top:-7px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);pointer-events:none;color:var(--nc-texto-principal)}
.nc-select:has(select:disabled)::after{color:var(--nc-deshabilitado-texto)}
.nc-select option{color:#0B1A4F;background:#fff}
/* ---------- Card: niveles de énfasis E0–E3 y cuatro tintes ---------- */
.nc-card{--c-bg:var(--nc-fondo-superficie);--c-text:var(--nc-texto-principal);--c-muted:var(--nc-texto-secundario);--c-sh:none;--c-stroke-w:2px;
  position:relative;display:block;padding:20px 22px;color:var(--c-text);background:var(--c-bg);border:var(--c-stroke-w) solid var(--nc-trazo);box-shadow:var(--c-sh);
  border-radius:22px 30px 24px 34px/32px 22px 34px 24px;text-decoration:none;transition:transform var(--nc-t-hover) var(--nc-curva-salida),box-shadow var(--nc-t-hover) var(--nc-curva-salida),background-color 120ms}
.nc-card h3{margin:0 0 6px;font:700 24px/1.2 "Bricolage Grotesque",sans-serif;color:var(--c-text)}
.nc-card p{margin:0;font:400 16px/1.6 "Figtree",sans-serif;color:var(--c-muted)}
.nc-card a:not(.nc-btn){color:var(--c-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.nc-card--e0{--c-stroke-w:1px}
.nc-card--e1{--c-sh:var(--nc-sombra-sm)}
.nc-card--e2{--c-sh:var(--nc-sombra-md)}
.nc-card--e3{--c-sh:var(--nc-sombra-lg)}
/* tintes: claro */
.nc-card[data-tint="calido"]{--t1:var(--nc-color-ambar-50);--t2:var(--nc-color-ambar-200);--t3:var(--nc-color-ambar-500);--t3t:var(--nc-color-frio-900)}
.nc-card[data-tint="frio"]{--t1:var(--nc-color-frio-50);--t2:var(--nc-color-frio-200);--t3:var(--nc-color-frio-700);--t3t:var(--nc-color-nieve)}
.nc-card[data-tint="plumon"]{--t1:var(--nc-color-plumon-50);--t2:var(--nc-color-plumon-200);--t3:var(--nc-color-plumon-600);--t3t:var(--nc-color-nieve)}
.nc-card[data-tint="verde"]{--t1:var(--nc-color-verde-50);--t2:var(--nc-color-verde-200);--t3:var(--nc-color-verde-700);--t3t:var(--nc-color-nieve)}
.nc-card[data-tint].nc-card--e1{--c-bg:var(--t1)}
.nc-card[data-tint].nc-card--e2{--c-bg:var(--t2);--c-muted:var(--nc-color-frio-900)}
.nc-card[data-tint].nc-card--e3{--c-bg:var(--t3);--c-text:var(--t3t);--c-muted:var(--t3t)}
.nc-card[data-tint].nc-card--e1{--c-muted:var(--nc-color-frio-900)}
/* tintes: oscuro */
[data-theme="dark"] .nc-card[data-tint="calido"]{--t1:var(--nc-color-ambar-900);--t2:var(--nc-color-ambar-800);--t3:var(--nc-color-ambar-500);--t3t:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-card[data-tint="frio"]{--t1:var(--nc-color-frio-700);--t2:var(--nc-color-frio-600);--t3:var(--nc-color-frio-300);--t3t:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-card[data-tint="plumon"]{--t1:var(--nc-color-plumon-900);--t2:var(--nc-color-plumon-800);--t3:var(--nc-color-plumon-300);--t3t:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-card[data-tint="verde"]{--t1:var(--nc-color-verde-800);--t2:var(--nc-color-verde-700);--t3:var(--nc-color-verde-300);--t3t:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-card[data-tint].nc-card--e1,[data-theme="dark"] .nc-card[data-tint].nc-card--e2{--c-text:var(--nc-color-nieve);--c-muted:var(--nc-color-nieve)}
[data-theme="dark"] .nc-card[data-tint].nc-card--e3{--c-muted:var(--nc-color-frio-900)}
/* interactiva: al pasar sube un nivel (Levantar) */
.nc-card--interactive{cursor:pointer}
.nc-card--interactive:hover,.nc-card--interactive.is-hover{transform:translateY(-2px)}
.nc-card--e0.nc-card--interactive:hover,.nc-card--e0.nc-card--interactive.is-hover{--c-sh:var(--nc-sombra-sm);--c-stroke-w:2px}
.nc-card--e1.nc-card--interactive:hover,.nc-card--e1.nc-card--interactive.is-hover{--c-sh:var(--nc-sombra-md)}
.nc-card--e2.nc-card--interactive:hover,.nc-card--e2.nc-card--interactive.is-hover{--c-sh:var(--nc-sombra-lg)}
.nc-card--e3.nc-card--interactive:hover,.nc-card--e3.nc-card--interactive.is-hover{--c-sh:var(--nc-sombra-lg);transform:translateY(-3px)}
.nc-card--interactive:focus-visible{box-shadow:none}
/* ---------- Sticker ---------- */
.nc-sticker{display:inline-block;padding:4px 14px;font:700 13px/1.3 "Figtree",sans-serif;color:var(--nc-color-frio-900);background:var(--nc-color-ambar-200);border:1.5px solid var(--nc-color-frio-900);transform:rotate(var(--rot,-3deg))}
.nc-sticker--sello{border-radius:999px;background:var(--nc-color-plumon-100);transform:rotate(var(--rot,4deg))}
.nc-sticker--frio{background:var(--nc-color-frio-200)}
/* ---------- Tabs ---------- */
.nc-tabs{display:flex;flex-wrap:wrap;gap:10px}
.nc-tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;font:600 14px/1.25 "Figtree",sans-serif;color:var(--nc-texto-principal);background:var(--nc-fondo-superficie);border:2px solid var(--nc-trazo);border-radius:999px;cursor:pointer;
  transition:transform var(--nc-t-hover) var(--nc-curva-salida),box-shadow var(--nc-t-hover) var(--nc-curva-salida)}
.nc-tab:hover,.nc-tab.is-hover{transform:translateY(-2px);box-shadow:var(--nc-sombra-sm)}
.nc-tab[aria-selected="true"]{background:var(--nc-color-frio-900);color:var(--nc-color-nieve);border-color:var(--nc-color-frio-900);box-shadow:var(--nc-sombra-sm)}
[data-theme="dark"] .nc-tab[aria-selected="true"]{background:var(--nc-color-frio-300);color:var(--nc-color-frio-900);border-color:var(--nc-color-frio-300)}
.nc-tab__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font:700 12px/1 "Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums;border-radius:999px;background:var(--nc-color-papel-100);color:var(--nc-color-frio-900)}
.nc-tab:focus-visible{box-shadow:none}
.nc-tabpanel{margin-top:16px}
/* ---------- Accordion (details nativo) ---------- */
.nc-acc{display:grid;gap:12px;max-width:640px}
.nc-acc details{background:var(--nc-fondo-superficie);border:2px solid var(--nc-trazo);border-radius:var(--nc-radio-campo);transition:box-shadow var(--nc-t-hover) var(--nc-curva-salida)}
.nc-acc details[open]{box-shadow:var(--nc-sombra-sm)}
.nc-acc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 18px;cursor:pointer;list-style:none;font:600 20px/1.25 "Bricolage Grotesque",sans-serif;color:var(--nc-texto-principal)}
.nc-acc summary::-webkit-details-marker{display:none}
.nc-acc summary::after{content:"";flex:none;width:10px;height:10px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:transform var(--nc-t-hover) var(--nc-curva-salida)}
.nc-acc details[open] summary::after{transform:rotate(-135deg)}
.nc-acc summary:hover{background:var(--nc-color-frio-50);border-radius:8px}[data-theme="dark"] .nc-acc summary:hover{background:var(--nc-color-frio-700)}
.nc-acc summary:focus-visible{outline:3px solid var(--nc-foco);outline-offset:3px;border-radius:8px}
.nc-acc__body{padding:0 18px 18px;font:400 16px/1.6 "Figtree",sans-serif;color:var(--nc-texto-secundario)}
/* ---------- Tooltip ---------- */
.nc-tip{position:relative;display:inline-flex}
.nc-tip__bubble{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,4px);width:max-content;max-width:240px;padding:8px 12px;font:400 14px/1.4 "Figtree",sans-serif;color:var(--nc-color-nieve);background:var(--nc-color-frio-900);border:2px solid var(--nc-color-frio-900);border-radius:8px;box-shadow:var(--nc-sombra-xs);opacity:0;pointer-events:none;transition:opacity 120ms,transform 220ms var(--nc-curva-salida);z-index:10}
.nc-tip__bubble::after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;margin:-5px 0 0 -5px;background:inherit;transform:rotate(45deg)}
[data-theme="dark"] .nc-tip__bubble{color:var(--nc-color-frio-900);background:var(--nc-color-frio-300);border-color:var(--nc-color-frio-300)}
.nc-tip[data-pos="start"] .nc-tip__bubble{left:0;transform:translate(0,4px)}
.nc-tip[data-pos="start"] .nc-tip__bubble::after{left:22px}
.nc-tip[data-pos="start"]:hover .nc-tip__bubble,.nc-tip[data-pos="start"]:focus-within .nc-tip__bubble,.nc-tip[data-pos="start"].is-open .nc-tip__bubble{transform:none}
.nc-tip:hover .nc-tip__bubble,.nc-tip:focus-within .nc-tip__bubble,.nc-tip.is-open .nc-tip__bubble{opacity:1;transform:translate(-50%,0)}
.nc-tip[data-dismissed="true"] .nc-tip__bubble{opacity:0}
/* ---------- Toast ---------- */
.nc-toasts{position:fixed;right:20px;bottom:20px;display:grid;gap:12px;z-index:50;max-width:min(380px,calc(100vw - 40px))}
.nc-toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;color:var(--nc-color-frio-900);background:var(--nc-color-frio-200);border:2px solid var(--nc-color-frio-900);border-radius:var(--nc-radio-campo);box-shadow:4px 5px 0 var(--nc-color-frio-900);font:400 14px/1.45 "Figtree",sans-serif;animation:nc-toast-in 380ms var(--nc-curva-salida)}
.nc-toast b{display:block;font:700 16px/1.3 "Bricolage Grotesque",sans-serif}
.nc-toast--ok{background:var(--nc-color-verde-200)}.nc-toast--warn{background:var(--nc-color-ambar-200)}.nc-toast--error{background:var(--nc-color-plumon-200)}
.nc-toast .nc-icon{margin-top:2px}
.nc-toast__close{margin-left:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;background:transparent;border:2px solid transparent;border-radius:50%;color:inherit;cursor:pointer}
.nc-toast__close:hover{border-color:var(--nc-color-frio-900)}
@keyframes nc-toast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nc-toast{animation:none}.nc-tip__bubble{transition:opacity 120ms}}
/* ---------- Step (pasos de un proceso) ---------- */
.nc-steps{display:grid;gap:14px;list-style:none;margin:0;padding:0;counter-reset:s}
.nc-step{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;color:var(--nc-texto-principal);background:var(--nc-fondo-superficie);border:2px solid var(--nc-trazo);border-radius:var(--nc-radio-campo);box-shadow:var(--nc-sombra-sm)}
.nc-step__n{flex:none;display:grid;place-items:center;width:40px;height:40px;font:700 18px/1 "Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums;color:var(--nc-color-frio-900);background:var(--nc-color-papel-100);border:2px solid var(--nc-color-frio-900);border-radius:50%}
.nc-step__title{display:block;margin:0;font:600 20px/1.25 "Bricolage Grotesque",sans-serif}
.nc-step__desc{display:block;margin:4px 0 0;font:400 14px/1.5 "Figtree",sans-serif;color:var(--nc-texto-secundario)}
.nc-step[aria-current="step"]{background:var(--nc-color-ambar-500);color:var(--nc-color-frio-900);box-shadow:var(--nc-sombra-lg)}
.nc-step[aria-current="step"] .nc-step__desc{color:var(--nc-color-frio-900)}
.nc-step[aria-current="step"] .nc-step__n{background:var(--nc-color-nieve)}
.nc-step[data-state="done"] .nc-step__n{background:var(--nc-color-verde-700);color:var(--nc-color-nieve);border-color:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-step__n{background:var(--nc-color-frio-700);color:var(--nc-color-nieve);border-color:var(--nc-color-frio-300)}
[data-theme="dark"] .nc-step[aria-current="step"] .nc-step__n{background:var(--nc-color-nieve);color:var(--nc-color-frio-900)}
[data-theme="dark"] .nc-step[data-state="done"] .nc-step__n{background:var(--nc-color-verde-300);color:var(--nc-color-frio-900)}
/* ---------- Pagination ---------- */
.nc-pager{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.nc-pager a,.nc-pager span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 8px;font:700 14px/1 "Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums;color:var(--nc-texto-principal);background:var(--nc-fondo-superficie);border:2px solid var(--nc-trazo);border-radius:999px;text-decoration:none;transition:transform var(--nc-t-hover) var(--nc-curva-salida),box-shadow var(--nc-t-hover) var(--nc-curva-salida)}
.nc-pager a:hover{transform:translateY(-2px);box-shadow:var(--nc-sombra-sm)}
.nc-pager a[aria-current="page"]{background:var(--nc-color-frio-900);color:var(--nc-color-nieve);border-color:var(--nc-color-frio-900);box-shadow:var(--nc-sombra-sm)}
[data-theme="dark"] .nc-pager a[aria-current="page"]{background:var(--nc-color-frio-300);color:var(--nc-color-frio-900);border-color:var(--nc-color-frio-300)}
.nc-pager .is-gap{border-color:transparent;background:transparent;min-width:24px}
.nc-pager [aria-disabled="true"]{color:var(--nc-deshabilitado-texto);background:var(--nc-deshabilitado-fondo);border-color:var(--nc-deshabilitado-trazo);pointer-events:none}