/* SueldoClaro 1.5. Loaded only by standalone calculators, after legacy styles. */
@media screen {
  :root body.sc-polish.calculator-detail-page {
    --calc-space: clamp(20px, 2.8vw, 36px);
    --calc-control: 48px;
    --calc-ease: cubic-bezier(.22, 1, .36, 1);
    --calc-border: color-mix(in srgb, var(--ink) 30%, var(--surface));
    --calc-soft-line: color-mix(in srgb, var(--accent) 16%, var(--surface));
  }
  :root body.calculator-detail-page #calculadoras .page-hero h1 {
    line-height: 1.14 !important; text-wrap: balance;
  }
  :root body.calculator-detail-page #calculadoras .calculator {
    grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch;
    border-radius: 20px !important; overflow: hidden;
    border-color: var(--calc-soft-line) !important;
    box-shadow: 0 8px 28px rgba(20, 50, 35, .035) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator > :is(.panel,.result) {
    min-width: 0; padding: var(--calc-space) !important;
    border-radius: 0 !important; box-sizing: border-box;
  }
  :root body.calculator-detail-page #calculadoras .calculator > .panel {
    background: var(--surface, #fff) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator > .result {
    background: color-mix(in srgb, var(--accent) 7%, var(--surface, #fff)) !important;
    border-left: 1px solid var(--calc-soft-line) !important;
    align-self: stretch; animation: none !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator [hidden] { display: none !important; }
  :root body.calculator-detail-page #calculadoras .calculator :is(h3,.calculator-panel-title) {
    font-size: 21px; font-weight: 700; line-height: 1.35; letter-spacing: -.025em;
  }
  :root body.calculator-detail-page #calculadoras .calculator .panel > .sub {
    font-size: 14px; line-height: 1.65; margin-bottom: 24px; max-width: 55ch;
  }
  :root body.calculator-detail-page #calculadoras .calculator .field {
    min-width: 0; gap: 8px; margin: 0 0 20px !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.row2,.pro-grid,.net-hours) {
    gap: 0 16px; margin-block: 0 !important; align-items: start;
  }
  :root body.calculator-detail-page #calculadoras .calculator .field label {
    font-size: 14px !important; line-height: 1.45; font-weight: 600;
  }
  :root body.calculator-detail-page #calculadoras .calculator .field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
    width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box;
    min-height: var(--calc-control) !important; border-radius: 10px !important;
    padding: 11px 13px; font: inherit; font-size: 16px !important; line-height: 1.4;
    color: var(--ink); background-color: var(--surface) !important;
    border: 1px solid var(--calc-border) !important;
    font-variant-numeric: tabular-nums;
    transition: border-color 160ms var(--calc-ease), box-shadow 160ms var(--calc-ease);
  }
  :root body.calculator-detail-page #calculadoras .calculator .field select { padding-right: 40px; }
  :root body.calculator-detail-page #calculadoras .calculator .field :is(input,select,textarea):hover { border-color: var(--accent) !important; }
  :root body.calculator-detail-page #calculadoras .calculator .field :is(input,select,textarea):focus {
    border-color: var(--accent) !important; outline: 2px solid var(--accent) !important;
    outline-offset: 2px; box-shadow: none !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .field input[readonly] {
    border-style: dashed !important; background: color-mix(in srgb, var(--accent) 4%, var(--surface)) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.field small,.field-help,.pro-help,.calc-help,.pro-callout,.net-advanced-note) {
    display: block; font-size: 13px !important; line-height: 1.6 !important;
    color: var(--muted); margin-top: 2px; overflow-wrap: anywhere;
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-field-error {
    color: var(--danger, #ae3434) !important; font-weight: 600;
  }
  :root body.calculator-detail-page #calculadoras .calculator [aria-invalid=true] {
    border-color: var(--danger, #ae3434) !important; outline-color: var(--danger, #ae3434) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-actions {
    position: static !important; display: flex; flex-wrap: wrap; gap: 10px;
    margin-top: 24px; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; backdrop-filter: none; box-shadow: none !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.button,.calc-reset,#infReset,.result-print) {
    min-height: 44px !important; border-radius: 10px !important; font-family: inherit;
    font-size: 14px !important; line-height: 1.4; font-weight: 600;
    padding: 10px 16px !important; box-shadow: none !important;
    transition: background-color 160ms var(--calc-ease), border-color 160ms var(--calc-ease), transform 120ms var(--calc-ease);
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-actions > .button {
    flex: 1 1 180px; min-height: 48px !important; margin: 0 !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-actions > :is(.calc-reset,#infReset) {
    flex: 0 1 auto !important; width: auto !important; color: var(--muted) !important;
    border: 1px solid var(--calc-soft-line) !important; background: transparent !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(button,summary,a):focus-visible,
  :root body.calculator-detail-page .calculator-nav-compact :is(a,summary):focus-visible {
    outline: 2px solid var(--accent) !important; outline-offset: 3px;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.button,.calc-reset,#infReset,.result-print):active { transform: translateY(1px); }
  :root body.calculator-detail-page #calculadoras .calculator button:disabled { opacity: .6; cursor: not-allowed; transform: none; }
  :root body.calculator-detail-page #calculadoras .calculator .result-topline { gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
  :root body.calculator-detail-page #calculadoras .calculator .result-label {
    font-size: 12px !important; font-weight: 650; letter-spacing: .055em; line-height: 1.5;
  }
  :root body.calculator-detail-page #calculadoras .calculator .result-print {
    font-size: 12px !important; margin-left: auto; padding: 8px 10px !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.result-main,.liq-total strong) {
    display: block; max-width: 100%; margin: 0 !important; font-size: clamp(32px, 3.6vw, 46px) !important;
    line-height: 1.2 !important; letter-spacing: -.035em; font-weight: 750;
    font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere;
    animation: none !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-feedback {
    margin: 10px 0 24px !important; min-height: 1.5em; font-size: 13px !important;
    line-height: 1.5 !important; color: var(--muted) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator[data-calc-state=invalid] .calc-feedback {
    color: var(--danger, #ae3434) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .breakdown > div,
  :root body.calculator-detail-page #calculadoras .calculator .liq-line {
    gap: 12px 20px !important; align-items: baseline; padding-block: 12px !important;
    border-color: var(--calc-soft-line) !important; line-height: 1.5;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.breakdown > div > span,.liq-line > span) {
    min-width: 0; font-size: 14px !important; line-height: 1.5 !important; overflow-wrap: break-word;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.breakdown b,.breakdown strong,.liq-line strong,.liq-summary strong) {
    min-width: 0; max-width: 55%; font-size: 15px !important; font-weight: 650;
    line-height: 1.5 !important; text-align: right; font-variant-numeric: tabular-nums;
    white-space: normal !important; overflow-wrap: anywhere;
  }
  :root body.calculator-detail-page #calculadoras .calculator .notice { margin-top: 24px; font-size: 13px !important; line-height: 1.65 !important; }
  :root body.calculator-detail-page #calculadoras .calculator .net-why > summary {
    display: flex; align-items: center; min-height: 44px; font-size: 13px !important;
    line-height: 1.5; font-weight: 600;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.net-advanced,.inf-advanced,.liq-advanced) {
    margin: 8px 0 0; border-block: 1px solid var(--calc-soft-line) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.net-advanced,.inf-advanced,.liq-advanced) > summary {
    display: grid; grid-template-columns: minmax(0,1fr); gap: 3px !important;
    min-height: 64px !important; padding: 14px 36px 14px 0 !important;
    align-content: center; text-align: left; font-size: 14px !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.net-advanced,.inf-advanced) > summary :is(small,span:last-child:not(:first-child)) {
    display: block !important; margin: 0; text-align: left; font-size: 12px !important;
    line-height: 1.5; font-weight: 400; color: var(--muted);
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.net-advanced,.inf-advanced,.liq-advanced) > summary::after {
    content: '' !important; top: 50%; right: 8px; width: 7px; height: 7px;
    border: 0 !important; border-right: 1.5px solid var(--accent) !important;
    border-bottom: 1.5px solid var(--accent) !important; border-radius: 0;
    background: transparent !important; transform: translateY(-65%) rotate(45deg) !important;
    transition: transform 180ms var(--calc-ease);
  }
  :root body.calculator-detail-page #calculadoras .calculator :is(.net-advanced,.inf-advanced,.liq-advanced)[open]:not([data-closing]) > summary::after {
    transform: translateY(-10%) rotate(225deg) !important;
  }
  :root body.calculator-detail-page #calculadoras .calculator .calc-disclosure {
    display: grid; grid-template-rows: 1fr; opacity: 1;
    transition: grid-template-rows 180ms var(--calc-ease), opacity 180ms var(--calc-ease);
  }
  :root body.calculator-detail-page #calculadoras .calculator details:is([data-closing],[data-opening]) > .calc-disclosure { grid-template-rows: 0fr; opacity: 0; }
  :root body.calculator-detail-page #calculadoras .calculator .calc-disclosure-inner { min-height: 0; overflow: hidden; padding-inline: 4px; margin-inline: -4px; }
  :root body.calculator-detail-page #calculadoras .calculator .net-advanced-body { padding: 20px 0 4px !important; }
  :root body.calculator-detail-page #calculadoras .calculator .pro-check {
    min-height: 44px; align-items: center; font-size: 14px; line-height: 1.5;
  }
  :root body.calculator-detail-page #calculadoras .calculator .pro-check input { min-height: 20px !important; height: 20px; width: 20px; }
  :root body.calculator-detail-page #calculadoras .calculator :is(.sac-method,.month-toggle) { min-height: 44px; font: inherit; font-size: 13px; }
  :root body.calculator-detail-page .calculator-nav-compact :is(.calculator-home,.calculator-visible-pills > a,.calculator-more > summary) {
    min-height: 44px !important; height: auto !important; font-size: 12px !important;
    padding: 10px 12px !important; line-height: 1.35 !important;
    transition: background-color 160ms var(--calc-ease), color 160ms var(--calc-ease);
  }
  :root body.calculator-detail-page .calculator-nav-compact .calculator-visible-pills { height: auto !important; }
  :root body.calculator-detail-page .calculator-nav-compact .calculator-more-menu { top: calc(100% + 10px) !important; }
  :root body.calculator-detail-page .calculator-more-list > a { min-height: 44px; font-size: 14px; }
  :root body.calculator-detail-page :is(.seo-guide,.liquidacion-guide) :is(article > p,article > ul,article > ol) {
    font-size: 15px; line-height: 1.75; max-width: 70ch;
  }
  :root body.calculator-detail-page .seo-guide article > h2 { font-size: clamp(26px, 2.7vw, 34px); line-height: 1.2; }
  :root body.calculator-detail-page .seo-guide article > h3 { margin-top: 28px; margin-bottom: 10px; }
  :root[data-theme=dark] body.calculator-detail-page #calculadoras .calculator .calc-field-error { color: #f0a49a !important; }
  :root[data-theme=dark] body.calculator-detail-page #calculadoras .calculator [aria-invalid=true] { border-color: #f0a49a !important; outline-color: #f0a49a !important; }
}

.calc-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.calc-print-inputs { display: none; }

@media screen and (max-width: 850px) {
  :root body.calculator-detail-page #calculadoras .calculator { grid-template-columns: minmax(0,1fr) !important; }
  :root body.calculator-detail-page #calculadoras .calculator > .result { border-left: 0 !important; border-top: 1px solid var(--calc-soft-line) !important; }
  :root body.calculator-detail-page #calculadoras .calculator :is(.pro-grid-3,.net-hours) { grid-template-columns: minmax(0,1fr); }
}
@media screen and (max-width: 760px) {
  :root body.calculator-detail-page #calculadoras .calculator { grid-template-columns: minmax(0,1fr) !important; }
  :root body.calculator-detail-page #calculadoras .calculator > .result { border-left: 0 !important; border-top: 1px solid var(--calc-soft-line) !important; }
  :root body.calculator-detail-page #calculadoras .calculator .field :is(input,select) { min-height: 48px !important; }
  :root body.calculator-detail-page #calculadoras .calculator :is(.row2,.pro-grid,.net-hours) { grid-template-columns: minmax(0,1fr); }
  :root body.calculator-detail-page #calculadoras .calculator :is(.result-main,.liq-total strong) { font-size: clamp(30px, 8.5vw, 42px) !important; }
  :root body.calculator-detail-page #calculadoras .calculator .sac-methods { display: grid; grid-template-columns: minmax(0,1fr); }
  :root body.calculator-detail-page #calculadoras .calculator .liq-summary strong { max-width: 100%; }
}
@media screen and (max-width: 360px) {
  :root body.calculator-detail-page #calculadoras .calculator .calc-actions > :is(.calc-reset,#infReset) { flex: 1 1 100% !important; }
  :root body.calculator-detail-page #calculadoras .calculator .result-topline { align-items: flex-start; }
  :root body.calculator-detail-page #calculadoras .calculator .result-print { padding-inline: 8px !important; }
}
@media screen and (prefers-reduced-motion: reduce) {
  :root body.calculator-detail-page #calculadoras :is(.calculator,.calculator *,.calculator *::after,.calculator-nav-compact *) {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}
@media print {
  body.calculator-detail-page .calculator .panel > :not(.calc-print-inputs),
  body.calculator-detail-page :is(.calc-feedback,.calc-sr-only) { display: none !important; }
  body.calculator-detail-page .calc-print-inputs { display: block !important; margin: 0 0 3mm; }
  body.calculator-detail-page .calc-print-inputs > div { display: flex; justify-content: space-between; gap: 6mm; break-inside: avoid; padding: .8mm 0; }
  body.calculator-detail-page .calc-print-inputs dt { color: #333; }
  body.calculator-detail-page .calc-print-inputs dd { margin: 0; text-align: right; font-weight: 600; }
  body.calculator-detail-page .calc-print-invalid .result { display: none !important; }
  body.calculator-detail-page .liq-lines [hidden],
  body.calculator-detail-page .liq-summary [hidden] { display: none !important; }
  body.calculator-detail-page .calculator :is(.result-main,.liq-total strong,.breakdown b,.breakdown strong) { opacity: 1 !important; transform: none !important; animation: none !important; }
}