/* The compact calculator inside the home page (web-personal). The host section gives it its ground; it borrows the host's tokens (--ink, --mint, --sun, --bw, --r, --head, --body, .btn, .sticker): ink 3px outlines, hard offset shadows, mint and sun blocks. */
.cc{--focus:var(--ink);scroll-margin-top:84px}
.cc:focus{outline:none}
.cc-head{display:grid;gap:14px;justify-items:start;margin-bottom:22px}
.cc-head h2{font-size:clamp(32px,8.4vw,52px)}
.cc-lead{font-size:18px;max-width:52ch}
.cc-warn{padding:12px 14px;background:var(--sun-bg);border:var(--bw) solid var(--ink);border-radius:12px;font-weight:700}
.cc-grid{display:grid;gap:20px;align-items:start}
.cc-q{padding:4px 16px 6px;background:var(--white);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink)}
.cc-step{display:block;min-width:0;padding:14px 0 16px;border:0}
.cc-step+.cc-step{border-top:3px dashed var(--mint-2)}
.cc-step legend,.cc-lg{display:block;margin-bottom:12px;padding:0;font:800 19px/1.2 var(--head);letter-spacing:-.01em}
.cc-chips{display:flex;flex-wrap:wrap;gap:8px}
.cc-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 12px;font:800 16px/1.2 var(--body);background:var(--white);border:var(--bw) solid var(--ink);border-radius:12px;cursor:pointer;transition:background .12s}
.cc-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cc-chip:hover{background:var(--sun-bg)}
.cc-chip:has(input:checked){background:var(--sun);box-shadow:3px 3px 0 var(--ink)}
.cc-chip:has(input:checked)::before{content:"\2713"}
.cc-chip:has(input:focus-visible){outline:4px solid var(--ink);outline-offset:3px}
.cc-sl{display:grid;grid-template-columns:1fr 96px;gap:12px;align-items:center}
.cc-ni{width:100%;height:50px;font:800 22px var(--head);text-align:center;color:var(--ink);background:var(--page);border:var(--bw) solid var(--ink);border-radius:12px}
.cc-mo{margin-top:6px;font:700 16px var(--body)}
.cc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer;--p:50%}
.cc input[type=range]::-webkit-slider-runnable-track{height:14px;border:var(--bw) solid var(--ink);border-radius:99px;background:linear-gradient(90deg,var(--sun) var(--p),var(--white) var(--p))}
.cc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-13px;border-radius:50%;background:var(--orange);border:var(--bw) solid var(--ink)}
.cc input[type=range]::-moz-range-track{height:8px;border:var(--bw) solid var(--ink);border-radius:99px;background:linear-gradient(90deg,var(--sun) var(--p),var(--white) var(--p))}
.cc input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--orange);border:var(--bw) solid var(--ink)}
.cc input[type=range]:focus-visible{outline:4px solid var(--ink);outline-offset:2px;border-radius:99px}
.cc-res{display:grid;gap:16px;align-content:start}
.cc-way{display:grid;gap:6px;padding:16px 18px 18px;border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink)}
.cc-way{background:var(--sun)}
.cc-asof{font-weight:800}
.cc-way h3{font:800 22px/1.1 var(--head);letter-spacing:-.01em}
.cc-fig b{font:800 clamp(30px,8.4vw,46px)/1.05 var(--head);letter-spacing:-.02em}
.cc-sub{font-size:16px;font-weight:600;max-width:46ch}
.cc-sub a{font-weight:800}
.cc-more{margin-top:20px}
.cc-more[open]{background:var(--white)}
.cc-more summary{font-size:20px}
.cc-more-in{display:grid;gap:14px;padding:4px 18px 22px}
.cc-more .cc-note{padding:0;font-size:15px;font-weight:600;line-height:1.4;max-width:70ch;overflow-wrap:anywhere}
.cc-more .cc-note a{font-weight:800}
.cc-nt{font-size:14px;font-weight:600}
.cc-grp{padding:12px 14px 10px;border:var(--bw) solid var(--ink);border-radius:14px}
.cc-req{background:var(--mint-3)}
.cc-opt{background:var(--white);border-style:dashed}
.cc-one{background:var(--sun-bg)}
.cc-gh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cc-gh h3{font:800 19px/1.2 var(--head);letter-spacing:-.01em}
.cc-gh b{font:800 19px var(--head);text-align:right;white-space:nowrap}
.cc-grp table{width:100%;margin-top:6px;border-collapse:collapse;font-size:15px}
.cc-grp td{padding:7px 0;border-bottom:2px solid var(--mint-2);font-weight:600;vertical-align:top}
.cc-grp td+td{padding-left:10px;text-align:right;white-space:nowrap;font-weight:800}
.cc-grp tr:last-child td{border-bottom:0}
.cc-act{display:grid;gap:12px;justify-items:start}
.cc-lk{width:100%;min-height:46px;padding:6px 10px;font:600 14px ui-monospace,monospace;color:var(--ink);background:var(--page);border:var(--bw) dashed var(--ink);border-radius:12px}
@media(min-width:700px){.cc-act{grid-auto-flow:column;justify-content:start;align-items:center}.cc-lk,.cc-act .cc-note{grid-column:1/-1}.cc-act{grid-template-columns:auto auto}}
@media(min-width:900px){.cc-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:30px}.cc-q{padding:6px 24px 8px}}

/* «Descargar PDF» = print only #pr (the sheet that embed.js fills); a plain Ctrl+P on the home prints the home */
#pr{display:none}
@media print{
  @page{size:A4;margin:14mm}
  html.printing-calc body>*:not(#pr){display:none!important}
  html.printing-calc #pr{display:block}
  html.printing-calc body{background:#fff;color:#000;font-size:10pt;line-height:1.35;padding:0}
  #pr h1{font-size:20pt;margin-bottom:2pt}
  #pr h2{font:800 12pt var(--head);margin:10pt 0 3pt;border-bottom:1px solid #000}
  #pr dl{display:grid;grid-template-columns:max-content 1fr;gap:2pt 12pt}
  #pr dt{font-weight:700}
  #pr dd{overflow-wrap:anywhere}
  #pr .pr-big{font:800 18pt var(--head)}
  #pr .grp,#pr .grp .gh{display:block}
  #pr .grp{margin-top:6pt;padding:4pt 6pt;border:1px solid #000;border-radius:0;background:none;break-inside:avoid}
  #pr .grp h3,#pr .grp h4,#pr .grp .gh b{font-size:11pt}
  #pr table{width:100%;border-collapse:collapse;font-size:9pt}
  #pr td{padding:2pt 0;border-bottom:1px solid #999}
  #pr td+td{text-align:right;white-space:nowrap}
  #pr .note,#pr .nt,#pr .cc-note,#pr .cc-nt{font-size:8.5pt;color:#333}
  #pr .pr-foot{margin-top:8pt;font-size:8.5pt;color:#333;overflow-wrap:anywhere}
}