{"id":220,"date":"2024-06-12T11:08:38","date_gmt":"2024-06-12T17:08:38","guid":{"rendered":"http:\/\/www.sadot.work\/?page_id=220"},"modified":"2026-03-16T17:20:17","modified_gmt":"2026-03-16T23:20:17","slug":"costos-tekua","status":"publish","type":"page","link":"https:\/\/www.sadot.work\/?page_id=220","title":{"rendered":"Costos T\u00e9kua"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!--\n  ============================================================\n  COSTOS TEKUA \u2014 Calculadora de Moldes de Silic\u00f3n\n  WordPress Compatible \u2014 paste into a Custom HTML block,\n  WPCode, Elementor HTML widget, or any page builder.\n  All CSS scoped to #tekua-root. Zero external dependencies.\n  ============================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');\n\n#tekua-root {\n  --black:   #111110;\n  --white:   #f8f6f3;\n  --red:     #cc2200;\n  --red-lo:  rgba(204,34,0,0.08);\n  --gray:    #e4e1dc;\n  --gray2:   #c4c0b8;\n  --muted:   #7a7570;\n  --radius:  11px;\n  --ease:    cubic-bezier(.4,0,.2,1);\n\n  background: var(--white);\n  color: var(--black);\n  font-family: 'DM Sans', sans-serif;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 1rem 3.5rem;\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n}\n\n#tekua-root *, #tekua-root *::before, #tekua-root *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n#tekua-root .tk-header {\n  background: var(--black);\n  margin: 0 -1rem 2.8rem;\n  padding: 3rem 2.2rem 2.6rem;\n  position: relative;\n  overflow: hidden;\n}\n#tekua-root .tk-header::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 3px;\n  background: var(--red);\n}\n#tekua-root .tk-header-bg {\n  position: absolute;\n  right: 1.5rem; top: 50%;\n  transform: translateY(-50%);\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 9rem;\n  color: rgba(255,255,255,0.035);\n  line-height: 1;\n  pointer-events: none;\n  user-select: none;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n#tekua-root .tk-logo-line {\n  display: flex;\n  align-items: baseline;\n  gap: 0.6rem;\n  margin-bottom: 0.5rem;\n}\n#tekua-root .tk-logo-dot {\n  width: 10px; height: 10px;\n  background: var(--red);\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-bottom: 3px;\n}\n#tekua-root .tk-brand {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(2.6rem, 7vw, 4rem);\n  color: var(--white);\n  letter-spacing: 0.08em;\n  line-height: 1;\n}\n#tekua-root .tk-brand em {\n  color: var(--red);\n  font-style: normal;\n}\n#tekua-root .tk-tagline {\n  font-size: 0.72rem;\n  color: var(--gray2);\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  font-weight: 300;\n  margin-left: 1.1rem;\n}\n\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\n#tekua-root .tk-label {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.62rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--muted);\n  font-weight: 500;\n  margin-bottom: 1.1rem;\n}\n#tekua-root .tk-label i {\n  width: 20px; height: 2px;\n  background: var(--red);\n  display: block;\n  flex-shrink: 0;\n  font-style: normal;\n}\n#tekua-root .tk-label::after {\n  content: '';\n  flex: 1; height: 1px;\n  background: var(--gray);\n}\n\n\/* \u2500\u2500 INPUT GRID \u2500\u2500 *\/\n#tekua-root .tk-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 0.6rem;\n}\n@media (max-width: 460px) {\n  #tekua-root .tk-grid { grid-template-columns: 1fr; }\n}\n\n#tekua-root .tk-field { display: flex; flex-direction: column; gap: 0.45rem; }\n\n#tekua-root .tk-field label {\n  font-size: 0.68rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--muted);\n  font-weight: 500;\n}\n\n#tekua-root .tk-input-wrap { position: relative; }\n\n#tekua-root .tk-input-wrap input {\n  width: 100%;\n  background: #fff;\n  border: 1.5px solid var(--gray);\n  border-radius: var(--radius);\n  color: var(--black);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 1.25rem;\n  font-weight: 400;\n  padding: 0.78rem 2.6rem 0.78rem 0.95rem;\n  outline: none;\n  transition: border-color .22s var(--ease), box-shadow .22s var(--ease);\n  -moz-appearance: textfield;\n}\n#tekua-root .tk-input-wrap input::-webkit-inner-spin-button,\n#tekua-root .tk-input-wrap input::-webkit-outer-spin-button { -webkit-appearance: none; }\n#tekua-root .tk-input-wrap input::placeholder { color: var(--gray2); }\n#tekua-root .tk-input-wrap input:focus {\n  border-color: var(--red);\n  box-shadow: 0 0 0 3px var(--red-lo);\n}\n#tekua-root .tk-unit {\n  position: absolute;\n  right: 0.8rem; top: 50%;\n  transform: translateY(-50%);\n  font-size: 0.7rem;\n  color: var(--gray2);\n  pointer-events: none;\n  font-weight: 300;\n}\n\n\/* \u2500\u2500 DIMENSION STRIP \u2500\u2500 *\/\n#tekua-root .tk-dims-row {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  background: var(--black);\n  border-radius: var(--radius);\n  padding: 0;\n  margin: 1.4rem 0 2.2rem;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .3s var(--ease), transform .3s var(--ease);\n}\n#tekua-root .tk-dims-row.show { opacity: 1; transform: translateY(0); }\n\n#tekua-root .tk-dims-block {\n  flex: 1;\n  padding: 1rem 1.2rem;\n}\n#tekua-root .tk-dims-sep {\n  width: 1px;\n  background: rgba(255,255,255,0.08);\n  align-self: stretch;\n}\n#tekua-root .tk-dims-micro {\n  font-size: 0.58rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--gray2);\n  font-weight: 300;\n  margin-bottom: 0.3rem;\n}\n#tekua-root .tk-dims-val {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 1.45rem;\n  color: var(--white);\n  letter-spacing: 0.05em;\n  line-height: 1;\n}\n#tekua-root .tk-dims-val .r { color: var(--red); }\n\n#tekua-root .tk-vol-block {\n  padding: 1rem 1.2rem;\n  text-align: right;\n}\n#tekua-root .tk-vol-num {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 1.45rem;\n  color: var(--red);\n  letter-spacing: 0.04em;\n  line-height: 1;\n}\n#tekua-root .tk-vol-unit {\n  font-size: 0.58rem;\n  color: var(--gray2);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  font-weight: 300;\n  margin-top: 0.2rem;\n}\n\n\/* \u2500\u2500 RESULT CARDS \u2500\u2500 *\/\n#tekua-root .tk-cards {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 1rem;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity .35s .06s var(--ease), transform .35s .06s var(--ease);\n}\n#tekua-root .tk-cards.show { opacity: 1; transform: translateY(0); }\n\n@media (max-width: 500px) {\n  #tekua-root .tk-cards { grid-template-columns: 1fr; }\n}\n\n#tekua-root .tk-card {\n  border: 1.5px solid var(--gray);\n  border-radius: var(--radius);\n  padding: 1.5rem 1.2rem 1.4rem;\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  transition: border-color .25s var(--ease), box-shadow .25s var(--ease);\n}\n#tekua-root .tk-card.lit {\n  border-color: var(--black);\n  box-shadow: 4px 4px 0 var(--black);\n}\n#tekua-root .tk-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: var(--gray);\n  transition: background .25s var(--ease);\n}\n#tekua-root .tk-card.lit::before { background: var(--red); }\n\n#tekua-root .tk-card-ghost {\n  position: absolute;\n  bottom: -0.6rem; right: 0.4rem;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 5.5rem;\n  line-height: 1;\n  color: rgba(0,0,0,0.04);\n  pointer-events: none;\n  user-select: none;\n}\n\n#tekua-root .tk-card-tag {\n  font-size: 0.6rem;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--muted);\n  font-weight: 500;\n  margin-bottom: 0.85rem;\n}\n#tekua-root .tk-card-tag strong {\n  display: block;\n  font-size: 0.72rem;\n  color: var(--black);\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  margin-bottom: 0.15rem;\n}\n\n#tekua-root .tk-card-price {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 2.5rem;\n  line-height: 1;\n  color: var(--black);\n  letter-spacing: 0.02em;\n}\n#tekua-root .tk-card-price sup {\n  font-size: 1rem;\n  font-family: 'DM Sans', sans-serif;\n  font-weight: 400;\n  vertical-align: super;\n  letter-spacing: 0;\n  margin-right: 1px;\n}\n#tekua-root .tk-card-price.pulse {\n  animation: tkPulse .4s var(--ease);\n}\n@keyframes tkPulse {\n  0%   { color: var(--black); transform: scale(1); }\n  45%  { color: var(--red);   transform: scale(1.05); }\n  100% { color: var(--black); transform: scale(1); }\n}\n\n#tekua-root .tk-card-unit {\n  margin-top: 0.4rem;\n  font-size: 0.64rem;\n  color: var(--gray2);\n  font-weight: 300;\n}\n\n\/* \u2500\u2500 PRICING PANEL \u2500\u2500 *\/\n#tekua-root .tk-pricing {\n  background: var(--black);\n  border-radius: var(--radius);\n  padding: 1.1rem 1.4rem;\n  margin-bottom: 2rem;\n  position: relative;\n  overflow: hidden;\n}\n#tekua-root .tk-pricing::before {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: var(--red);\n}\n\n\/* header row *\/\n#tekua-root .tk-pricing-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n#tekua-root .tk-pricing-title {\n  font-size: 0.6rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--gray2);\n  font-weight: 300;\n  display: flex;\n  align-items: center;\n  gap: 0.55rem;\n}\n#tekua-root .tk-pricing-title::before {\n  content: '';\n  width: 14px; height: 2px;\n  background: var(--red);\n  flex-shrink: 0;\n}\n\n\/* collapsed pill summary *\/\n#tekua-root .tk-pricing-pills {\n  display: flex;\n  gap: 0.45rem;\n  flex-wrap: wrap;\n  flex: 1;\n  transition: opacity 0.2s, max-height 0.3s;\n}\n#tekua-root .tk-pricing-pills.hidden {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n#tekua-root .tk-pill {\n  display: flex;\n  align-items: center;\n  gap: 0.3rem;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 99px;\n  padding: 0.2rem 0.65rem;\n  font-size: 0.62rem;\n  font-family: 'DM Sans', sans-serif;\n  color: var(--gray2);\n}\n#tekua-root .tk-pill strong { color: var(--white); font-weight: 500; }\n#tekua-root .tk-pill-dot {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n\/* toggle button *\/\n#tekua-root .tk-pricing-toggle {\n  background: none;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  color: var(--gray2);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 0.62rem;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  padding: 0.3rem 0.7rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  transition: border-color 0.2s, color 0.2s, background 0.2s;\n  flex-shrink: 0;\n}\n#tekua-root .tk-pricing-toggle:hover {\n  border-color: var(--red);\n  color: var(--white);\n}\n#tekua-root .tk-pricing-toggle.open {\n  border-color: var(--red);\n  color: var(--red);\n  background: rgba(204,34,0,0.1);\n}\n#tekua-root .tk-toggle-arrow {\n  display: inline-block;\n  font-size: 0.65rem;\n  line-height: 1;\n  transition: transform 0.3s cubic-bezier(.4,0,.2,1);\n}\n#tekua-root .tk-pricing-toggle.open .tk-toggle-arrow {\n  transform: rotate(180deg);\n}\n\n\/* collapsible body *\/\n#tekua-root .tk-pricing-body {\n  max-height: 0;\n  overflow: hidden;\n  opacity: 0;\n  margin-top: 0;\n  transition: max-height 0.38s cubic-bezier(.4,0,.2,1),\n              opacity 0.28s cubic-bezier(.4,0,.2,1),\n              margin-top 0.28s cubic-bezier(.4,0,.2,1);\n}\n#tekua-root .tk-pricing-body.open {\n  max-height: 500px;\n  opacity: 1;\n  margin-top: 1.1rem;\n}\n\n\/* three rate cards inside body *\/\n#tekua-root .tk-rate-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 0.75rem;\n}\n@media (max-width: 460px) {\n  #tekua-root .tk-rate-grid { grid-template-columns: 1fr; }\n}\n\n#tekua-root .tk-rate-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 9px;\n  padding: 0.9rem 1rem;\n  position: relative;\n  overflow: hidden;\n  transition: border-color 0.2s;\n}\n#tekua-root .tk-rate-card:focus-within {\n  border-color: rgba(204,34,0,0.5);\n}\n#tekua-root .tk-rate-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n}\n#tekua-root .tk-rate-card.rc3::after { background: #3ecf72; }\n#tekua-root .tk-rate-card.rc2::after { background: #f0b429; }\n#tekua-root .tk-rate-card.rc1::after { background: var(--red); }\n\n#tekua-root .tk-rc-label {\n  font-size: 0.58rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--gray2);\n  font-weight: 300;\n  margin-bottom: 0.5rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n#tekua-root .tk-rc-ghost {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 2.2rem;\n  opacity: 0.08;\n  line-height: 1;\n}\n\n#tekua-root .tk-rc-rate {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 1.55rem;\n  line-height: 1;\n  letter-spacing: 0.04em;\n  color: var(--white);\n  margin-bottom: 0.15rem;\n}\n#tekua-root .tk-rate-card.rc3 .tk-rc-rate { color: #3ecf72; }\n#tekua-root .tk-rate-card.rc2 .tk-rc-rate { color: #f0b429; }\n#tekua-root .tk-rate-card.rc1 .tk-rc-rate { color: #ff6644; }\n\n#tekua-root .tk-rc-unit {\n  font-size: 0.58rem;\n  color: var(--gray2);\n  letter-spacing: 0.08em;\n  margin-bottom: 0.65rem;\n}\n\n#tekua-root .tk-rc-input-row {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  padding-top: 0.6rem;\n  border-top: 1px solid rgba(255,255,255,0.07);\n}\n#tekua-root .tk-rc-input-lbl {\n  font-size: 0.58rem;\n  color: var(--gray2);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n#tekua-root .tk-rc-input {\n  flex: 1;\n  background: rgba(0,0,0,0.3);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 5px;\n  color: var(--white);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 0.85rem;\n  padding: 0.32rem 0.5rem;\n  outline: none;\n  width: 100%;\n  -moz-appearance: textfield;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n#tekua-root .tk-rc-input::-webkit-inner-spin-button,\n#tekua-root .tk-rc-input::-webkit-outer-spin-button { -webkit-appearance: none; }\n#tekua-root .tk-rc-input:focus {\n  border-color: var(--red);\n  box-shadow: 0 0 0 2px rgba(204,34,0,0.15);\n}\n#tekua-root .tk-rc-example {\n  margin-top: 0.4rem;\n  font-size: 0.6rem;\n  color: var(--gray2);\n  font-weight: 300;\n}\n#tekua-root .tk-rc-example span { color: rgba(255,255,255,0.7); }\n\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\n#tekua-root .tk-reset {\n  display: block;\n  margin: 2.2rem auto 0;\n  background: none;\n  border: 1.5px solid var(--gray);\n  border-radius: 99px;\n  color: var(--muted);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 0.7rem;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  padding: 0.5rem 1.6rem;\n  cursor: pointer;\n  transition: border-color .2s, color .2s, background .2s;\n}\n#tekua-root .tk-reset:hover {\n  border-color: var(--red);\n  color: var(--red);\n  background: var(--red-lo);\n}\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n#tekua-root .tk-foot {\n  margin-top: 2.6rem;\n  padding-top: 1.2rem;\n  border-top: 1px solid var(--gray);\n  font-size: 0.62rem;\n  color: var(--gray2);\n  letter-spacing: 0.06em;\n  text-align: center;\n  font-weight: 300;\n}\n<\/style>\n\n<div id=\"tekua-root\">\n\n  <!-- HEADER -->\n  <div class=\"tk-header\">\n    <div class=\"tk-header-bg\">TEKUA<\/div>\n    <div class=\"tk-logo-line\">\n      <div class=\"tk-logo-dot\"><\/div>\n      <div class=\"tk-brand\">Costos <em>Tekua<\/em><\/div>\n    <\/div>\n    <div class=\"tk-tagline\">Calculadora de moldes de silic\u00f3n<\/div>\n  <\/div>\n\n  <!-- PRICING PANEL \u2014 COLLAPSIBLE -->\n  <div class=\"tk-pricing\">\n    <div class=\"tk-pricing-head\">\n      <div class=\"tk-pricing-title\">Precio por cm\u00b3<\/div>\n\n      <!-- collapsed pill summary -->\n      <div class=\"tk-pricing-pills\" id=\"tk-pills\">\n        <div class=\"tk-pill\">\n          <div class=\"tk-pill-dot\" style=\"background:#3ecf72\"><\/div>\n          3 moldes <strong id=\"pill-3\">$0.0000<\/strong>\n        <\/div>\n        <div class=\"tk-pill\">\n          <div class=\"tk-pill-dot\" style=\"background:#f0b429\"><\/div>\n          2 moldes <strong id=\"pill-2\">$0.0000<\/strong>\n        <\/div>\n        <div class=\"tk-pill\">\n          <div class=\"tk-pill-dot\" style=\"background:#ff6644\"><\/div>\n          1 extra <strong id=\"pill-1\">$0.0000<\/strong>\n        <\/div>\n      <\/div>\n\n      <button class=\"tk-pricing-toggle\" id=\"tk-pp-toggle\" onclick=\"tkTogglePricing()\">\n        <span id=\"tk-pp-lbl\">Ver<\/span>\n        <span class=\"tk-toggle-arrow\">&#9660;<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- collapsible body -->\n    <div class=\"tk-pricing-body\" id=\"tk-pp-body\">\n      <div style=\"font-size:0.62rem;color:var(--gray2);margin-bottom:0.85rem;font-weight:300\">\n        Modifica el precio base para actualizar todos los c\u00e1lculos al instante\n      <\/div>\n      <div class=\"tk-rate-grid\">\n\n        <!-- 3 MOLDES -->\n        <div class=\"tk-rate-card rc3\">\n          <div class=\"tk-rc-label\">3 Moldes <span class=\"tk-rc-ghost\">3<\/span><\/div>\n          <div class=\"tk-rc-rate\" id=\"rc-rate-3\">0.0000<\/div>\n          <div class=\"tk-rc-unit\">$\/cm\u00b3 (auto)<\/div>\n          <div class=\"tk-rc-input-row\">\n            <span class=\"tk-rc-input-lbl\">Base $<\/span>\n            <input class=\"tk-rc-input\" type=\"number\" id=\"tk-base-3\" value=\"750\" min=\"1\" step=\"1\"\n              oninput=\"tkUpdateRates()\">\n          <\/div>\n          <div class=\"tk-rc-example\">484 cm\u00b3 \u2192 <span id=\"rc-ex-3\">$750.00<\/span><\/div>\n        <\/div>\n\n        <!-- 2 MOLDES -->\n        <div class=\"tk-rate-card rc2\">\n          <div class=\"tk-rc-label\">2 Moldes <span class=\"tk-rc-ghost\">2<\/span><\/div>\n          <div class=\"tk-rc-rate\" id=\"rc-rate-2\">0.0000<\/div>\n          <div class=\"tk-rc-unit\">$\/cm\u00b3 (auto)<\/div>\n          <div class=\"tk-rc-input-row\">\n            <span class=\"tk-rc-input-lbl\">Base $<\/span>\n            <input class=\"tk-rc-input\" type=\"number\" id=\"tk-base-2\" value=\"600\" min=\"1\" step=\"1\"\n              oninput=\"tkUpdateRates()\">\n          <\/div>\n          <div class=\"tk-rc-example\">484 cm\u00b3 \u2192 <span id=\"rc-ex-2\">$600.00<\/span><\/div>\n        <\/div>\n\n        <!-- 1 EXTRA -->\n        <div class=\"tk-rate-card rc1\">\n          <div class=\"tk-rc-label\">1 Extra <span class=\"tk-rc-ghost\">+1<\/span><\/div>\n          <div class=\"tk-rc-rate\" id=\"rc-rate-1\">0.0000<\/div>\n          <div class=\"tk-rc-unit\">$\/cm\u00b3 (auto)<\/div>\n          <div class=\"tk-rc-input-row\">\n            <span class=\"tk-rc-input-lbl\">Base $<\/span>\n            <input class=\"tk-rc-input\" type=\"number\" id=\"tk-base-1\" value=\"175\" min=\"1\" step=\"1\"\n              oninput=\"tkUpdateRates()\">\n          <\/div>\n          <div class=\"tk-rc-example\">484 cm\u00b3 \u2192 <span id=\"rc-ex-1\">$175.00<\/span><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- INPUTS -->\n  <div class=\"tk-label\"><i><\/i>Ingresa las medidas del molde<\/div>\n  <div class=\"tk-grid\">\n    <div class=\"tk-field\">\n      <label>Largo<\/label>\n      <div class=\"tk-input-wrap\">\n        <input type=\"number\" id=\"tk-l\" placeholder=\"ej. 10\" min=\"0.1\" step=\"0.1\" oninput=\"tkCalc()\">\n        <span class=\"tk-unit\">cm<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"tk-field\">\n      <label>Ancho<\/label>\n      <div class=\"tk-input-wrap\">\n        <input type=\"number\" id=\"tk-a\" placeholder=\"ej. 10\" min=\"0.1\" step=\"0.1\" oninput=\"tkCalc()\">\n        <span class=\"tk-unit\">cm<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"tk-field\">\n      <label>Alto<\/label>\n      <div class=\"tk-input-wrap\">\n        <input type=\"number\" id=\"tk-h\" placeholder=\"ej. 3\" min=\"0.1\" step=\"0.1\" oninput=\"tkCalc()\">\n        <span class=\"tk-unit\">cm<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- DIMENSION STRIP -->\n  <div class=\"tk-dims-row\" id=\"tk-dims\">\n    <div class=\"tk-dims-block\">\n      <div class=\"tk-dims-micro\">Medidas originales<\/div>\n      <div class=\"tk-dims-val\" id=\"dim-orig\">\u2014 \u00d7 \u2014 \u00d7 \u2014 <span class=\"r\">cm<\/span><\/div>\n    <\/div>\n    <div class=\"tk-dims-sep\"><\/div>\n    <div class=\"tk-dims-block\">\n      <div class=\"tk-dims-micro\">Ajustadas (+1 cm c\/u)<\/div>\n      <div class=\"tk-dims-val\" id=\"dim-adj\">\u2014 \u00d7 \u2014 \u00d7 \u2014 <span class=\"r\">cm<\/span><\/div>\n    <\/div>\n    <div class=\"tk-dims-sep\"><\/div>\n    <div class=\"tk-vol-block\">\n      <div class=\"tk-dims-micro\">Volumen<\/div>\n      <div class=\"tk-vol-num\" id=\"dim-vol\">\u2014<\/div>\n      <div class=\"tk-vol-unit\">cm\u00b3<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RESULT CARDS -->\n  <div class=\"tk-label\"><i><\/i>Costos por cantidad<\/div>\n  <div class=\"tk-cards\" id=\"tk-cards\">\n\n    <div class=\"tk-card\" id=\"card-3\">\n      <div class=\"tk-card-ghost\">3<\/div>\n      <div class=\"tk-card-tag\">\n        <strong>3 Moldes<\/strong>\n        Paquete completo\n      <\/div>\n      <div class=\"tk-card-price\" id=\"price-3\"><sup>$<\/sup>\u2014<\/div>\n      <div class=\"tk-card-unit\" id=\"unit-3\">&nbsp;<\/div>\n    <\/div>\n\n    <div class=\"tk-card\" id=\"card-2\">\n      <div class=\"tk-card-ghost\">2<\/div>\n      <div class=\"tk-card-tag\">\n        <strong>2 Moldes<\/strong>\n        Paquete doble\n      <\/div>\n      <div class=\"tk-card-price\" id=\"price-2\"><sup>$<\/sup>\u2014<\/div>\n      <div class=\"tk-card-unit\" id=\"unit-2\">&nbsp;<\/div>\n    <\/div>\n\n    <div class=\"tk-card\" id=\"card-1\">\n      <div class=\"tk-card-ghost\">+1<\/div>\n      <div class=\"tk-card-tag\">\n        <strong>Molde extra<\/strong>\n        Unidad adicional\n      <\/div>\n      <div class=\"tk-card-price\" id=\"price-1\"><sup>$<\/sup>\u2014<\/div>\n      <div class=\"tk-card-unit\" id=\"unit-1\">&nbsp;<\/div>\n    <\/div>\n\n  <\/div>\n\n  <button class=\"tk-reset\" onclick=\"tkReset()\">\u21ba Limpiar<\/button>\n\n  <div class=\"tk-foot\">\n    Los precios se calculan con base en el volumen ajustado del molde. \u00b7 Tekua \u00a9 2025\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  \/*\n    Pricing formula derived from the reference example:\n      Input:    10 \u00d7 10 \u00d7 3 cm\n      Adjusted: 11 \u00d7 11 \u00d7 4 cm  \u2192  volume = 484 cm\u00b3\n      Rates are calculated dynamically from user-editable base prices.\n  *\/\n  var REF_VOL = (10+1) * (10+1) * (3+1); \/\/ 484 cm\u00b3\n\n  \/\/ Live rates \u2014 updated when user changes base prices\n  var RATE_3 = 750 \/ REF_VOL;\n  var RATE_2 = 600 \/ REF_VOL;\n  var RATE_1 = 175 \/ REF_VOL;\n\n  function money(n) {\n    return n.toLocaleString('es-MX', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n  }\n\n  function dim(n) {\n    return parseFloat(n.toFixed(2)).toString();\n  }\n\n  function pulse(el) {\n    el.classList.remove('pulse');\n    void el.offsetWidth;\n    el.classList.add('pulse');\n  }\n\n  \/\/ \u2500\u2500 UPDATE RATES from base price inputs \u2500\u2500\n  window.tkUpdateRates = function () {\n    var b3 = parseFloat(document.getElementById('tk-base-3').value) || 750;\n    var b2 = parseFloat(document.getElementById('tk-base-2').value) || 600;\n    var b1 = parseFloat(document.getElementById('tk-base-1').value) || 175;\n\n    RATE_3 = b3 \/ REF_VOL;\n    RATE_2 = b2 \/ REF_VOL;\n    RATE_1 = b1 \/ REF_VOL;\n\n    var r3 = RATE_3.toFixed(4);\n    var r2 = RATE_2.toFixed(4);\n    var r1 = RATE_1.toFixed(4);\n\n    \/\/ Full card display\n    document.getElementById('rc-rate-3').textContent = r3;\n    document.getElementById('rc-rate-2').textContent = r2;\n    document.getElementById('rc-rate-1').textContent = r1;\n    document.getElementById('rc-ex-3').textContent   = '$' + money(b3);\n    document.getElementById('rc-ex-2').textContent   = '$' + money(b2);\n    document.getElementById('rc-ex-1').textContent   = '$' + money(b1);\n\n    \/\/ Pill summary\n    document.getElementById('pill-3').textContent = '$' + r3;\n    document.getElementById('pill-2').textContent = '$' + r2;\n    document.getElementById('pill-1').textContent = '$' + r1;\n\n    \/\/ Recalc if dimensions are already entered\n    tkCalc();\n  };\n\n  \/\/ \u2500\u2500 TOGGLE pricing panel \u2500\u2500\n  window.tkTogglePricing = function () {\n    var body  = document.getElementById('tk-pp-body');\n    var btn   = document.getElementById('tk-pp-toggle');\n    var lbl   = document.getElementById('tk-pp-lbl');\n    var pills = document.getElementById('tk-pills');\n    var isOpen = body.classList.contains('open');\n\n    if (isOpen) {\n      body.classList.remove('open');\n      btn.classList.remove('open');\n      lbl.textContent = 'Ver';\n      pills.classList.remove('hidden');\n    } else {\n      body.classList.add('open');\n      btn.classList.add('open');\n      lbl.textContent = 'Ocultar';\n      pills.classList.add('hidden');\n    }\n  };\n\n  \/\/ \u2500\u2500 CALCULATE \u2500\u2500\n  window.tkCalc = function () {\n    var l = parseFloat(document.getElementById('tk-l').value);\n    var a = parseFloat(document.getElementById('tk-a').value);\n    var h = parseFloat(document.getElementById('tk-h').value);\n\n    var dimsEl  = document.getElementById('tk-dims');\n    var cardsEl = document.getElementById('tk-cards');\n\n    if (isNaN(l) || isNaN(a) || isNaN(h) || l <= 0 || a <= 0 || h <= 0) {\n      dimsEl.classList.remove('show');\n      cardsEl.classList.remove('show');\n      return;\n    }\n\n    var lA = l + 1, aA = a + 1, hA = h + 1;\n    var vol = lA * aA * hA;\n\n    document.getElementById('dim-orig').innerHTML =\n      dim(l) + ' \u00d7 ' + dim(a) + ' \u00d7 ' + dim(h) + ' <span class=\"r\">cm<\/span>';\n    document.getElementById('dim-adj').innerHTML =\n      dim(lA) + ' \u00d7 ' + dim(aA) + ' \u00d7 ' + dim(hA) + ' <span class=\"r\">cm<\/span>';\n    document.getElementById('dim-vol').textContent = money(vol);\n\n    dimsEl.classList.add('show');\n\n    var p3 = vol * RATE_3;\n    var p2 = vol * RATE_2;\n    var p1 = vol * RATE_1;\n\n    function setCard(key, price, qty) {\n      var priceEl = document.getElementById('price-' + key);\n      var unitEl  = document.getElementById('unit-'  + key);\n      priceEl.innerHTML = '<sup>$<\/sup>' + money(price);\n      pulse(priceEl);\n      document.getElementById('card-' + key).classList.add('lit');\n      unitEl.textContent = qty > 1\n        ? '$' + money(price \/ qty) + ' por molde'\n        : 'Unidad adicional';\n    }\n\n    setCard('3', p3, 3);\n    setCard('2', p2, 2);\n    setCard('1', p1, 1);\n\n    cardsEl.classList.add('show');\n  };\n\n  \/\/ \u2500\u2500 RESET \u2500\u2500\n  window.tkReset = function () {\n    ['tk-l','tk-a','tk-h'].forEach(function (id) {\n      document.getElementById(id).value = '';\n    });\n    document.getElementById('tk-dims').classList.remove('show');\n    document.getElementById('tk-cards').classList.remove('show');\n    ['3','2','1'].forEach(function (k) {\n      document.getElementById('price-' + k).innerHTML = '<sup>$<\/sup>\u2014';\n      document.getElementById('unit-'  + k).innerHTML = '&nbsp;';\n      document.getElementById('card-'  + k).classList.remove('lit');\n    });\n  };\n\n  \/\/ \u2500\u2500 INIT \u2014 populate rate display on load \u2500\u2500\n  tkUpdateRates();\n\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TEKUA Costos Tekua Calculadora de moldes de silic\u00f3n Precio por cm\u00b3 3 moldes $0.0000 2 moldes $0.0000 1 extra $0.0000 Ver &#9660; Modifica el precio base para actualizar todos los c\u00e1lculos al instante 3 Moldes 3 0.0000 $\/cm\u00b3 (auto) Base $ 484 cm\u00b3 \u2192 $750.00 2 Moldes 2 0.0000 $\/cm\u00b3 (auto) Base $ 484 cm\u00b3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sadot.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=220"}],"version-history":[{"count":30,"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/www.sadot.work\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/www.sadot.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}