{"id":13,"date":"2026-06-25T18:22:19","date_gmt":"2026-06-25T18:22:19","guid":{"rendered":"https:\/\/margal.es\/?page_id=13"},"modified":"2026-06-25T18:28:56","modified_gmt":"2026-06-25T18:28:56","slug":"elementor-13","status":"publish","type":"page","link":"https:\/\/margal.es\/","title":{"rendered":"Main page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nMargal \u2014 Ciberseguridad, consultor\u00eda web y simulaci\u00f3n de phishing<\/title>\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=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --ink:#0B0F1A;\n --panel:#141B2C;\n --panel-alt:#1B2436;\n --paper:#EDEFF5;\n --muted:#8C96AC;\n --amber:#E8A33D;\n --brick:#C2452F;\n --line: rgba(237,239,245,0.12);\n --radius: 14px;\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--ink);\n color:var(--paper);\n font-family:'IBM Plex Sans', sans-serif;\n line-height:1.55;\n -webkit-font-smoothing:antialiased;\n }\n h1,h2,h3{font-family:'Space Grotesk', sans-serif; letter-spacing:-0.01em;}\n .mono{font-family:'IBM Plex Mono', monospace;}\n a{color:inherit; text-decoration:none;}\n img,svg{display:block;}\n .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}\n :focus-visible{outline:2px solid var(--amber); outline-offset:3px;}\n\n \/* ===== Header ===== *\/\n header{\n position:sticky; top:0; z-index:50;\n background:rgba(11,15,26,0.85);\n backdrop-filter: blur(10px);\n border-bottom:1px solid var(--line);\n }\n .nav{display:flex; align-items:center; justify-content:space-between; padding:18px 28px;}\n .logo{\n display:flex; align-items:center; gap:10px;\n font-size:1.15rem; font-weight:700; letter-spacing:0.02em;\n }\n .logo-mark{\n width:26px; height:26px; border-radius:50%;\n border:1.5px solid var(--amber);\n position:relative;\n flex-shrink:0;\n }\n .logo-mark::after{\n content:\"\"; position:absolute; inset:7px;\n border-radius:50%; background:var(--amber);\n }\n .nav-links{display:flex; align-items:center; gap:34px;}\n .nav-links a{\n font-size:0.92rem; color:var(--muted); font-weight:500;\n transition:color .2s;\n }\n .nav-links a:hover{color:var(--paper);}\n .btn{\n display:inline-flex; align-items:center; gap:8px;\n padding:11px 20px; border-radius:999px;\n font-size:0.88rem; font-weight:600;\n border:1px solid transparent; cursor:pointer;\n transition:transform .15s ease, background .2s, color .2s, border-color .2s;\n white-space:nowrap;\n }\n .btn-primary{background:var(--amber); color:#0B0F1A;}\n .btn-primary:hover{transform:translateY(-1px); background:#f0b35a;}\n .btn-ghost{border-color:var(--line); color:var(--paper);}\n .btn-ghost:hover{border-color:var(--amber); color:var(--amber);}\n .menu-toggle{display:none; background:none; border:none; color:var(--paper); cursor:pointer;}\n\n \/* ===== Hero ===== *\/\n .hero{\n padding:88px 0 56px;\n display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;\n }\n .eyebrow{\n display:inline-flex; align-items:center; gap:8px;\n font-size:0.74rem; letter-spacing:0.12em; text-transform:uppercase;\n color:var(--amber); font-weight:500; margin-bottom:20px;\n }\n .eyebrow::before{content:\"\u25cf\"; font-size:0.6rem;}\n h1{\n font-size:clamp(2.3rem, 4vw, 3.4rem);\n font-weight:700; line-height:1.08; margin-bottom:22px;\n }\n h1 .accent{color:var(--amber);}\n .hero p.lead{\n font-size:1.08rem; color:#C7CDDC; max-width:520px; margin-bottom:32px;\n }\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:28px;}\n .trust-line{\n font-size:0.82rem; color:var(--muted); display:flex; gap:18px; flex-wrap:wrap;\n }\n .trust-line span{display:inline-flex; align-items:center; gap:6px;}\n .trust-line span::before{content:\"\u2713\"; color:var(--amber); font-weight:700;}\n\n \/* ===== Radar signature ===== *\/\n .radar-box{\n position:relative; width:100%; max-width:380px; aspect-ratio:1\/1; margin:0 auto;\n }\n .radar-ring{\n position:absolute; border:1px solid var(--line); border-radius:50%;\n top:50%; left:50%; transform:translate(-50%,-50%);\n }\n .r1{width:100%; height:100%;}\n .r2{width:72%; height:72%;}\n .r3{width:44%; height:44%;}\n .r4{width:16%; height:16%; border-color:var(--amber);}\n .radar-cross{\n position:absolute; top:50%; left:0; width:100%; height:1px; background:var(--line);\n }\n .radar-cross.v{width:1px; height:100%; left:50%; top:0;}\n .radar-sweep{\n position:absolute; inset:0; border-radius:50%; overflow:hidden;\n }\n .radar-sweep::before{\n content:\"\"; position:absolute; inset:0;\n background:conic-gradient(from 0deg, rgba(232,163,61,0.55), transparent 28%);\n animation:sweep 4.5s linear infinite;\n }\n @keyframes sweep{ to{ transform:rotate(360deg); } }\n .blip{\n position:absolute; width:9px; height:9px; border-radius:50%;\n background:var(--brick);\n box-shadow:0 0 0 0 rgba(194,69,47,0.6);\n animation:pulse 2.2s ease-out infinite;\n }\n .blip.safe{background:var(--amber); box-shadow:0 0 0 0 rgba(232,163,61,0.6); animation-duration:2.6s;}\n @keyframes pulse{\n 0%{box-shadow:0 0 0 0 rgba(194,69,47,0.55);}\n 70%{box-shadow:0 0 0 14px rgba(194,69,47,0);}\n 100%{box-shadow:0 0 0 0 rgba(194,69,47,0);}\n }\n .blip-label{\n position:absolute; font-size:0.62rem; white-space:nowrap;\n color:var(--muted); transform:translateY(-16px);\n }\n\n \/* ===== Ticker ===== *\/\n .ticker{\n border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n background:var(--panel); overflow:hidden; padding:13px 0;\n }\n .ticker-track{\n display:flex; gap:48px; white-space:nowrap;\n animation:ticker 32s linear infinite;\n font-size:0.78rem; color:var(--muted); letter-spacing:0.02em;\n }\n .ticker-track span{display:inline-flex; align-items:center; gap:10px;}\n .ticker-track span::before{content:\"\/\/\"; color:var(--amber);}\n @keyframes ticker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\n\n \/* ===== Section shared ===== *\/\n section{padding:96px 0;}\n .section-head{max-width:620px; margin-bottom:56px;}\n .section-head h2{font-size:clamp(1.7rem,2.6vw,2.3rem); font-weight:700; margin-bottom:14px;}\n .section-head p{color:var(--muted); font-size:1.02rem;}\n\n \/* ===== Services ===== *\/\n .services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\n .service-card{\n background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);\n padding:30px 28px; display:flex; flex-direction:column; gap:16px;\n transition:border-color .2s, transform .2s;\n }\n .service-card:hover{border-color:rgba(232,163,61,0.4); transform:translateY(-3px);}\n .tag{\n align-self:flex-start; font-size:0.68rem; letter-spacing:0.1em;\n padding:5px 10px; border-radius:6px; font-weight:500;\n background:var(--panel-alt); color:var(--amber); border:1px solid rgba(232,163,61,0.25);\n }\n .service-card h3{font-size:1.28rem; font-weight:600;}\n .service-card p.desc{color:#B6BDCE; font-size:0.95rem;}\n .service-card ul{list-style:none; display:flex; flex-direction:column; gap:9px; margin-top:6px;}\n .service-card li{\n font-size:0.86rem; color:var(--muted); padding-left:16px; position:relative;\n }\n .service-card li::before{\n content:\"\"; position:absolute; left:0; top:9px; width:6px; height:1px; background:var(--amber);\n }\n .legal-note{\n margin-top:36px; font-size:0.82rem; color:var(--muted);\n border-left:2px solid var(--amber); padding-left:14px;\n }\n\n \/* ===== Process ===== *\/\n .process{\n display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;\n }\n .process::before{\n content:\"\"; position:absolute; top:22px; left:0; right:0; height:1px; background:var(--line);\n }\n .step{padding-right:24px; position:relative;}\n .step-num{\n font-family:'IBM Plex Mono', monospace; font-size:0.82rem; color:var(--amber);\n display:flex; align-items:center; gap:10px; margin-bottom:20px;\n }\n .step-num::before{\n content:\"\"; width:11px; height:11px; border-radius:50%; background:var(--ink);\n border:2px solid var(--amber); flex-shrink:0; position:relative; z-index:2;\n }\n .step h3{font-size:1.08rem; font-weight:600; margin-bottom:10px;}\n .step p{font-size:0.88rem; color:var(--muted);}\n\n \/* ===== Commitments ===== *\/\n .commit-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}\n .commit-card{\n background:var(--panel-alt); border:1px solid var(--line); border-radius:var(--radius);\n padding:26px 22px;\n }\n .commit-card .big{\n font-family:'Space Grotesk', sans-serif; font-size:2rem; font-weight:700; color:var(--amber);\n margin-bottom:8px;\n }\n .commit-card p{font-size:0.86rem; color:var(--muted);}\n\n \/* ===== Contact ===== *\/\n .contact-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:start;}\n .contact-grid h2{font-size:clamp(1.7rem,2.6vw,2.2rem); font-weight:700; margin-bottom:18px;}\n .contact-grid > div:first-child p{color:var(--muted); margin-bottom:24px; max-width:420px;}\n .contact-detail{display:flex; flex-direction:column; gap:14px; margin-top:8px;}\n .contact-detail div{font-size:0.9rem; color:var(--muted);}\n .contact-detail strong{color:var(--paper); display:block; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:4px;}\n\n form{\n background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);\n padding:32px; display:flex; flex-direction:column; gap:18px;\n }\n .form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}\n label{font-size:0.8rem; color:var(--muted); margin-bottom:7px; display:block;}\n input, select, textarea{\n width:100%; background:var(--ink); border:1px solid var(--line); border-radius:8px;\n padding:11px 13px; color:var(--paper); font-family:'IBM Plex Sans', sans-serif; font-size:0.92rem;\n }\n input:focus, select:focus, textarea:focus{border-color:var(--amber);}\n textarea{resize:vertical; min-height:90px;}\n .form-status{font-size:0.85rem; color:var(--amber); min-height:18px;}\n\n \/* ===== Footer ===== *\/\n footer{border-top:1px solid var(--line); padding:56px 0 32px;}\n .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; margin-bottom:40px;}\n .footer-grid h4{font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); margin-bottom:16px; font-weight:500;}\n .footer-grid ul{list-style:none; display:flex; flex-direction:column; gap:10px;}\n .footer-grid li a{font-size:0.88rem; color:#C7CDDC; transition:color .2s;}\n .footer-grid li a:hover{color:var(--amber);}\n .footer-brand p{color:var(--muted); font-size:0.88rem; margin-top:12px; max-width:280px;}\n .footer-bottom{\n border-top:1px solid var(--line); padding-top:22px;\n display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;\n font-size:0.78rem; color:var(--muted);\n }\n\n \/* ===== Responsive ===== *\/\n @media (max-width:920px){\n .hero{grid-template-columns:1fr; padding-top:48px;}\n .services-grid{grid-template-columns:1fr;}\n .process{grid-template-columns:1fr; gap:28px;}\n .process::before{display:none;}\n .commit-grid{grid-template-columns:1fr 1fr;}\n .contact-grid{grid-template-columns:1fr;}\n .footer-grid{grid-template-columns:1fr 1fr;}\n .nav-links{\n position:absolute; top:100%; left:0; right:0; background:var(--ink);\n flex-direction:column; align-items:flex-start; padding:20px 28px; gap:18px;\n border-bottom:1px solid var(--line); display:none;\n }\n .nav-links.open{display:flex;}\n .menu-toggle{display:block;}\n }\n @media (max-width:600px){\n .form-row{grid-template-columns:1fr;}\n .commit-grid{grid-template-columns:1fr 1fr;}\n h1{font-size:2.1rem;}\n }\n\n @media (prefers-reduced-motion: reduce){\n .radar-sweep::before, .ticker-track, .blip{animation:none !important;}\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"nav\">\n <a href=\"#top\" class=\"logo\"><span class=\"logo-mark\"><\/span>MARGAL<\/a>\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\u2630<\/button>\n <nav class=\"nav-links\" id=\"navLinks\">\n <a href=\"#servicios\">Servicios<\/a>\n <a href=\"#proceso\">C\u00f3mo trabajamos<\/a>\n <a href=\"#compromisos\">Por qu\u00e9 Margal<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <a href=\"#contacto\" class=\"btn btn-primary\">Pedir auditor\u00eda<\/a>\n <\/nav>\n <\/div>\n<\/header>\n\n<main id=\"top\">\n\n <!-- HERO -->\n <div class=\"wrap hero\">\n <div>\n <div class=\"eyebrow\">Ciberseguridad \u00b7 Consultor\u00eda web \u00b7 Simulaci\u00f3n de phishing<\/div>\n <h1>La brecha no avisa.<br><span class=\"accent\">Margal s\u00ed.<\/span><\/h1>\n <p class=\"lead\">Auditamos tu infraestructura, revisamos tu web y ponemos a prueba a tu equipo con campa\u00f1as de phishing reales y controladas. Todo antes de que lo haga alguien que no tiene tu permiso.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#contacto\" class=\"btn btn-primary\">Solicitar auditor\u00eda gratuita<\/a>\n <a href=\"#servicios\" class=\"btn btn-ghost\">Ver servicios<\/a>\n <\/div>\n <div class=\"trust-line\">\n <span>Simulaciones autorizadas por contrato<\/span>\n <span>Informe inicial en 72h<\/span>\n <span>Cumplimiento RGPD<\/span>\n <\/div>\n <\/div>\n\n <div class=\"radar-box\" aria-hidden=\"true\">\n <div class=\"radar-ring r1\"><\/div>\n <div class=\"radar-ring r2\"><\/div>\n <div class=\"radar-ring r3\"><\/div>\n <div class=\"radar-ring r4\"><\/div>\n <div class=\"radar-cross\"><\/div>\n <div class=\"radar-cross v\"><\/div>\n <div class=\"radar-sweep\"><\/div>\n <div class=\"blip\" style=\"top:28%; left:64%;\"><\/div>\n <div class=\"blip-label\" style=\"top:22%; left:60%;\">correo sospechoso<\/div>\n <div class=\"blip safe\" style=\"top:62%; left:30%; animation-delay:.8s;\"><\/div>\n <div class=\"blip-label\" style=\"top:68%; left:24%;\">parche aplicado<\/div>\n <div class=\"blip\" style=\"top:70%; left:72%; animation-delay:1.4s;\"><\/div>\n <div class=\"blip-label\" style=\"top:76%; left:68%;\">puerto abierto<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ticker\" aria-hidden=\"true\">\n <div class=\"ticker-track\">\n <span>El correo sigue siendo la puerta m\u00e1s f\u00e1cil para entrar<\/span>\n <span>Una web sin parchear es una invitaci\u00f3n abierta<\/span>\n <span>El eslab\u00f3n m\u00e1s d\u00e9bil no es la tecnolog\u00eda, es el clic<\/span>\n <span>Formar al equipo cuesta menos que una brecha<\/span>\n <span>El correo sigue siendo la puerta m\u00e1s f\u00e1cil para entrar<\/span>\n <span>Una web sin parchear es una invitaci\u00f3n abierta<\/span>\n <span>El eslab\u00f3n m\u00e1s d\u00e9bil no es la tecnolog\u00eda, es el clic<\/span>\n <span>Formar al equipo cuesta menos que una brecha<\/span>\n <\/div>\n <\/div>\n\n <!-- SERVICIOS -->\n <section id=\"servicios\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">Servicios<\/div>\n <h2>Tres frentes, una sola defensa<\/h2>\n <p>No vendemos miedo, vendemos certeza: sabemos exactamente por d\u00f3nde puede entrar un atacante a tu empresa, y lo cerramos antes de que lo encuentre.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <span class=\"tag mono\">DEFENSA<\/span>\n <h3>Ciberseguridad<\/h3>\n <p class=\"desc\">Auditor\u00edas y tests de intrusi\u00f3n sobre tu infraestructura real, no sobre una checklist gen\u00e9rica.<\/p>\n <ul>\n <li>Auditor\u00eda de seguridad perimetral<\/li>\n <li>Test de intrusi\u00f3n (pentesting)<\/li>\n <li>Respuesta y gesti\u00f3n de incidentes<\/li>\n <li>Hardening de sistemas y redes<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"service-card\">\n <span class=\"tag mono\">WEB<\/span>\n <h3>Consultor\u00eda Web<\/h3>\n <p class=\"desc\">Tu web es escaparate y puerta trasera a la vez. Revisamos el c\u00f3digo, el servidor y la configuraci\u00f3n para cerrar las dos.<\/p>\n <ul>\n <li>Auditor\u00eda en WordPress, PrestaShop y a medida<\/li>\n <li>Hardening de servidores y CMS<\/li>\n <li>Revisi\u00f3n de c\u00f3digo y dependencias<\/li>\n <li>Arquitectura y despliegue seguro<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"service-card\">\n <span class=\"tag mono\">SIMULACI\u00d3N<\/span>\n <h3>Campa\u00f1as de Phishing<\/h3>\n <p class=\"desc\">Lanzamos ataques de phishing simulados contra tu propia plantilla para medir, en cifras reales, qui\u00e9n hace clic y por qu\u00e9.<\/p>\n <ul>\n <li>Campa\u00f1as dirigidas y personalizadas<\/li>\n <li>Informe individual de exposici\u00f3n por empleado<\/li>\n <li>Formaci\u00f3n espec\u00edfica tras cada simulaci\u00f3n<\/li>\n <li>Repetici\u00f3n peri\u00f3dica para medir mejora<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <p class=\"legal-note\">Todas las simulaciones de phishing se ejecutan bajo acuerdo previo firmado, con alcance y objetivos definidos por escrito, dentro del marco legal y de protecci\u00f3n de datos aplicable.<\/p>\n <\/div>\n <\/section>\n\n <!-- PROCESO -->\n <section id=\"proceso\" style=\"background:var(--panel);\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">C\u00f3mo trabajamos<\/div>\n <h2>De la duda a la certeza, en cuatro pasos<\/h2>\n <p>Cada proyecto sigue el mismo orden: primero entendemos el riesgo, luego lo probamos de verdad.<\/p>\n <\/div>\n\n <div class=\"process\">\n <div class=\"step\">\n <div class=\"step-num mono\">01 \u00b7 Diagn\u00f3stico<\/div>\n <h3>Mapeamos tu superficie de ataque<\/h3>\n <p>Webs, redes, empleados y proveedores. Si algo es vulnerable, lo encontramos antes de tocar nada.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num mono\">02 \u00b7 Simulaci\u00f3n<\/div>\n <h3>Lanzamos el ataque controlado<\/h3>\n <p>Phishing, intrusi\u00f3n, o ambos, seg\u00fan el objetivo acordado contigo desde el primer d\u00eda.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num mono\">03 \u00b7 Refuerzo<\/div>\n <h3>Corregimos y formamos<\/h3>\n <p>Cerramos lo que falla y entrenamos a tu equipo con ejemplos reales de su propia simulaci\u00f3n.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num mono\">04 \u00b7 Vigilancia<\/div>\n <h3>Monitorizamos y repetimos<\/h3>\n <p>La seguridad no es un informe que se archiva, es una rutina que se mantiene.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- COMPROMISOS -->\n <section id=\"compromisos\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">Por qu\u00e9 Margal<\/div>\n <h2>Compromisos, no promesas vac\u00edas<\/h2>\n <\/div>\n <div class=\"commit-grid\">\n <div class=\"commit-card\">\n <div class=\"big\">72h<\/div>\n <p>para entregar el primer informe de auditor\u00eda, con hallazgos priorizados por riesgo real.<\/p>\n <\/div>\n <div class=\"commit-card\">\n <div class=\"big\">100%<\/div>\n <p>de las simulaciones de phishing se realizan bajo acuerdo legal firmado por ambas partes.<\/p>\n <\/div>\n <div class=\"commit-card\">\n <div class=\"big\">NDA<\/div>\n <p>de confidencialidad incluido en todos los proyectos, sin coste adicional ni letra peque\u00f1a.<\/p>\n <\/div>\n <div class=\"commit-card\">\n <div class=\"big\">1:1<\/div>\n <p>trato directo con quien hace el trabajo t\u00e9cnico, sin pasar por una cola de tickets.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACTO -->\n <section id=\"contacto\" style=\"background:var(--panel);\">\n <div class=\"wrap contact-grid\">\n <div>\n <div class=\"eyebrow\">Contacto<\/div>\n <h2>\u00bfHablamos de tu superficie de ataque?<\/h2>\n <p>Cu\u00e9ntanos qu\u00e9 quieres proteger y te respondemos con una propuesta concreta, no con un formulario gen\u00e9rico.<\/p>\n\n <div class=\"contact-detail\">\n <div><strong>Email<\/strong>hola@margal.es<\/div>\n <div><strong>Tel\u00e9fono<\/strong>+34 600 00 00 00<\/div>\n <div><strong>Sede<\/strong>\u00c9cija, Andaluc\u00eda \u2014 atendemos en remoto a toda Espa\u00f1a<\/div>\n <\/div>\n <\/div>\n\n <form id=\"contactForm\">\n <div class=\"form-row\">\n <div>\n <label for=\"nombre\">Nombre<\/label>\n <input id=\"nombre\" type=\"text\" required>\n <\/div>\n <div>\n <label for=\"empresa\">Empresa<\/label>\n <input id=\"empresa\" type=\"text\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div>\n <label for=\"email\">Email<\/label>\n <input id=\"email\" type=\"email\" required>\n <\/div>\n <div>\n <label for=\"servicio\">Servicio de inter\u00e9s<\/label>\n <select id=\"servicio\">\n <option>Ciberseguridad<\/option>\n <option>Consultor\u00eda web<\/option>\n <option>Campa\u00f1a de phishing<\/option>\n <option>No estoy seguro todav\u00eda<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div>\n <label for=\"mensaje\">Cu\u00e9ntanos qu\u00e9 necesitas proteger<\/label>\n <textarea id=\"mensaje\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\" style=\"align-self:flex-start;\">Enviar solicitud<\/button>\n <div class=\"form-status\" id=\"formStatus\"><\/div>\n <\/form>\n <\/div>\n <\/section>\n\n<\/main>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#top\" class=\"logo\"><span class=\"logo-mark\"><\/span>MARGAL<\/a>\n <p>Ciberseguridad, consultor\u00eda web y simulaci\u00f3n de phishing para empresas que no pueden permitirse un fallo.<\/p>\n <\/div>\n <div>\n <h4>Servicios<\/h4>\n <ul>\n <li><a href=\"#servicios\">Ciberseguridad<\/a><\/li>\n <li><a href=\"#servicios\">Consultor\u00eda web<\/a><\/li>\n <li><a href=\"#servicios\">Campa\u00f1as de phishing<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Empresa<\/h4>\n <ul>\n <li><a href=\"#proceso\">C\u00f3mo trabajamos<\/a><\/li>\n <li><a href=\"#compromisos\">Por qu\u00e9 Margal<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Legal<\/h4>\n <ul>\n <li><a href=\"#\">Privacidad<\/a><\/li>\n <li><a href=\"#\">T\u00e9rminos<\/a><\/li>\n <li><a href=\"#\">Marco legal de simulaciones<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Margal. Todos los derechos reservados.<\/span>\n <span>\u00c9cija, Andaluc\u00eda, Espa\u00f1a<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n const toggle = document.getElementById('menuToggle');\n const links = document.getElementById('navLinks');\n toggle.addEventListener('click', () => {\n const open = links.classList.toggle('open');\n toggle.setAttribute('aria-expanded', open);\n });\n links.querySelectorAll('a').forEach(a => a.addEventListener('click', () => links.classList.remove('open')));\n\n document.getElementById('contactForm').addEventListener('submit', function(e){\n e.preventDefault();\n document.getElementById('formStatus').textContent = 'Solicitud recibida. Te responderemos en menos de 24h.';\n this.reset();\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0f341b e-con e-atomic-element e-flexbox-base \" data-id=\"a0f341b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0f341b\">\n \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Margal \u2014 Ciberseguridad, consultor\u00eda web y simulaci\u00f3n de phishing MARGAL \u2630 Servicios C\u00f3mo trabajamos Por qu\u00e9 Margal Contacto Pedir auditor\u00eda Ciberseguridad \u00b7 Consultor\u00eda web \u00b7 Simulaci\u00f3n de phishing La brecha no avisa.Margal s\u00ed. Auditamos tu infraestructura, revisamos tu web y ponemos a prueba a tu equipo con campa\u00f1as de phishing reales y controladas. Todo antes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/margal.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":9,"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/margal.es\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/margal.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}