{"id":775,"date":"2026-05-11T12:40:51","date_gmt":"2026-05-11T18:40:51","guid":{"rendered":"https:\/\/studiovainilla.com\/?page_id=775"},"modified":"2026-07-20T11:48:50","modified_gmt":"2026-07-20T17:48:50","slug":"costos-hospedaje-corporativo","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/en\/desarrollo-web\/costos-hospedaje-corporativo\/","title":{"rendered":"Costos Hospedaje Corporativo Servicios Web StudioVainilla"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"775\" class=\"elementor elementor-775\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde83ae e-con-full e-flex e-con e-parent\" data-id=\"cde83ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2748545 elementor-widget elementor-widget-html\" data-id=\"2748545\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sv-hosting-prices\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n    .sv-hosting-prices{\n      --sv-purple:#4f4784;\n      --sv-purple-dark:#1a162e;\n      --sv-lavender:#cccfee;\n      --sv-bg:#f7f5fd;\n      --sv-white:#ffffff;\n      --sv-text:#221d39;\n      --sv-text-soft:#6d6888;\n      --sv-border:rgba(79,71,132,.12);\n      font-family:'Poppins',sans-serif;\n      background:\n        radial-gradient(circle at 10% 10%, rgba(79,71,132,.14), transparent 28%),\n        radial-gradient(circle at 90% 20%, rgba(204,207,238,.55), transparent 30%),\n        linear-gradient(180deg,#fff 0%,#f7f5fd 100%);\n      padding:90px 0;\n      color:var(--sv-text);\n      overflow:hidden;\n    }\n\n    .sv-hosting-wrap{\n      width:min(92%,1240px);\n      margin:auto;\n      position:relative;\n      z-index:2;\n    }\n\n    .sv-hosting-head{\n      display:grid;\n      grid-template-columns:1.1fr .9fr;\n      gap:34px;\n      align-items:end;\n      margin-bottom:34px;\n    }\n\n    .sv-hosting-kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      padding:9px 15px;\n      border-radius:999px;\n      background:rgba(79,71,132,.09);\n      color:var(--sv-purple);\n      font-weight:800;\n      font-size:13px;\n      margin-bottom:16px;\n    }\n\n    .sv-hosting-kicker span{\n      width:8px;\n      height:8px;\n      border-radius:50%;\n      background:var(--sv-purple);\n      box-shadow:0 0 0 6px rgba(79,71,132,.12);\n    }\n\n    .sv-hosting-title{\n      font-family:'Montserrat',sans-serif;\n      font-size:clamp(34px,5vw,62px);\n      line-height:1.02;\n      letter-spacing:-.055em;\n      margin:0;\n      color:var(--sv-purple-dark);\n    }\n\n    .sv-hosting-title strong{\n      color:var(--sv-purple);\n    }\n\n    .sv-hosting-copy{\n      color:var(--sv-text-soft);\n      font-size:16px;\n      line-height:1.8;\n      margin:0;\n      max-width:520px;\n    }\n\n    .sv-hosting-actions{\n      display:flex;\n      gap:12px;\n      flex-wrap:wrap;\n      margin-top:22px;\n    }\n\n    .sv-hosting-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n      padding:13px 20px;\n      border-radius:999px;\n      font-weight:800;\n      text-decoration:none;\n      transition:.25s ease;\n      font-size:14px;\n    }\n\n    .sv-hosting-btn-primary{\n      background:var(--sv-purple);\n      color:#fff;\n      box-shadow:0 18px 44px rgba(79,71,132,.22);\n    }\n\n    .sv-hosting-btn-secondary{\n      background:#fff;\n      color:var(--sv-purple);\n      border:1px solid var(--sv-border);\n    }\n\n    .sv-hosting-btn:hover{\n      transform:translateY(-3px);\n    }\n\n    .sv-hosting-panel{\n      background:rgba(255,255,255,.86);\n      border:1px solid var(--sv-border);\n      border-radius:34px;\n      box-shadow:0 34px 90px rgba(26,22,46,.10);\n      backdrop-filter:blur(16px);\n      overflow:hidden;\n    }\n\n    .sv-hosting-toolbar{\n      display:flex;\n      justify-content:space-between;\n      gap:18px;\n      align-items:center;\n      padding:22px;\n      border-bottom:1px solid var(--sv-border);\n      background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(247,245,253,.82));\n    }\n\n    .sv-hosting-search{\n      width:min(100%,420px);\n      border:1px solid rgba(79,71,132,.16);\n      border-radius:999px;\n      padding:13px 18px;\n      font-family:'Poppins',sans-serif;\n      outline:none;\n      color:var(--sv-text);\n      background:#fff;\n    }\n\n    .sv-hosting-note{\n      font-size:13px;\n      color:var(--sv-text-soft);\n      font-weight:600;\n    }\n\n    .sv-hosting-table-wrap{\n      overflow-x:auto;\n    }\n\n    .sv-hosting-table{\n      width:100%;\n      border-collapse:collapse;\n      min-width:860px;\n    }\n\n    .sv-hosting-table th{\n      text-align:left;\n      padding:18px 20px;\n      font-size:13px;\n      text-transform:uppercase;\n      letter-spacing:.08em;\n      color:var(--sv-purple);\n      background:#fff;\n      border-bottom:1px solid var(--sv-border);\n      font-weight:800;\n    }\n\n    .sv-hosting-table td{\n      padding:20px;\n      border-bottom:1px solid rgba(79,71,132,.10);\n      font-size:15px;\n      color:var(--sv-text);\n      vertical-align:middle;\n    }\n\n    .sv-hosting-table tr{\n      transition:.22s ease;\n    }\n\n    .sv-hosting-table tbody tr:hover{\n      background:rgba(79,71,132,.045);\n    }\n\n    .sv-plan-name{\n      font-weight:800;\n      color:var(--sv-purple-dark);\n    }\n\n    .sv-mb-pill{\n      display:inline-flex;\n      padding:8px 12px;\n      border-radius:999px;\n      background:rgba(79,71,132,.08);\n      color:var(--sv-purple);\n      font-weight:800;\n      white-space:nowrap;\n    }\n\n    .sv-total{\n      font-weight:900;\n      color:var(--sv-purple-dark);\n      font-size:17px;\n    }\n\n    .sv-select-btn{\n      border:none;\n      cursor:pointer;\n      border-radius:999px;\n      background:var(--sv-purple-dark);\n      color:#fff;\n      padding:11px 16px;\n      font-family:'Poppins',sans-serif;\n      font-weight:800;\n      transition:.22s ease;\n      white-space:nowrap;\n    }\n\n    .sv-select-btn:hover{\n      background:var(--sv-purple);\n      transform:translateY(-2px);\n    }\n\n    .sv-hosting-foot{\n      padding:18px 22px 24px;\n      color:var(--sv-text-soft);\n      font-size:13px;\n      line-height:1.7;\n      background:rgba(247,245,253,.76);\n    }\n\n    .sv-hosting-foot strong{\n      color:var(--sv-purple-dark);\n    }\n\n    @media(max-width:900px){\n      .sv-hosting-head{\n        grid-template-columns:1fr;\n      }\n\n      .sv-hosting-toolbar{\n        flex-direction:column;\n        align-items:stretch;\n      }\n\n      .sv-hosting-search{\n        width:100%;\n      }\n    }\n\n    @media(max-width:560px){\n      .sv-hosting-prices{\n        padding:64px 0;\n      }\n\n      .sv-hosting-actions a{\n        width:100%;\n      }\n\n      .sv-hosting-panel{\n        border-radius:26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"sv-hosting-wrap\">\n    <div class=\"sv-hosting-head\">\n      <div>\n        <div class=\"sv-hosting-kicker\"><span><\/span> Corporate Web Hosting<\/div>\n        <h2 class=\"sv-hosting-title\">\n          Web infrastructure for businesses that need <strong>digital stability.<\/strong>\n        <\/h2>\n      <\/div>\n\n      <div>\n        <p class=\"sv-hosting-copy\">\n          Choose the corporate hosting plan based on the capacity your website needs.\nAll prices are shown with VAT itemized for clarity.\n        <\/p>\n\n        <div class=\"sv-hosting-actions\">\n          <a class=\"sv-hosting-btn sv-hosting-btn-primary\" href=\"https:\/\/studiovainilla.com\/en\/te-asesoramos-gratis\/\">\n            Request advice\n          <\/a>\n          <a class=\"sv-hosting-btn sv-hosting-btn-secondary\" href=\"https:\/\/studiovainilla.com\/en\/desarrollo-web\/\">\n            View web services\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-hosting-panel\">\n      <div class=\"sv-hosting-toolbar\">\n        <input class=\"sv-hosting-search\" type=\"text\" id=\"svHostingSearch\" placeholder=\"Search by plan or capacity...\">\n        <div class=\"sv-hosting-note\">Annual prices \u00b7 MXN \u00b7 Incl. VAT<\/div>\n      <\/div>\n\n      <div class=\"sv-hosting-table-wrap\">\n        <table class=\"sv-hosting-table\">\n          <thead>\n            <tr>\n              <th>Plan<\/th>\n              <th>Assigned MB<\/th>\n              <th>Amount excluding VAT<\/th>\n              <th>VAT<\/th>\n              <th>Total<\/th>\n              <th><\/th>\n            <\/tr>\n          <\/thead>\n          <tbody id=\"svHostingTable\">\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 30<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">30,000 MB<\/span><\/td>\n              <td>$6,300<\/td>\n              <td>$1,008<\/td>\n              <td><span class=\"sv-total\">$7,308<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 30\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 40<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">40 gigabytes<\/span><\/td>\n              <td>$8,200<\/td>\n              <td>$1,312<\/td>\n              <td><span class=\"sv-total\">$9,512<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 40\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 50<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">50,000 MB<\/span><\/td>\n              <td>$10,300<\/td>\n              <td>$1,648<\/td>\n              <td><span class=\"sv-total\">$11,948<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 50\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 70<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">70,000 MB<\/span><\/td>\n              <td>$12,000<\/td>\n              <td>$1,920<\/td>\n              <td><span class=\"sv-total\">$13,920<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 70\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 100<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">100,000 MB<\/span><\/td>\n              <td>$14,200<\/td>\n              <td>$2,272<\/td>\n              <td><span class=\"sv-total\">$16,472<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 100\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 120<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">120,000 MB<\/span><\/td>\n              <td>$14,773<\/td>\n              <td>$2,363.68<\/td>\n              <td><span class=\"sv-total\">$17,136.68<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 120\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Web Hosting Corporate Plan 130<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">130,000 MB<\/span><\/td>\n              <td>$16,181<\/td>\n              <td>$2,588.96<\/td>\n              <td><span class=\"sv-total\">$18,769.96<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 130\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 140<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">140,000 MB<\/span><\/td>\n              <td>$17,589<\/td>\n              <td>$2,814.24<\/td>\n              <td><span class=\"sv-total\">$20,403.24<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 140\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 150<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">150,000 MB<\/span><\/td>\n              <td>$18,997<\/td>\n              <td>$3,039.52<\/td>\n              <td><span class=\"sv-total\">$22,036.52<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 150\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 180<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">180,000 MB<\/span><\/td>\n              <td>$22,220<\/td>\n              <td>$3,555.20<\/td>\n              <td><span class=\"sv-total\">$25,775.20<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 180\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Corporate Web Hosting Plan 200<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">200,000 MB<\/span><\/td>\n              <td>$26,000<\/td>\n              <td>$4,160<\/td>\n              <td><span class=\"sv-total\">$30,160<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 200\">Choose plan<\/button><\/td>\n            <\/tr>\n            <tr>\n              <td><span class=\"sv-plan-name\">Business Web Hosting Plan 250<\/span><\/td>\n              <td><span class=\"sv-mb-pill\">250,000 MB<\/span><\/td>\n              <td>$32,000<\/td>\n              <td>$5,120<\/td>\n              <td><span class=\"sv-total\">$37,120<\/span><\/td>\n              <td><button class=\"sv-select-btn\" data-plan=\"Hosting Web Plan Corporativo 250\">Choose plan<\/button><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n      <div class=\"sv-hosting-foot\">\n        <strong>Note:<\/strong> Prices are subject to change without prior notice. Service is subject to technical validation based on the site's needs, domain, email, and required resources.\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const searchInput = document.getElementById('svHostingSearch');\n      const rows = document.querySelectorAll('#svHostingTable tr');\n\n      if(searchInput){\n        searchInput.addEventListener('input', function(){\n          const term = this.value.toLowerCase().trim();\n\n          rows.forEach(function(row){\n            const text = row.textContent.toLowerCase();\n            row.style.display = text.includes(term) ? '' : 'none';\n          });\n        });\n      }\n\n      document.querySelectorAll('.sv-select-btn').forEach(function(btn){\n        btn.addEventListener('click', function(){\n          const plan = encodeURIComponent(this.dataset.plan);\n          window.location.href = 'https:\/\/studiovainilla.com\/te-asesoramos-gratis\/?plan=' + plan;\n        });\n      });\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-317d970 e-con-full e-flex e-con e-parent\" data-id=\"317d970\" data-element_type=\"container\" data-e-type=\"container\" id=\"prorrateo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a35ae33 elementor-widget elementor-widget-html\" data-id=\"a35ae33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sv-hosting-prorrateo-app\">\n  <section class=\"svhp-login\" id=\"svhp-login\">\n    <div class=\"svhp-login-card\">\n      <span class=\"svhp-eyebrow\">Studio Vanilla<\/span>\n      <h2>Proration Calculator<\/h2>\n      <p>Enter the password to access the web hosting plan calculator.<\/p>\n\n      <input type=\"password\" id=\"svhp-password\" placeholder=\"Password\">\n      <button type=\"button\" class=\"svhp-btn\" onclick=\"svhpValidarPassword()\">To enter<\/button>\n\n      <div id=\"svhp-login-error\" class=\"svhp-error\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"svhp-wrap\" id=\"svhp-calculadora\" style=\"display:none;\">\n    <div class=\"svhp-header\">\n      <span class=\"svhp-eyebrow\">StudioVainilla \u00b7 Web Hosting<\/span>\n      <h1>Proration Calculator<\/h1>\n      <p>\n        Calculate the difference to be paid when migrating from a current web hosting plan to a higher-tier plan, considering the remaining days of your contracted period.\n      <\/p>\n    <\/div>\n\n    <div class=\"svhp-card\">\n      <h2>Plan details<\/h2>\n\n      <label>Current plan price<\/label>\n      <input type=\"number\" id=\"svhp-plan-actual\" placeholder=\"Ex. 8120\">\n\n      <label>Price of the new plan<\/label>\n      <input type=\"number\" id=\"svhp-plan-nuevo\" placeholder=\"Ex. 11600\">\n\n      <label>Hosting renewal date<\/label>\n      <input type=\"date\" id=\"svhp-fecha-renovacion\">\n\n      <label>Migration date to the new plan<\/label>\n      <input type=\"date\" id=\"svhp-fecha-migracion\">\n\n      <label>Contract period<\/label>\n      <select id=\"svhp-dias-plan\">\n        <option value=\"365\">Annual - 365 days<\/option>\n        <option value=\"366\">Annual - 366 days<\/option>\n        <option value=\"180\">Semester - 180 days<\/option>\n        <option value=\"30\">Monthly - 30 days<\/option>\n      <\/select>\n\n      <button type=\"button\" class=\"svhp-btn\" onclick=\"svhpCalcularProrrateo()\">Calculate pro rata<\/button>\n\n      <div id=\"svhp-resultado\" class=\"svhp-resultado\"><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#sv-hosting-prorrateo-app {\n  font-family: 'Poppins', Arial, sans-serif;\n  color: #1a162e;\n}\n\n#sv-hosting-prorrateo-app *,\n#sv-hosting-prorrateo-app *::before,\n#sv-hosting-prorrateo-app *::after {\n  box-sizing: border-box;\n}\n\n#sv-hosting-prorrateo-app .svhp-login,\n#sv-hosting-prorrateo-app .svhp-wrap {\n  max-width: 980px;\n  margin: 40px auto;\n  padding: 34px;\n  border-radius: 32px;\n  background:\n    radial-gradient(circle at top left, rgba(204,207,238,.65), transparent 34%),\n    linear-gradient(135deg, #f7f5fd 0%, #ffffff 52%, #cccfee 100%);\n  box-shadow: 0 24px 70px rgba(26, 22, 46, 0.14);\n}\n\n#sv-hosting-prorrateo-app .svhp-login-card,\n#sv-hosting-prorrateo-app .svhp-card {\n  max-width: 620px;\n  margin: 0 auto;\n  padding: 30px;\n  border-radius: 26px;\n  background: rgba(255,255,255,.86);\n  border: 1px solid rgba(204,207,238,.65);\n  box-shadow: 0 18px 45px rgba(79, 71, 132, 0.13);\n}\n\n#sv-hosting-prorrateo-app .svhp-header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 30px;\n}\n\n#sv-hosting-prorrateo-app .svhp-eyebrow {\n  display: inline-block;\n  margin-bottom: 12px;\n  padding: 8px 14px;\n  border-radius: 999px;\n  background: rgba(79,71,132,.10);\n  color: #4f4784;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n}\n\n#sv-hosting-prorrateo-app h1,\n#sv-hosting-prorrateo-app h2,\n#sv-hosting-prorrateo-app p {\n  margin-top: 0;\n}\n\n#sv-hosting-prorrateo-app h1 {\n  font-family: 'Montserrat', Arial, sans-serif;\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1;\n  color: #221d39;\n  margin-bottom: 14px;\n}\n\n#sv-hosting-prorrateo-app h2 {\n  font-family: 'Montserrat', Arial, sans-serif;\n  color: #4f4784;\n  font-size: 26px;\n  margin-bottom: 10px;\n}\n\n#sv-hosting-prorrateo-app p {\n  color: #6d6888;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n#sv-hosting-prorrateo-app label {\n  display: block;\n  margin: 16px 0 7px;\n  font-weight: 700;\n  font-size: 14px;\n  color: #221d39;\n}\n\n#sv-hosting-prorrateo-app input,\n#sv-hosting-prorrateo-app select {\n  width: 100%;\n  padding: 14px 15px;\n  border: 1px solid #cccfee;\n  border-radius: 14px;\n  background: #ffffff;\n  color: #1a162e;\n  font-size: 16px;\n  outline: none;\n}\n\n#sv-hosting-prorrateo-app input:focus,\n#sv-hosting-prorrateo-app select:focus {\n  border-color: #4f4784;\n  box-shadow: 0 0 0 4px rgba(79,71,132,.12);\n}\n\n#sv-hosting-prorrateo-app .svhp-btn {\n  display: block;\n  width: 100%;\n  max-width: none;\n  margin: 24px 0 0;\n  padding: 15px 18px;\n  border: 0;\n  border-radius: 16px;\n  background: linear-gradient(135deg, #4f4784, #221d39);\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.2;\n  cursor: pointer;\n  box-shadow: 0 14px 28px rgba(79, 71, 132, .28);\n  transition: transform .2s ease, box-shadow .2s ease;\n  text-align: center;\n  text-decoration: none;\n  appearance: none;\n}\n\n#sv-hosting-prorrateo-app .svhp-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 18px 34px rgba(79, 71, 132, .34);\n}\n\n#sv-hosting-prorrateo-app .svhp-error {\n  display: none;\n  margin-top: 14px;\n  padding: 12px;\n  border-radius: 12px;\n  background: #fff0f0;\n  color: #9f1d1d;\n  font-weight: 700;\n}\n\n#sv-hosting-prorrateo-app .svhp-resultado {\n  display: none;\n  margin-top: 24px;\n  padding: 22px;\n  border-radius: 20px;\n  background: linear-gradient(135deg, rgba(247,245,253,.92), rgba(255,255,255,.95));\n  border: 1px solid rgba(204,207,238,.75);\n  line-height: 1.7;\n}\n\n#sv-hosting-prorrateo-app .svhp-resultado strong {\n  color: #4f4784;\n}\n\n#sv-hosting-prorrateo-app .svhp-total {\n  margin-top: 16px;\n  padding: 18px;\n  border-radius: 18px;\n  background: #221d39;\n  color: #ffffff;\n  font-size: 26px;\n  font-weight: 900;\n  text-align: center;\n}\n\n#sv-hosting-prorrateo-app .svhp-total span {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  opacity: .75;\n  margin-bottom: 4px;\n}\n\n@media (max-width: 640px) {\n  #sv-hosting-prorrateo-app .svhp-login,\n  #sv-hosting-prorrateo-app .svhp-wrap {\n    margin: 20px 12px;\n    padding: 22px;\n    border-radius: 24px;\n  }\n\n  #sv-hosting-prorrateo-app .svhp-login-card,\n  #sv-hosting-prorrateo-app .svhp-card {\n    padding: 22px;\n  }\n\n  #sv-hosting-prorrateo-app .svhp-total {\n    font-size: 22px;\n  }\n}\n<\/style>\n\n<script>\nfunction svhpValidarPassword() {\n  const password = document.getElementById('svhp-password').value;\n  const error = document.getElementById('svhp-login-error');\n  const login = document.getElementById('svhp-login');\n  const calculadora = document.getElementById('svhp-calculadora');\n\n  if (password === '1234') {\n    login.style.display = 'none';\n    calculadora.style.display = 'block';\n    error.style.display = 'none';\n  } else {\n    error.style.display = 'block';\n    error.innerHTML = 'Contrase\u00f1a incorrecta. Intenta nuevamente.';\n  }\n}\n\nfunction svhpCalcularProrrateo() {\n  const actual = parseFloat(document.getElementById('svhp-plan-actual').value);\n  const nuevo = parseFloat(document.getElementById('svhp-plan-nuevo').value);\n  const fechaRenovacionValue = document.getElementById('svhp-fecha-renovacion').value;\n  const fechaMigracionValue = document.getElementById('svhp-fecha-migracion').value;\n  const diasPlan = parseInt(document.getElementById('svhp-dias-plan').value);\n\n  const resultado = document.getElementById('svhp-resultado');\n\n  if (!actual || !nuevo || !fechaRenovacionValue || !fechaMigracionValue) {\n    resultado.style.display = 'block';\n    resultado.innerHTML = 'Por favor ingresa todos los datos para calcular el prorrateo.';\n    return;\n  }\n\n  if (nuevo <= actual) {\n    resultado.style.display = 'block';\n    resultado.innerHTML = 'El nuevo plan debe tener un costo mayor al plan actual.';\n    return;\n  }\n\n  const fechaRenovacion = new Date(fechaRenovacionValue + 'T00:00:00');\n  const fechaMigracion = new Date(fechaMigracionValue + 'T00:00:00');\n\n  const msPorDia = 1000 * 60 * 60 * 24;\n  const diasTranscurridos = Math.floor((fechaMigracion - fechaRenovacion) \/ msPorDia);\n  const diasRestantes = diasPlan - diasTranscurridos;\n\n  if (diasTranscurridos < 0) {\n    resultado.style.display = 'block';\n    resultado.innerHTML = 'La fecha de migraci\u00f3n no puede ser anterior a la fecha de renovaci\u00f3n.';\n    return;\n  }\n\n  if (diasRestantes < 0) {\n    resultado.style.display = 'block';\n    resultado.innerHTML = 'La fecha de migraci\u00f3n est\u00e1 fuera del periodo contratado.';\n    return;\n  }\n\n  const diferencia = nuevo - actual;\n  const prorrateo = diferencia * (diasRestantes \/ diasPlan);\n  const subtotal = prorrateo \/ 1.16;\n  const iva = prorrateo - subtotal;\n\n  resultado.style.display = 'block';\n  resultado.innerHTML = `\n    <strong>Diferencia entre planes:<\/strong> $${diferencia.toFixed(2)} MXN<br>\n    <strong>D\u00edas transcurridos:<\/strong> ${diasTranscurridos}<br>\n    <strong>D\u00edas restantes:<\/strong> ${diasRestantes}<br>\n    <strong>Periodo considerado:<\/strong> ${diasPlan} d\u00edas<br><br>\n\n    <strong>Subtotal sin IVA:<\/strong> $${subtotal.toFixed(2)} MXN<br>\n    <strong>IVA 16%:<\/strong> $${iva.toFixed(2)} MXN\n\n    <div class=\"svhp-total\">\n      <span>Total a pagar por migraci\u00f3n<\/span>\n      $${prorrateo.toFixed(2)} MXN\n    <\/div>\n  `;\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hospedajes Web Corporativos Infraestructura web para empresas que necesitan estabilidad digital. Elige el plan de hosting corporativo seg\u00fan la capacidad que necesita tu sitio web. Todos los precios se muestran con IVA desglosado para mayor claridad. Solicitar asesor\u00eda Ver servicios web Precios anuales \u00b7 MXN \u00b7 IVA incluido Plan MB asignados Monto sin IVA IVA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-775","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studiovainilla.com\/en\/desarrollo-web\/costos-hospedaje-corporativo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla\" \/>\n<meta property=\"og:description\" content=\"Hospedajes Web Corporativos Infraestructura web para empresas que necesitan estabilidad digital. Elige el plan de hosting corporativo seg\u00fan la capacidad que necesita tu sitio web. Todos los precios se muestran con IVA desglosado para mayor claridad. Solicitar asesor\u00eda Ver servicios web Precios anuales \u00b7 MXN \u00b7 IVA incluido Plan MB asignados Monto sin IVA IVA [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studiovainilla.com\/en\/desarrollo-web\/costos-hospedaje-corporativo\/\" \/>\n<meta property=\"og:site_name\" content=\"StudioVainilla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-20T17:48:50+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/costos-hospedaje-corporativo\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/costos-hospedaje-corporativo\\\/\",\"name\":\"Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\"},\"datePublished\":\"2026-05-11T18:40:51+00:00\",\"dateModified\":\"2026-07-20T17:48:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/costos-hospedaje-corporativo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/costos-hospedaje-corporativo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/costos-hospedaje-corporativo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/studiovainilla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo Web\",\"item\":\"https:\\\/\\\/studiovainilla.com\\\/desarrollo-web\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Costos Hospedaje Corporativo Servicios Web StudioVainilla\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#website\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"name\":\"StudioVainilla\",\"description\":\"Business Intelligence, Marketing &amp; Digital Systems\",\"publisher\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studiovainilla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#organization\",\"name\":\"StudioVainilla\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"contentUrl\":\"https:\\\/\\\/studiovainilla.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Imagotipo-StudioVainilla-Morado-Vainilla.png\",\"width\":1102,\"height\":423,\"caption\":\"StudioVainilla\"},\"image\":{\"@id\":\"https:\\\/\\\/studiovainilla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studiovainilla.com\/en\/desarrollo-web\/costos-hospedaje-corporativo\/","og_locale":"en_US","og_type":"article","og_title":"Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla","og_description":"Hospedajes Web Corporativos Infraestructura web para empresas que necesitan estabilidad digital. Elige el plan de hosting corporativo seg\u00fan la capacidad que necesita tu sitio web. Todos los precios se muestran con IVA desglosado para mayor claridad. Solicitar asesor\u00eda Ver servicios web Precios anuales \u00b7 MXN \u00b7 IVA incluido Plan MB asignados Monto sin IVA IVA [&hellip;]","og_url":"https:\/\/studiovainilla.com\/en\/desarrollo-web\/costos-hospedaje-corporativo\/","og_site_name":"StudioVainilla","article_modified_time":"2026-07-20T17:48:50+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studiovainilla.com\/desarrollo-web\/costos-hospedaje-corporativo\/","url":"https:\/\/studiovainilla.com\/desarrollo-web\/costos-hospedaje-corporativo\/","name":"Costos Hospedaje Corporativo Servicios Web StudioVainilla - StudioVainilla","isPartOf":{"@id":"https:\/\/studiovainilla.com\/#website"},"datePublished":"2026-05-11T18:40:51+00:00","dateModified":"2026-07-20T17:48:50+00:00","breadcrumb":{"@id":"https:\/\/studiovainilla.com\/desarrollo-web\/costos-hospedaje-corporativo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studiovainilla.com\/desarrollo-web\/costos-hospedaje-corporativo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studiovainilla.com\/desarrollo-web\/costos-hospedaje-corporativo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/studiovainilla.com\/"},{"@type":"ListItem","position":2,"name":"Desarrollo Web","item":"https:\/\/studiovainilla.com\/desarrollo-web\/"},{"@type":"ListItem","position":3,"name":"Costos Hospedaje Corporativo Servicios Web StudioVainilla"}]},{"@type":"WebSite","@id":"https:\/\/studiovainilla.com\/#website","url":"https:\/\/studiovainilla.com\/","name":"Studio Vanilla","description":"Business Intelligence, Marketing, and Digital Systems","publisher":{"@id":"https:\/\/studiovainilla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studiovainilla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studiovainilla.com\/#organization","name":"Studio Vanilla","url":"https:\/\/studiovainilla.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/","url":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","contentUrl":"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/04\/Imagotipo-StudioVainilla-Morado-Vainilla.png","width":1102,"height":423,"caption":"StudioVainilla"},"image":{"@id":"https:\/\/studiovainilla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/comments?post=775"}],"version-history":[{"count":16,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/775\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/775\/revisions\/948"}],"up":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/329"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media?parent=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}