{"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-08-06T23:13:49","modified_gmt":"2026-08-07T05:13:49","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=\"svp-pricing\" id=\"planes-hosting\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap');\n\n    .svp-pricing{\n      --purple:#4f4784;\n      --purple-dark:#1a162e;\n      --lavender:#ececfa;\n      --bg:#f8f7fc;\n      --white:#fff;\n      --text:#241f38;\n      --soft:#6f6983;\n      --line:rgba(79,71,132,.13);\n      font-family:'Poppins',sans-serif;\n      color:var(--text);\n      background:linear-gradient(180deg,#fff 0%,#f8f7fc 60%,#fff 100%);\n      padding:86px 20px;\n    }\n\n    .svp-inner{width:min(100%,1240px);margin:auto}\n    .svp-hero{text-align:center;max-width:780px;margin:0 auto 34px}\n    .svp-kicker{display:inline-block;margin-bottom:12px;color:var(--purple);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}\n    .svp-title{margin:0;font-family:'Montserrat',sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.05em;color:var(--purple-dark)}\n    .svp-subtitle{margin:15px auto 0;color:var(--soft);font-size:16px;line-height:1.65}\n\n    .svp-switch{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      max-width:820px;\n      margin:0 auto 24px;\n      padding:6px;\n      border:1px solid var(--line);\n      border-radius:20px;\n      background:#fff;\n      box-shadow:0 18px 45px rgba(26,22,46,.08);\n    }\n    .svp-tab{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      min-height:62px;\n      padding:10px 18px;\n      border:0;\n      border-radius:15px;\n      background:transparent;\n      color:var(--soft);\n      font-family:'Poppins',sans-serif;\n      font-size:14px;\n      font-weight:800;\n      cursor:pointer;\n      transition:.22s ease;\n    }\n    .svp-tab span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:var(--lavender);color:var(--purple)}\n    .svp-tab.active{background:var(--purple);color:#fff;box-shadow:0 12px 28px rgba(79,71,132,.22)}\n    .svp-tab.active span{background:rgba(255,255,255,.15);color:#fff}\n\n    .svp-guide{\n      display:flex;\n      justify-content:center;\n      gap:10px 24px;\n      flex-wrap:wrap;\n      margin-bottom:38px;\n      color:var(--soft);\n      font-size:12px;\n      font-weight:600;\n    }\n    .svp-guide strong{color:var(--purple-dark)}\n    .svp-panel{display:none;animation:svpFade .25s ease}\n    .svp-panel.active{display:block}\n    @keyframes svpFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n\n    .svp-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}\n    .svp-panel-head h2{margin:0 0 6px;font-family:'Montserrat',sans-serif;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;color:var(--purple-dark)}\n    .svp-panel-head p{margin:0;color:var(--soft);font-size:13px}\n    .svp-filter{min-width:205px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font-family:'Poppins',sans-serif;font-weight:600;outline:none}\n\n    .svp-table-shell{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 65px rgba(26,22,46,.08);overflow:hidden}\n    .svp-table{width:100%;border-collapse:collapse}\n    .svp-table th{padding:15px 18px;background:#f3f1fa;color:var(--purple);font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.07em}\n    .svp-table td{padding:15px 18px;border-top:1px solid var(--line);font-size:13px;vertical-align:middle}\n    .svp-table tbody tr{transition:.18s ease}\n    .svp-table tbody tr:hover{background:#faf9fd}\n    .svp-plan-name{font-weight:800;color:var(--purple-dark)}\n    .svp-storage{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--lavender);color:var(--purple);font-weight:800;white-space:nowrap}\n    .svp-price{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;color:var(--purple-dark);white-space:nowrap}\n    .svp-month{color:var(--soft);white-space:nowrap}\n    .svp-choose{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:10px 14px;\n      border:0;\n      border-radius:999px;\n      background:var(--purple-dark);\n      color:#fff;\n      font-family:'Poppins',sans-serif;\n      font-size:12px;\n      font-weight:800;\n      cursor:pointer;\n      white-space:nowrap;\n      transition:.2s ease;\n    }\n    .svp-choose:hover{background:var(--purple);transform:translateY(-2px)}\n\n    .svp-business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\n    .svp-common{\n      display:grid;\n      grid-template-columns:repeat(5,minmax(0,1fr));\n      gap:9px;\n      margin-bottom:20px;\n    }\n    .svp-common-item{\n      display:flex;\n      align-items:center;\n      gap:8px;\n      min-height:54px;\n      padding:10px 12px;\n      border:1px solid var(--line);\n      border-radius:14px;\n      background:#fff;\n      color:var(--text);\n      font-size:11px;\n      font-weight:700;\n      line-height:1.35;\n    }\n    .svp-common-item:before{content:'\u2713';display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;border-radius:8px;background:var(--lavender);color:var(--purple);font-weight:900}\n    .svp-business-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(26,22,46,.07);transition:.22s ease}\n    .svp-business-card:hover{transform:translateY(-5px);box-shadow:0 28px 65px rgba(26,22,46,.12)}\n    .svp-business-card.featured{border:2px solid var(--purple);position:relative}\n    .svp-badge{min-height:25px;margin-bottom:11px;color:var(--purple);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}\n    .featured .svp-badge{display:inline-flex;align-self:flex-start;align-items:center;padding:6px 9px;border-radius:999px;background:var(--lavender)}\n    .svp-business-card h3{margin:0 0 14px;font-family:'Montserrat',sans-serif;font-size:20px;line-height:1.25;color:var(--purple-dark)}\n    .svp-business-price{margin-bottom:16px;font-family:'Montserrat',sans-serif;font-size:29px;font-weight:800;letter-spacing:-.04em;color:var(--purple-dark)}\n    .svp-business-price span{display:block;margin-top:5px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;letter-spacing:0;color:var(--soft)}\n    .svp-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:17px}\n    .svp-spec{padding:10px 5px;border-radius:11px;background:#f3f1fa;text-align:center}\n    .svp-spec strong{display:block;color:var(--purple-dark);font-size:13px}\n    .svp-spec span{color:var(--soft);font-size:9px;text-transform:uppercase}\n    .svp-best{min-height:40px;margin:0 0 18px;color:var(--soft);font-size:12px;line-height:1.55}\n    .svp-features{display:grid;gap:9px;flex:1;margin:0 0 20px;padding:0;list-style:none}\n    .svp-features li{position:relative;padding-left:18px;color:var(--soft);font-size:11px;line-height:1.45}\n    .svp-features li:before{content:'\u2713';position:absolute;left:0;color:var(--purple);font-weight:900}\n    .svp-business-card .svp-choose{width:100%;margin-top:auto;background:var(--purple)}\n    .svp-business-card .svp-choose:hover{background:var(--purple-dark)}\n\n    .svp-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:22px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n    .svp-bottom strong{display:block;margin-bottom:3px;color:var(--purple-dark)}\n    .svp-bottom span{color:var(--soft);font-size:12px}\n    .svp-advice{display:inline-flex;padding:12px 18px;border-radius:999px;background:var(--purple);color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;transition:.2s ease}\n    .svp-advice:hover{background:var(--purple-dark);transform:translateY(-2px)}\n    .svp-note{margin:20px auto 0;max-width:900px;text-align:center;color:var(--soft);font-size:11px;line-height:1.65}\n\n    \/* Protecci\u00f3n contra estilos globales de Elementor y del tema *\/\n    .svp-pricing button,\n    .svp-pricing a{\n      -webkit-appearance:none !important;\n      appearance:none !important;\n      text-decoration:none !important;\n      outline:none !important;\n    }\n    .svp-pricing .svp-tab,\n    .svp-pricing .svp-tab:visited{\n      border:0 !important;\n      background:transparent !important;\n      color:var(--soft) !important;\n    }\n    .svp-pricing .svp-tab:hover,\n    .svp-pricing .svp-tab:focus{\n      border:0 !important;\n      background:#f1eff9 !important;\n      color:var(--purple) !important;\n      box-shadow:none !important;\n    }\n    .svp-pricing .svp-tab.active,\n    .svp-pricing .svp-tab.active:visited,\n    .svp-pricing .svp-tab.active:hover,\n    .svp-pricing .svp-tab.active:focus{\n      border:0 !important;\n      background:var(--purple) !important;\n      color:#fff !important;\n      box-shadow:0 12px 28px rgba(79,71,132,.22) !important;\n    }\n    .svp-pricing .svp-choose,\n    .svp-pricing .svp-choose:visited{\n      border:0 !important;\n      background:var(--purple-dark) !important;\n      color:#fff !important;\n      box-shadow:none !important;\n    }\n    .svp-pricing .svp-choose:hover,\n    .svp-pricing .svp-choose:focus{\n      border:0 !important;\n      background:var(--purple) !important;\n      color:#fff !important;\n      box-shadow:0 10px 22px rgba(79,71,132,.20) !important;\n    }\n    .svp-pricing .svp-business-card .svp-choose,\n    .svp-pricing .svp-business-card .svp-choose:visited{\n      background:var(--purple) !important;\n      color:#fff !important;\n    }\n    .svp-pricing .svp-business-card .svp-choose:hover,\n    .svp-pricing .svp-business-card .svp-choose:focus{\n      background:var(--purple-dark) !important;\n      color:#fff !important;\n    }\n    .svp-pricing .svp-advice,\n    .svp-pricing .svp-advice:visited{\n      border:0 !important;\n      background:var(--purple) !important;\n      color:#fff !important;\n      box-shadow:none !important;\n    }\n    .svp-pricing .svp-advice:hover,\n    .svp-pricing .svp-advice:focus{\n      border:0 !important;\n      background:var(--purple-dark) !important;\n      color:#fff !important;\n      box-shadow:0 10px 22px rgba(79,71,132,.20) !important;\n    }\n    .svp-pricing button:focus-visible,\n    .svp-pricing a:focus-visible{\n      outline:3px solid rgba(79,71,132,.28) !important;\n      outline-offset:3px !important;\n    }\n\n    @media(max-width:980px){.svp-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svp-common{grid-template-columns:repeat(2,minmax(0,1fr))}}\n    @media(max-width:720px){\n      .svp-pricing{padding:58px 14px}\n      .svp-switch{grid-template-columns:1fr}\n      .svp-panel-head{align-items:stretch;flex-direction:column}\n      .svp-filter{width:100%}\n      .svp-table-shell{border:0;background:transparent;box-shadow:none;overflow:visible}\n      .svp-table,.svp-table tbody{display:block}\n      .svp-table thead{display:none}\n      .svp-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(26,22,46,.06)}\n      .svp-table td{display:block;padding:0;border:0}\n      .svp-table td:nth-child(1),.svp-table td:last-child{grid-column:1\/-1}\n      .svp-table td:last-child .svp-choose{width:100%;margin-top:4px}\n      .svp-business-grid{grid-template-columns:1fr}\n      .svp-common{grid-template-columns:1fr}\n      .svp-bottom{align-items:stretch;flex-direction:column;text-align:center}\n      .svp-advice{justify-content:center}\n    }\n  <\/style>\n\n  <div class=\"svp-inner\">\n    <header class=\"svp-hero\">\n      <span class=\"svp-kicker\">StudioVainilla Lodging<\/span>\n      <h1 class=\"svp-title\">Choose the correct infrastructure.<\/h1>\n      <p class=\"svp-subtitle\">Sites and emails use Corporate Hosting. Critical platforms use Vanilla Enterprise.<\/p>\n    <\/header>\n\n    <div class=\"svp-switch\" role=\"tablist\" aria-label=\"Types of accommodation\">\n      <button class=\"svp-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-target=\"svpCorporate\"><span>GB<\/span> Corporate Hosting<\/button>\n      <button class=\"svp-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-target=\"svpBusiness\"><span>\u26a1<\/span> Vanilla Enterprise<\/button>\n    <\/div>\n\n    <div class=\"svp-guide\">\n      <span><strong>Corporate:<\/strong> websites, emails, and cPanel<\/span>\n      <span><strong>Vanilla Enterprise:<\/strong> CPU, RAM, and high performance<\/span>\n    <\/div>\n\n    <div class=\"svp-panel active\" id=\"svpCorporate\" role=\"tabpanel\">\n      <div class=\"svp-panel-head\">\n        <div><h2>Corporate Hosting<\/h2><p>Select the space that your digital presence needs.<\/p><\/div>\n        <select class=\"svp-filter\" id=\"svpCapacityFilter\" aria-label=\"Filter plans by capacity\">\n          <option value=\"all\">View all plans<\/option>\n          <option value=\"small\">10 to 50 GB<\/option>\n          <option value=\"medium\">70 to 150 GB<\/option>\n          <option value=\"large\">180 to 250 GB<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"svp-table-shell\">\n        <table class=\"svp-table\">\n          <thead><tr><th>Plan<\/th><th>Space<\/th><th>Annual price<\/th><th>Monthly equivalent<\/th><th><\/th><\/tr><\/thead>\n          <tbody>\n            <tr data-size=\"small\"><td><span class=\"svp-plan-name\">Corporate 10<\/span><\/td><td><span class=\"svp-storage\">10 GB<\/span><\/td><td><span class=\"svp-price\">$4,500<\/span><\/td><td><span class=\"svp-month\">$375\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 10 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"small\"><td><span class=\"svp-plan-name\">Corporate 20<\/span><\/td><td><span class=\"svp-storage\">20 GB<\/span><\/td><td><span class=\"svp-price\">$7,000<\/span><\/td><td><span class=\"svp-month\">$583\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 20 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"small\"><td><span class=\"svp-plan-name\">Corporate 30<\/span><\/td><td><span class=\"svp-storage\">30 GB<\/span><\/td><td><span class=\"svp-price\">$9,500<\/span><\/td><td><span class=\"svp-month\">$792\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 30 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"small\"><td><span class=\"svp-plan-name\">Corporate 40<\/span><\/td><td><span class=\"svp-storage\">40 GB<\/span><\/td><td><span class=\"svp-price\">$12,000<\/span><\/td><td><span class=\"svp-month\">$1,000\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 40 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"small\"><td><span class=\"svp-plan-name\">Corporate 50<\/span><\/td><td><span class=\"svp-storage\">50 GB<\/span><\/td><td><span class=\"svp-price\">$14,500<\/span><\/td><td><span class=\"svp-month\">$1,208\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 50 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 70<\/span><\/td><td><span class=\"svp-storage\">70 GB<\/span><\/td><td><span class=\"svp-price\">$19,500<\/span><\/td><td><span class=\"svp-month\">$1.625\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 70 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 100<\/span><\/td><td><span class=\"svp-storage\">100 GB<\/span><\/td><td><span class=\"svp-price\">$27,000<\/span><\/td><td><span class=\"svp-month\">$2,250\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 100 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 120<\/span><\/td><td><span class=\"svp-storage\">120 GB<\/span><\/td><td><span class=\"svp-price\">$32,000<\/span><\/td><td><span class=\"svp-month\">$2,667\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 120 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 130<\/span><\/td><td><span class=\"svp-storage\">130 GB<\/span><\/td><td><span class=\"svp-price\">$34,500<\/span><\/td><td><span class=\"svp-month\">$2,875\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 130 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 140<\/span><\/td><td><span class=\"svp-storage\">140 GB<\/span><\/td><td><span class=\"svp-price\">$37,000<\/span><\/td><td><span class=\"svp-month\">$3,083\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 140 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"medium\"><td><span class=\"svp-plan-name\">Corporate 150<\/span><\/td><td><span class=\"svp-storage\">150 GB<\/span><\/td><td><span class=\"svp-price\">$39,500<\/span><\/td><td><span class=\"svp-month\">$3,292\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 150 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"large\"><td><span class=\"svp-plan-name\">Corporate 180<\/span><\/td><td><span class=\"svp-storage\">180 GB<\/span><\/td><td><span class=\"svp-price\">$47,000<\/span><\/td><td><span class=\"svp-month\">$3,917\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 180 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"large\"><td><span class=\"svp-plan-name\">Corporate 200<\/span><\/td><td><span class=\"svp-storage\">200 GB<\/span><\/td><td><span class=\"svp-price\">$52,000<\/span><\/td><td><span class=\"svp-month\">$4,333\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 200 GB\">Choose<\/button><\/td><\/tr>\n            <tr data-size=\"large\"><td><span class=\"svp-plan-name\">Corporate 250<\/span><\/td><td><span class=\"svp-storage\">250 GB<\/span><\/td><td><span class=\"svp-price\">$64,000<\/span><\/td><td><span class=\"svp-month\">$5,333\/month<\/span><\/td><td><button class=\"svp-choose\" data-plan=\"Hosting Corporativo 250 GB\">Choose<\/button><\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-panel\" id=\"svpBusiness\" role=\"tabpanel\">\n      <div class=\"svp-panel-head\"><div><h2>Vanilla Enterprise<\/h2><p>Specialized infrastructure for platforms, SaaS, automations, and AI.<\/p><\/div><\/div>\n      <div class=\"svp-common\" aria-label=\"Included in all Vanilla Enterprise plans\">\n        <div class=\"svp-common-item\">CPU and RAM allocated according to the plan<\/div>\n        <div class=\"svp-common-item\">NVMe storage<\/div>\n        <div class=\"svp-common-item\">Managed migration<\/div>\n        <div class=\"svp-common-item\">Daily automatic backups<\/div>\n        <div class=\"svp-common-item\">24\/7 Monitoring and Support<\/div>\n      <\/div>\n      <div class=\"svp-business-grid\">\n        <article class=\"svp-business-card\">\n          <span class=\"svp-badge\">Growing<\/span><h3>Vanilla Enterprise Sapphire<\/h3>\n          <div class=\"svp-business-price\">$22,000<span>per year \u00b7 VAT included<\/span><\/div>\n          <div class=\"svp-specs\"><div class=\"svp-spec\"><strong>2<\/strong><span>CPU<\/span><\/div><div class=\"svp-spec\"><strong>3 GB<\/strong><span>RAM<\/span><\/div><div class=\"svp-spec\"><strong>70 GB<\/strong><span>NVMe<\/span><\/div><\/div>\n          <p class=\"svp-best\">A growing platform.<\/p>\n          <ul class=\"svp-features\"><li>Isolated resources in containers<\/li><li>Website and email migration<\/li><li>Help with restorations<\/li><li>24\/7 business support<\/li><\/ul>\n          <button class=\"svp-choose\" data-plan=\"Vainilla Enterprise Zafiro\">Hire Sapphire<\/button>\n        <\/article>\n        <article class=\"svp-business-card\">\n          <span class=\"svp-badge\">Higher capacity<\/span><h3>Vanilla Enterprise Emerald<\/h3>\n          <div class=\"svp-business-price\">$30,000<span>per year \u00b7 VAT included<\/span><\/div>\n          <div class=\"svp-specs\"><div class=\"svp-spec\"><strong>4<\/strong><span>CPU<\/span><\/div><div class=\"svp-spec\"><strong>6 GB<\/strong><span>RAM<\/span><\/div><div class=\"svp-spec\"><strong>100 GB<\/strong><span>NVMe<\/span><\/div><\/div>\n          <p class=\"svp-best\">Demanding processes and databases.<\/p>\n          <ul class=\"svp-features\"><li>More resources for multiple sites<\/li><li>Faster reading and writing<\/li><li>Adjustments during traffic peaks<\/li><li>High priority support<\/li><\/ul>\n          <button class=\"svp-choose\" data-plan=\"Vainilla Enterprise Esmeralda\">Hire Esmeralda<\/button>\n        <\/article>\n        <article class=\"svp-business-card featured\">\n          <span class=\"svp-badge\">Recommended<\/span><h3>Vanilla Enterprise Ruby<\/h3>\n          <div class=\"svp-business-price\">$38,000<span>per year \u00b7 VAT included<\/span><\/div>\n          <div class=\"svp-specs\"><div class=\"svp-spec\"><strong>6<\/strong><span>CPU<\/span><\/div><div class=\"svp-spec\"><strong>9 GB<\/strong><span>RAM<\/span><\/div><div class=\"svp-spec\"><strong>130 GB<\/strong><span>NVMe<\/span><\/div><\/div>\n          <p class=\"svp-best\">SaaS, automations, and AI APIs.<\/p>\n          <ul class=\"svp-features\"><li>High capacity for heavy traffic<\/li><li>Higher backup retention<\/li><li>Monitoring with proactive action<\/li><li>Performance reviews<\/li><\/ul>\n          <button class=\"svp-choose\" data-plan=\"Vainilla Enterprise Rub\u00ed\">Hire Ruby<\/button>\n        <\/article>\n        <article class=\"svp-business-card\">\n          <span class=\"svp-badge\">Critical operation<\/span><h3>Vanilla Enterprise Diamond<\/h3>\n          <div class=\"svp-business-price\">$48,000<span>per year \u00b7 VAT included<\/span><\/div>\n          <div class=\"svp-specs\"><div class=\"svp-spec\"><strong>8<\/strong><span>CPU<\/span><\/div><div class=\"svp-spec\"><strong>12 GB<\/strong><span>RAM<\/span><\/div><div class=\"svp-spec\"><strong>150 GB<\/strong><span>NVMe<\/span><\/div><\/div>\n          <p class=\"svp-best\">High demand and critical operation.<\/p>\n          <ul class=\"svp-features\"><li>Top-tier dedicated resources<\/li><li>High-priority restorations<\/li><li>Priority critical response<\/li><li>Technical performance audit<\/li><\/ul>\n          <button class=\"svp-choose\" data-plan=\"Vainilla Enterprise Diamante\">Hire Diamond<\/button>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-bottom\"><div><strong>Don't know which one to choose?<\/strong><span>Write to us and we will help you identify it.<\/span><\/div><a class=\"svp-advice\" href=\"https:\/\/wa.me\/526144741000?text=Hola%2C%20necesito%20ayuda%20para%20elegir%20un%20plan%20de%20hospedaje.\" target=\"_blank\" rel=\"noopener\">Inquire via WhatsApp<\/a><\/div>\n    <p class=\"svp-note\">Annual prices in MXN with VAT included. Subscription is subject to technical validation. AI API consumption, licenses, and special developments are quoted separately.<\/p>\n  <\/div>\n\n  <script>\n    (function(){\n      var root=document.querySelector('.svp-pricing');\n      if(!root)return;\n\n      var tabs=root.querySelectorAll('.svp-tab');\n      var panels=root.querySelectorAll('.svp-panel');\n      tabs.forEach(function(tab){\n        tab.addEventListener('click',function(){\n          tabs.forEach(function(item){item.classList.remove('active');item.setAttribute('aria-selected','false')});\n          panels.forEach(function(panel){panel.classList.remove('active')});\n          tab.classList.add('active');\n          tab.setAttribute('aria-selected','true');\n          var target=root.querySelector('#'+tab.dataset.target);\n          if(target)target.classList.add('active');\n        });\n      });\n\n      var filter=root.querySelector('#svpCapacityFilter');\n      if(filter){\n        filter.addEventListener('change',function(){\n          var value=this.value;\n          root.querySelectorAll('.svp-table tbody tr').forEach(function(row){\n            row.style.display=(value==='all'||row.dataset.size===value)?'':'none';\n          });\n        });\n      }\n\n      root.querySelectorAll('.svp-choose').forEach(function(button){\n        if(button.dataset.plan.indexOf('Hosting Corporativo')===0){button.textContent='Contratar por WhatsApp'}\n        button.addEventListener('click',function(){\n          var message=encodeURIComponent('Hola, quiero contratar el plan '+this.dataset.plan+'. \u00bfMe pueden ayudar?');\n          window.open('https:\/\/wa.me\/526144741000?text='+message,'_blank','noopener');\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 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile 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>Hospedaje StudioVainilla Elige la infraestructura correcta. Sitios y correos usan Hosting Corporativo. Plataformas cr\u00edticas usan Vainilla Enterprise. GB Hosting Corporativo \u26a1 Vainilla Enterprise Corporativo: sitios, correos y cPanel Vainilla Enterprise: CPU, RAM y alto rendimiento Hosting Corporativo Selecciona el espacio que necesita tu presencia digital. Ver todos los planes10 a 50 GB70 a 150 GB180 [&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":{"footnotes":""},"class_list":["post-775","page","type-page","status-publish","hentry"],"_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":22,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/775\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/775\/revisions\/1009"}],"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}]}}