{"id":1687,"date":"2025-12-01T14:50:05","date_gmt":"2025-12-01T06:50:05","guid":{"rendered":"https:\/\/plastic-recycled.com\/?p=1687"},"modified":"2025-12-01T14:51:43","modified_gmt":"2025-12-01T06:51:43","slug":"calculadora-de-reciclaje-de-botellas","status":"publish","type":"post","link":"https:\/\/plastic-recycled.com\/es\/calculadora-de-reciclaje-de-botellas\/","title":{"rendered":"Calculadora de reciclaje de botellas"},"content":{"rendered":"<style>\n  \/* \u5c40\u90e8\u6837\u5f0f\uff1aApple \u98ce\u683c + \u4fee\u590d\u9ad8\u5ea6\u51b2\u7a81 *\/\n  .calc-container-wrapper {\n    max-width: 720px;\n    margin: 40px auto;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #1d1d1f;\n  }\n\n  \/* \u5361\u7247\u4e3b\u4f53 *\/\n  .calc-card {\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 48px;\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    text-align: center;\n    transition: transform 0.3s ease;\n  }\n\n  .calc-header h2 {\n    font-size: 32px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    letter-spacing: -0.02em;\n    color: #1d1d1f;\n    line-height: 1.2;\n  }\n\n  .calc-header p {\n    font-size: 17px;\n    color: #86868b;\n    margin-bottom: 35px;\n    line-height: 1.5;\n  }\n\n  \/* \u8868\u5355\u7f51\u683c *\/\n  .calc-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 25px;\n    text-align: left;\n  }\n\n  \/* \u8f93\u5165\u6846\u6807\u7b7e *\/\n  .calc-label {\n    display: block;\n    font-size: 13px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #424245;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  \/* \n   * \u6838\u5fc3\u4fee\u590d\u90e8\u5206 \n   * \u4f7f\u7528 !important \u8986\u76d6\u4e3b\u9898\u7684\u9ed8\u8ba4\u9ad8\u5ea6\u8bbe\u7f6e\n   *\/\n  .calc-select, .calc-input {\n    display: block;\n    width: 100%;\n    \/* \u5f3a\u5236\u91cd\u7f6e\u9ad8\u5ea6\uff0c\u9632\u6b62\u6587\u5b57\u88ab\u5207\u65ad *\/\n    height: auto !important; \n    min-height: 52px !important; \n    padding: 14px 16px !important;\n    \n    font-size: 16px !important;\n    line-height: 1.5 !important;\n    border: 1px solid #d2d2d7;\n    border-radius: 12px;\n    background-color: #fbfbfd;\n    color: #1d1d1f;\n    outline: none;\n    box-sizing: border-box;\n    appearance: none; \/* \u79fb\u9664\u9ed8\u8ba4\u6837\u5f0f *\/\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  \/* \u81ea\u5b9a\u4e49 Select \u7bad\u5934\u5bb9\u5668 *\/\n  .select-wrapper {\n    position: relative;\n    width: 100%;\n  }\n  \n  \/* \u81ea\u5b9a\u4e49\u7bad\u5934\u56fe\u6807 *\/\n  .select-wrapper::after {\n    content: \"\";\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-size: contain;\n    pointer-events: none;\n  }\n\n  .calc-select:focus, .calc-input:focus {\n    border-color: #49a594;\n    background-color: #fff;\n    box-shadow: 0 0 0 4px rgba(73, 165, 148, 0.15);\n  }\n\n  \/* \u8ba1\u7b97\u6309\u94ae *\/\n  .calc-btn {\n    width: 100%;\n    background-color: #49a594;\n    color: white;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 16px;\n    border: none;\n    border-radius: 980px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 15px;\n    box-shadow: 0 4px 14px rgba(73, 165, 148, 0.3);\n    height: auto !important;\n  }\n\n  .calc-btn:hover {\n    background-color: #3b8c7d;\n    transform: scale(1.01);\n    box-shadow: 0 6px 20px rgba(73, 165, 148, 0.4);\n  }\n\n  \/* \u7ed3\u679c\u533a\u57df *\/\n  .calc-result-box {\n    margin-top: 30px;\n    padding-top: 30px;\n    border-top: 1px solid #eee;\n    display: none;\n    animation: fadeIn 0.5s ease;\n  }\n\n  .result-label {\n    font-size: 15px;\n    color: #86868b;\n    margin-bottom: 5px;\n    font-weight: 500;\n  }\n\n  .result-value {\n    font-size: 42px;\n    font-weight: 700;\n    color: #49a594;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n  }\n\n  .calc-error {\n    color: #ff3b30;\n    font-size: 15px;\n    margin-top: 15px;\n    display: none;\n    font-weight: 500;\n  }\n\n  .calc-disclaimer {\n    margin-top: 30px;\n    font-size: 13px;\n    color: #86868b;\n    background: #f5f5f7;\n    padding: 15px;\n    border-radius: 12px;\n    line-height: 1.5;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (max-width: 600px) {\n    .calc-card { padding: 30px 20px; }\n    .calc-grid { grid-template-columns: 1fr; gap: 15px; }\n    .calc-header h2 { font-size: 26px; }\n  }\n<\/style>\n\n<div class=\"calc-container-wrapper\">\n  <div class=\"calc-card\">\n    <div class=\"calc-header\">\n      <h2>Estime tus Devoluciones de Reciclaje<\/h2>\n      <p>Convierte tus residuos de pl\u00e1stico y vidrio en valor. Selecciona el tipo de botella e introduce el peso para ver cu\u00e1nto podr\u00edas ganar.<\/p>\n    <\/div>\n\n    <div class=\"calc-grid\">\n      <!-- Material Selector -->\n      <div>\n        <label class=\"calc-label\" for=\"bottle-type\">Tipo de material<\/label>\n        <div class=\"select-wrapper\">\n          <select id=\"bottle-type\" class=\"calc-select\">\n            <option value=\"\" disabled selected>Choose material\u2026<\/option>\n            <option value=\"0.27\">Botellas de Pl\u00e1stico PET (#1)<\/option>\n            <option value=\"0.20\">Botellas de Pl\u00e1stico HDPE (#2)<\/option>\n            <option value=\"0.30\">Botellas de Vidrio<\/option>\n            <option value=\"0.80\">Latas de Aluminio<\/option>\n            <option value=\"0.12\">Pl\u00e1sticos mezclados<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <!-- Weight Input -->\n      <div>\n        <label class=\"calc-label\" for=\"bottle-weight\">Peso (kg)<\/label>\n        <input type=\"number\" id=\"bottle-weight\" class=\"calc-input\" placeholder=\"por ejemplo, 50\" min=\"0\" step=\"0.1\">\n      <\/div>\n    <\/div>\n\n    <button id=\"calc-trigger-btn\" class=\"calc-btn\">Calcular Valor<\/button>\n    <div id=\"calc-error-msg\" class=\"calc-error\">\u26a0\ufe0f Por favor, selecciona un material e introduce un peso v\u00e1lido.<\/div>\n\n    <!-- Result Display -->\n    <div id=\"calc-result-area\" class=\"calc-result-box\">\n      <div class=\"result-label\">Valor Total Estimado<\/div>\n      <div class=\"result-value\" id=\"final-price\">$0.00<\/div>\n    <\/div>\n\n    <div class=\"calc-disclaimer\">\n      *Nota: Estos precios son estimaciones de mercado (USD) y pueden variar seg\u00fan la ubicaci\u00f3n y los niveles de contaminaci\u00f3n. Contacta con nosotros para cotizaciones al por mayor.\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const btn = document.getElementById(\"calc-trigger-btn\");\n    const typeSelect = document.getElementById('bottle-type');\n    const weightInput = document.getElementById('bottle-weight');\n    const resultArea = document.getElementById('calc-result-area');\n    const resultValue = document.getElementById('final-price');\n    const errorMsg = document.getElementById('calc-error-msg');\n\n    btn.addEventListener(\"click\", function() {\n      const pricePerKg = parseFloat(typeSelect.value);\n      const weight = parseFloat(weightInput.value);\n\n      resultArea.style.display = 'none';\n      errorMsg.style.display = 'none';\n\n      if (isNaN(pricePerKg) || isNaN(weight) || weight <= 0) {\n        errorMsg.style.display = 'block';\n        return;\n      }\n\n      const total = pricePerKg * weight;\n\n      \/\/ Simple formatting\n      resultValue.textContent = '$' + total.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n      resultArea.style.display = 'block';\n    });\n  });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Estimate Your Recycling Returns Turn your plastic and glass waste into value. Select the bottle type and enter the weight to see how much you could earn. Material Type Choose material&#8230;PET Plastic Bottles (#1)HDPE Plastic Bottles (#2)Glass BottlesAluminum CansMixed Plastics Weight (kg) Calculate Value \u26a0\ufe0f Please select a material and enter a valid weight. Estimated [&#8230;]\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1687","post","type-post","status-publish","format-standard","hentry","category-plastic-recycling"],"_links":{"self":[{"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/posts\/1687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/comments?post=1687"}],"version-history":[{"count":0,"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/posts\/1687\/revisions"}],"wp:attachment":[{"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/media?parent=1687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/categories?post=1687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plastic-recycled.com\/es\/wp-json\/wp\/v2\/tags?post=1687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}