/* El Despertar Financiero · capa común de las herramientas (v12)
   Se carga DESPUÉS del CSS propio de cada herramienta. Todo lo nuevo va con prefijo #edf- para no chocar con sus clases.
   Las herramientas son siempre en claro: misma marca que el curso, sin modo oscuro (sus colores están escritos a mano). */
@font-face{font-family:"Caladea";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/caladea-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Caladea";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/caladea-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Carlito";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/carlito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Carlito";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/carlito-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Carlito";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/carlito-latin-700-normal.woff2) format("woff2")}
:root{
  color-scheme:light;
  --serif:"Caladea",Cambria,Georgia,serif;
  --sans:"Carlito",Calibri,"Segoe UI",Arial,sans-serif;
  --edf-navy:#0B1F3A;--edf-orange:#FF7A33;--edf-orange-ink:#C2501A;--edf-bg:#F7F8FA;--edf-surface:#FFFFFF;
  --edf-fg:#16233A;--edf-muted:#5B6678;--edf-line:#DDE2EA;--edf-tint:#EEF1F6;--edf-ok:#2E7D5B;
}
html{background:var(--edf-bg)}
body{font-family:var(--sans)}
:focus-visible{outline:3px solid var(--edf-orange)!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
button,input,select,textarea{touch-action:manipulation}

/* Cabecera del sitio (igual que en el curso) */
#edf-site{position:sticky;top:0;z-index:50;background:var(--edf-surface);border-bottom:1px solid var(--edf-line);font:15px/1.4 var(--sans)}
#edf-site .in{max-width:72rem;margin:0 auto;display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
#edf-site .brand{font:700 19px var(--serif);text-decoration:none;color:var(--edf-navy);margin-right:auto}
#edf-site .brand b{color:var(--edf-orange-ink)}
#edf-site nav{display:flex;gap:4px 16px;flex-wrap:wrap}
#edf-site nav a{text-decoration:none;color:var(--edf-muted);padding:4px 2px;white-space:nowrap}
#edf-site nav a b{color:var(--edf-orange-ink);margin-right:4px}
#edf-site nav a[aria-current]{color:var(--edf-fg);border-bottom:2px solid var(--edf-orange)}
#edf-site nav a:hover{color:var(--edf-fg)}

/* Título de la herramienta (igual que las páginas del curso) */
#edf-head{max-width:72rem;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));font-family:var(--sans);color:var(--edf-fg)}
#edf-head .crumbs{font-size:14px;color:var(--edf-muted);margin:0 0 12px}
#edf-head .crumbs a{color:var(--edf-muted)}
#edf-head .eyebrow{font:700 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--edf-orange-ink);margin:0}
#edf-head h1{font:700 clamp(28px,5vw,40px)/1.15 var(--serif);color:var(--edf-navy);margin:6px 0 8px;text-wrap:balance}
#edf-head .lede{font-size:18px;line-height:1.5;color:var(--edf-muted);max-width:62ch;margin:0}

/* Barra de modo: caso del curso / tus datos */
#edf-mode{max-width:72rem;margin:16px auto 8px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));font:15px/1.45 var(--sans)}
#edf-mode .bar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;border-radius:10px;padding:12px 16px;border:1px solid var(--edf-line);background:var(--edf-surface)}
#edf-mode .bar.ej{background:#FFF3EA;border-color:#FFD9BC}
#edf-mode .bar.us{background:#EFF8F1;border-color:#CBE8D2}
#edf-mode .txt{flex:1 1 22rem;min-width:0;color:var(--edf-fg)}
#edf-mode .txt b{display:block;font-size:16px}
#edf-mode .txt span{color:var(--edf-muted);font-size:14px}
#edf-mode .acts{display:flex;gap:8px;flex-wrap:wrap}
#edf-mode button{font:700 15px var(--sans);border-radius:6px;padding:9px 16px;cursor:pointer;border:1.5px solid var(--edf-navy);background:transparent;color:var(--edf-navy)}
#edf-mode button.pri{background:var(--edf-navy);color:#fff}
#edf-mode button.pri:hover{background:#18335c}
#edf-mode button:not(.pri):hover{background:var(--edf-tint)}
#edf-mode button.dang{border-color:#B3261E;color:#7A241D}
#edf-mode .confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}

/* Pie: anterior / capítulo / siguiente */
#edf-foot{border-top:1px solid var(--edf-line);margin-top:40px;background:var(--edf-bg);font:15px/1.4 var(--sans)}
#edf-foot .in{max-width:72rem;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:18px max(16px,env(safe-area-inset-right,0px)) 28px max(16px,env(safe-area-inset-left,0px))}
#edf-foot a{text-decoration:none;color:var(--edf-navy);font-weight:700;min-width:0}
#edf-foot a:hover{text-decoration:underline;text-decoration-color:var(--edf-orange)}
#edf-foot small{display:block;color:var(--edf-muted);font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
#edf-foot .r{text-align:right;margin-left:auto}

/* Informe impreso */
#edf-report{display:none}
@media print{
  @page{margin:14mm}
  #edf-site,#edf-mode,#edf-foot,#edf-head .crumbs,.edf-noprint{display:none!important}
  #edf-report{display:block;font:12px/1.4 var(--sans);color:#16233A;border-bottom:2px solid #0B1F3A;padding-bottom:8px;margin-bottom:12px}
  #edf-report b{font:700 16px var(--serif);color:#0B1F3A;display:block}
  #edf-report .disc{display:block;margin-top:4px;color:#5B6678;font-size:10.5px}
  #edf-head{padding-top:0}
  body{background:#fff!important}
}
.edf-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#0B1F3A;color:#fff;padding:8px 14px;font:700 15px var(--sans);border-radius:0 0 6px 0}
.edf-skip:focus{left:0}
@media (max-width:560px){#edf-site .in{gap:4px 12px;padding-bottom:0}#edf-site nav{flex-wrap:wrap;width:100%;gap:0 14px;padding-bottom:6px}}