{"id":677,"date":"2023-11-21T08:57:08","date_gmt":"2023-11-21T14:57:08","guid":{"rendered":"https:\/\/studiovainilla.com\/serviciosweb\/?page_id=677"},"modified":"2026-10-13T15:54:30","modified_gmt":"2026-10-13T21:54:30","slug":"correo-personalizado","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/serviciosweb\/correo-personalizado\/","title":{"rendered":"Correo Personalizado"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"677\" class=\"elementor elementor-677\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5af8db2 e-con-full e-flex e-con e-parent\" data-id=\"5af8db2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db57e65 elementor-widget elementor-widget-html\" data-id=\"db57e65\" 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 CORREO PERSONALIZADO V2\n     URL: studiovainilla.com\/serviciosweb\/correo-personalizado\/\n     Widget HTML de Elementor \u00b7 SIN HEADER NI FOOTER\n     Sin CTA final (ya vive en el footer global).\n     El hero deja espacio arriba para el header flotante.\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#swco{\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#swco *,#swco *::before,#swco *::after{box-sizing:border-box}\n#swco h1,#swco h2,#swco h3,#swco h4,#swco p,#swco ul,#swco ol{margin:0;padding:0}\n#swco h1,#swco h2,#swco h3,#swco h4{font-family:\"Geist\",sans-serif;color:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.05;text-transform:none}\n#swco ul,#swco ol{list-style:none}\n#swco a{color:inherit;text-decoration:none}\n#swco button,#swco input{font:inherit;color:inherit;margin:0}\n#swco button{background:none;border:0;padding:0;cursor:pointer}\n#swco :focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:8px}\n#swco .mono{font-family:\"Geist Mono\",ui-monospace,Menlo,monospace}\n\n#swco .w{width:min(calc(100% - 48px),1220px);margin-inline:auto;position:relative;z-index:1}\n#swco .sec{position:relative;isolation:isolate;padding:clamp(88px,10vw,132px) 0}\n#swco .light{background:var(--paper);color:var(--text)}\n#swco .white{background:#fff;color:var(--text)}\n#swco .lbl{display:block;margin-bottom:16px;font-size:15px;font-weight:500;color:var(--teal)}\n#swco .light .lbl,#swco .white .lbl{color:var(--teal2)}\n#swco .h2{font-size:clamp(34px,4.4vw,58px);max-width:18ch}\n#swco .lead{margin-top:20px;max-width:56ch;color:var(--fog);font-size:clamp(17px,1.4vw,19px);line-height:1.65}\n#swco .light .lead,#swco .white .lead{color:var(--slate)}\n#swco .head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:end;margin-bottom:52px}\n#swco .head .lead{margin-top:0}\n#swco .note{font-size:13.5px;color:var(--fog)}\n#swco .light .note,#swco .white .note{color:var(--slate)}\n\n#swco .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}\n#swco .btn:hover{transform:translateY(-2px)}\n#swco .btn-buy{background:var(--signal);color:var(--ink)}\n#swco .btn-teal{background:var(--teal);color:var(--ink)}\n#swco .btn-line{border:1px solid rgba(205,239,232,.28);color:#fff}\n#swco .btn-line:hover{border-color:var(--mint)}\n#swco .btn-ink{background:var(--ink);color:#fff}\n#swco .wa-ic{width:17px;height:17px;fill:currentColor;flex:none}\n#swco .tlink{display:inline-flex;gap:8px;font-weight:600;color:var(--teal);border-bottom:1px solid currentColor;padding-bottom:2px}\n#swco .light .tlink,#swco .white .tlink{color:var(--teal2)}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n#swco .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#swco .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#swco .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}\n#swco .addr{display:flex;flex-wrap:wrap;align-items:baseline;font-family:\"Geist Mono\",monospace;font-size:clamp(26px,3.6vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1.1;color:#fff}\n#swco .addr .lp{color:var(--teal)}\n#swco .addr .cur{display:inline-block;width:.08em;height:.9em;margin:0 .02em;background:var(--teal);align-self:center;animation:swcoBlink 1s steps(1) infinite}\n@keyframes swcoBlink{50%{opacity:0}}\n#swco .addr .dm{color:#fff;word-break:break-all}\n#swco .hero h1{margin-top:22px;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em}\n#swco .hero .lead{margin-top:22px}\n#swco .hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}\n#swco .dom-in{display:flex;align-items:center;gap:8px;max-width:440px;margin-top:26px;padding:6px 6px 6px 16px;border-radius:14px;border:1px solid var(--dline);background:rgba(12,38,48,.7)}\n#swco .dom-in label{font-size:13.5px;color:var(--fog);white-space:nowrap}\n#swco .dom-in input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 4px;font-family:\"Geist Mono\",monospace;font-size:15px;color:#fff}\n\n\/* Bandeja *\/\n#swco .inbox{border-radius:24px;overflow:hidden;border:1px solid var(--dline);background:#fff;color:var(--text);box-shadow:0 40px 100px rgba(0,0,0,.4)}\n#swco .ib-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#F6F9F8}\n#swco .ib-top b{font-size:14px;font-weight:600}\n#swco .ib-top span{font-family:\"Geist Mono\",monospace;font-size:12.5px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#swco .ib-list{min-height:330px}\n#swco .msg{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);animation:swcoIn .5s var(--ease) both}\n@keyframes swcoIn{from{opacity:0;transform:translateY(-10px);background:#F6FBD9}to{opacity:1;transform:none;background:#fff}}\n#swco .msg .av{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#E3F3EF;color:var(--teal2);font-size:13px;font-weight:600}\n#swco .msg strong{display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#swco .msg small{display:block;font-size:13px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#swco .msg time{font-size:12px;color:var(--slate)}\n#swco .msg.spam{background:#FBF1EF;opacity:.75}\n#swco .msg.spam .av{background:#F3D6D1;color:#B0453A}\n#swco .msg.spam strong{text-decoration:line-through;color:#8A5A54}\n#swco .msg.spam time{color:#B0453A;font-weight:600}\n#swco .ib-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;background:#F6F9F8;font-size:12.5px;color:var(--slate)}\n#swco .ib-foot b{color:var(--teal2);font-weight:600}\n\n\/* Tecnolog\u00edas *\/\n#swco .tech{border-top:1px solid var(--dline);border-bottom:1px solid var(--dline);background:var(--ink2);padding:24px 0;overflow:hidden}\n#swco .tech-in{display:flex;align-items:center;gap:32px}\n#swco .tech p{flex:none;max-width:190px;font-size:14px;line-height:1.4;color:var(--fog)}\n#swco .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#swco .track ul{display:flex;width:max-content;gap:56px;animation:swcoMarq 36s linear infinite}\n#swco .track:hover ul{animation-play-state:paused}\n#swco .track li{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#B9CFCB;white-space:nowrap}\n@keyframes swcoMarq{to{transform:translateX(-50%)}}\n\n\/* =========================================================\n   PLANES\n========================================================= *\/\n#swco .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}\n#swco .pl{display:flex;flex-direction:column;padding:clamp(26px,3vw,34px);border-radius:26px;background:#fff;border:1px solid var(--line)}\n#swco .pl.feat{background:var(--ink);color:#E6F0EE;border-color:var(--ink);box-shadow:0 34px 70px rgba(7,26,34,.22)}\n#swco .pl-top{display:flex;justify-content:space-between;align-items:center;gap:10px}\n#swco .pl h3{font-size:23px}\n#swco .pl .tag{flex:none;padding:4px 10px;border-radius:999px;background:var(--signal);color:var(--ink);font-size:12px;font-weight:600}\n#swco .pl .for{margin-top:8px;font-size:15px;color:var(--slate)}\n#swco .pl.feat .for{color:var(--fog)}\n#swco .seats{display:flex;gap:4px;flex-wrap:wrap;margin-top:22px;min-height:30px}\n#swco .seats i{width:12px;height:12px;border-radius:3px;background:var(--teal2);opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s var(--ease)}\n#swco .pl.feat .seats i{background:var(--teal)}\n#swco .plans.on .seats i{opacity:1;transform:none}\n#swco .price{display:flex;align-items:baseline;gap:5px;margin-top:14px}\n#swco .price small{font-size:14px;color:var(--slate)}\n#swco .pl.feat .price small{color:var(--fog)}\n#swco .price strong{font-size:clamp(44px,4vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1}\n#swco .per{margin-top:8px;font-size:14px;color:var(--slate)}\n#swco .per b{color:var(--teal2);font-weight:600}\n#swco .pl.feat .per{color:var(--fog)}\n#swco .pl.feat .per b{color:var(--signal)}\n#swco .feats{display:grid;gap:10px;margin:24px 0 28px;padding-top:22px;border-top:1px solid var(--line);flex:1}\n#swco .pl.feat .feats{border-color:var(--dline)}\n#swco .feats li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px}\n#swco .feats li::before{content:\"\";width:12px;height:7px;margin-top:6px;border-left:2px solid var(--teal2);border-bottom:2px solid var(--teal2);transform:rotate(-45deg)}\n#swco .pl.feat .feats li::before{border-color:var(--signal)}\n#swco .feats li.hi{font-weight:600}\n#swco .pl .btn{width:100%}\n#swco .pl:not(.feat) .btn{background:var(--ink);color:#fff}\n#swco .plans-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px}\n\n\/* =========================================================\n   CALCULADORA DE AHORRO\n========================================================= *\/\n#swco .calc{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:stretch}\n#swco .c-in{padding:clamp(26px,3vw,38px);border-radius:26px;background:#fff;border:1px solid var(--line)}\n#swco .c-in h3{font-size:24px}\n#swco .c-in p.q{margin-top:6px;color:var(--slate);font-size:15px}\n#swco .fld{margin-top:26px}\n#swco .fld label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}\n#swco .fld label output{font-family:\"Geist Mono\",monospace;font-size:22px;color:var(--teal2)}\n#swco .range{width:100%;margin-top:14px;-webkit-appearance:none;appearance:none;height:8px;border-radius:9px;background:linear-gradient(90deg,var(--teal2) 0 var(--fill,0%),#DCE7E5 var(--fill,0%) 100%);outline:none}\n#swco .range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--ink);border:4px solid #fff;box-shadow:0 0 0 2px var(--ink);cursor:pointer}\n#swco .range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);border:4px solid #fff;box-shadow:0 0 0 2px var(--ink);cursor:pointer}\n#swco .money{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper)}\n#swco .money span{font-size:18px;color:var(--slate)}\n#swco .money input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 4px;font-family:\"Geist Mono\",monospace;font-size:20px;color:var(--text)}\n#swco .money em{font-style:normal;font-size:14px;color:var(--slate);padding-right:10px;white-space:nowrap}\n#swco .c-in .note{margin-top:14px}\n#swco .c-out{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:clamp(26px,3vw,38px);border-radius:26px;background:var(--ink);color:#E6F0EE}\n#swco .bars{display:grid;gap:16px}\n#swco .bar-r small{display:flex;justify-content:space-between;font-size:14px;color:var(--fog)}\n#swco .bar-r small b{font-family:\"Geist Mono\",monospace;font-weight:500;color:#fff}\n#swco .bar-t{height:14px;margin-top:8px;border-radius:9px;background:rgba(205,239,232,.1);overflow:hidden}\n#swco .bar-t i{display:block;height:100%;border-radius:9px;transition:width .6s var(--ease)}\n#swco .bar-t i.them{background:#8FA4AA}\n#swco .bar-t i.us{background:linear-gradient(90deg,var(--teal),var(--signal))}\n#swco .save{padding:18px 20px;border-radius:18px;background:rgba(226,245,143,.08);border:1px solid rgba(226,245,143,.25)}\n#swco .save small{display:block;font-size:14px;color:var(--fog)}\n#swco .save strong{display:block;margin-top:4px;font-size:clamp(36px,4vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--signal)}\n#swco .save p{margin-top:8px;font-size:14.5px;color:var(--mint)}\n#swco .save.neg strong{color:#fff}\n\n\/* =========================================================\n   ENTREGA (correo que s\u00ed llega)\n========================================================= *\/\n#swco .lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}\n#swco .lane{padding:28px;border-radius:24px;border:1px solid var(--dline);background:var(--ink2)}\n#swco .lane h3{font-size:22px;color:#fff}\n#swco .lane p{margin-top:6px;color:var(--fog);font-size:15.5px}\n#swco .path{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:0;margin-top:28px}\n#swco .node{display:grid;justify-items:center;gap:8px;font-size:12.5px;color:var(--mint);text-align:center;max-width:96px}\n#swco .node i{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--ink3);border:1px solid var(--dline);font-style:normal}\n#swco .node i svg{width:22px;height:22px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#swco .node.end i{background:var(--teal)}\n#swco .node.end i svg{stroke:var(--ink)}\n#swco .wire{position:relative;height:2px;margin:0 8px;margin-bottom:26px;background:repeating-linear-gradient(90deg,rgba(205,239,232,.25) 0 5px,transparent 5px 10px)}\n#swco .wire b{position:absolute;top:50%;left:0;width:14px;height:10px;margin-top:-5px;border-radius:2px;background:var(--signal);animation:swcoMove 2.4s linear infinite}\n#swco .wire b::after{content:\"\";position:absolute;inset:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:5px solid rgba(7,26,34,.5)}\n#swco .wire.bad b{background:#E08A80;animation:swcoBlock 2.4s linear infinite}\n@keyframes swcoMove{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 14px);opacity:0}}\n@keyframes swcoBlock{from{left:0;opacity:0}10%{opacity:1}55%{left:calc(100% - 14px);opacity:1}70%,100%{left:calc(100% - 14px);opacity:0}}\n#swco .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}\n#swco .tags span{padding:5px 11px;border-radius:999px;border:1px solid var(--dline);font-size:13px;color:var(--mint)}\n\n\/* =========================================================\n   DONDE QUIERAS\n========================================================= *\/\n#swco .apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}\n#swco .ap{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}\n#swco .ap i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#E3F3EF;font-style:normal}\n#swco .ap i svg{width:21px;height:21px;fill:none;stroke:var(--teal2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#swco .ap h3{margin-top:8px;font-size:19px}\n#swco .ap p{font-size:15px;color:var(--slate)}\n#swco .vm{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:16px;padding:22px 26px;border-radius:22px;background:var(--ink);color:#E6F0EE}\n#swco .vm img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}\n#swco .vm strong{display:block;font-size:17px;color:#fff}\n#swco .vm p{margin-top:2px;font-size:15px;color:var(--fog)}\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n#swco .faq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px);align-items:start}\n#swco details.q{border-top:1px solid var(--line)}\n#swco details.q:last-child{border-bottom:1px solid var(--line)}\n#swco details.q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:18px;font-weight:600;letter-spacing:-.02em}\n#swco details.q summary::-webkit-details-marker{display:none}\n#swco details.q summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper)}\n#swco details.q summary i::before,#swco details.q summary i::after{content:\"\";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--teal2);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}\n#swco details.q summary i::after{transform:translate(-50%,-50%) rotate(90deg)}\n#swco details.q[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}\n#swco details.q .a{padding:0 0 24px;max-width:62ch;color:var(--slate)}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n@media (max-width:1100px){\n  #swco .hero-grid,#swco .calc,#swco .faq-g{grid-template-columns:1fr}\n  #swco .plans{grid-template-columns:1fr;max-width:620px;margin-inline:auto}\n  #swco .lanes{grid-template-columns:1fr}\n  #swco .apps{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:760px){\n  #swco .w{width:calc(100% - 32px)}\n  #swco .head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}\n  #swco .hero-acts .btn{width:100%}\n  #swco .tech-in{flex-direction:column;align-items:flex-start;gap:14px}\n  #swco .tech p{max-width:none}\n  #swco .track{width:100%}\n  #swco .path{grid-template-columns:auto 1fr auto 1fr auto}\n  #swco .node{max-width:72px;font-size:11.5px}\n  #swco .node i{width:44px;height:44px}\n  #swco .apps{grid-template-columns:1fr}\n  #swco .vm{grid-template-columns:auto 1fr}\n  #swco .vm .btn{grid-column:1\/-1;width:100%}\n  #swco .msg{grid-template-columns:34px minmax(0,1fr)}\n  #swco .msg time{display:none}\n}\n@media (prefers-reduced-motion:reduce){\n  #swco *,#swco *::before,#swco *::after{animation:none!important;transition:none!important}\n  #swco .seats i{opacity:1;transform:none}\n}\n\n\/* Buscador de bandeja *\/\n#swco .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n#swco .finder{max-width:600px;margin-top:28px}\n#swco .f-mode{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(205,239,232,.06);border:1px solid var(--dline)}\n#swco .f-mode button{min-height:36px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--fog);transition:background .2s,color .2s}\n#swco .f-mode button[aria-pressed=\"true\"]{background:var(--mint);color:var(--ink)}\n#swco .f-form{display:flex;align-items:center;gap:0;margin-top:12px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 0 4px rgba(59,183,165,0);transition:box-shadow .3s}\n#swco .f-form:focus-within{box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 0 4px rgba(59,183,165,.45)}\n#swco .f-form input{min-width:0;border:0;outline:0;background:none;padding:12px 4px;font-family:\"Geist Mono\",monospace;font-size:17px;color:var(--text)}\n#swco .f-form input.u{width:7.5em;flex:none;padding-left:12px;color:var(--teal2);font-weight:500;text-align:right}\n#swco .f-form input.n{flex:1}\n#swco .f-form .at{font-family:\"Geist Mono\",monospace;font-size:17px;color:#8BA0A6}\n#swco .f-form .btn{flex:none;min-height:48px;padding:0 20px}\n#swco .f-hint{margin-top:10px;font-size:14px;color:var(--fog);min-height:1.5em}\n#swco .f-hint.err{color:#F2A6A0}\n#swco .f-res,#swco .f-sug ul{display:grid;gap:8px;margin-top:8px}\n#swco .mb{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 12px 12px 16px;border-radius:14px;border:1px solid var(--dline);background:rgba(12,38,48,.8);animation:swcoRow .4s var(--ease) both}\n@keyframes swcoRow{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n#swco .mb .ad{font-family:\"Geist Mono\",monospace;font-size:15.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#swco .mb .ad b{font-weight:500;color:var(--teal)}\n#swco .mb.taken .ad{color:#8FA4AA;text-decoration:line-through;text-decoration-color:rgba(143,164,170,.5)}\n#swco .mb .st{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;white-space:nowrap}\n#swco .mb .st::before{content:\"\";width:8px;height:8px;border-radius:50%;background:currentColor}\n#swco .mb .st.chk{color:var(--fog)}\n#swco .mb .st.chk::before{width:11px;height:11px;background:none;border:2px solid currentColor;border-right-color:transparent;animation:swcoSpin .8s linear infinite}\n@keyframes swcoSpin{to{transform:rotate(360deg)}}\n#swco .mb .st.ok{color:var(--signal)}\n#swco .mb .st.no{color:#8FA4AA}\n#swco .mb .st.ask{color:var(--mint)}\n#swco .mb .go{min-height:40px;padding:0 14px;border-radius:11px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s,opacity .2s}\n#swco .mb .go.pick{background:var(--signal);color:var(--ink)}\n#swco .mb .go.wa{border:1px solid rgba(205,239,232,.28);color:#fff}\n#swco .mb .go.wait,#swco .mb .go.off{pointer-events:none;opacity:.35}\n#swco .mb.sel{border-color:var(--signal);background:rgba(226,245,143,.08)}\n#swco .f-sug{margin-top:16px}\n#swco .f-sug>p{font-size:14px;color:var(--mint)}\n#swco .f-ok{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(226,245,143,.1);border:1px solid rgba(226,245,143,.35);font-size:14.5px;color:#EAF7C4}\n#swco .f-ok b{font-family:\"Geist Mono\",monospace;font-weight:500;color:var(--signal)}\n#swco .chosen{display:none;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:14px 18px;border-radius:16px;background:var(--ink);color:#fff;font-size:15px}\n#swco .chosen.on{display:flex}\n#swco .chosen b{font-family:\"Geist Mono\",monospace;font-weight:500;color:var(--signal)}\n#swco .chosen button{margin-left:auto;font-size:14px;font-weight:600;color:var(--mint);border-bottom:1px solid currentColor}\n@media (max-width:760px){\n  #swco .f-form{flex-wrap:wrap}\n  #swco .f-form input.u{width:40%;text-align:left}\n  #swco .f-form input.n{width:50%}\n  #swco .f-form .btn{width:100%}\n  #swco .mb{grid-template-columns:1fr auto;gap:8px 10px}\n  #swco .mb .go{grid-column:1\/-1;width:100%}\n  #swco .f-mode{display:flex}#swco .f-mode button{flex:1}\n}\n<\/style>\n\n<div id=\"swco\">\n\n<!-- ================= HERO ================= -->\n<section class=\"hero\">\n  <div class=\"w hero-grid\">\n    <div>\n      <div class=\"addr\" aria-label=\"Ejemplo de correo con tu dominio\"><span class=\"lp\" id=\"aLp\">ventas<\/span><span class=\"cur\"><\/span><span class=\"dm\">@<span id=\"aDm\">tumarca.mx<\/span><\/span><\/div>\n      <h1>Correo con tu dominio: la firma de una empresa seria.<\/h1>\n      <p class=\"lead\">Cada correo que env\u00edas dice qui\u00e9n eres. Con tu propio dominio, protecci\u00f3n contra spam y respaldos diarios, tus mensajes llegan y tus clientes conf\u00edan.<\/p>\n      <div class=\"finder\" id=\"finder\">\n        <div class=\"f-mode\" role=\"group\" aria-label=\"\u00bfYa tienes dominio?\">\n          <button type=\"button\" data-mode=\"new\" aria-pressed=\"true\">Quiero un dominio nuevo<\/button>\n          <button type=\"button\" data-mode=\"own\" aria-pressed=\"false\">Ya tengo dominio<\/button>\n        <\/div>\n        <form class=\"f-form\" id=\"fForm\" autocomplete=\"off\">\n          <label class=\"sr\" for=\"fUser\">Nombre de tu bandeja<\/label>\n          <input id=\"fUser\" class=\"u\" type=\"text\" value=\"ventas\" maxlength=\"30\" spellcheck=\"false\">\n          <span class=\"at\">@<\/span>\n          <label class=\"sr\" for=\"fName\">Nombre de tu marca o dominio<\/label>\n          <input id=\"fName\" class=\"n\" type=\"text\" placeholder=\"tumarca\" maxlength=\"63\" spellcheck=\"false\">\n          <button class=\"btn btn-buy\" type=\"submit\">Revisar<\/button>\n        <\/form>\n        <p class=\"f-hint\" id=\"fHint\">Escribe el nombre de tu marca y revisamos qu\u00e9 correos puedes tener.<\/p>\n        <ul class=\"f-res\" id=\"fRes\" aria-live=\"polite\"><\/ul>\n        <div class=\"f-sug\" id=\"fSug\" hidden>\n          <p>Ese nombre ya est\u00e1 ocupado. Estas opciones s\u00ed est\u00e1n libres:<\/p>\n          <ul id=\"fSugList\" aria-live=\"polite\"><\/ul>\n        <\/div>\n        <p class=\"f-ok\" id=\"fOk\" hidden><\/p>\n      <\/div>\n      <div class=\"hero-acts\">\n        <a class=\"btn btn-buy\" href=\"#planes\">Ver planes de correo<\/a>\n        <a class=\"btn btn-line\" data-wa=\"Hola, quiero correo personalizado con mi dominio. \u00bfMe ayudan a elegir plan?\" href=\"#\"><svg class=\"wa-ic\" 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>Hablar por WhatsApp<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"inbox\" aria-label=\"Ejemplo de bandeja de entrada\">\n      <div class=\"ib-top\"><b>Bandeja de entrada<\/b><span id=\"ibAddr\">ventas@tumarca.mx<\/span><\/div>\n      <div class=\"ib-list\" id=\"ibList\"><\/div>\n      <div class=\"ib-foot\"><span>Vista de ejemplo<\/span><span><b id=\"ibBlocked\">0<\/b> correos de spam bloqueados<\/span><\/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 buz\u00f3n<\/p>\n    <div class=\"track\">\n      <ul>\n        <li>MailChannels<\/li><li>MagicSpam<\/li><li>Imunify360<\/li><li>JetBackup 5<\/li><li>SiteLock<\/li><li>Roundcube<\/li><li>LiteSpeed<\/li><li>cPanel<\/li>\n        <li aria-hidden=\"true\">MailChannels<\/li><li aria-hidden=\"true\">MagicSpam<\/li><li aria-hidden=\"true\">Imunify360<\/li><li aria-hidden=\"true\">JetBackup 5<\/li><li aria-hidden=\"true\">SiteLock<\/li><li aria-hidden=\"true\">Roundcube<\/li><li aria-hidden=\"true\">LiteSpeed<\/li><li aria-hidden=\"true\">cPanel<\/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 correo<\/span>\n        <h2 class=\"h2\">Elige cu\u00e1ntas cuentas necesita tu equipo.<\/h2>\n      <\/div>\n      <p class=\"lead\">Todos los planes incluyen dominio gratis, SSL, respaldos y protecci\u00f3n contra spam y malware. Entre m\u00e1s cuentas, menor el costo por persona.<\/p>\n    <\/div>\n    <div class=\"chosen\" id=\"chosen\" aria-live=\"polite\"><span>Tu correo:<\/span><b id=\"chosenAddr\"><\/b><span>Elige cu\u00e1ntas bandejas necesita tu equipo.<\/span><button type=\"button\" id=\"chosenEdit\">Cambiar<\/button><\/div>\n    <div class=\"plans\" id=\"plans\">\n      <article class=\"pl\">\n        <div class=\"pl-top\"><h3>Correo Emprendedor<\/h3><\/div>\n        <p class=\"for\">Agilidad y eficiencia para empezar.<\/p>\n        <div class=\"seats\" data-n=\"3\"><\/div>\n        <div class=\"price\"><small>$<\/small><strong>799<\/strong><small>\/ a\u00f1o<\/small><\/div>\n        <p class=\"per\">Equivale a <b>$266<\/b> por cuenta al a\u00f1o.<\/p>\n        <ul class=\"feats\">\n          <li class=\"hi\">3 cuentas de correo<\/li>\n          <li>1 GB por cuenta<\/li>\n          <li>Dominio gratis .com, .com.mx o .mx<\/li>\n          <li>SSL incluido y JetBackup 5<\/li>\n          <li>SiteLock y parchado<\/li>\n          <li>MagicSpam e Imunify360<\/li>\n        <\/ul>\n        <a class=\"btn\" data-plan=\"Plan Correo Emprendedor\" data-price=\"$799\" href=\"#\"><svg class=\"wa-ic\" 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      <\/article>\n      <article class=\"pl feat\">\n        <div class=\"pl-top\"><h3>Correo Empresarial<\/h3><span class=\"tag\">Recomendado<\/span><\/div>\n        <p class=\"for\">Robustez y escalabilidad para empresas en expansi\u00f3n.<\/p>\n        <div class=\"seats\" data-n=\"12\"><\/div>\n        <div class=\"price\"><small>$<\/small><strong>2,799<\/strong><small>\/ a\u00f1o<\/small><\/div>\n        <p class=\"per\">Equivale a <b>$233<\/b> por cuenta al a\u00f1o.<\/p>\n        <ul class=\"feats\">\n          <li class=\"hi\">12 cuentas de correo<\/li>\n          <li>10 GB de espacio total<\/li>\n          <li>Dominio gratis .com, .com.mx o .mx<\/li>\n          <li>SSL incluido y JetBackup 5<\/li>\n          <li>SiteLock y parchado<\/li>\n          <li>MagicSpam e Imunify360<\/li>\n        <\/ul>\n        <a class=\"btn btn-buy\" data-plan=\"Plan Correo Empresarial\" data-price=\"$2,799\" href=\"#\"><svg class=\"wa-ic\" 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      <\/article>\n      <article class=\"pl\">\n        <div class=\"pl-top\"><h3>Correo Premium<\/h3><\/div>\n        <p class=\"for\">Exclusividad y m\u00e1xima capacidad para equipos grandes.<\/p>\n        <div class=\"seats\" data-n=\"25\"><\/div>\n        <div class=\"price\"><small>$<\/small><strong>4,000<\/strong><small>\/ a\u00f1o<\/small><\/div>\n        <p class=\"per\">Equivale a <b>$160<\/b> por cuenta al a\u00f1o.<\/p>\n        <ul class=\"feats\">\n          <li class=\"hi\">25 cuentas de correo<\/li>\n          <li>20 GB de espacio total<\/li>\n          <li>Dominio gratis .com, .com.mx o .mx<\/li>\n          <li>SSL incluido y JetBackup 5<\/li>\n          <li>SiteLock y parchado<\/li>\n          <li>MagicSpam e Imunify360<\/li>\n        <\/ul>\n        <a class=\"btn\" data-plan=\"Plan Correo Premium\" data-price=\"$4,000\" href=\"#\"><svg class=\"wa-ic\" 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      <\/article>\n    <\/div>\n    <div class=\"plans-foot\">\n      <span class=\"note\">Precios anuales en pesos mexicanos, m\u00e1s IVA. Sujetos a cambio sin previo aviso.<\/span>\n      <a class=\"tlink\" href=\"https:\/\/studiovainilla.com\/serviciosweb\/hospedajes-web\/\">\u00bfNecesitas m\u00e1s de 25 cuentas? El hosting Empresarial Plus incluye correo sin l\u00edmite<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= CALCULADORA ================= -->\n<section class=\"sec white\" id=\"ahorro\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Compara tu costo actual<\/span>\n        <h2 class=\"h2\">\u00bfCu\u00e1nto pagas hoy por tu correo?<\/h2>\n      <\/div>\n      <p class=\"lead\">Muchos servicios cobran por usuario, cada mes. Mueve los controles con tus datos y compara contra el plan que te corresponde con nosotros.<\/p>\n    <\/div>\n    <div class=\"calc\">\n      <div class=\"c-in\">\n        <h3>Tus datos<\/h3>\n        <p class=\"q\">Usa el precio que aparece en tu factura actual.<\/p>\n        <div class=\"fld\">\n          <label for=\"cAcc\">Cuentas de correo <output id=\"cAccO\">10<\/output><\/label>\n          <input class=\"range\" id=\"cAcc\" type=\"range\" min=\"1\" max=\"25\" value=\"10\">\n        <\/div>\n        <div class=\"fld\">\n          <label for=\"cPrice\">Pagas por cuenta al mes<\/label>\n          <div class=\"money\"><span>$<\/span><input id=\"cPrice\" type=\"number\" min=\"0\" step=\"1\" value=\"150\" inputmode=\"numeric\"><em>MXN \/ mes<\/em><\/div>\n        <\/div>\n        <p class=\"note\">C\u00e1lculo de referencia sin IVA. No incluye costos de dominio que pagues por separado.<\/p>\n      <\/div>\n      <div class=\"c-out\" aria-live=\"polite\">\n        <div class=\"bars\">\n          <div class=\"bar-r\"><small><span>Tu proveedor actual, al a\u00f1o<\/span><b id=\"cThem\">$18,000<\/b><\/small><div class=\"bar-t\"><i class=\"them\" id=\"cThemB\"><\/i><\/div><\/div>\n          <div class=\"bar-r\"><small><span id=\"cUsL\">Correo Empresarial, al a\u00f1o<\/span><b id=\"cUs\">$2,799<\/b><\/small><div class=\"bar-t\"><i class=\"us\" id=\"cUsB\"><\/i><\/div><\/div>\n        <\/div>\n        <div class=\"save\" id=\"cSave\"><small>Ahorro estimado al a\u00f1o<\/small><strong id=\"cSaveV\">$15,201<\/strong><p id=\"cSaveP\">Y tu dominio ya viene incluido.<\/p><\/div>\n        <a class=\"btn btn-buy\" id=\"cBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg class=\"wa-ic\" 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>Quiero este plan<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= ENTREGA ================= -->\n<section class=\"sec\" id=\"entrega\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">Correo que s\u00ed llega<\/span>\n        <h2 class=\"h2\">Protegido al salir y al entrar.<\/h2>\n      <\/div>\n      <p class=\"lead\">Configuramos tu env\u00edo para que tus mensajes no terminen en spam, y filtramos lo que recibes para que tu bandeja quede limpia.<\/p>\n    <\/div>\n    <div class=\"lanes\">\n      <div class=\"lane\">\n        <h3>Al enviar<\/h3>\n        <p>Cada correo sale desde IPs certificadas, con tu dominio autenticado para que el destinatario conf\u00ede en \u00e9l.<\/p>\n        <div class=\"path\" aria-hidden=\"true\">\n          <div class=\"node\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"\/><\/svg><\/i>T\u00fa escribes<\/div>\n          <div class=\"wire\"><b><\/b><\/div>\n          <div class=\"node\"><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>IP certificada<\/div>\n          <div class=\"wire\"><b><\/b><\/div>\n          <div class=\"node end\"><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>Bandeja de tu cliente<\/div>\n        <\/div>\n        <div class=\"tags\"><span>SMTP configurado<\/span><span>SPF<\/span><span>DKIM<\/span><span>DMARC<\/span><\/div>\n      <\/div>\n      <div class=\"lane\">\n        <h3>Al recibir<\/h3>\n        <p>MagicSpam revisa cada correo entrante y detiene spam y mensajes maliciosos antes de que te lleguen.<\/p>\n        <div class=\"path\" aria-hidden=\"true\">\n          <div class=\"node\"><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>Correo entrante<\/div>\n          <div class=\"wire bad\"><b><\/b><\/div>\n          <div class=\"node\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M3 4h18l-7 8v6l-4 2v-8z\"\/><\/svg><\/i>Filtro antispam<\/div>\n          <div class=\"wire\"><b><\/b><\/div>\n          <div class=\"node end\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><\/i>Tu bandeja limpia<\/div>\n        <\/div>\n        <div class=\"tags\"><span>MagicSpam<\/span><span>Imunify360<\/span><span>Respaldos JetBackup 5<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= DONDE QUIERAS ================= -->\n<section class=\"sec light\" id=\"apps\">\n  <div class=\"w\">\n    <div class=\"head\">\n      <div>\n        <span class=\"lbl\">\u00dasalo donde quieras<\/span>\n        <h2 class=\"h2\">Tu correo en tu computadora, tu celular y el navegador.<\/h2>\n      <\/div>\n      <p class=\"lead\">Funciona con las aplicaciones que tu equipo ya usa. Te ayudamos a configurar cada cuenta y cada dispositivo.<\/p>\n    <\/div>\n    <div class=\"apps\">\n      <div class=\"ap\"><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><h3>Webmail<\/h3><p>Entra desde cualquier navegador con Roundcube, sin instalar nada.<\/p><\/div>\n      <div class=\"ap\"><i><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8M12 16v4\"\/><\/svg><\/i><h3>Outlook y Apple Mail<\/h3><p>Config\u00faralo en tu computadora y trabaja con tus carpetas de siempre.<\/p><\/div>\n      <div class=\"ap\"><i><svg viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M11 18h2\"\/><\/svg><\/i><h3>iPhone y Android<\/h3><p>Recibe tus correos en tu celular con la app de correo que prefieras.<\/p><\/div>\n      <div class=\"ap\"><i><svg viewBox=\"0 0 24 24\"><path d=\"M4 12a8 8 0 0 1 13.7-5.6M20 12a8 8 0 0 1-13.7 5.6\"\/><path d=\"M18 3v4h-4M6 21v-4h4\"\/><\/svg><\/i><h3>Sincronizado<\/h3><p>Lo que lees o env\u00edas en un dispositivo se refleja en todos.<\/p><\/div>\n    <\/div>\n    <div class=\"vm\">\n      <img decoding=\"async\" src=\"https:\/\/studiovainilla.com\/wp-content\/uploads\/2026\/09\/Isologo-Vmail-Movimiento-StudioVainilla.gif\" alt=\"Vmail\">\n      <div><strong>\u00bfQuieres enviar campa\u00f1as a tus clientes?<\/strong><p>Usa Vmail para email marketing: plantillas, env\u00edos programados y reportes de aperturas y clics.<\/p><\/div>\n      <a class=\"btn btn-line\" href=\"https:\/\/vmail.com.mx\/\" target=\"_blank\" rel=\"noopener\">Conocer Vmail<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= FAQ ================= -->\n<section class=\"sec white\" id=\"preguntas\">\n  <div class=\"w faq-g\">\n    <div>\n      <span class=\"lbl\">Preguntas frecuentes<\/span>\n      <h2 class=\"h2\">Lo que m\u00e1s nos preguntan sobre correo.<\/h2>\n      <p class=\"lead\">Si tienes otra duda, escr\u00edbenos por WhatsApp y te respondemos.<\/p>\n      <div style=\"margin-top:28px\"><a class=\"tlink\" href=\"https:\/\/studiovainilla.com\/soporte\">Ver gu\u00edas de configuraci\u00f3n<\/a><\/div>\n    <\/div>\n    <div>\n      <details class=\"q\" open>\n        <summary>\u00bfNecesito tener un dominio?<i><\/i><\/summary>\n        <div class=\"a\">Todos los planes incluyen un dominio gratis .com, .com.mx o .mx. Si ya tienes uno, tambi\u00e9n puedes usarlo.<\/div>\n      <\/details>\n      <details class=\"q\">\n        <summary>\u00bfPuedo usar el dominio que ya tengo con otro proveedor?<i><\/i><\/summary>\n        <div class=\"a\">S\u00ed. Puedes apuntar tu dominio actual a nuestro servicio de correo o transferirlo con nosotros. Te guiamos en el proceso.<\/div>\n      <\/details>\n      <details class=\"q\">\n        <summary>\u00bfQu\u00e9 pasa si necesito m\u00e1s cuentas?<i><\/i><\/summary>\n        <div class=\"a\">Escr\u00edbenos y te cambiamos a un plan con m\u00e1s cuentas. Si necesitas m\u00e1s de 25, el hosting Empresarial Plus incluye cuentas de correo sin l\u00edmite.<\/div>\n      <\/details>\n      <details class=\"q\">\n        <summary>\u00bfMis correos tienen respaldo?<i><\/i><\/summary>\n        <div class=\"a\">S\u00ed. Todos los planes incluyen respaldos con JetBackup 5 para recuperar correos y archivos cuando lo necesites.<\/div>\n      <\/details>\n      <details class=\"q\">\n        <summary>\u00bfMe ayudan a configurar mis dispositivos?<i><\/i><\/summary>\n        <div class=\"a\">S\u00ed. Te apoyamos por WhatsApp para dejar listas tus cuentas en computadora, celular y webmail.<\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('swco');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(m){return 'https:\/\/wa.me\/'+WA+'?text='+encodeURIComponent(m);}\n  function onView(el,cb,th){if(!('IntersectionObserver' in window)){cb(true);return;}new IntersectionObserver(function(es){es.forEach(function(e){cb(e.isIntersecting);});},{threshold:th==null?.2:th}).observe(el);}\n  function headerOffset(){var h=document.getElementById('swhShell');return h?10+h.getBoundingClientRect().height+14:110;}\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){var t=document.getElementById(id);if(!t)return;e.preventDefault();window.scrollTo({top:t.getBoundingClientRect().top+window.scrollY-headerOffset(),behavior:reduced?'auto':'smooth'});});\n  });\n  root.querySelectorAll('[data-wa]').forEach(function(a){a.href=wa(a.dataset.wa);a.target='_blank';a.rel='noopener';});\n  function money(n){return '$'+Math.round(n).toLocaleString('en-US');}\n\n  \/* ---------- Buscador de bandeja (valida el dominio de verdad) ---------- *\/\n  var aDm=root.querySelector('#aDm'),ibAddr=root.querySelector('#ibAddr'),aLp=root.querySelector('#aLp');\n  var domain='tumarca.mx',chosen=null,mode='new',seq=0;\n  var fForm=root.querySelector('#fForm'),fUser=root.querySelector('#fUser'),fName=root.querySelector('#fName');\n  var fHint=root.querySelector('#fHint'),fRes=root.querySelector('#fRes'),fSug=root.querySelector('#fSug'),fSugList=root.querySelector('#fSugList'),fOk=root.querySelector('#fOk');\n  var FREE=['.com.mx','.com','.mx']; \/* dominios incluidos gratis en los planes de correo *\/\n  var ALLT=['.com.mx','.org.mx','.net.mx','.edu.mx','.gob.mx','.com','.mx','.net','.org','.app'];\n  var RDAP={'.com':'https:\/\/rdap.verisign.com\/com\/v1\/domain\/','.mx':'https:\/\/rdap.mx\/domain\/','.com.mx':'https:\/\/rdap.mx\/domain\/'};\n\n  function cleanUser(v){return (v||'').toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').replace(\/[^a-z0-9._-]\/g,'').replace(\/^[._-]+\/,'').slice(0,30)||'ventas';}\n  function cleanName(v){\n    v=(v||'').trim().toLowerCase().replace(\/^https?:\\\/\\\/\/,'').replace(\/^www\\.\/,'').split('\/')[0].replace(\/^.*@\/,'');\n    var t=null;ALLT.slice().sort(function(x,y){return y.length-x.length;}).some(function(x){if(v.length>x.length&&v.slice(-x.length)===x){v=v.slice(0,-x.length);t=x;return true;}return false;});\n    v=v.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').replace(\/\\s+\/g,'-').replace(\/[^a-z0-9-]\/g,'').replace(\/-{2,}\/g,'-').replace(\/^-+|-+$\/g,'');\n    return {n:v.slice(0,63),t:t};\n  }\n  function timed(url,opts,ms){\n    var c=window.AbortController?new AbortController():null,t=setTimeout(function(){if(c)c.abort();},ms||7000);\n    opts=opts||{};if(c)opts.signal=c.signal;\n    return fetch(url,opts).then(function(r){clearTimeout(t);return r;},function(e){clearTimeout(t);throw e;});\n  }\n  function rdap(dom,tld){\n    var b=RDAP[tld];if(!b||!window.fetch)return Promise.resolve('unk');\n    return timed(b+dom,{headers:{'Accept':'application\/rdap+json'}}).then(function(r){return r.status===404?'free':(r.status>=200&&r.status<300)?'taken':'unk';}).catch(function(){return 'unk';});\n  }\n  function dnsOne(u){return timed(u,{headers:{'Accept':'application\/dns-json'}},6000).then(function(r){return r.ok?r.json():null;}).then(function(j){if(!j)return 'unk';return j.Status===0?'exists':j.Status===3?'nx':'unk';}).catch(function(){return 'unk';});}\n  function dns(d){return dnsOne('https:\/\/cloudflare-dns.com\/dns-query?name='+encodeURIComponent(d)+'&type=NS').then(function(a){return a!=='unk'?a:dnsOne('https:\/\/dns.google\/resolve?name='+encodeURIComponent(d)+'&type=NS');});}\n  \/* Nunca \"Disponible\" sin confirmaci\u00f3n del registro oficial *\/\n  function check(dom,tld){return Promise.all([rdap(dom,tld),dns(dom)]).then(function(r){if(r[0]==='taken'||r[1]==='exists')return 'no';if(r[0]==='free')return 'ok';return 'ask';});}\n\n  function setAddr(user,dom){\n    domain=dom;aDm.textContent=dom;if(chosen)aLp.textContent=user;ibAddr.textContent=(chosen?user:aLp.textContent)+'@'+dom;\n  }\n  function planMsg(plan,price){\n    if(chosen)return 'Hola, quiero contratar el '+plan+' ('+price+' al a\u00f1o + IVA). Mi correo ser\u00e1 '+chosen.addr+(chosen.own?' (ya tengo el dominio '+chosen.dom+').':' (dominio '+chosen.dom+', que aparece disponible).');\n    return 'Hola, quiero contratar el '+plan+' ('+price+' al a\u00f1o + IVA).';\n  }\n  function refreshPlans(){root.querySelectorAll('[data-plan]').forEach(function(a){a.href=wa(planMsg(a.dataset.plan,a.dataset.price));a.target='_blank';a.rel='noopener';});}\n  refreshPlans();\n\n  function choose(user,dom,own){\n    chosen={user:user,dom:dom,own:!!own,addr:user+'@'+dom};\n    setAddr(user,dom);refreshPlans();\n    root.querySelectorAll('.mb').forEach(function(m){m.classList.toggle('sel',m.dataset.addr===chosen.addr);});\n    fOk.hidden=false;fOk.innerHTML='Listo, tu correo ser\u00e1 <b><\/b>. Ahora elige cu\u00e1ntas bandejas necesitas.';fOk.querySelector('b').textContent=chosen.addr;\n    var c=root.querySelector('#chosen');c.classList.add('on');root.querySelector('#chosenAddr').textContent=chosen.addr;\n    var pl=root.querySelector('#planes');setTimeout(function(){window.scrollTo({top:pl.getBoundingClientRect().top+window.scrollY-headerOffset(),behavior:reduced?'auto':'smooth'});},reduced?0:650);\n  }\n  root.querySelector('#chosenEdit').addEventListener('click',function(){var h=root.querySelector('.hero');window.scrollTo({top:h.getBoundingClientRect().top+window.scrollY,behavior:reduced?'auto':'smooth'});setTimeout(function(){fName.focus();},400);});\n\n  function row(user,name,tld,target){\n    var dom=name+tld,addr=user+'@'+dom,li=document.createElement('li');\n    li.className='mb';li.dataset.addr=addr;\n    li.innerHTML='<span class=\"ad\"><\/span><span class=\"st chk\">Revisando\u2026<\/span><button type=\"button\" class=\"go wait\" disabled>Esperando<\/button>';\n    var ad=li.querySelector('.ad');ad.textContent=user+'@'+name;var b=document.createElement('b');b.textContent=tld;ad.appendChild(b);\n    target.appendChild(li);return li;\n  }\n  function paint(li,user,dom,state){\n    var st=li.querySelector('.st'),go=li.querySelector('.go'),fresh=go.cloneNode(false);\n    go.parentNode.replaceChild(fresh,go);go=fresh;go.disabled=false;go.className='go';\n    li.classList.toggle('taken',state==='no');\n    if(state==='ok'){st.className='st ok';st.textContent='Disponible';go.classList.add('pick');go.textContent='Quiero este correo';go.addEventListener('click',function(){choose(user,dom,false);});}\n    else if(state==='no'){st.className='st no';st.textContent='Ocupado';go.classList.add('off');go.textContent='No disponible';go.disabled=true;}\n    else{st.className='st ask';st.textContent='Por confirmar';go.classList.add('wa');go.textContent='Validar por WhatsApp';go.addEventListener('click',function(){window.open(wa('Hola, quiero el correo '+user+'@'+dom+'. \u00bfMe confirman si el dominio est\u00e1 disponible?'),'_blank','noopener');});}\n  }\n  function suggestions(n){\n    var short=n.length>14?n.slice(0,14):n;\n    return [['grupo'+short,'.com.mx'],[short+'mx','.com'],['mi'+short,'.com.mx'],[short+'oficial','.mx'],[short+'-mx','.com'],['somos'+short,'.mx'],[short+'online','.com.mx']];\n  }\n  function searchNew(user,name){\n    var my=++seq;fRes.innerHTML='';fSugList.innerHTML='';fSug.hidden=true;fOk.hidden=true;\n    fHint.textContent='Revisando si '+name+' est\u00e1 libre para tu correo\u2026';\n    var states=[];\n    var jobs=FREE.map(function(t){\n      var li=row(user,name,t,fRes);\n      return check(name+t,t).then(function(s){if(my!==seq)return;paint(li,user,name+t,s);states.push(s);});\n    });\n    Promise.all(jobs).then(function(){\n      if(my!==seq)return;\n      if(states.indexOf('ok')>-1){fHint.textContent='Elige el correo que m\u00e1s te guste.';return;}\n      if(states.every(function(s){return s==='no';})){\n        fHint.textContent='Ese nombre ya lo tiene alguien m\u00e1s. Busquemos otro.';\n        fSug.hidden=false;var shown=0;\n        suggestions(name).forEach(function(sg){\n          check(sg[0]+sg[1],sg[1]).then(function(s){\n            if(my!==seq||s!=='ok'||shown>=4)return;shown++;\n            var li=row(user,sg[0],sg[1],fSugList);paint(li,user,sg[0]+sg[1],'ok');\n          });\n        });\n        setTimeout(function(){if(my===seq&&!fSugList.children.length){fSug.querySelector('p').textContent='No encontramos alternativas libres de inmediato. Prueba con otro nombre o escr\u00edbenos y te ayudamos a elegir.';}},7500);\n      } else {\n        fHint.textContent='No pudimos confirmar todo en este momento. Lo validamos contigo por WhatsApp antes de cualquier pago.';\n      }\n    });\n  }\n  function searchOwn(user,name,tld){\n    var my=++seq;fRes.innerHTML='';fSug.hidden=true;fOk.hidden=true;\n    if(!tld){fHint.textContent='Escribe tu dominio completo, por ejemplo tumarca.com.mx';fHint.classList.add('err');return;}\n    var dom=name+tld,li=row(user,name,tld,fRes);\n    fHint.textContent='Revisando tu dominio\u2026';\n    dns(dom).then(function(d){\n      if(my!==seq)return;\n      var st=li.querySelector('.st'),go=li.querySelector('.go'),fresh=go.cloneNode(false);go.parentNode.replaceChild(fresh,go);go=fresh;go.disabled=false;go.className='go';\n      if(d==='exists'){st.className='st ok';st.textContent='Dominio activo';go.classList.add('pick');go.textContent='Quiero este correo';go.addEventListener('click',function(){choose(user,dom,true);});fHint.textContent='Perfecto. Usamos tu dominio para crear tu bandeja.';}\n      else if(d==='nx'){st.className='st no';st.textContent='No encontrado';go.classList.add('off');go.textContent='Revisa el dominio';go.disabled=true;fHint.textContent='No encontramos ese dominio registrado. Revisa c\u00f3mo se escribe o cambia a \"Quiero un dominio nuevo\".';}\n      else{st.className='st ask';st.textContent='Por confirmar';go.classList.add('pick');go.textContent='Quiero este correo';go.addEventListener('click',function(){choose(user,dom,true);});fHint.textContent='No pudimos revisarlo ahora, pero puedes continuar y lo validamos contigo.';}\n    });\n  }\n  root.querySelectorAll('.f-mode button').forEach(function(b){\n    b.addEventListener('click',function(){\n      mode=b.dataset.mode;root.querySelectorAll('.f-mode button').forEach(function(x){x.setAttribute('aria-pressed',x===b?'true':'false');});\n      fName.placeholder=mode==='own'?'tumarca.com.mx':'tumarca';\n      fHint.classList.remove('err');fRes.innerHTML='';fSug.hidden=true;\n      fHint.textContent=mode==='own'?'Escribe el dominio que ya tienes y revisamos que est\u00e9 activo.':'Escribe el nombre de tu marca y revisamos qu\u00e9 correos puedes tener.';\n      fName.focus();\n    });\n  });\n  fForm.addEventListener('submit',function(e){\n    e.preventDefault();fHint.classList.remove('err');\n    var user=cleanUser(fUser.value),c=cleanName(fName.value);fUser.value=user;\n    if(c.n.length<2){fHint.textContent='Escribe al menos 2 caracteres.';fHint.classList.add('err');return;}\n    fName.value=mode==='own'&&c.t?c.n+c.t:c.n;\n    if(mode==='own')searchOwn(user,c.n,c.t);else searchNew(user,c.n);\n  });\n  fName.addEventListener('input',function(){if(chosen)return;var c=cleanName(fName.value);aDm.textContent=(c.n||'tumarca')+(c.t||'.mx');ibAddr.textContent=aLp.textContent+'@'+aDm.textContent;});\n  fUser.addEventListener('input',function(){if(chosen)return;});\n\n  \/* ---------- Parte local que se escribe sola ---------- *\/\n  var LOCALS=['ventas','hola','contacto','facturas','direccion'],li=0,typing=false;\n  function wait(ms){return new Promise(function(r){setTimeout(r,ms);});}\n  async function typeLoop(){\n    if(typing)return;typing=true;\n    while(heroOn&&!chosen){\n      await wait(2200);if(!heroOn)break;\n      var cur=aLp.textContent;\n      for(var i=cur.length;i>=0;i--){aLp.textContent=cur.slice(0,i);await wait(45);}\n      li=(li+1)%LOCALS.length;var nx=LOCALS[li];\n      for(var j=1;j<=nx.length;j++){aLp.textContent=nx.slice(0,j);await wait(70);}\n      if(chosen)break;ibAddr.textContent=nx+'@'+aDm.textContent;\n    }\n    typing=false;\n  }\n\n  \/* ---------- Bandeja que recibe correos ---------- *\/\n  var list=root.querySelector('#ibList'),blocked=root.querySelector('#ibBlocked'),nBlocked=0;\n  var MSGS=[\n    {a:'LR',f:'Laura R\u00edos',s:'Cotizaci\u00f3n para 40 piezas',t:'9:41'},\n    {a:'BN',f:'Banco Nacional',s:'Tu estado de cuenta de octubre',t:'9:38'},\n    {a:'!',f:'Premio-ganador@...',s:'\u00a1Ganaste un iPhone! Haz clic aqu\u00ed',t:'Bloqueado',spam:1},\n    {a:'MT',f:'Mario Trevi\u00f1o',s:'Re: Pedido confirmado',t:'9:30'},\n    {a:'SA',f:'SAT',s:'Comprobante fiscal recibido',t:'9:22'},\n    {a:'!',f:'soporte-cuenta@...',s:'Verifica tu contrase\u00f1a urgente',t:'Bloqueado',spam:1},\n    {a:'CG',f:'Carla G\u00f3mez',s:'Propuesta de colaboraci\u00f3n',t:'9:15'}\n  ];\n  var mi=0,ibTimer=null;\n  function pushMsg(){\n    var m=MSGS[mi++%MSGS.length],el=document.createElement('div');\n    el.className='msg'+(m.spam?' spam':'');\n    el.innerHTML='<span class=\"av\"><\/span><div><strong><\/strong><small><\/small><\/div><time><\/time>';\n    el.querySelector('.av').textContent=m.a;el.querySelector('strong').textContent=m.f;el.querySelector('small').textContent=m.s;el.querySelector('time').textContent=m.t;\n    list.insertBefore(el,list.firstChild);\n    while(list.children.length>5)list.removeChild(list.lastChild);\n    if(m.spam){nBlocked++;blocked.textContent=nBlocked;}\n  }\n  for(var k=0;k<4;k++)pushMsg();\n  var heroOn=false;\n  if(!reduced){\n    onView(root.querySelector('.hero'),function(v){\n      heroOn=v&&!document.hidden;\n      if(heroOn){typeLoop();if(!ibTimer)ibTimer=setInterval(pushMsg,2600);}\n      else if(ibTimer){clearInterval(ibTimer);ibTimer=null;}\n    },0);\n  }\n\n  \/* ---------- Cuadritos de cuentas ---------- *\/\n  var plans=root.querySelector('#plans');\n  plans.querySelectorAll('.seats').forEach(function(s){\n    for(var i=0;i<+s.dataset.n;i++){var b=document.createElement('i');b.style.transitionDelay=(i*35)+'ms';s.appendChild(b);}\n  });\n  onView(plans,function(v){if(v)plans.classList.add('on');},.25);\n\n  \/* ---------- Calculadora ---------- *\/\n  var PL=[{n:'Correo Emprendedor',c:3,p:799},{n:'Correo Empresarial',c:12,p:2799},{n:'Correo Premium',c:25,p:4000}];\n  var acc=root.querySelector('#cAcc'),accO=root.querySelector('#cAccO'),price=root.querySelector('#cPrice');\n  function calc(){\n    var a=+acc.value,pr=Math.max(0,+price.value||0);\n    accO.textContent=a;acc.style.setProperty('--fill',((a-1)\/24*100)+'%');\n    var plan=PL.filter(function(p){return p.c>=a;})[0]||PL[2];\n    var them=a*pr*12,us=plan.p,max=Math.max(them,us,1);\n    root.querySelector('#cThem').textContent=money(them);\n    root.querySelector('#cUs').textContent=money(us);\n    root.querySelector('#cUsL').textContent=plan.n+' ('+plan.c+' cuentas), al a\u00f1o';\n    root.querySelector('#cThemB').style.width=(them\/max*100)+'%';\n    root.querySelector('#cUsB').style.width=(us\/max*100)+'%';\n    var s=them-us,box=root.querySelector('#cSave');\n    box.classList.toggle('neg',s<=0);\n    root.querySelector('#cSaveV').textContent=s>0?money(s):'$0';\n    root.querySelector('#cSaveP').textContent=s>0?'Equivale a '+money(s\/12)+' al mes. Y tu dominio ya viene incluido.':'Tu costo actual ya es bajo. Escr\u00edbenos y revisamos qu\u00e9 te conviene.';\n    root.querySelector('#cBtn').href=wa('Hola, hoy pago '+money(pr)+' al mes por cuenta y tengo '+a+' cuentas. Me interesa el '+plan.n+' ('+money(plan.p)+' al a\u00f1o + IVA).');\n  }\n  acc.addEventListener('input',calc);price.addEventListener('input',calc);\n  calc();\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>ventas@tumarca.mx Correo con tu dominio: la firma de una empresa seria. Cada correo que env\u00edas dice qui\u00e9n eres. Con tu propio dominio, protecci\u00f3n contra spam y respaldos diarios, tus mensajes llegan y tus clientes conf\u00edan. Quiero un dominio nuevo Ya tengo dominio Nombre de tu bandeja @ Nombre de tu marca o dominio Revisar Escribe [&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-677","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/677","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=677"}],"version-history":[{"count":70,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/677\/revisions"}],"predecessor-version":[{"id":2389,"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/pages\/677\/revisions\/2389"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/serviciosweb\/wp-json\/wp\/v2\/media?parent=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}