/* Calculadora de costos de recetas: misma paleta que discount-calculator.css (fondo oscuro, editor crema). */
html{overflow-x:clip;scroll-behavior:smooth}
body.rc-page{margin:0;overflow-x:clip;background:#0c0a09;color:#fafaf9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.rc-page *,.rc-page *::before,.rc-page *::after{box-sizing:border-box}
.rc-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.rc-hero{padding:112px 0 56px;border-bottom:1px solid #302820;background:radial-gradient(circle at 14% 15%,rgba(242,201,76,.14),transparent 35%),radial-gradient(circle at 88% 70%,rgba(255,150,61,.10),transparent 30%),#0c0a09}
.rc-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;color:#e7e5e4;font-size:.86rem}
.rc-breadcrumb a{color:#ffe07a;text-decoration:underline;text-underline-offset:3px}
.rc-eyebrow,.rc-kicker{margin:0 0 12px;color:#f2c94c;font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.rc-hero h1{max-width:920px;margin:0;color:#fff;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.045em}
.rc-hero h1 span{color:#ff963d}
.rc-lead{max-width:760px;margin:22px 0 0;color:#e7e5e4;font-size:1.1rem;line-height:1.7}
.rc-proof{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px;padding:0;list-style:none}
.rc-proof li{padding:8px 12px;border:1px solid #5d5046;border-radius:999px;background:#181411;color:#fff;font-size:.82rem;font-weight:750}
.rc-answer{background:#fff8ed;color:#652810;border-bottom:1px solid #f1c19f}
.rc-answer p{margin:0;padding:17px 0;line-height:1.65}
.rc-answer strong{color:#7c2d12}
.rc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:12px 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-weight:850;text-decoration:none;cursor:pointer}
.rc-btn--primary{background:#f2c94c;color:#1c1917;border-color:#f2c94c}
.rc-btn--primary:hover,.rc-btn--primary:focus-visible{background:#ffe07a;color:#0c0a09}
.rc-btn--secondary{background:#fff;color:#1c1917;border-color:#a8a29e}
.rc-btn--secondary:hover,.rc-btn--secondary:focus-visible{border-color:#1c1917}
.rc-btn--quiet{background:transparent;color:#3f342d;border-color:#8f8178}
.rc-btn--quiet:hover,.rc-btn--quiet:focus-visible{background:#fff;color:#1c1917}
.rc-btn:focus-visible,.rc-remove:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}
.rc-tool,.rc-content{padding:68px 0}
.rc-content--soft{background:#171412;border-block:1px solid #302820}
.rc-heading{max-width:820px;margin-bottom:28px}
.rc-heading h2{margin:0;color:#fff;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.03em;line-height:1.1}
.rc-heading>p:last-child{margin:12px 0 0;color:#d6d3d1;line-height:1.7}
.rc-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:20px;align-items:start}
.rc-editor{min-width:0;padding:24px;border:1px solid #d7cbbc;border-radius:18px;background:#fff8ed;color:#1c1917}
.rc-editor fieldset{min-width:0;margin:0;padding:0;border:0}
.rc-editor fieldset+fieldset{margin-top:24px;padding-top:22px;border-top:1px solid #d6cbbb}
.rc-editor legend{width:100%;margin-bottom:12px;color:#1c1917;font-size:1.02rem;font-weight:900}
.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rc-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc-field{display:grid;gap:7px;align-content:start;color:#292524;font-size:.88rem;font-weight:800}
.rc-field small,.rc-help{color:#57534e;font-size:.8rem;font-weight:600;line-height:1.45}
.rc-help{margin:0 0 12px}
.rc-editor input,.rc-editor select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #786b61;border-radius:10px;background:#fff;color:#1c1917;font:inherit;font-weight:600}
.rc-editor input::placeholder{color:#78716c;opacity:1}
.rc-editor input:focus,.rc-editor select:focus{outline:3px solid rgba(216,74,22,.3);outline-offset:1px;border-color:#a7340f}
.rc-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.rc-rows{display:grid;gap:10px}
.rc-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.95fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid #e0d4c4;border-radius:12px;background:#fffdf9}
.rc-row.is-error{border-color:#b91c1c;background:#fff1f1}
.rc-f{display:grid;gap:5px;min-width:0}
.rc-f label,.rc-f>span{color:#44403c;font-size:.74rem;font-weight:800;line-height:1.25}
.rc-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.85fr);gap:4px}
.rc-pair select{padding-inline:6px}
.rc-cost output{display:flex;align-items:center;min-height:46px;color:#1c1917;font-weight:900;overflow-wrap:anywhere;line-height:1.2}
.rc-row.is-error .rc-cost output{color:#991b1b;font-size:.82rem}
.rc-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;min-height:46px;border:1px solid #a8a29e;border-radius:10px;background:#fff;color:#7c2d12;font:inherit;font-size:1.3rem;font-weight:800;cursor:pointer}
.rc-remove:hover{border-color:#7c2d12;background:#fff4eb}
.rc-remove__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rc-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rc-privacy{margin:22px 0 0;padding:13px;border-left:4px solid #b63b12;background:#ffeadb;color:#57210e;font-size:.82rem;line-height:1.5}
.rc-result{position:sticky;top:90px;min-width:0;padding:22px;border:1px solid #4b423b;border-radius:18px;background:#211b17;color:#fff}
.rc-main{padding-bottom:18px;border-bottom:1px solid #5d5046}
.rc-main span{color:#e7e5e4;font-size:.92rem}
.rc-main strong{display:block;margin-top:6px;color:#fff;font-size:clamp(2.1rem,4.6vw,3.2rem);letter-spacing:-.04em;line-height:1.05;overflow-wrap:anywhere}
.rc-warning{margin:14px 0 0;padding:11px 12px;border-radius:10px;background:#3b1d12;color:#ffd7bd;font-size:.85rem;line-height:1.5}
.rc-warning[hidden]{display:none}
.rc-result dl{margin:14px 0}
.rc-result dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #463c35}
.rc-result dt{min-width:0;color:#d6d3d1;font-size:.9rem}
.rc-result dd{flex:none;margin:0;color:#fff;font-weight:850;text-align:right;white-space:nowrap}
.rc-result dl div.rc-strong dd{color:#ffe07a}
.rc-sub{margin:18px 0 8px;color:#f2c94c;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.rc-breakdown{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rc-breakdown li{position:relative;display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#0c0a09;color:#e7e5e4;font-size:.86rem;overflow:hidden}
.rc-breakdown li strong{position:relative;z-index:1;color:#fff}
.rc-breakdown li span{position:relative;z-index:1}
.rc-breakdown li i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:#ff963d}
.rc-table-wrap{overflow-x:auto;border-radius:10px}
.rc-table{width:100%;border-collapse:collapse;font-size:.86rem}
.rc-table caption{padding:0 0 8px;color:#d6d3d1;text-align:left;font-size:.82rem}
.rc-table th,.rc-table td{padding:8px 6px;border-bottom:1px solid #463c35;text-align:right;white-space:nowrap}
.rc-table thead th{color:#d6d3d1;font-size:.74rem;font-weight:800}
.rc-table th:first-child{text-align:left}
.rc-table tbody th{color:#fff}
.rc-table td{color:#fff}
.rc-table tr.is-current th,.rc-table tr.is-current td{background:#3a2d16;color:#ffe07a}
.rc-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.rc-status{min-height:1.4em;margin:10px 0 0;color:#ffe7a3;font-size:.84rem;font-weight:750}
.rc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rc-bridge{margin-top:16px;padding:16px;border:1px solid #6b5a2a;border-radius:14px;background:#2a2213}
.rc-bridge p{margin:0 0 12px;color:#f5f5f4;font-size:.9rem;line-height:1.55}
.rc-bridge strong{color:#fff}
.rc-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:rc}
.rc-steps li{padding:20px;border:1px solid #4b423b;border-radius:15px;background:#171412;counter-increment:rc}
.rc-steps li::before{content:"0" counter(rc);color:#ff963d;font-size:.76rem;font-weight:900}
.rc-steps h3{margin:8px 0 8px;color:#fff;font-size:1.08rem}
.rc-steps p{margin:0;color:#d6d3d1;line-height:1.65}
.rc-steps strong{color:#fff}
.rc-example-table{width:100%;margin-top:22px;border-collapse:collapse;background:#fff8ed;color:#1c1917;border-radius:12px;overflow:hidden}
.rc-example-table caption{padding:0 0 10px;color:#e7e5e4;text-align:left;font-weight:800}
.rc-example-table th,.rc-example-table td{padding:10px 12px;border-bottom:1px solid #e7dccd;text-align:right}
.rc-example-table th:first-child,.rc-example-table td:first-child{text-align:left}
.rc-example-table thead th{background:#f2c94c;color:#1c1917}
.rc-example-table tfoot td,.rc-example-table tfoot th{font-weight:900;background:#ffeccc}
.rc-scroll{overflow-x:auto}
.rc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rc-cards article{padding:20px;border:1px solid #4b423b;border-radius:15px;background:#171412}
.rc-cards h3{margin:0 0 8px;color:#fff;font-size:1.05rem}
.rc-cards p{margin:0;color:#d6d3d1;line-height:1.65}
.rc-copy{max-width:860px;color:#e7e5e4;line-height:1.75}
.rc-copy p{margin:0 0 14px}
.rc-copy a,.rc-cards a,.rc-steps a{color:#ffe07a;text-decoration:underline;text-underline-offset:3px}
.rc-copy strong{color:#fff}
.rc-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rc-faq details{border:1px solid #4b423b;border-radius:12px;background:#171412}
.rc-faq summary{padding:17px;color:#fff;font-weight:850;cursor:pointer}
.rc-faq summary:focus-visible{outline:3px solid #f2c94c;outline-offset:2px;border-radius:12px}
.rc-faq p{margin:0;padding:0 17px 17px;color:#d6d3d1;line-height:1.65}
.rc-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.rc-related a{display:grid;gap:7px;min-height:96px;padding:16px;border:1px solid #5d5046;border-radius:12px;background:#171412;color:#fff;text-decoration:none;font-weight:800}
.rc-related a:hover,.rc-related a:focus-visible{border-color:#f2c94c}
.rc-related span{color:#ffb36e;font-size:.72rem;text-transform:uppercase}
.rc-final{text-align:center}
.rc-final h2{margin:0;color:#fff;font-size:clamp(1.9rem,4vw,3rem)}
.rc-final p:not(.rc-kicker){max-width:680px;margin:14px auto 24px;color:#d6d3d1;line-height:1.65}
.rc-print{display:none}
@media(max-width:1060px){.rc-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-f--name{grid-column:1/-1}.rc-cost{grid-column:1/2}.rc-remove{justify-self:end}}
@media(max-width:900px){.rc-workspace{grid-template-columns:1fr}.rc-result{position:static}.rc-cards,.rc-related{grid-template-columns:1fr 1fr}.rc-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rc-container{width:min(100% - 32px,1180px)}.rc-hero{padding:90px 0 40px}.rc-hero h1{font-size:clamp(2.1rem,10.5vw,3rem)}.rc-tool,.rc-content{padding:48px 0}.rc-editor,.rc-result{padding:16px}.rc-grid,.rc-grid--3,.rc-steps,.rc-cards,.rc-faq,.rc-related{grid-template-columns:1fr}.rc-row{grid-template-columns:1fr;padding:12px 10px}.rc-cost{grid-column:auto}.rc-remove{justify-self:stretch;font-size:1rem}.rc-remove__text{position:static;width:auto;height:auto;overflow:visible;clip:auto}.rc-btn{width:100%}.rc-example-table th,.rc-example-table td{padding:8px 7px;font-size:.84rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
  @page{margin:14mm}
  body.rc-page{background:#fff;color:#000}
  body.rc-page>*:not(main){display:none!important}
  body.rc-page main>*:not(.rc-print){display:none!important}
  .rc-print{display:block;color:#000;font:11pt/1.45 Inter,Arial,sans-serif}
  .rc-print h2{margin:0 0 4px;font-size:18pt}
  .rc-print table{width:100%;margin:12px 0;border-collapse:collapse}
  .rc-print th,.rc-print td{padding:5px 6px;border:1px solid #999;text-align:left}
  .rc-print td:last-child{text-align:right}
  .rc-print__totals th{width:65%;font-weight:600}
  .rc-print__foot{margin-top:16px;color:#444;font-size:9pt}
}