{"id":9,"date":"2026-09-10T22:49:35","date_gmt":"2026-09-11T04:49:35","guid":{"rendered":"https:\/\/itchnov.net\/?page_id=9"},"modified":"2026-09-10T23:14:24","modified_gmt":"2026-09-11T05:14:24","slug":"inicio","status":"publish","type":"page","link":"https:\/\/itchnov.net\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<title>iTchNov<\/title>\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@400;500&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\r\n\r\n  :root{\r\n    --paper:#F6F3EC;\r\n    --paper-raised:#FBF9F4;\r\n    --ink:#12232A;\r\n    --ink-soft:#3C4A4C;\r\n    --teal:#1F5E63;\r\n    --teal-deep:#0D3438;\r\n    --amber:#C97A22;\r\n    --line:#D8D2C2;\r\n    --line-strong:#B9B097;\r\n    --focus:#1F5E63;\r\n    color-scheme: light;\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    :root:not([data-theme=\"light\"]){\r\n      --paper:#0E1B1F;\r\n      --paper-raised:#132A2E;\r\n      --ink:#EDE9DD;\r\n      --ink-soft:#B7C4C3;\r\n      --teal:#57A6A0;\r\n      --teal-deep:#0A1518;\r\n      --amber:#E3A055;\r\n      --line:#25403F;\r\n      --line-strong:#345352;\r\n      --focus:#57A6A0;\r\n      color-scheme: dark;\r\n    }\r\n  }\r\n\r\n  :root[data-theme=\"dark\"]{\r\n    --paper:#0E1B1F;\r\n    --paper-raised:#132A2E;\r\n    --ink:#EDE9DD;\r\n    --ink-soft:#B7C4C3;\r\n    --teal:#57A6A0;\r\n    --teal-deep:#0A1518;\r\n    --amber:#E3A055;\r\n    --line:#25403F;\r\n    --line-strong:#345352;\r\n    --focus:#57A6A0;\r\n    color-scheme: dark;\r\n  }\r\n\r\n  *{box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    margin:0;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    font-family:\"IBM Plex Serif\", Georgia, \"Times New Roman\", serif;\r\n    font-size:17px;\r\n    line-height:1.55;\r\n    padding-inline:20px;\r\n  }\r\n  h1,h2,h3,.wordmark,.eyebrow,.tag,.stat,.nav a,.btn,.field label,.pill{\r\n    font-family:\"IBM Plex Sans\", \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n  .mono, .code, .badge, .form-note, .status-dot + span, .pill .dot-label{\r\n    font-family:\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\r\n  }\r\n  h1,h2,h3{text-wrap:balance; margin:0; font-weight:700; color:var(--ink);}\r\n  p{margin:0;}\r\n  a{color:inherit;}\r\n  img,svg{max-width:100%;}\r\n\r\n  .wrap{max-width:1120px; margin-inline:auto;}\r\n\r\n  \/* ---------- header ---------- *\/\r\n  header{\r\n    position:sticky; top:0; z-index:20;\r\n    background:color-mix(in srgb, var(--paper) 92%, transparent);\r\n    backdrop-filter:saturate(140%) blur(8px);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  .header-inner{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    gap:16px; padding-block:14px;\r\n  }\r\n  .wordmark{\r\n    display:flex; align-items:center; gap:10px;\r\n    font-weight:600; font-size:1.05rem; letter-spacing:0.02em;\r\n    text-decoration:none; color:var(--ink); white-space:nowrap;\r\n  }\r\n  .wordmark .dotgrid{flex:none;}\r\n  .wordmark b{color:var(--teal);}\r\n  nav.nav{display:flex; gap:22px; flex-wrap:wrap;}\r\n  .nav a{\r\n    font-size:0.86rem; font-weight:500; letter-spacing:0.01em;\r\n    text-decoration:none; color:var(--ink-soft); padding-block:4px;\r\n    border-bottom:1px solid transparent;\r\n  }\r\n  .nav a:hover, .nav a:focus-visible{color:var(--teal); border-color:var(--teal);}\r\n  .header-contact{\r\n    display:flex; align-items:center; gap:14px; font-size:0.82rem; color:var(--ink-soft);\r\n  }\r\n  .header-contact a{text-decoration:none;}\r\n  .btn{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    background:var(--teal); color:var(--paper-raised);\r\n    border:1px solid var(--teal); border-radius:3px;\r\n    padding:9px 16px; font-size:0.86rem; font-weight:600;\r\n    text-decoration:none; cursor:pointer; white-space:nowrap;\r\n  }\r\n  .btn:hover{background:var(--teal-deep); border-color:var(--teal-deep);}\r\n  .btn:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{\r\n    outline:2px solid var(--focus); outline-offset:2px;\r\n  }\r\n  .btn.ghost{background:transparent; color:var(--teal);}\r\n  .btn.ghost:hover{background:var(--teal); color:var(--paper-raised);}\r\n\r\n  \/* ---------- hero ---------- *\/\r\n  .hero{padding-block:56px 34px; display:grid; gap:28px;}\r\n  .eyebrow{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase;\r\n    color:var(--teal);\r\n  }\r\n  .eyebrow::before{content:\"\"; width:16px; height:1px; background:var(--teal);}\r\n  h1.headline{font-size:clamp(2.1rem, 4.4vw, 3.35rem); line-height:1.08; max-width:16ch;}\r\n  .sub{\r\n    max-width:52ch; font-size:1.08rem; color:var(--ink-soft);\r\n    font-family:\"IBM Plex Serif\", serif;\r\n  }\r\n  .sub strong{color:var(--ink); font-weight:600;}\r\n  .hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:4px;}\r\n\r\n  .status-strip{\r\n    display:flex; flex-wrap:wrap; gap:10px;\r\n    border-top:1px solid var(--line); padding-top:20px; margin-top:8px;\r\n  }\r\n  .pill{\r\n    display:flex; align-items:center; gap:8px;\r\n    border:1px solid var(--line); border-radius:999px;\r\n    padding:7px 14px 7px 10px; text-decoration:none; color:var(--ink);\r\n    font-size:0.8rem; background:var(--paper-raised);\r\n  }\r\n  .pill:hover{border-color:var(--teal);}\r\n  .status-dot{\r\n    width:7px; height:7px; border-radius:50%; background:#3F9142; flex:none;\r\n    box-shadow:0 0 0 3px color-mix(in srgb, #3F9142 22%, transparent);\r\n  }\r\n\r\n  \/* ---------- section scaffolding ---------- *\/\r\n  section{padding-block:52px;}\r\n  section + section{border-top:1px solid var(--line);}\r\n  .section-head{display:grid; gap:10px; max-width:62ch; margin-bottom:34px;}\r\n  .section-head h2{font-size:clamp(1.5rem, 2.6vw, 2.05rem);}\r\n  .section-head p{color:var(--ink-soft); font-size:1rem;}\r\n\r\n  \/* ---------- services ---------- *\/\r\n  .services-grid{\r\n    display:grid; gap:18px;\r\n    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));\r\n  }\r\n  .card{\r\n    border:1px solid var(--line); border-radius:4px; background:var(--paper-raised);\r\n    padding:24px; display:flex; flex-direction:column; gap:14px; scroll-margin-top:84px;\r\n  }\r\n  .card-top{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}\r\n  .code{\r\n    font-size:0.72rem; font-weight:600; letter-spacing:0.06em;\r\n    color:var(--teal); border:1px solid var(--line-strong); border-radius:3px;\r\n    padding:3px 7px;\r\n  }\r\n  .card h3{font-size:1.12rem; line-height:1.3;}\r\n  .card p.desc{color:var(--ink-soft); font-size:0.95rem;}\r\n  .card ul{\r\n    list-style:none; margin:0; padding:0; display:grid; gap:8px;\r\n    font-size:0.92rem; color:var(--ink);\r\n  }\r\n  .card ul li{display:flex; gap:9px; align-items:baseline;}\r\n  .card ul li::before{\r\n    content:\"\u203a\"; color:var(--amber); font-weight:700; flex:none;\r\n    font-family:\"IBM Plex Mono\", monospace;\r\n  }\r\n  .badge-row{margin-top:auto; padding-top:10px; border-top:1px dashed var(--line-strong);}\r\n  .badge{\r\n    display:inline-block; font-size:0.76rem; color:var(--ink-soft);\r\n    letter-spacing:0.01em;\r\n  }\r\n  .badge b{color:var(--amber); font-weight:600;}\r\n\r\n  \/* ---------- contact ---------- *\/\r\n  .contact-grid{\r\n    display:grid; gap:40px; grid-template-columns:1fr;\r\n  }\r\n  @media (min-width:820px){\r\n    .contact-grid{grid-template-columns:0.85fr 1.15fr;}\r\n  }\r\n  .contact-info{display:grid; gap:22px; align-content:start;}\r\n  .contact-info h2{font-size:clamp(1.5rem,2.6vw,2.05rem);}\r\n  .contact-info .sub{max-width:38ch;}\r\n  .info-list{display:grid; gap:14px; margin-top:6px;}\r\n  .info-row{display:flex; gap:12px; align-items:flex-start; font-size:0.94rem;}\r\n  .info-row .k{\r\n    flex:none; width:19px; height:19px; margin-top:2px;\r\n    color:var(--teal);\r\n  }\r\n  .info-row .v strong{display:block; font-weight:600; color:var(--ink);}\r\n  .info-row .v span{color:var(--ink-soft); font-size:0.88rem;}\r\n\r\n  .ticket{\r\n    border:1px solid var(--line-strong); border-radius:4px; background:var(--paper-raised);\r\n    padding:26px; position:relative;\r\n  }\r\n  .ticket::before{\r\n    content:\"SOLICITUD DE SERVICIO\"; position:absolute; top:-11px; left:20px;\r\n    background:var(--paper-raised); padding-inline:8px;\r\n    font-family:\"IBM Plex Mono\", monospace; font-size:0.7rem; letter-spacing:0.1em;\r\n    color:var(--ink-soft);\r\n  }\r\n  form{display:grid; gap:16px; margin-top:6px;}\r\n  .row2{display:grid; gap:16px; grid-template-columns:1fr;}\r\n  @media (min-width:520px){ .row2{grid-template-columns:1fr 1fr;} }\r\n  .field{display:grid; gap:6px;}\r\n  .field label{font-size:0.82rem; font-weight:600; color:var(--ink);}\r\n  .field .opt{font-weight:400; color:var(--ink-soft);}\r\n  input, select, textarea{\r\n    font:inherit; font-family:\"IBM Plex Sans\", sans-serif; font-size:0.94rem;\r\n    border:1px solid var(--line-strong); border-radius:3px; background:var(--paper);\r\n    color:var(--ink); padding:10px 11px;\r\n  }\r\n  textarea{resize:vertical; min-height:88px;}\r\n  .form-note{font-size:0.78rem; color:var(--ink-soft); line-height:1.5;}\r\n  .form-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}\r\n  .confirm{\r\n    font-size:0.86rem; color:var(--teal); font-weight:600;\r\n    font-family:\"IBM Plex Mono\", monospace;\r\n  }\r\n  .confirm[hidden]{display:none;}\r\n\r\n  \/* ---------- footer ---------- *\/\r\n  footer{\r\n    padding-block:28px 40px; display:flex; gap:16px; flex-wrap:wrap;\r\n    justify-content:space-between; color:var(--ink-soft); font-size:0.82rem;\r\n  }\r\n  footer .wordmark{font-size:0.92rem;}\r\n\r\n  @media (max-width:640px){\r\n    .header-contact{display:none;}\r\n    .hero{padding-top:40px;}\r\n  }\r\n<\/style>\r\n\r\n<header>\r\n  <div class=\"wrap header-inner\">\r\n    <a class=\"wordmark\" href=\"#top\">\r\n      <svg class=\"dotgrid\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n        <circle cx=\"4\" cy=\"4\" r=\"2.1\" fill=\"var(--teal)\"\/>\r\n        <circle cx=\"10\" cy=\"4\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"16\" cy=\"4\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"4\" cy=\"10\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"10\" cy=\"10\" r=\"2.1\" fill=\"var(--teal)\"\/>\r\n        <circle cx=\"16\" cy=\"10\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"4\" cy=\"16\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"10\" cy=\"16\" r=\"2.1\" fill=\"var(--line-strong)\"\/>\r\n        <circle cx=\"16\" cy=\"16\" r=\"2.1\" fill=\"var(--teal)\"\/>\r\n      <\/svg>\r\n      iTchNov<\/b>\r\n    <\/a>\r\n    <nav class=\"nav\">\r\n      <a href=\"#soporte\">Soporte<\/a>\r\n      <a href=\"#vps\">VPS &amp; hosting<\/a>\r\n      <a href=\"#correo\">Correo<\/a>\r\n      <a href=\"#redes\">Redes<\/a>\r\n      <a href=\"#mantenimiento\">Mantenimiento<\/a>\r\n    <\/nav>\r\n    <div class=\"header-contact\">\r\n      <a href=\"mailto:info@itchnov.net\">info@itchnov.net<\/a>\r\n      <a class=\"btn\" href=\"#contacto\">Solicitar diagn\u00f3stico<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main id=\"top\" class=\"wrap\">\r\n\r\n  <section class=\"hero\">\r\n    <span class=\"eyebrow\">IT gestionado \u00b7 Ciudad de Guatemala<\/span>\r\n    <h1 class=\"headline\">Todo lo que tu operaci\u00f3n IT necesita, en un solo equipo.<\/h1>\r\n    <p class=\"sub\">Soporte t\u00e9cnico, servidores, correo corporativo, redes y mantenimiento \u2014 administrados por el mismo equipo que responde tu ticket. <strong>Sin call center, sin bots: te responde un ingeniero.<\/strong><\/p>\r\n    <div class=\"hero-actions\">\r\n      <a class=\"btn\" href=\"#contacto\">Solicitar diagn\u00f3stico gratuito<\/a>\r\n      <a class=\"btn ghost\" href=\"#soporte\">Ver servicios<\/a>\r\n    <\/div>\r\n    <div class=\"status-strip\" role=\"navigation\" aria-label=\"Ir a un servicio\">\r\n      <a class=\"pill\" href=\"#soporte\"><span class=\"status-dot\"><\/span><span class=\"dot-label\">SOPORTE \u00b7 15 min<\/span><\/a>\r\n      <a class=\"pill\" href=\"#vps\"><span class=\"status-dot\"><\/span><span class=\"dot-label\">VPS \u00b7 alta disp.<\/span><\/a>\r\n      <a class=\"pill\" href=\"#correo\"><span class=\"status-dot\"><\/span><span class=\"dot-label\">CORREO \u00b7 propio<\/span><\/a>\r\n      <a class=\"pill\" href=\"#redes\"><span class=\"status-dot\"><\/span><span class=\"dot-label\">REDES \u00b7 Fortinet<\/span><\/a>\r\n      <a class=\"pill\" href=\"#mantenimiento\"><span class=\"status-dot\"><\/span><span class=\"dot-label\">MANTENIMIENTO<\/span><\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"soporte\">\r\n    <div class=\"section-head\">\r\n      <span class=\"eyebrow\">Servicios<\/span>\r\n      <h2>Soporte t\u00e9cnico empresarial<\/h2>\r\n      <p>Atenci\u00f3n remota y presencial para usuarios y equipos. Sin call center, sin bots: te responde un ingeniero.<\/p>\r\n    <\/div>\r\n    <div class=\"services-grid\">\r\n\r\n      <article class=\"card\" id=\"soporte-card\">\r\n        <div class=\"card-top\"><h3>Soporte t\u00e9cnico empresarial<\/h3><span class=\"code\">SOP<\/span><\/div>\r\n        <p class=\"desc\">Atenci\u00f3n remota y presencial para usuarios y equipos, con el mismo ingeniero dando seguimiento de principio a fin.<\/p>\r\n        <ul>\r\n          <li>Mesa de ayuda remota en horario laboral lunes a viernes<\/li>\r\n          <li>Visitas presenciales en Guatemala<\/li>\r\n        <\/ul>\r\n        <div class=\"badge-row\"><span class=\"badge mono\">Respuesta remota: <b>15 min<\/b> \u00b7 Presencial: <b>4 h<\/b><\/span><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" id=\"vps\">\r\n        <div class=\"card-top\"><h3>Servidores virtuales (VPS) y hosting empresarial<\/h3><span class=\"code\">VPS<\/span><\/div>\r\n        <p class=\"desc\">Infraestructura en la nube administrada para sitios, aplicaciones y bases de datos cr\u00edticas.<\/p>\r\n        <ul>\r\n          <li>VPS con backups y monitoreo<\/li>\r\n          <li>Hosting empresarial alta disponibilidad<\/li>\r\n          <li>Migraciones sin downtime<\/li>\r\n        <\/ul>\r\n        <div class=\"badge-row\"><span class=\"badge mono\">Monitoreo <b>24\/7<\/b> \u00b7 Backups programados<\/span><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" id=\"correo\">\r\n        <div class=\"card-top\"><h3>Correo corporativo en servidor propio<\/h3><span class=\"code\">MAIL<\/span><\/div>\r\n        <p class=\"desc\">Implementaci\u00f3n y administraci\u00f3n de correo corporativo en servidores propios o privados, con control total de tus datos.<\/p>\r\n        <ul>\r\n          <li>Configuraci\u00f3n de dominio y registros DNS<\/li>\r\n          <li>Migraci\u00f3n desde correos antiguos<\/li>\r\n          <li>Pol\u00edticas de seguridad, antispam y respaldos<\/li>\r\n        <\/ul>\r\n        <div class=\"badge-row\"><span class=\"badge mono\">Migraci\u00f3n t\u00edpica: <b>24\u201372 h<\/b><\/span><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" id=\"redes\">\r\n        <div class=\"card-top\"><h3>Redes y conectividad<\/h3><span class=\"code\">NET<\/span><\/div>\r\n        <p class=\"desc\">Cableado estructurado, WiFi y firewalls Fortinet para oficinas y bodegas.<\/p>\r\n        <ul>\r\n          <li>Dise\u00f1o y cableado certificado<\/li>\r\n          <li>WiFi corporativo con segmentaci\u00f3n<\/li>\r\n          <li>Firewall Fortinet con VPN y filtrado<\/li>\r\n        <\/ul>\r\n        <div class=\"badge-row\"><span class=\"badge mono\">Diagn\u00f3stico de red: <b>mismo d\u00eda<\/b><\/span><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" id=\"mantenimiento\">\r\n        <div class=\"card-top\"><h3>Mantenimiento preventivo y correctivo<\/h3><span class=\"code\">MNT<\/span><\/div>\r\n        <p class=\"desc\">Revisi\u00f3n peri\u00f3dica de equipos e infraestructura para evitar fallas antes de que ocurran.<\/p>\r\n        <ul>\r\n          <li>Inventario y diagn\u00f3stico inicial<\/li>\r\n          <li>Mantenimiento mensual o trimestral<\/li>\r\n          <li>Reportes ejecutivos por sitio<\/li>\r\n        <\/ul>\r\n        <div class=\"badge-row\"><span class=\"badge mono\"><b>Calendario fijo<\/b> \u00b7 Reportes mensuales<\/span><\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"contacto\">\r\n    <div class=\"contact-grid\">\r\n      <div class=\"contact-info\">\r\n        <span class=\"eyebrow\">Contacto<\/span>\r\n        <h2>Cu\u00e9ntanos qu\u00e9 necesita tu IT.<\/h2>\r\n        <p class=\"sub\">Te respondemos el mismo d\u00eda h\u00e1bil con un diagn\u00f3stico gratuito y una propuesta.<\/p>\r\n        <div class=\"info-list\">\r\n          <div class=\"info-row\">\r\n            <svg class=\"k\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M3 6h18v12H3z\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>\r\n            <div class=\"v\"><strong>info@itchnov.net<\/strong><span>Respuesta el mismo d\u00eda h\u00e1bil<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"info-row\">\r\n            <svg class=\"k\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3a15 15 0 000 18M3 12h18\"\/><\/svg>\r\n            <div class=\"v\"><strong>Cobertura extendida<\/strong><span>Bajo contrataci\u00f3n, fuera del \u00e1rea metropolitana<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"info-row\">\r\n            <svg class=\"k\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M12 21s7-6.1 7-11.5A7 7 0 105 9.5C5 14.9 12 21 12 21z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.3\"\/><\/svg>\r\n            <div class=\"v\"><strong>Ciudad de Guatemala, Guatemala<\/strong><span>Visitas presenciales en el \u00e1rea metropolitana<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ticket\">\r\n        <form id=\"lead-form\">\r\n          <div class=\"row2\">\r\n            <div class=\"field\">\r\n              <label for=\"f-name\">Nombre y apellido<\/label>\r\n              <input id=\"f-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label for=\"f-company\">Empresa<\/label>\r\n              <input id=\"f-company\" name=\"company\" type=\"text\" autocomplete=\"organization\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"row2\">\r\n            <div class=\"field\">\r\n              <label for=\"f-role\">Cargo<\/label>\r\n              <input id=\"f-role\" name=\"role\" type=\"text\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label for=\"f-email\">Correo electr\u00f3nico<\/label>\r\n              <input id=\"f-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"row2\">\r\n            <div class=\"field\">\r\n              <label for=\"f-phone\">Tel\u00e9fono \/ WhatsApp <span class=\"opt\">(opcional)<\/span><\/label>\r\n              <input id=\"f-phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label for=\"f-need\">\u00bfQu\u00e9 necesitas?<\/label>\r\n              <select id=\"f-need\" name=\"need\">\r\n                <option>Soporte t\u00e9cnico empresarial<\/option>\r\n                <option>Servidores virtuales (VPS) y hosting<\/option>\r\n                <option>Correo corporativo<\/option>\r\n                <option>Redes y conectividad<\/option>\r\n                <option>Mantenimiento preventivo<\/option>\r\n                <option>A\u00fan no estoy seguro<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"field\">\r\n            <label for=\"f-message\">Mensaje breve<\/label>\r\n            <textarea id=\"f-message\" name=\"message\" placeholder=\"Cu\u00e9ntanos brevemente tu situaci\u00f3n actual\u2026\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"form-actions\">\r\n            <button class=\"btn\" type=\"submit\">Enviar solicitud<\/button>\r\n            <span class=\"confirm\" id=\"confirm-msg\" hidden>Abriendo tu correo con la solicitud lista para enviar\u2026<\/span>\r\n          <\/div>\r\n          <p class=\"form-note\">Al enviar se abrir\u00e1 tu programa de correo con un mensaje prellenado dirigido a info@itchnov.net \u2014 no se comparte ning\u00fan dato con terceros.<\/p>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<footer class=\"wrap\">\r\n  <a class=\"wordmark\" href=\"#top\">iTchNov<\/b><\/a>\r\n  <span>Ciudad de Guatemala, Guatemala \u00b7 Soporte y servicios de TI para empresas<\/span>\r\n  <span>\u00a9 <span id=\"year\"><\/span> itchnov<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n  document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n  document.getElementById('lead-form').addEventListener('submit', function (e) {\r\n    e.preventDefault();\r\n    var f = e.target;\r\n    var need = f.need.value;\r\n    var subject = 'Solicitud de servicio IT \u2014 ' + need;\r\n    var bodyLines = [\r\n      'Nombre: ' + f.name.value,\r\n      'Empresa: ' + (f.company.value || '-'),\r\n      'Cargo: ' + (f.role.value || '-'),\r\n      'Correo: ' + f.email.value,\r\n      'Tel\u00e9fono\/WhatsApp: ' + (f.phone.value || '-'),\r\n      'Necesidad: ' + need,\r\n      '',\r\n      'Mensaje:',\r\n      f.message.value || '-'\r\n    ];\r\n    var mailto = 'mailto:info@itchnov.net'\r\n      + '?subject=' + encodeURIComponent(subject)\r\n      + '&body=' + encodeURIComponent(bodyLines.join('\\n'));\r\n    var confirmMsg = document.getElementById('confirm-msg');\r\n    confirmMsg.hidden = false;\r\n    window.location.href = mailto;\r\n  });\r\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>iTchNov iTchNov Soporte VPS &amp; hosting Correo Redes Mantenimiento info@itchnov.net Solicitar diagn\u00f3stico IT gestionado \u00b7 Ciudad de Guatemala Todo lo que tu operaci\u00f3n IT necesita, en un solo equipo. Soporte t\u00e9cnico, servidores, correo corporativo, redes y mantenimiento \u2014 administrados por el mismo equipo que responde tu ticket. Sin call center, sin bots: te responde un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwide.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":7,"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/itchnov.net\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}