/* Free tools pages. Loaded after legal.css; same three-color palette (blue, raspberry, beige). */
.top .brandmark{display:block;width:150px;height:auto;margin-bottom:clamp(18px,3vw,28px)}
.top .lead{max-width:60ch;margin:10px 0 0;font-size:1.08rem;opacity:.92}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.crumbs a{color:var(--beige);text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}
.crumbs a:hover{opacity:.75}
.crumbs span{opacity:.5}
.doc.wide{max-width:980px}

.tool{background:var(--beige);border-radius:28px;padding:clamp(18px,3vw,32px);margin:0 0 clamp(30px,4vw,44px);display:grid;gap:clamp(18px,3vw,30px)}
.tool.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:760px){.tool.two{grid-template-columns:1fr}}
.tool h2{margin:0 0 12px;padding:0;border:0}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label,.legend{font-weight:500;font-size:.92rem;letter-spacing:.02em}
.hint{font-size:.85rem;opacity:.8;margin:-2px 0 0}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px}
.row>*,.field{min-width:0}
input[type=text],input[type=tel],input[type=date],input[type=number],textarea,select{
  width:100%;font:inherit;font-weight:400;color:var(--blue);background:var(--paper);
  border:1.5px solid var(--line);border-radius:14px;padding:.7em .9em;line-height:1.4;min-width:0;max-width:100%}
textarea{min-height:110px;resize:vertical}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--raspberry);outline-offset:1px;border-color:transparent}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;
  border-radius:999px;padding:.85em 1.6em;border:2px solid var(--raspberry);background:var(--raspberry);color:var(--beige);cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--raspberry)}
.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.seg{justify-self:start;display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper)}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:.45em 1.1em;border-radius:999px;font-weight:500;font-size:.9rem}
.seg input:checked+span{background:var(--blue);color:var(--beige)}
.seg input:focus-visible+span{outline:3px solid var(--raspberry);outline-offset:2px}

.out{background:var(--paper);border:1.5px solid var(--line);border-radius:20px;padding:clamp(16px,2.5vw,24px)}
.out .big{font-weight:700;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.1;margin:4px 0 6px;font-variant-numeric:tabular-nums;color:var(--raspberry)}
.out .label{font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;opacity:.8}
.out dl{display:grid;grid-template-columns:1fr auto;gap:6px 18px;margin:14px 0 0;font-variant-numeric:tabular-nums}
.out dt{opacity:.85}
.out dd{margin:0;font-weight:500;text-align:right}
.link-box{word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;background:var(--paper);border:1.5px dashed var(--line);border-radius:14px;padding:.8em 1em;margin:0 0 10px}
.qr{display:flex;justify-content:center;align-items:center;background:var(--paper);border-radius:20px;padding:18px;min-height:220px}
.qr canvas{width:220px;height:220px;image-rendering:pixelated}
.privacy-note{font-size:.88rem;opacity:.85;margin:0}

.cta{background:var(--blue);color:var(--beige);border-radius:28px;padding:clamp(22px,3.5vw,36px);margin:clamp(36px,5vw,56px) 0}
.cta h2{margin:0 0 8px;padding:0;border:0;color:var(--beige)}
.cta p{margin:0 0 16px}
.cta .btn{background:var(--raspberry);border-color:var(--raspberry);color:var(--beige)}
.cta .btn.ghost{background:transparent;border-color:var(--beige);color:var(--beige)}

.faq h3{font-weight:500;font-size:1.05rem;margin:22px 0 4px}
.faq p{margin:0}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0 0 clamp(30px,4vw,44px);padding:0;list-style:none}
.cards li{margin:0;max-width:none}
.cards a{display:block;height:100%;background:var(--beige);border-radius:24px;padding:22px;text-decoration:none;color:var(--blue);border:2px solid transparent}
.cards a:hover{border-color:var(--raspberry)}
.cards strong{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:1.05rem;margin-bottom:6px;color:var(--raspberry)}

/* Receipt preview and print */
.recibo{background:var(--paper);border:1.5px solid var(--blue);border-radius:16px;padding:22px 24px;color:var(--blue)}
.recibo .r-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1.5px solid var(--blue);padding-bottom:10px;margin-bottom:14px}
.recibo .r-title{font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:1.5rem;margin:0}
.recibo .r-valor{font-weight:700;font-size:1.25rem;font-variant-numeric:tabular-nums}
.recibo p{max-width:none;margin:0 0 10px}
.recibo .r-sign{margin-top:42px;text-align:center}
.recibo .r-line{border-top:1px solid var(--blue);width:min(320px,80%);margin:0 auto 4px}
.recibo .r-via{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-top:10px;text-align:right}
.cut{border-top:1.5px dashed var(--blue);margin:22px 0;opacity:.5}
.print-only{display:none}
@media print{
  @page{margin:14mm}
  body{background:#fff}
  .top,.no-print,.cta,.faq,.foot,.doc>h2,.doc>p,.tool>*:not(.preview){display:none!important}
  .doc{padding:0;max-width:none}
  .tool{display:block;background:none;padding:0;margin:0}
  .preview{display:block!important}
  .print-only{display:block}
  .recibo{border-radius:0;break-inside:avoid;background:#fff}
}