{"id":353,"date":"2023-11-19T08:28:11","date_gmt":"2023-11-19T08:28:11","guid":{"rendered":"https:\/\/studiovainilla.com\/serviciosweb\/?page_id=353"},"modified":"2026-10-13T09:22:59","modified_gmt":"2026-10-13T15:22:59","slug":"hospedajes-web","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/serviciosweb\/hospedajes-web\/","title":{"rendered":"Hospedajes Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"353\" class=\"elementor elementor-353\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75be035 e-con-full e-flex e-con e-parent\" data-id=\"75be035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70ab873 elementor-widget elementor-widget-html\" data-id=\"70ab873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     SERVICIOS WEB by StudioVainilla \u00b7 HOSPEDAJES WEB V1\n     URL: studiovainilla.com\/serviciosweb\/hospedajes-web\/\n     Widget HTML de Elementor \u00b7 SIN HEADER NI FOOTER\n     El hero deja espacio arriba para el header flotante.\n     Secci\u00f3n contenedora: ancho completo, sin padding.\n========================================================= -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n#swhp{\n  --ink:#071A22;--ink2:#0C2630;--ink3:#123542;\n  --teal:#3BB7A5;--teal2:#2A9686;--mint:#CDEFE8;--signal:#E2F58F;\n  --paper:#F2F6F5;--text:#0B2129;--slate:#4F6670;--fog:#9DB3B9;\n  --line:rgba(11,33,41,.11);--dline:rgba(205,239,232,.12);\n  --ease:cubic-bezier(.2,.8,.2,1);\n  --top:clamp(140px,13vw,176px);\n  position:relative;width:100%;overflow-x:clip;background:var(--ink);color:#E6F0EE;\n  font-family:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;\n}\n#swhp *,#swhp *::before,#swhp *::after{box-sizing:border-box}\n#swhp h1,#swhp h2,#swhp h3,#swhp h4,#swhp p,#swhp ul,#swhp ol{margin:0;padding:0}\n#swhp h1,#swhp h2,#swhp h3,#swhp h4{font-family:\"Geist\",sans-serif;color:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.05;text-transform:none}\n#swhp ul,#swhp ol{list-style:none}\n#swhp a{color:inherit;text-decoration:none}\n#swhp img{display:block;max-width:100%;height:auto;border:0}\n#swhp button,#swhp input{font:inherit;color:inherit;margin:0}\n#swhp button{background:none;border:0;padding:0;cursor:pointer}\n#swhp :focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:8px}\n#swhp .mono{font-family:\"Geist Mono\",ui-monospace,Menlo,monospace}\n\n#swhp .w{width:min(calc(100% - 48px),1220px);margin-inline:auto;position:relative;z-index:1}\n#swhp .sec{position:relative;isolation:isolate;padding:clamp(88px,10vw,132px) 0}\n#swhp .light{background:var(--paper);color:var(--text)}\n#swhp .white{background:#fff;color:var(--text)}\n#swhp .lbl{display:block;margin-bottom:16px;font-size:15px;font-weight:500;color:var(--teal)}\n#swhp .light .lbl,#swhp .white .lbl{color:var(--teal2)}\n#swhp .h2{font-size:clamp(34px,4.4vw,58px);max-width:18ch}\n#swhp .lead{margin-top:20px;max-width:56ch;color:var(--fog);font-size:clamp(17px,1.4vw,19px);line-height:1.65}\n#swhp .light .lead,#swhp .white .lead{color:var(--slate)}\n#swhp .head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:end;margin-bottom:56px}\n#swhp .head .lead{margin-top:0}\n#swhp .note{font-size:13.5px;color:var(--fog)}\n#swhp .light .note,#swhp .white .note{color:var(--slate)}\n\n#swhp .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border-radius:14px;font-size:15.5px;font-weight:600;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s}\n#swhp .btn:hover{transform:translateY(-2px)}\n#swhp .btn-buy{background:var(--signal);color:var(--ink)}\n#swhp .btn-teal{background:var(--teal);color:var(--ink)}\n#swhp .btn-line{border:1px solid rgba(205,239,232,.28);color:#fff}\n#swhp .btn-line:hover{border-color:var(--mint)}\n#swhp .btn-ink{background:var(--ink);color:#fff}\n#swhp .btn svg{width:17px;height:17px;fill:currentColor}\n#swhp .tlink{display:inline-flex;gap:8px;font-weight:600;color:var(--teal);border-bottom:1px solid currentColor;padding-bottom:2px}\n#swhp .light .tlink,#swhp .white .tlink{color:var(--teal2)}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n#swhp .hero{position:relative;isolation:isolate;overflow:hidden;padding:var(--top) 0 clamp(72px,8vw,104px);\n  background:radial-gradient(900px 600px at 80% 40%,rgba(59,183,165,.18),transparent 62%),var(--ink)}\n#swhp .hero::before{content:\"\";position:absolute;inset:0;z-index:-1;opacity:.55;\n  background-image:linear-gradient(rgba(205,239,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(205,239,232,.06) 1px,transparent 1px);background-size:56px 56px;\n  -webkit-mask-image:radial-gradient(ellipse at 72% 40%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 72% 40%,#000,transparent 72%)}\n#swhp .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}\n#swhp .news{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(226,245,143,.3);background:rgba(226,245,143,.06);font-size:14px;color:#EAF7C4;transition:border-color .2s}\n#swhp .news:hover{border-color:var(--signal)}\n#swhp .news b{padding:3px 9px;border-radius:999px;background:var(--signal);color:var(--ink);font-size:12.5px;font-weight:600}\n#swhp .hero h1{margin-top:26px;font-size:clamp(44px,5.8vw,84px);line-height:.99;letter-spacing:-.05em}\n#swhp .hero .lead{margin-top:24px}\n#swhp .hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}\n#swhp .facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-size:14.5px;color:var(--mint)}\n#swhp .facts span{display:inline-flex;align-items:center;gap:8px}\n#swhp .facts span::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--teal)}\n\n\/* Terminal: publicar desde IA *\/\n#swhp .term{border-radius:24px;overflow:hidden;border:1px solid var(--dline);background:#06161C;box-shadow:0 40px 100px rgba(0,0,0,.4)}\n#swhp .term-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--dline);background:rgba(18,53,66,.6);font-size:13px;color:var(--fog)}\n#swhp .term-bar i{width:10px;height:10px;border-radius:50%;background:#2B4652}\n#swhp .term-bar span{margin-left:8px}\n#swhp .term-body{min-height:330px;padding:22px 22px 26px;font-family:\"Geist Mono\",ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.75;color:#B8CFCB}\n#swhp .tl{display:flex;gap:10px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}\n#swhp .tl.on{opacity:1;transform:none}\n#swhp .tl .p{color:var(--teal)}\n#swhp .tl.cmd{color:#fff}\n#swhp .tl .ok{color:#7BE39A}\n#swhp .tl.done{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(226,245,143,.08);color:var(--signal)}\n#swhp .caret{display:inline-block;width:8px;height:16px;margin-left:2px;vertical-align:-3px;background:var(--teal);animation:swhpBlink 1s steps(1) infinite}\n@keyframes swhpBlink{50%{opacity:0}}\n#swhp .term-foot{padding:12px 16px;border-top:1px solid var(--dline);font-size:12.5px;color:var(--fog)}\n\n\/* Tecnolog\u00edas *\/\n#swhp .tech{border-top:1px solid var(--dline);border-bottom:1px solid var(--dline);background:var(--ink2);padding:24px 0;overflow:hidden}\n#swhp .tech-in{display:flex;align-items:center;gap:32px}\n#swhp .tech p{flex:none;max-width:190px;font-size:14px;line-height:1.4;color:var(--fog)}\n#swhp .track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\n#swhp .track ul{display:flex;width:max-content;gap:56px;animation:swhpMarq 40s linear infinite}\n#swhp .track:hover ul{animation-play-state:paused}\n#swhp .track li{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#B9CFCB;white-space:nowrap}\n@keyframes swhpMarq{to{transform:translateX(-50%)}}\n\n\/* =========================================================\n   PLANES\n========================================================= *\/\n#swhp .ptabs{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#fff;border:1px solid var(--line);margin-bottom:36px}\n#swhp .ptab{min-height:44px;padding:0 20px;border-radius:10px;font-size:15px;font-weight:600;color:var(--slate);transition:background .25s,color .25s}\n#swhp .ptab[aria-selected=\"true\"]{background:var(--ink);color:#fff}\n#swhp .panel[hidden]{display:none}\n#swhp .plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}\n#swhp .pl{display:flex;flex-direction:column;padding:26px 24px;border-radius:24px;background:#fff;border:1px solid var(--line)}\n#swhp .pl.feat{background:var(--ink);color:#E6F0EE;border-color:var(--ink);box-shadow:0 34px 70px rgba(7,26,34,.22)}\n#swhp .pl-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px}\n#swhp .pl h3{font-size:21px}\n#swhp .pl .tag{flex:none;padding:4px 10px;border-radius:999px;background:var(--signal);color:var(--ink);font-size:12px;font-weight:600}\n#swhp .pl .for{margin-top:8px;min-height:3.1em;font-size:14.5px;line-height:1.5;color:var(--slate)}\n#swhp .pl.feat .for{color:var(--fog)}\n#swhp .price{display:flex;align-items:baseline;gap:5px;margin-top:20px}\n#swhp .price small{font-size:14px;color:var(--slate)}\n#swhp .pl.feat .price small{color:var(--fog)}\n#swhp .price strong{font-size:clamp(38px,3.4vw,48px);font-weight:600;letter-spacing:-.05em;line-height:1}\n#swhp .cur{margin-top:6px;font-size:12.5px;color:var(--slate)}\n#swhp .pl.feat .cur{color:var(--fog)}\n#swhp .pl .btn{margin-top:20px;width:100%}\n#swhp .pl:not(.feat) .btn{background:var(--ink);color:#fff}\n#swhp .feats{display:grid;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}\n#swhp .pl.feat .feats{border-color:var(--dline)}\n#swhp .feats li{display:grid;grid-template-columns:18px 1fr;gap:9px;font-size:14.5px;line-height:1.45}\n#swhp .feats li::before{content:\"\";width:12px;height:7px;margin-top:5px;border-left:2px solid var(--teal2);border-bottom:2px solid var(--teal2);transform:rotate(-45deg)}\n#swhp .pl.feat .feats li::before{border-color:var(--signal)}\n#swhp .feats li.more{display:none}\n#swhp .feats.open li.more{display:grid}\n#swhp .feats li.hi{font-weight:600}\n#swhp .expand{align-self:flex-start;margin-top:14px;font-size:14px;font-weight:600;color:var(--teal2);border-bottom:1px solid currentColor}\n#swhp .pl.feat .expand{color:var(--teal)}\n#swhp .plans-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px}\n\n\/* Corporativo: selector de espacio *\/\n#swhp .corp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:stretch}\n#swhp .pick{padding:clamp(26px,3vw,38px);border-radius:26px;background:var(--ink);color:#E6F0EE}\n#swhp .pick h3{font-size:24px}\n#swhp .pick p.q{margin-top:6px;color:var(--fog);font-size:15px}\n#swhp .gb{display:flex;align-items:baseline;gap:8px;margin-top:30px}\n#swhp .gb strong{font-size:clamp(64px,7vw,96px);font-weight:600;letter-spacing:-.06em;line-height:.9;color:#fff}\n#swhp .gb span{font-size:22px;color:var(--fog)}\n#swhp .range{width:100%;margin-top:28px;-webkit-appearance:none;appearance:none;height:8px;border-radius:9px;background:linear-gradient(90deg,var(--teal) 0 var(--fill,0%),rgba(205,239,232,.15) var(--fill,0%) 100%);outline:none}\n#swhp .range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--signal);border:4px solid var(--ink);box-shadow:0 0 0 2px var(--signal);cursor:pointer}\n#swhp .range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--signal);border:4px solid var(--ink);box-shadow:0 0 0 2px var(--signal);cursor:pointer}\n#swhp .ticks{display:flex;justify-content:space-between;margin-top:10px;font-size:12.5px;color:var(--fog)}\n#swhp .res{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(26px,3vw,38px);border-radius:26px;background:#fff;border:1px solid var(--line)}\n#swhp .res small{font-size:14px;color:var(--slate)}\n#swhp .res h4{margin-top:4px;font-size:26px}\n#swhp .res .yr{display:flex;align-items:baseline;gap:6px;margin-top:18px}\n#swhp .res .yr strong{font-size:clamp(44px,4.4vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1}\n#swhp .res .yr span{color:var(--slate)}\n#swhp .res .mo{margin-top:6px;color:var(--slate)}\n#swhp .res .mo b{color:var(--text);font-weight:600}\n#swhp .tbl-wrap{margin-top:20px;border-radius:22px;border:1px solid var(--line);background:#fff;overflow:hidden}\n#swhp .tbl-wrap summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-weight:600}\n#swhp .tbl-wrap summary::-webkit-details-marker{display:none}\n#swhp .tbl-wrap summary i{width:10px;height:10px;border-right:2px solid var(--teal2);border-bottom:2px solid var(--teal2);transform:rotate(45deg);transition:transform .25s}\n#swhp .tbl-wrap[open] summary i{transform:rotate(-135deg)}\n#swhp .tscroll{overflow-x:auto}\n#swhp table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}\n#swhp th{text-align:left;padding:12px 22px;font-size:13px;font-weight:500;color:var(--slate);background:var(--paper)}\n#swhp td{padding:14px 22px;border-top:1px solid var(--line)}\n#swhp td.p{font-weight:600}\n#swhp td .chip{padding:4px 10px;border-radius:999px;background:#E3F3EF;color:var(--teal2);font-size:13px;font-weight:600}\n#swhp td a{font-weight:600;color:var(--teal2);white-space:nowrap}\n#swhp tr.sel td{background:#F6FBD9}\n\n\/* =========================================================\n   INCLUIDO EN LA INFRAESTRUCTURA\n========================================================= *\/\n#swhp .inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}\n#swhp .ic{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:22px;border:1px solid var(--dline);background:var(--ink2);transition:border-color .3s}\n#swhp .ic:hover{border-color:rgba(59,183,165,.45)}\n#swhp .ic.wide{grid-column:span 2;background:linear-gradient(140deg,#123E47,#0C2630);border-color:rgba(59,183,165,.35)}\n#swhp .ic i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--ink3);font-style:normal}\n#swhp .ic i svg{width:21px;height:21px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#swhp .ic h3{margin-top:6px;font-size:19px;color:#fff}\n#swhp .ic p{color:var(--fog);font-size:15px}\n#swhp .ic .new{align-self:flex-start;padding:3px 9px;border-radius:999px;background:rgba(226,245,143,.14);color:var(--signal);font-size:12px;font-weight:600}\n#swhp .ic .tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}\n#swhp .ic .tools span{padding:4px 10px;border-radius:999px;border:1px solid var(--dline);font-size:12.5px;color:var(--mint)}\n#swhp .addons{display:grid;grid-template-columns:auto 1fr 1fr;gap:14px;align-items:stretch;margin-top:14px}\n#swhp .addons>p{display:flex;align-items:center;padding:0 10px 0 4px;font-size:15px;font-weight:600;color:#fff;max-width:14ch;line-height:1.3}\n#swhp .ad{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:20px;border:1px dashed rgba(205,239,232,.25)}\n#swhp .ad i{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--ink3);font-style:normal}\n#swhp .ad i svg{width:19px;height:19px;fill:none;stroke:var(--mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#swhp .ad strong{display:block;color:#fff;font-weight:600}\n#swhp .ad span{display:block;margin-top:2px;font-size:14.5px;color:var(--fog)}\n\n\/* =========================================================\n   SEGURIDAD\n========================================================= *\/\n#swhp .sec-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px;border-radius:26px;border:1px solid var(--line);background:#fff;overflow:hidden}\n#swhp .ph{position:relative;padding:30px 28px 32px;border-right:1px solid var(--line)}\n#swhp .ph:last-child{border-right:0}\n#swhp .ph-n{display:flex;align-items:center;gap:12px}\n#swhp .ph-n b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:600}\n#swhp .ph-n span{font-size:14px;color:var(--slate)}\n#swhp .ph h3{margin-top:18px;font-size:24px}\n#swhp .ph p{margin-top:8px;color:var(--slate);font-size:15.5px}\n#swhp .ph ul{display:grid;gap:8px;margin-top:18px}\n#swhp .ph li{display:flex;align-items:center;gap:10px;font-size:15px}\n#swhp .ph li::before{content:\"\";width:8px;height:8px;border-radius:2px;background:var(--teal)}\n#swhp .ph .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--paper)}\n#swhp .ph .bar::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,var(--teal),var(--signal));transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}\n#swhp .sec-flow.on .ph .bar::after{transform:scaleX(1)}\n#swhp .sec-flow.on .ph:nth-child(2) .bar::after{transition-delay:.5s}\n#swhp .sec-flow.on .ph:nth-child(3) .bar::after{transition-delay:1s}\n#swhp .mailrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}\n#swhp .mail{display:flex;gap:16px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}\n#swhp .mail i{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;background:#E3F3EF;font-style:normal}\n#swhp .mail i svg{width:21px;height:21px;fill:none;stroke:var(--teal2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#swhp .mail strong{display:block;font-size:17px}\n#swhp .mail p{margin-top:4px;font-size:15px;color:var(--slate)}\n\n\/* =========================================================\n   CENTROS DE DATOS\n========================================================= *\/\n#swhp .dc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:center}\n#swhp .locs{display:grid;gap:8px;margin-top:30px}\n#swhp .loc{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--dline);transition:background .25s,border-color .25s}\n#swhp .loc:hover,#swhp .loc.act{background:rgba(59,183,165,.08);border-color:rgba(59,183,165,.4)}\n#swhp .loc img{width:24px;height:16px;object-fit:cover;border-radius:3px}\n#swhp .loc strong{display:block;font-weight:600;color:#fff}\n#swhp .loc small{display:block;font-size:13.5px;color:var(--fog)}\n#swhp .loc .nw{padding:3px 9px;border-radius:999px;background:var(--signal);color:var(--ink);font-size:12px;font-weight:600}\n#swhp .map{position:relative;border-radius:26px;border:1px solid var(--dline);background:radial-gradient(ellipse at 30% 60%,rgba(59,183,165,.12),transparent 60%),var(--ink2);overflow:hidden}\n#swhp .map svg{display:block;width:100%;height:auto}\n#swhp .map .grid line{stroke:rgba(205,239,232,.07);stroke-width:.4}\n#swhp .map .arc{fill:none;stroke:rgba(59,183,165,.45);stroke-width:.8;stroke-dasharray:3 4;animation:swhpDash 2.4s linear infinite}\n@keyframes swhpDash{to{stroke-dashoffset:-14}}\n#swhp .map .pin circle.dot{fill:var(--teal);transition:r .25s}\n#swhp .map .pin circle.halo{fill:none;stroke:var(--teal);stroke-width:.8;opacity:0}\n#swhp .map .pin.act circle.dot{fill:#fff}\n#swhp .map .pin.act circle.halo{opacity:1;animation:swhpHalo 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}\n#swhp .map .pin.mx circle.dot{fill:var(--signal)}\n#swhp .map .pin.mx circle.halo{stroke:var(--signal);opacity:1;animation:swhpHalo 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}\n@keyframes swhpHalo{from{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}\n#swhp .map text{fill:#fff;font-family:\"Geist\",sans-serif;font-size:7px;font-weight:600}\n#swhp .map-note{position:absolute;left:18px;bottom:14px;font-size:12.5px;color:var(--fog)}\n\n\/* =========================================================\n   COMPROMISO\n========================================================= *\/\n#swhp .promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n#swhp .pr{padding:34px 28px;border-right:1px solid var(--line)}\n#swhp .pr:last-child{border-right:0}\n#swhp .pr strong{display:block;font-size:clamp(40px,4.4vw,60px);font-weight:600;letter-spacing:-.05em;line-height:1}\n#swhp .pr span{display:block;margin-top:10px;font-weight:600}\n#swhp .pr p{margin-top:6px;font-size:15px;color:var(--slate)}\n\n\/* CTA *\/\n#swhp .cta{position:relative;isolation:isolate;overflow:hidden;padding:clamp(88px,10vw,128px) 0;text-align:center;background:var(--ink)}\n#swhp .cta::before{content:\"\";position:absolute;inset:0;z-index:-1;opacity:.6;background-image:linear-gradient(rgba(205,239,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(205,239,232,.07) 1px,transparent 1px);background-size:56px 56px;\n  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 70%)}\n#swhp .cta h2{font-size:clamp(36px,5vw,70px);max-width:16ch;margin-inline:auto;letter-spacing:-.045em}\n#swhp .cta p{max-width:52ch;margin:20px auto 0;color:var(--fog);font-size:18px}\n#swhp .cta-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n@media (max-width:1150px){\n  #swhp .plans{grid-template-columns:repeat(2,minmax(0,1fr))}\n  #swhp .inc{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:1000px){\n  #swhp .hero-grid,#swhp .corp,#swhp .dc{grid-template-columns:1fr}\n  #swhp .sec-flow{grid-template-columns:1fr}\n  #swhp .ph{border-right:0;border-bottom:1px solid var(--line)}\n  #swhp .ph:last-child{border-bottom:0}\n  #swhp .addons{grid-template-columns:1fr 1fr}\n  #swhp .addons>p{grid-column:1\/-1;max-width:none}\n}\n@media (max-width:760px){\n  #swhp .w{width:calc(100% - 32px)}\n  #swhp .head{grid-template-columns:1fr;gap:18px;margin-bottom:40px}\n  #swhp .hero-acts .btn,#swhp .cta-acts .btn{width:100%}\n  #swhp .tech-in{flex-direction:column;align-items:flex-start;gap:14px}\n  #swhp .tech p{max-width:none}\n  #swhp .track{width:100%}\n  #swhp .plans,#swhp .inc,#swhp .mailrow,#swhp .addons{grid-template-columns:1fr}\n  #swhp .ic.wide{grid-column:auto}\n  #swhp .ptabs{display:flex}\n  #swhp .ptab{flex:1}\n  #swhp .promise{grid-template-columns:1fr}\n  #swhp .pr{border-right:0;border-bottom:1px solid var(--line)}\n  #swhp .pr:last-child{border-bottom:0}\n  #swhp .term-body{min-height:300px;font-size:12.5px}\n}\n@media (prefers-reduced-motion:reduce){\n  #swhp *,#swhp *::before,#swhp *::after{animation:none!important;transition:none!important}\n  #swhp .tl{opacity:1;transform:none}\n}\n<\/style>\n\n<div id=\"swhp\">\n\n<!-- ================= HERO ================= -->\n<section class=\"hero\">\n  <div class=\"w hero-grid\">\n    <div>\n      <a class=\"news\" href=\"#centros-de-datos\"><b>Nuevo<\/b>Servidores en Ciudad de M\u00e9xico<\/a>\n      <h1>Hosting r\u00e1pido y seguro, con personas reales detr\u00e1s.<\/h1>\n      <p class=\"lead\">Aloja tu sitio y tus correos en infraestructura en la nube con alta disponibilidad, seguridad en seis niveles y respaldos diarios. Y si construyes con IA, publica tu proyecto directo desde tu asistente.<\/p>\n      <div class=\"hero-acts\">\n        <a class=\"btn btn-buy\" href=\"#planes\">Ver planes de hosting<\/a>\n        <a class=\"btn btn-line\" href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\">Ay\u00fadame a elegir<\/a>\n      <\/div>\n      <div class=\"facts\"><span>SSL incluido<\/span><span>Migraci\u00f3n asistida<\/span><span>Soporte por WhatsApp<\/span><\/div>\n    <\/div>\n\n    <div class=\"term\" aria-label=\"Ejemplo de publicaci\u00f3n de un sitio desde un asistente de IA\">\n      <div class=\"term-bar\"><i><\/i><i><\/i><i><\/i><span>Tu asistente de IA \u00b7 terminal<\/span><\/div>\n      <div class=\"term-body\" id=\"term\">\n        <div class=\"tl cmd\"><span class=\"p\">\u203a<\/span><span>publica mi sitio en tumarca.com.mx<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Conectado a tu hosting<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Archivos subidos<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Base de datos creada<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Certificado SSL activo<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Cloudflare activado<\/span><\/div>\n        <div class=\"tl\"><span class=\"ok\">\u2713<\/span><span>Respaldo diario programado<\/span><\/div>\n        <div class=\"tl done\"><span>https:\/\/tumarca.com.mx est\u00e1 en l\u00ednea<\/span><\/div>\n      <\/div>\n      <div class=\"term-foot\">Ejemplo ilustrativo. Compatible con Claude Code, Codex, Cursor y Lovable.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= TECNOLOG\u00cdAS ================= -->\n<div class=\"tech\">\n  <div class=\"w tech-in\">\n    <p>Tecnolog\u00eda profesional en cada plan<\/p>\n    <div class=\"track\">\n      <ul>\n        <li>cPanel<\/li><li>CloudLinux OS<\/li><li>LiteSpeed<\/li><li>AccelerateWP<\/li><li>Imunify360<\/li><li>JetBackup 5<\/li><li>MagicSpam<\/li><li>MailChannels<\/li><li>SiteLock<\/li><li>Cloudflare<\/li>\n        <li aria-hidden=\"true\">cPanel<\/li><li aria-hidden=\"true\">CloudLinux OS<\/li><li aria-hidden=\"true\">LiteSpeed<\/li><li aria-hidden=\"true\">AccelerateWP<\/li><li aria-hidden=\"true\">Imunify360<\/li><li aria-hidden=\"true\">JetBackup 5<\/li><li aria-hidden=\"true\">MagicSpam<\/li><li aria-hidden=\"true\">MailChannels<\/li><li aria-hidden=\"true\">SiteLock<\/li><li aria-hidden=\"true\">Cloudflare<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ================= PLANES ================= -->\n<section class=\"sec light\" id=\"planes\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Planes de hosting<\/span>\n        <h2 class=\"h2\">Elige el espacio que necesita tu proyecto.<\/h2>\n      <\/div>\n      <p class=\"lead\">Planes compartidos para emprender y crecer, y planes corporativos cuando tu operaci\u00f3n necesita mucho m\u00e1s espacio.<\/p>\n    <\/div>\n\n    <div class=\"ptabs\" role=\"tablist\" aria-label=\"Tipo de plan\">\n      <button class=\"ptab\" role=\"tab\" aria-selected=\"true\" aria-controls=\"pnHost\" id=\"tbHost\">Hosting<\/button>\n      <button class=\"ptab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"pnCorp\" id=\"tbCorp\">Corporativo<\/button>\n    <\/div>\n\n    <!-- Hosting -->\n    <div class=\"panel\" id=\"pnHost\" role=\"tabpanel\" aria-labelledby=\"tbHost\">\n      <div class=\"plans\">\n        <article class=\"pl\">\n          <div class=\"pl-top\"><h3>Emprendedor Lite<\/h3><\/div>\n          <p class=\"for\">Para peque\u00f1os negocios o emprendimientos.<\/p>\n          <div class=\"price\"><small>$<\/small><strong>1,500<\/strong><small>\/ a\u00f1o<\/small><\/div>\n          <p class=\"cur\">MXN, IVA no incluido.<\/p>\n          <a class=\"btn\" href=\"https:\/\/studiovainilla.com\/serviciosweb\/cart\/?add-to-cart=884\">Contratar<\/a>\n          <ul class=\"feats\">\n            <li class=\"hi\">5 GB de espacio<\/li>\n            <li>5 cuentas de correo personalizado<\/li>\n            <li>Dominio .com incluido<\/li>\n            <li>1 GB de RAM y 1 CPU<\/li>\n            <li>SSL incluido<\/li>\n            <li>Soporte v\u00eda WhatsApp Web<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"pl\">\n          <div class=\"pl-top\"><h3>Emprendedor<\/h3><\/div>\n          <p class=\"for\">Recursos avanzados y soporte dedicado para arrancar tu proyecto.<\/p>\n          <div class=\"price\"><small>$<\/small><strong>2,500<\/strong><small>\/ a\u00f1o<\/small><\/div>\n          <p class=\"cur\">MXN, m\u00e1s IVA.<\/p>\n          <a class=\"btn\" data-wa=\"Plan Emprendedor\" href=\"#\">Contratar<\/a><!-- CAMBIAR por URL de carrito si existe -->\n          <ul class=\"feats\">\n            <li class=\"hi\">10 cuentas de correo personalizado<\/li>\n            <li>Dominio gratis*<\/li>\n            <li>Certificado SSL<\/li>\n            <li>Creador de sitios web<\/li>\n            <li>AccelerateWP<\/li>\n            <li>Imunify360<\/li>\n            <li class=\"more\">Migraci\u00f3n asistida nocturna<\/li>\n            <li class=\"more\">Respaldos con JetBackup 5<\/li>\n            <li class=\"more\">Soporte v\u00eda WhatsApp y web<\/li>\n          <\/ul>\n          <button class=\"expand\" type=\"button\" aria-expanded=\"false\">Ver todo lo incluido<\/button>\n        <\/article>\n\n        <article class=\"pl feat\">\n          <div class=\"pl-top\"><h3>Empresarial<\/h3><span class=\"tag\">Recomendado<\/span><\/div>\n          <p class=\"for\">Para empresas en crecimiento, con m\u00e1s seguridad y rendimiento.<\/p>\n          <div class=\"price\"><small>$<\/small><strong>3,500<\/strong><small>\/ a\u00f1o<\/small><\/div>\n          <p class=\"cur\">MXN, m\u00e1s IVA.<\/p>\n          <a class=\"btn btn-buy\" data-wa=\"Plan Empresarial\" href=\"#\">Contratar<\/a><!-- CAMBIAR por URL de carrito si existe -->\n          <ul class=\"feats\">\n            <li class=\"hi\">20 cuentas de correo personalizado<\/li>\n            <li>Dominio gratis*<\/li>\n            <li>Certificado SSL<\/li>\n            <li>Discos SSD NVMe<\/li>\n            <li>SiteLock y parchado<\/li>\n            <li>Imunify360<\/li>\n            <li class=\"more\">AccelerateWP<\/li>\n            <li class=\"more\">Creador de sitios web<\/li>\n            <li class=\"more\">Migraci\u00f3n asistida nocturna<\/li>\n            <li class=\"more\">Respaldos con JetBackup 5<\/li>\n            <li class=\"more\">Soporte v\u00eda WhatsApp y web<\/li>\n          <\/ul>\n          <button class=\"expand\" type=\"button\" aria-expanded=\"false\">Ver todo lo incluido<\/button>\n        <\/article>\n\n        <article class=\"pl\">\n          <div class=\"pl-top\"><h3>Empresarial Plus<\/h3><\/div>\n          <p class=\"for\">M\u00e1xima capacidad y personalizaci\u00f3n para operaciones exigentes.<\/p>\n          <div class=\"price\"><small>$<\/small><strong>4,500<\/strong><small>\/ a\u00f1o<\/small><\/div>\n          <p class=\"cur\">MXN, m\u00e1s IVA.<\/p>\n          <a class=\"btn\" data-wa=\"Plan Empresarial Plus\" href=\"#\">Contratar<\/a><!-- CAMBIAR por URL de carrito si existe -->\n          <ul class=\"feats\">\n            <li class=\"hi\">Cuentas de correo sin l\u00edmite<\/li>\n            <li class=\"hi\">2 GB de RAM y 4 CPU<\/li>\n            <li>Dominio gratis*<\/li>\n            <li>Dominios estacionados ilimitados<\/li>\n            <li>Acceso Shell y terminal<\/li>\n            <li>LiteSpeed y antivirus<\/li>\n            <li class=\"more\">Discos SSD NVMe<\/li>\n            <li class=\"more\">AccelerateWP<\/li>\n            <li class=\"more\">MagicSpam contra spam<\/li>\n            <li class=\"more\">Esc\u00e1ner de malware y defensa proactiva Imunify360<\/li>\n            <li class=\"more\">SiteLock y parchado<\/li>\n            <li class=\"more\">Respaldos con JetBackup 5<\/li>\n            <li class=\"more\">Creador de sitios web<\/li>\n            <li class=\"more\">Migraci\u00f3n asistida nocturna<\/li>\n            <li class=\"more\">Soporte v\u00eda WhatsApp y web<\/li>\n          <\/ul>\n          <button class=\"expand\" type=\"button\" aria-expanded=\"false\">Ver todo lo incluido<\/button>\n        <\/article>\n      <\/div>\n      <div class=\"plans-foot\">\n        <span class=\"note\">Precios en pesos mexicanos, sujetos a cambio sin previo aviso. *Dominio gratis sujeto a condiciones del plan.<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Corporativo -->\n    <div class=\"panel\" id=\"pnCorp\" role=\"tabpanel\" aria-labelledby=\"tbCorp\" hidden>\n      <div class=\"corp\">\n        <div class=\"pick\">\n          <h3>Hosting corporativo<\/h3>\n          <p class=\"q\">Mueve el control para elegir el espacio que necesita tu empresa.<\/p>\n          <div class=\"gb\"><strong id=\"cGb\">10<\/strong><span>GB<\/span><\/div>\n          <input class=\"range\" id=\"cRange\" type=\"range\" min=\"0\" max=\"13\" step=\"1\" value=\"0\" aria-label=\"Espacio del plan corporativo\">\n          <div class=\"ticks\"><span>10 GB<\/span><span>250 GB<\/span><\/div>\n        <\/div>\n        <div class=\"res\" aria-live=\"polite\">\n          <div>\n            <small>Tu plan<\/small>\n            <h4 id=\"cName\">Corporativo 10<\/h4>\n            <div class=\"yr\"><strong id=\"cYr\">$4,500<\/strong><span>\/ a\u00f1o<\/span><\/div>\n            <p class=\"mo\">Equivale a <b id=\"cMo\">$375<\/b> al mes.<\/p>\n          <\/div>\n          <a class=\"btn btn-ink\" id=\"cBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z\"\/><\/svg>Contratar por WhatsApp<\/a>\n          <p class=\"note\">Precios anuales en MXN.<\/p>\n        <\/div>\n      <\/div>\n      <details class=\"tbl-wrap\">\n        <summary>Ver todos los planes corporativos<i><\/i><\/summary>\n        <div class=\"tscroll\">\n          <table>\n            <thead><tr><th>Plan<\/th><th>Espacio<\/th><th>Precio anual<\/th><th>Equivalente mensual<\/th><th><\/th><\/tr><\/thead>\n            <tbody id=\"cTable\"><\/tbody>\n          <\/table>\n        <\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= INCLUIDO EN LA INFRAESTRUCTURA ================= -->\n<section class=\"sec\" id=\"incluido\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Incluido en nuestra infraestructura<\/span>\n        <h2 class=\"h2\">Hosting preparado para c\u00f3mo se construye hoy.<\/h2>\n      <\/div>\n      <p class=\"lead\">Adem\u00e1s de lo esencial, tu hosting trabaja con las herramientas de IA que ya usas y te protege desde el primer d\u00eda.<\/p>\n    <\/div>\n    <div class=\"inc\">\n      <article class=\"ic wide\">\n        <span class=\"new\">Nuevo<\/span>\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M5 19c2-6 5-10 14-14-3 9-7 12-14 14z\"\/><path d=\"M5 19l4-4\"\/><\/svg><\/i>\n        <h3>Publica desde tu IA<\/h3>\n        <p>Tu asistente hizo la app; ahora tambi\u00e9n la publica en tu hosting, con dominio y SSL, sin pasos t\u00e9cnicos.<\/p>\n        <div class=\"tools\"><span>Claude Code<\/span><span>Codex<\/span><span>Cursor<\/span><span>Lovable<\/span><\/div>\n      <\/article>\n      <article class=\"ic\">\n        <span class=\"new\">Nuevo<\/span>\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M9 3v4M15 3v4M7 7h10v4a5 5 0 0 1-10 0z\"\/><path d=\"M12 16v5\"\/><\/svg><\/i>\n        <h3>Asistente conectado a tu hosting<\/h3>\n        <p>P\u00eddele a tu IA que cree buzones, gestione bases de datos o ajuste DNS y certificados.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M7 18a5 5 0 1 1 .9-9.9A6 6 0 0 1 19 10a4 4 0 0 1-1 8z\"\/><\/svg><\/i>\n        <h3>Cloudflare integrado<\/h3>\n        <p>Tu sitio m\u00e1s r\u00e1pido y protegido desde el primer d\u00eda, ya configurado.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3.5 6.5L12 13l8.5-6.5\"\/><\/svg><\/i>\n        <h3>Correo corporativo<\/h3>\n        <p>Correo con tu dominio y env\u00edo SMTP configurado para que tus mensajes lleguen.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/i>\n        <h3>Seguridad en 6 niveles<\/h3>\n        <p>Prevenci\u00f3n, contenci\u00f3n y recuperaci\u00f3n, con monitoreo activo 24\/7.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"\/><path d=\"M5 6v6c0 1.7 3.1 3 7 3M19 6v4\"\/><path d=\"M15 18a3 3 0 1 0 3-3h-2M16 15l-1 3 3 .5\"\/><\/svg><\/i>\n        <h3>Respaldos diarios inmutables<\/h3>\n        <p>Una copia diaria que no se puede alterar, para volver atr\u00e1s cuando haga falta.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1.5\"\/><path d=\"M7 7h.01M7 17h.01\"\/><\/svg><\/i>\n        <h3>Nube en alta disponibilidad<\/h3>\n        <p>Tus datos en triple r\u00e9plica sobre discos NVMe enterprise. Si falla un equipo, tu sitio sigue en l\u00ednea.<\/p>\n      <\/article>\n      <article class=\"ic\">\n        <i><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"\/><\/svg><\/i>\n        <h3>CDN en M\u00e9xico<\/h3>\n        <p>Tu contenido se entrega desde M\u00e9xico para que cargue r\u00e1pido a tus clientes.<\/p>\n      <\/article>\n    <\/div>\n    <div class=\"addons\">\n      <p>Con\u00e9ctalo cuando lo necesites<\/p>\n      <div class=\"ad\"><i><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"5\" rx=\"1\"\/><rect x=\"3\" y=\"16\" width=\"6\" height=\"5\" rx=\"1\"\/><rect x=\"15\" y=\"16\" width=\"6\" height=\"5\" rx=\"1\"\/><path d=\"M12 8v4M6 16v-2h12v2\"\/><\/svg><\/i><div><strong>Router de IA<\/strong><span>Varios modelos de IA en una sola API. Funciona con cr\u00e9ditos.<\/span><\/div><\/div>\n      <div class=\"ad\"><i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"10\" rx=\"2\"\/><path d=\"M7 14h.01M11 14h.01M5 8l2-4h10l2 4\"\/><\/svg><\/i><div><strong>Almacenamiento S3<\/strong><span>Espacio para archivos, fotos y respaldos de tu app.<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= SEGURIDAD Y CORREO ================= -->\n<section class=\"sec light\" id=\"seguridad\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Seguridad<\/span>\n        <h2 class=\"h2\">Protecci\u00f3n completa, sin costos adicionales.<\/h2>\n      <\/div>\n      <p class=\"lead\">Evita robos de datos y ataques de bots con un firewall en tiempo real y escaneo proactivo. Si algo pasa, lo contenemos y te devolvemos a un punto seguro.<\/p>\n    <\/div>\n    <div class=\"sec-flow\">\n      <div class=\"ph\">\n        <div class=\"ph-n\"><b>1<\/b><span>Antes del ataque<\/span><\/div>\n        <h3>Prevenci\u00f3n<\/h3>\n        <p>Detenemos bots e intentos de intrusi\u00f3n antes de que lleguen a tu sitio.<\/p>\n        <ul><li>Firewall en tiempo real<\/li><li>Defensa proactiva Imunify360<\/li><li>SiteLock y parchado<\/li><\/ul>\n        <span class=\"bar\"><\/span>\n      <\/div>\n      <div class=\"ph\">\n        <div class=\"ph-n\"><b>2<\/b><span>Si algo entra<\/span><\/div>\n        <h3>Contenci\u00f3n<\/h3>\n        <p>Escaneo antivirus permanente y cuarentena para archivos da\u00f1inos.<\/p>\n        <ul><li>Esc\u00e1ner de malware<\/li><li>Limpieza y cuarentena<\/li><li>Monitoreo activo 24\/7<\/li><\/ul>\n        <span class=\"bar\"><\/span>\n      <\/div>\n      <div class=\"ph\">\n        <div class=\"ph-n\"><b>3<\/b><span>Siempre<\/span><\/div>\n        <h3>Recuperaci\u00f3n<\/h3>\n        <p>Recupera archivos y correos en segundos desde una copia que nadie puede alterar.<\/p>\n        <ul><li>Respaldos diarios inmutables<\/li><li>JetBackup 5<\/li><li>Restauraci\u00f3n por archivo o completa<\/li><\/ul>\n        <span class=\"bar\"><\/span>\n      <\/div>\n    <\/div>\n    <div class=\"mailrow\">\n      <div class=\"mail\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4z\"\/><\/svg><\/i><div><strong>Correo saliente que s\u00ed llega<\/strong><p>Cada correo se env\u00eda desde IPs certificadas para que no lo rechacen ni termine en spam.<\/p><\/div><\/div>\n      <div class=\"mail\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-6l-2 3h-4l-2-3H2\"\/><path d=\"M5.5 5h13L22 12v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6z\"\/><\/svg><\/i><div><strong>Bandeja de entrada limpia<\/strong><p>MagicSpam filtra spam y correos maliciosos antes de que lleguen a tu bandeja.<\/p><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= CENTROS DE DATOS ================= -->\n<section class=\"sec\" id=\"centros-de-datos\">\n  <div class=\"w dc\">\n    <div>\n      <span class=\"lbl\">Centros de datos<\/span>\n      <h2 class=\"h2\">Ahora tambi\u00e9n en Ciudad de M\u00e9xico.<\/h2>\n      <p class=\"lead\">Operamos con proveedores l\u00edderes desde centros de datos en Norteam\u00e9rica, Europa y Latinoam\u00e9rica. El nuevo centro en Ciudad de M\u00e9xico acerca tu sitio a tus clientes en el pa\u00eds.<\/p>\n      <div class=\"locs\" id=\"locs\">\n        <button class=\"loc act\" data-pin=\"mx\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/mx.png\" alt=\"\"><span><strong>M\u00e9xico<\/strong><small>Ciudad de M\u00e9xico<\/small><\/span><span class=\"nw\">Nuevo<\/span><\/button>\n        <button class=\"loc\" data-pin=\"us\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" alt=\"\"><span><strong>Estados Unidos<\/strong><small>Miami, Los \u00c1ngeles y New Jersey<\/small><\/span><\/button>\n        <button class=\"loc\" data-pin=\"ca\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ca.png\" alt=\"\"><span><strong>Canad\u00e1<\/strong><small>Beauharnois (BHS), IPs con geolocalizaci\u00f3n en EUA y Canad\u00e1<\/small><\/span><\/button>\n        <button class=\"loc\" data-pin=\"co\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/co.png\" alt=\"\"><span><strong>Colombia<\/strong><small>Bogot\u00e1<\/small><\/span><\/button>\n        <button class=\"loc\" data-pin=\"de\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"\"><span><strong>Alemania<\/strong><small>N\u00faremberg y Falkenstein<\/small><\/span><\/button>\n      <\/div>\n    <\/div>\n    <div class=\"map\" aria-hidden=\"true\">\n      <svg id=\"dcMap\" viewBox=\"120 60 480 220\"><g class=\"grid\" id=\"dcGrid\"><\/g><g id=\"dcArcs\"><\/g><g id=\"dcPins\"><\/g><\/svg>\n      <span class=\"map-note\">Ubicaciones aproximadas<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= COMPROMISO ================= -->\n<section class=\"sec white\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Nuestro compromiso<\/span>\n        <h2 class=\"h2\">Tu sitio en l\u00ednea, y alguien que responde cuando lo necesitas.<\/h2>\n      <\/div>\n      <p class=\"lead\">Infraestructura redundante, protecci\u00f3n contra ataques DDoS y un equipo especializado con monitoreo y respuesta 24\/7.<\/p>\n    <\/div>\n    <div class=\"promise\">\n      <div class=\"pr\"><strong>99.9%<\/strong><span>De uptime<\/span><p>Infraestructura de red redundante en alta disponibilidad.<\/p><\/div>\n      <div class=\"pr\"><strong>24\/7<\/strong><span>Monitoreo y respuesta<\/span><p>Soporte por WhatsApp y web, en espa\u00f1ol.<\/p><\/div>\n      <div class=\"pr\"><strong>Diario<\/strong><span>Respaldos autom\u00e1ticos<\/span><p>Copias inmutables para recuperar lo que necesites.<\/p><\/div>\n    <\/div>\n    <p style=\"margin-top:22px\"><a class=\"tlink\" href=\"https:\/\/studiovainilla.com\/serviciosweb\/#estado\">Ver el estado de nuestros servicios<\/a><\/p>\n  <\/div>\n<\/section>\n\n<!-- ================= CTA ================= -->\n<section class=\"cta\">\n  <div class=\"w\">\n    <h2>\u00bfNo sabes qu\u00e9 plan necesitas?<\/h2>\n    <p>Cu\u00e9ntanos qu\u00e9 tienes y qu\u00e9 quieres lograr. Te recomendamos el plan correcto y te ayudamos a migrar tu sitio sin perder nada.<\/p>\n    <div class=\"cta-acts\">\n      <a class=\"btn btn-buy\" data-wa-help href=\"#\" target=\"_blank\" rel=\"noopener\">Escribir por WhatsApp<\/a>\n      <a class=\"btn btn-line\" href=\"https:\/\/studiovainilla.com\/te-asesoramos-gratis\/\">Agendar asesor\u00eda gratis<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('swhp');if(!root) return;\n  var reduced=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var WA='526144741000'; \/* n\u00famero de WhatsApp para ventas *\/\n  function wa(msg){return 'https:\/\/wa.me\/'+WA+'?text='+encodeURIComponent(msg);}\n  function onView(el,cb,th){\n    if(!('IntersectionObserver' in window)){cb(true);return;}\n    new IntersectionObserver(function(es){es.forEach(function(e){cb(e.isIntersecting);});},{threshold:th==null?.2:th}).observe(el);\n  }\n  function headerOffset(){var h=document.getElementById('swhShell');return h?10+h.getBoundingClientRect().height+14:110;}\n  function goTo(id){\n    var t=document.getElementById(id);if(!t)return;\n    window.scrollTo({top:t.getBoundingClientRect().top+window.scrollY-headerOffset(),behavior:reduced?'auto':'smooth'});\n  }\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    var id=a.getAttribute('href').slice(1);if(!id)return;\n    a.addEventListener('click',function(e){if(document.getElementById(id)){e.preventDefault();goTo(id);}});\n  });\n\n  \/* ---------- WhatsApp en botones ---------- *\/\n  root.querySelectorAll('[data-wa]').forEach(function(a){\n    a.href=wa('Hola, quiero contratar el '+a.dataset.wa+' de hosting de Servicios Web by StudioVainilla.');\n    a.target='_blank';a.rel='noopener';\n  });\n  root.querySelectorAll('[data-wa-help]').forEach(function(a){a.href=wa('Hola, necesito ayuda para elegir un plan de hosting.');});\n\n  \/* ---------- Terminal del hero ---------- *\/\n  var term=root.querySelector('#term'),lines=term.querySelectorAll('.tl'),tRun=false,tLoop=false;\n  function wait(ms){return new Promise(function(r){setTimeout(r,ms);});}\n  async function playTerm(){\n    if(tLoop) return;tLoop=true;\n    while(tRun){\n      lines.forEach(function(l){l.classList.remove('on');});\n      var cmd=lines[0].querySelector('span:last-child'),full=cmd.dataset.full||cmd.textContent;cmd.dataset.full=full;\n      cmd.textContent='';lines[0].classList.add('on');\n      var caret=document.createElement('span');caret.className='caret';lines[0].appendChild(caret);\n      for(var c=0;c<full.length;c++){cmd.textContent=full.slice(0,c+1);await wait(38);if(!tRun)break;}\n      caret.remove();await wait(400);\n      for(var i=1;i<lines.length;i++){lines[i].classList.add('on');await wait(i===lines.length-1?700:520);if(!tRun)break;}\n      await wait(4200);\n    }\n    tLoop=false;\n  }\n  if(reduced) lines.forEach(function(l){l.classList.add('on');});\n  else onView(term,function(v){tRun=v&&!document.hidden;if(tRun)playTerm();},.3);\n\n  \/* ---------- Pesta\u00f1as de planes ---------- *\/\n  var tabs=root.querySelectorAll('.ptab');\n  tabs.forEach(function(t,i){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){var on=x===t;x.setAttribute('aria-selected',on?'true':'false');x.tabIndex=on?0:-1;document.getElementById(x.getAttribute('aria-controls')).hidden=!on;});\n    });\n    t.addEventListener('keydown',function(e){\n      var d=e.key==='ArrowRight'?1:e.key==='ArrowLeft'?-1:0;\n      if(d){e.preventDefault();var n=tabs[(i+d+tabs.length)%tabs.length];n.click();n.focus();}\n    });\n  });\n  if(location.hash==='#corporativo'){tabs[1].click();}\n\n  \/* ---------- Ver todo lo incluido ---------- *\/\n  root.querySelectorAll('.expand').forEach(function(b){\n    var list=b.previousElementSibling,n=list.querySelectorAll('li').length;\n    b.textContent='Ver las '+n+' caracter\u00edsticas';\n    b.addEventListener('click',function(){\n      var open=list.classList.toggle('open');\n      b.setAttribute('aria-expanded',open?'true':'false');\n      b.textContent=open?'Ver menos':'Ver las '+n+' caracter\u00edsticas';\n    });\n  });\n\n  \/* ---------- Planes corporativos ---------- *\/\n  var CORP=[[10,4500],[20,7000],[30,9500],[40,12000],[50,14500],[70,19500],[100,27000],[120,32000],[130,34500],[140,37000],[150,39500],[180,47000],[200,52000],[250,64000]];\n  function money(n){return '$'+n.toLocaleString('en-US');}\n  var range=root.querySelector('#cRange'),tbody=root.querySelector('#cTable');\n  range.max=CORP.length-1;\n  CORP.forEach(function(p,i){\n    var tr=document.createElement('tr');tr.dataset.i=i;\n    tr.innerHTML='<td class=\"p\">Corporativo '+p[0]+'<\/td><td><span class=\"chip\">'+p[0]+' GB<\/span><\/td><td class=\"p\">'+money(p[1])+'<\/td><td>'+money(Math.round(p[1]\/12))+'\/mes<\/td><td><a target=\"_blank\" rel=\"noopener\" href=\"'+wa('Hola, quiero contratar el plan Corporativo '+p[0]+' ('+p[0]+' GB, '+money(p[1])+' al a\u00f1o).')+'\">Contratar por WhatsApp<\/a><\/td>';\n    tr.addEventListener('click',function(e){if(e.target.tagName!=='A'){range.value=i;setCorp(i);}});\n    tbody.appendChild(tr);\n  });\n  function setCorp(i){\n    var p=CORP[i];\n    root.querySelector('#cGb').textContent=p[0];\n    root.querySelector('#cName').textContent='Corporativo '+p[0];\n    root.querySelector('#cYr').textContent=money(p[1]);\n    root.querySelector('#cMo').textContent=money(Math.round(p[1]\/12));\n    root.querySelector('#cBtn').href=wa('Hola, quiero contratar el plan Corporativo '+p[0]+' ('+p[0]+' GB, '+money(p[1])+' al a\u00f1o).');\n    range.style.setProperty('--fill',(i\/(CORP.length-1)*100)+'%');\n    range.setAttribute('aria-valuetext',p[0]+' GB, '+money(p[1])+' al a\u00f1o');\n    tbody.querySelectorAll('tr').forEach(function(r){r.classList.toggle('sel',+r.dataset.i===i);});\n  }\n  range.addEventListener('input',function(){setCorp(+range.value);});\n  setCorp(0);\n\n  \/* ---------- Seguridad: barras de fases ---------- *\/\n  var flow=root.querySelector('.sec-flow');\n  onView(flow,function(v){if(v)flow.classList.add('on');},.3);\n\n  \/* ---------- Mapa de centros de datos ---------- *\/\n  var NS='http:\/\/www.w3.org\/2000\/svg';\n  function P(lat,lon){return [(lon+180)\/360*1000,(90-lat)\/180*500];}\n  var grid=root.querySelector('#dcGrid');\n  for(var lo=-130;lo<=30;lo+=10){var a=P(0,lo),l=document.createElementNS(NS,'line');l.setAttribute('x1',a[0]);l.setAttribute('x2',a[0]);l.setAttribute('y1',60);l.setAttribute('y2',280);grid.appendChild(l);}\n  for(var la=0;la<=60;la+=10){var b=P(la,0),m=document.createElementNS(NS,'line');m.setAttribute('x1',120);m.setAttribute('x2',600);m.setAttribute('y1',b[1]);m.setAttribute('y2',b[1]);grid.appendChild(m);}\n  var SITES=[\n    {k:'mx',n:'Ciudad de M\u00e9xico',c:[19.43,-99.13]},\n    {k:'us',n:'Miami',c:[25.76,-80.19]},{k:'us',n:'Los \u00c1ngeles',c:[34.05,-118.24]},{k:'us',n:'New Jersey',c:[40.06,-74.4]},\n    {k:'ca',n:'Beauharnois',c:[45.31,-73.87]},\n    {k:'co',n:'Bogot\u00e1',c:[4.71,-74.07]},\n    {k:'de',n:'N\u00faremberg',c:[49.45,11.08]},{k:'de',n:'Falkenstein',c:[50.48,12.37]}\n  ];\n  var arcs=root.querySelector('#dcArcs'),pins=root.querySelector('#dcPins'),mx=P(19.43,-99.13);\n  SITES.forEach(function(s){\n    var p=P(s.c[0],s.c[1]);\n    if(s.k!=='mx'){\n      var mxp=(mx[0]+p[0])\/2,myp=Math.min(mx[1],p[1])-Math.abs(p[0]-mx[0])*.18-8;\n      var path=document.createElementNS(NS,'path');path.setAttribute('class','arc');path.setAttribute('d','M'+mx[0]+' '+mx[1]+' Q'+mxp+' '+myp+' '+p[0]+' '+p[1]);arcs.appendChild(path);\n    }\n    var g=document.createElementNS(NS,'g');g.setAttribute('class','pin'+(s.k==='mx'?' mx':''));g.dataset.k=s.k;\n    g.innerHTML='<circle class=\"halo\" cx=\"'+p[0]+'\" cy=\"'+p[1]+'\" r=\"4\"><\/circle><circle class=\"dot\" cx=\"'+p[0]+'\" cy=\"'+p[1]+'\" r=\"2.6\"><\/circle><title>'+s.n+'<\/title>';\n    pins.appendChild(g);\n  });\n  var lbl=document.createElementNS(NS,'text');lbl.setAttribute('x',mx[0]+6);lbl.setAttribute('y',mx[1]+2.5);lbl.textContent='CDMX';pins.appendChild(lbl);\n  var locs=root.querySelectorAll('.loc');\n  function selLoc(k){\n    locs.forEach(function(b){b.classList.toggle('act',b.dataset.pin===k);});\n    pins.querySelectorAll('.pin').forEach(function(g){g.classList.toggle('act',g.dataset.k===k&&k!=='mx');});\n  }\n  locs.forEach(function(b){\n    b.addEventListener('click',function(){selLoc(b.dataset.pin);});\n    b.addEventListener('mouseenter',function(){selLoc(b.dataset.pin);});\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NuevoServidores en Ciudad de M\u00e9xico Hosting r\u00e1pido y seguro, con personas reales detr\u00e1s. Aloja tu sitio y tus correos en infraestructura en la nube con alta disponibilidad, seguridad en seis niveles y respaldos diarios. Y si construyes con IA, publica tu proyecto directo desde tu asistente. Ver planes de hosting Ay\u00fadame a elegir SSL incluidoMigraci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/comments?post=353"}],"version-history":[{"count":149,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/353\/revisions"}],"predecessor-version":[{"id":2378,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/353\/revisions\/2378"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/media?parent=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}