:root{--green:#0537D8;--navy:#101d35;--text:#4c5870;--muted:#575f6d;--line:#dfe8ee;--shadow:0 20px 60px rgba(16,29,53,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);line-height:1.6;background:white}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.contenedor{width:min(1180px,calc(100% - 40px));margin:auto}.cabecera-sitio{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.interior-cabecera{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo,.marca-pie{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:24px;font-weight:850}.logo img,.marca-pie img{width:42px}.navegacion-principal{display:flex;gap:32px;color:var(--navy);font-weight:650}.navegacion-principal a{cursor:pointer}.navegacion-principal .activo{color:var(--green);border-bottom:3px solid var(--green);padding-bottom:8px}.boton{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:12px;font-weight:850;cursor:pointer}.boton-primario{background:linear-gradient(135deg,var(--green),#3a68ff);color:white;box-shadow:0 14px 30px rgba(5,55,216,.22)}.boton-secundario{background:white;color:var(--green);border:1px solid #b8c8ff}.boton-claro{background:white;color:#0537D8}.boton-pequeno{min-height:46px}.portada{padding:78px 0 70px;background:radial-gradient(circle at 80% 20%,#edf7ff 0,transparent 38%),linear-gradient(180deg,#fff,#fbfdfd)}.cuadricula-portada{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.antetitulo{margin:0 0 14px;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.titulo-portada{margin:0 0 14px;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:14px;line-height:1.2}.impacto-portada{margin:0;color:var(--navy);letter-spacing:-.04em;line-height:1.05;font-size:clamp(42px,6vw,72px);font-weight:800;max-width:680px}h1,h2{margin:0;color:var(--navy);letter-spacing:-.04em;line-height:1.05}h2{font-size:clamp(32px,4vw,46px)}h3{margin:0 0 12px;color:var(--navy);font-size:22px;line-height:1.18}.texto-portada{font-size:18px;margin:26px 0 30px;max-width:580px}.acciones-portada{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px}.tarjeta-valoracion{width:fit-content;display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.tarjeta-valoracion img{width:34px}.tarjeta-valoracion p{margin:0;color:var(--navy);font-weight:750}.tarjeta-valoracion span{color:var(--muted);font-size:14px}.tarjeta-valoracion strong{color:#ffb000;letter-spacing:2px}.imagen-portada{position:relative}.imagen-portada img{width:100%;max-width:680px;margin-inline:auto;object-fit:contain}.imagen-portada:before{content:"";position:absolute;inset:8% 4% 0 12%;border-radius:50%;background:#eef3ff;z-index:-1}.que{padding:76px 0;background:linear-gradient(180deg,#f1f4ff,#f8fbff);border-block:1px solid #e7edff}.cuadricula-que{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:center}.icono-circular{width:240px;height:240px;display:grid;place-items:center;border-radius:50%;background:#e7eeff;margin:auto}.icono-circular img{width:150px}.linea-azul{margin:0 0 8px;color:var(--green);font-weight:850;font-size:18px}.etiquetas{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.etiquetas span{padding:15px 20px;border:1px solid #d4dcff;border-radius:12px;background:white;color:var(--navy);font-weight:850}.especialistas,.servicios,.por-que{padding:82px 0}.titulo-seccion{text-align:center;max-width:850px;margin:0 auto 42px}.titulo-seccion p{font-size:18px}.cuadricula-caracteristicas,.cuadricula-servicios{display:grid;gap:28px}.cuadricula-caracteristicas{grid-template-columns:repeat(4,1fr)}.cuadricula-servicios{grid-template-columns:repeat(2,1fr)}.cuadricula-caracteristicas article,.cuadricula-servicios article{background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.cuadricula-caracteristicas article{padding:38px 26px;text-align:center}.cuadricula-caracteristicas img{width:72px;height:72px;margin:0 auto 22px}.servicios{background:#fbfdfd}.cuadricula-servicios article{padding:30px}.cuadricula-servicios article>img{height:190px;width:100%;object-fit:contain;margin-bottom:18px}.cuadricula-servicios a{display:inline-block;margin-top:22px;color:var(--green);font-weight:900}.por-que{padding-top:20px}.por-que h2{text-align:center;margin-bottom:42px}.cuadricula-por-que{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.cuadricula-por-que article{display:flex;gap:18px}.cuadricula-por-que img{width:58px;height:58px}.aviso{margin:42px auto 0;max-width:980px;padding:16px 22px;border-radius:14px;border:1px solid var(--line);background:#f4f7ff;color:var(--navy);text-align:center;font-weight:750}.seccion-llamada{padding-bottom:72px}.caja-llamada{display:grid;grid-template-columns:120px 1fr auto;gap:32px;align-items:center;padding:38px;border-radius:24px;color:white;background:radial-gradient(circle at 80% 20%,rgba(120,170,255,.25),transparent 30%),linear-gradient(135deg,#02207f,#0537D8 65%,#3a68ff);box-shadow:0 28px 70px rgba(5,55,216,.24)}.caja-llamada img{width:110px}.caja-llamada h2{color:white}.caja-llamada p{margin:10px 0 0;color:rgba(255,255,255,.86)}.acciones-llamada{display:grid;gap:16px;justify-items:end}.acciones-llamada span{font-size:18px;font-weight:900}footer{border-top:1px solid var(--line);padding:44px 0 22px;background:white}.cuadricula-pie{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}footer h4{margin:0 0 12px;color:var(--navy);text-transform:uppercase;font-size:13px;letter-spacing:.08em}footer a{display:block;margin:8px 0;color:var(--text)}.derechos{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:14px}@media(max-width:980px){.navegacion-principal{display:none}.cuadricula-portada,.cuadricula-que,.caja-llamada{grid-template-columns:1fr}.cuadricula-caracteristicas,.cuadricula-servicios,.cuadricula-por-que,.cuadricula-pie{grid-template-columns:1fr 1fr}.acciones-llamada{justify-items:start}}@media(max-width:640px){.contenedor{width:min(100% - 26px,1180px)}.boton-pequeno{display:none}.portada{padding-top:46px}.cuadricula-caracteristicas,.cuadricula-servicios,.cuadricula-por-que,.cuadricula-pie{grid-template-columns:1fr}.acciones-portada{flex-direction:column}.boton{width:100%}.tarjeta-valoracion{width:100%;align-items:flex-start}.cuadricula-que{gap:30px}.icono-circular{width:180px;height:180px}.caja-llamada{padding:28px}}

.cuadricula-servicios article h2{margin:0 0 12px;color:var(--navy);font-size:34px;line-height:1.06;letter-spacing:-.03em}.cuadricula-servicios article p{font-size:17px}.cuadricula-servicios article>img{border-radius:18px;background:#f6f8ff;object-fit:cover;height:190px;width:100%}.logo img{width:230px;height:auto}.marca-pie img{width:230px;height:auto}@media(max-width:640px){.logo img,.marca-pie img{width:190px}}

.elemento-nav{position:relative;display:flex;align-items:center}.elemento-nav>a{cursor:pointer}.con-submenu .submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);min-width:250px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:40}.con-submenu:hover .submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.con-submenu .submenu a{display:block;padding:10px 12px;border-radius:10px;color:var(--navy);font-weight:700;white-space:nowrap}.con-submenu .submenu a:hover{background:#f1f4ff;color:var(--green)}.navegacion-principal .submenu a::after{display:none}.navegacion-principal .submenu a{border-bottom:0;padding-bottom:10px}


/* Corrección alineación vertical del menú */
.interior-cabecera{
  align-items:center;
}

.navegacion-principal{
  display:flex;
  align-items:center;
  height:84px;
}

.navegacion-principal > a,
.navegacion-principal .elemento-nav > a{
  height:84px;
  display:flex;
  align-items:center;
  padding:0;
  border-bottom:0 !important;
  position:relative;
}

.navegacion-principal > a.activo::after,
.navegacion-principal > a:hover::after,
.navegacion-principal .elemento-nav > a:hover::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:21px;
  height:3px;
  border-radius:999px;
  background:var(--green);
}

.elemento-nav{
  height:84px;
  display:flex;
  align-items:center;
}

.con-submenu .submenu{
  top:84px;
}

@media(max-width:980px){
  .navegacion-principal{
    display:none;
  }
}

@media(max-width:980px){
  .caja-llamada{
    text-align:center;
  }

  .caja-llamada>img{
    margin-inline:auto;
  }

  .acciones-llamada{
    justify-items:center;
    text-align:center;
  }
}

@media(max-width:640px){
  .caja-llamada{
    justify-items:center;
  }

  .acciones-llamada{
    width:100%;
  }
}


/* Ajuste final menú principal */
.navegacion-principal{
  align-items:center;
}

.navegacion-principal > a,
.navegacion-principal .elemento-nav > a{
  height:44px;
  display:flex;
  align-items:center;
  position:relative;
  padding:0;
}

.navegacion-principal > a::after,
.navegacion-principal .elemento-nav > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:transparent;
}

.navegacion-principal > a.activo::after,
.navegacion-principal > a:hover::after,
.navegacion-principal .elemento-nav > a:hover::after{
  background:var(--green);
}

.navegacion-principal > a.activo,
.navegacion-principal > a:hover,
.navegacion-principal .elemento-nav > a:hover{
  color:var(--green);
}


/* Menú principal: alineación definitiva */
.cabecera-sitio .interior-cabecera{
  align-items:center !important;
}

.cabecera-sitio .navegacion-principal{
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:34px;
}

.cabecera-sitio .navegacion-principal > a,
.cabecera-sitio .navegacion-principal .elemento-nav > a{
  height:44px !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  border:0 !important;
}

.cabecera-sitio .navegacion-principal .elemento-nav{
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
}

.cabecera-sitio .navegacion-principal > a::after,
.cabecera-sitio .navegacion-principal .elemento-nav > a::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-8px !important;
  height:3px !important;
  border-radius:999px !important;
  background:transparent !important;
}

.cabecera-sitio .navegacion-principal > a.activo::after,
.cabecera-sitio .navegacion-principal > a:hover::after,
.cabecera-sitio .navegacion-principal .elemento-nav > a:hover::after{
  background:var(--green) !important;
}

.cabecera-sitio .navegacion-principal > a.activo,
.cabecera-sitio .navegacion-principal > a:hover,
.cabecera-sitio .navegacion-principal .elemento-nav > a:hover{
  color:var(--green) !important;
}

.cabecera-sitio .con-submenu .submenu{
  top:52px !important;
}

.cabecera-sitio .navegacion-principal .submenu a{
  height:auto !important;
  line-height:1.35 !important;
  display:block !important;
  padding:10px 12px !important;
}

.cabecera-sitio .navegacion-principal .submenu a::after{
  display:none !important;
}

.cabecera-pagina{padding:76px 0;background:radial-gradient(circle at 80% 20%,#edf7ff 0,transparent 38%),linear-gradient(180deg,#fff,#fbfdfd);border-bottom:1px solid #e7edff}.cuadricula-cabecera-pagina{display:grid;grid-template-columns:1.05fr .75fr;gap:58px;align-items:center}.cuadricula-cabecera-contacto{grid-template-columns:1fr 1fr;align-items:start}.cabecera-pagina h1{max-width:760px;font-size:clamp(42px,5vw,68px)}.entradilla-pagina{max-width:700px;margin:24px 0 30px;font-size:19px;color:var(--text)}.panel-cabecera-pagina{padding:34px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow)}.panel-cabecera-pagina img{width:120px;margin-bottom:26px}.panel-cabecera-pagina h2{font-size:32px;margin-bottom:12px}.boton-panel{margin-top:22px}.seccion-interna{padding:78px 0}.seccion-suave{background:#fbfdfd;border-block:1px solid #e7edff}.cuadricula-dividida{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.texto-enriquecido p{margin:0 0 18px;font-size:18px}.cuadricula-caracteristicas-servicio article{min-height:285px}.lista-mantenimiento,.cuadricula-precios{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lista-mantenimiento article,.cuadricula-precios article{padding:28px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow)}.lista-mantenimiento h3,.cuadricula-precios h3{font-size:21px}.lista-mantenimiento p,.cuadricula-precios p{margin:0}.cuadricula-plataformas{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.cuadricula-plataformas article{padding:34px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow)}.cuadricula-plataformas img{width:70px;height:70px;margin-bottom:22px}.cuadricula-plataformas a{display:inline-block;margin-top:18px;color:var(--green);font-weight:900}.llamada-interna{padding-top:72px}

@media(max-width:980px){.cuadricula-cabecera-pagina,.cuadricula-dividida{grid-template-columns:1fr}.lista-mantenimiento,.cuadricula-precios,.cuadricula-plataformas{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cabecera-pagina{padding:48px 0}.panel-cabecera-pagina{padding:26px}.lista-mantenimiento,.cuadricula-precios,.cuadricula-plataformas{grid-template-columns:1fr}}

.panel-programador{display:grid;place-items:center;align-self:center;padding:20px;border-radius:24px;background:#f3f6ff}.panel-programador img{width:min(100%,310px);height:auto}.cuadricula-intro-especialistas{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:center;margin-bottom:40px}.cuadricula-caracteristicas-inicio{grid-template-columns:repeat(4,1fr)}.titulo-seccion-izquierda{text-align:left;margin:0 0 42px}.division-tecnica{grid-template-columns:340px 1fr}.panel-cabecera-pagina img[src$="coder.png"]{width:210px;height:210px;object-fit:contain;margin-inline:auto}.cuadricula-plataformas article{min-height:270px}
@media(max-width:980px){.cuadricula-intro-especialistas,.division-tecnica{grid-template-columns:1fr}.titulo-seccion-izquierda{text-align:center;margin-inline:auto}.panel-programador img{width:min(100%,240px)}.cuadricula-caracteristicas-inicio{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cuadricula-caracteristicas-inicio{grid-template-columns:1fr}.llamada-interna{padding-top:48px}}

.cabecera-sitio .navegacion-principal .con-submenu{height:64px !important;margin-block:-10px !important;align-items:center !important}.cabecera-sitio .con-submenu::after{content:"";position:absolute;left:-18px;right:-18px;top:40px;height:28px}.cabecera-sitio .con-submenu .submenu{top:58px !important;transform:translateX(-50%) translateY(6px)}.cabecera-sitio .con-submenu:hover .submenu{transform:translateX(-50%) translateY(0)}

.cuadricula-equipo{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.cuadricula-equipo article{padding:18px 12px 4px;text-align:center}.cuadricula-equipo img{width:60%;max-width:180px;aspect-ratio:1/1;object-fit:contain;margin:0 auto 16px}.cuadricula-equipo h3{margin:0;text-align:center}
@media(max-width:980px){.cuadricula-equipo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cuadricula-equipo{grid-template-columns:1fr}}

.cuadricula-dividida h2 + .texto-enriquecido,.cuadricula-dividida h2 + p,.panel-cabecera-pagina h2 + p,.titulo-seccion h2 + p,.caja-llamada h2 + p{margin-top:18px}.lista-mantenimiento h3 + p,.cuadricula-precios h3 + p,.cuadricula-plataformas h3 + p,.cuadricula-caracteristicas h3 + p,.cuadricula-por-que h3 + p{margin-top:14px}.texto-enriquecido{max-width:760px}.acciones-seccion,.acciones-centradas{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:36px}.titulo-seccion + .acciones-seccion{margin-bottom:42px}.enlace-corporativo{color:var(--green);font-weight:inherit;text-decoration:none;transition:color .18s ease}.enlace-corporativo:hover{color:#022bb0}
.nota-servicio{margin:34px auto 0;max-width:860px}
.cuadricula-precios-planes h2,.cuadricula-precios-planes h3,.titulo-planes-cms h2,.titulo-planes-cms h3,.fila-plan-html h2,.fila-plan-html h3{font-size:30px;margin-bottom:10px}.precio-plan{margin:0 0 20px;color:var(--green);font-size:38px;font-weight:900;line-height:1}.cuadricula-precios-planes ul,.fila-plan-html ul{margin:20px 0 0;padding-left:20px}.cuadricula-precios-planes li,.fila-plan-html li{margin:9px 0;color:var(--text)}
.imagen-plan{width:288px;height:288px;object-fit:cover;border-radius:20px;margin:0 auto 20px;background:#f4f7ff}
.titulo-planes-cms{margin-top:0;margin-bottom:34px}.fila-plan-html{margin-top:28px}.fila-plan-html>article{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;padding:34px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow)}.imagen-plan-html{grid-column:1/-1;display:flex;justify-content:center}.imagen-plan-html .imagen-plan{margin:0 auto;width:330px;height:330px}.fila-plan-html .texto-enriquecido{max-width:none}.tarjeta-plan-html{padding-left:34px;border-left:1px solid var(--line)}
.lista-coberturas-plan article{box-shadow:none}.lista-coberturas-plan h3{font-size:20px}
.panel-cabecera-pagina .imagen-panel-espana{width:100%;max-width:420px;height:auto;margin:0 auto 24px;object-fit:contain}
.panel-cabecera-pagina .imagen-panel-programador{width:100%;max-width:310px;height:auto;margin:0 auto 24px;object-fit:contain}
.logos-panel-cabecera{display:flex;align-items:center;gap:22px;margin-bottom:26px}.panel-cabecera-pagina .logos-panel-cabecera img{width:auto;height:88px;margin:0;object-fit:contain}.panel-cabecera-pagina .logos-panel-cabecera img[src$="woocommerce.svg"]{height:96px}
.parrafo-tras-tabla{margin-top:28px !important}
.cuadricula-servicios-tres{grid-template-columns:repeat(3,1fr)}.cuadricula-servicios-tres article>img{height:220px;object-fit:contain;padding:18px}
.cuadricula-contacto{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}.cuadricula-contacto-equilibrada{grid-template-columns:1fr 1fr}.cuadricula-contacto-simple{display:block}.tarjeta-formulario-contacto,.tarjeta-info-contacto{padding:34px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow)}.tarjeta-formulario-contacto>p{margin:12px 0 26px}.formulario-contacto{display:grid;gap:18px}.fila-formulario{display:grid;gap:8px}.fila-formulario-cebo{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.formulario-contacto label,.aceptacion-privacidad{color:var(--navy);font-weight:800}.formulario-contacto input,.formulario-contacto textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font:inherit;color:var(--navy);background:#fbfdff}.formulario-contacto textarea{resize:vertical}.aceptacion-privacidad{display:flex;gap:10px;align-items:flex-start;font-size:15px}.aceptacion-privacidad input{width:auto;margin-top:5px}.mensaje-formulario{margin:0 0 20px;padding:14px 16px;border-radius:12px;font-weight:750}.mensaje-formulario p{margin:0}.mensaje-formulario p+p{margin-top:6px}.mensaje-formulario-ok{border:1px solid #b8d8c1;background:#effaf2;color:#1c6b31}.mensaje-formulario-error{border:1px solid #f0b7b7;background:#fff3f3;color:#9d1f1f}.tarjeta-info-contacto{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.tarjeta-info-contacto h2,.contacto-portada h2{font-size:36px}.tarjeta-info-contacto p,.contacto-portada p,.detalles-contacto-portada p{margin:8px 0 0}.tarjeta-info-contacto h3,.detalles-contacto-portada h3{font-size:24px}.contacto-portada{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.detalles-contacto-portada{display:grid;grid-template-columns:1fr;gap:26px;margin-top:28px}
.aceptacion-privacidad a{color:var(--green);font-weight:900}.contenido-legal{max-width:860px}.contenido-legal h2{font-size:30px;margin:0 0 14px}.contenido-legal h2:not(:first-child){margin-top:42px}.contenido-legal p{margin:0 0 16px;font-size:18px}.perfil-autor-articulo{display:grid;justify-items:center;gap:10px;margin:28px 0 30px;text-align:center}.perfil-autor-articulo img{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 14px 34px rgba(16,29,53,.12)}.perfil-autor-separador{position:relative;z-index:2;margin:-60px auto 10px}.perfil-autor-separador img{background:white;border:6px solid white}.indice-articulo{max-width:860px;margin:34px auto 0;padding:34px 28px 28px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}.indice-articulo-con-autor{margin-top:32px}.indice-articulo h2{grid-column:1/-1;margin:0 0 10px;font-size:28px}.indice-articulo a{color:var(--green);font-weight:850}.indice-articulo a:hover{color:#022bb0}.indice-articulo+.seccion-interna{padding-top:42px}.lista-destacada-articulo{display:grid;gap:18px;margin:28px 0 34px}.lista-destacada-articulo article{padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}.lista-destacada-articulo strong{display:block;margin-bottom:8px;color:var(--navy);font-size:20px}.lista-destacada-articulo p{margin:0}.lista-numerada-articulo{margin:28px 0 34px;padding:0;counter-reset:item;display:grid;gap:18px}.lista-numerada-articulo li{position:relative;list-style:none;padding:24px 26px 24px 78px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}.lista-numerada-articulo li::before{counter-increment:item;content:counter(item);position:absolute;left:24px;top:24px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-weight:900}.lista-numerada-articulo strong{display:block;margin-bottom:8px;color:var(--navy);font-size:20px}.lista-numerada-articulo p{margin:0}.tabla-articulo{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;box-shadow:var(--shadow)}.tabla-articulo>div{padding:20px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tabla-articulo>div:nth-child(2n){border-right:0}.tabla-articulo>div:nth-last-child(-n+2){border-bottom:0}.cabecera-tabla-articulo{background:#f4f7ff;color:var(--navy);font-weight:900}.etiqueta-tabla-articulo{background:#fbfdff;color:var(--green);font-weight:900}
.lista-mantenimiento article>img{width:64px;height:64px;margin-bottom:20px}
.cuadricula-plataformas img[src$="wordpress-logo.svg"],.cuadricula-plataformas img[src$="prestashop-logo.svg"]{width:105px;height:105px}
.cuadricula-plataformas img[src$="woocommerce.svg"]{width:150px;height:auto}
.cuadricula-enlaces-locales{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cuadricula-enlaces-locales a{display:flex;align-items:center;min-height:64px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:white;color:var(--navy);font-weight:850;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cuadricula-enlaces-locales a:hover{transform:translateY(-2px);border-color:#b8c8ff;box-shadow:0 20px 54px rgba(16,29,53,.12);color:var(--green)}
.panel-cabecera-pagina .imagen-cabecera-comercio-electronico{width:100%;max-width:360px;height:auto;margin:0 auto 24px;object-fit:contain}
.panel-cabecera-pagina .imagen-cabecera-diseno{width:100%;max-width:360px;height:auto;margin:0 auto 24px;border-radius:18px;object-fit:contain}
.cuadricula-plataformas-tres{grid-template-columns:repeat(3,1fr)}
.cuadricula-preguntas{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:980px;margin:0 auto}.pregunta-frecuente{padding:0 0 22px;border-bottom:1px solid var(--line)}.pregunta-frecuente h3{font-size:21px;margin:0;color:var(--navy)}.pregunta-frecuente p{margin:12px 0 0;font-size:17px}
.tabla-comparativa{display:grid;grid-template-columns:220px 1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;box-shadow:var(--shadow)}.tabla-comparativa>div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tabla-comparativa>div:nth-child(3n){border-right:0}.tabla-comparativa>div:nth-last-child(-n+3){border-bottom:0}.cabecera-comparativa{background:#f4f7ff;color:var(--navy);font-weight:900}.etiqueta-comparativa{background:#fbfdff;color:var(--green);font-weight:900}

.cuadricula-pie{grid-template-columns:1.5fr 1fr 1fr;gap:46px}
.info-pie p{margin:10px 0;color:var(--text)}.info-pie p a{display:inline;margin:0;color:var(--text)}.info-pie strong{color:var(--navy)}.tarjeta-valoracion-pie{width:max-content;max-width:100%;margin-top:18px}.tarjeta-valoracion-pie p{margin:0;white-space:nowrap}.tarjeta-valoracion-pie strong{color:#ffb000}.tarjeta-valoracion-pie img{flex:0 0 auto}
.derechos a{display:inline;margin:0 2px;color:var(--muted);font-weight:400}
.cabecera-centrada{max-width:860px;margin-left:auto;margin-right:auto;text-align:center}.cabecera-centrada h1,.cabecera-centrada .entradilla-pagina{margin-left:auto;margin-right:auto}.cabecera-centrada .acciones-portada{justify-content:center}
@media(max-width:1180px){.cuadricula-pie{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cuadricula-pie{grid-template-columns:1fr}}
.mapa-sitio-desarrollo{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.mapa-sitio-desarrollo h4{margin-bottom:18px}.cuadricula-mapa-sitio-desarrollo{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.mapa-sitio-desarrollo a{font-size:14px;line-height:1.35}
@media(max-width:1180px){.cuadricula-mapa-sitio-desarrollo{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.cuadricula-enlaces-locales{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.fila-plan-html>article{grid-template-columns:1fr}.tarjeta-plan-html{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:28px}}
@media(max-width:640px){.cuadricula-mapa-sitio-desarrollo,.cuadricula-preguntas,.cuadricula-enlaces-locales{grid-template-columns:1fr}}
@media(max-width:980px){.cuadricula-contacto{grid-template-columns:1fr}.tarjeta-info-contacto{grid-template-columns:1fr}.cuadricula-servicios-tres,.cuadricula-plataformas-tres{grid-template-columns:1fr}}
@media(max-width:760px){.tabla-comparativa{display:block;border-radius:18px}.cabecera-comparativa{display:none}.tabla-comparativa>div{border-right:0;border-bottom:0}.etiqueta-comparativa{padding:20px 18px 10px;background:#f4f7ff;color:var(--navy);font-size:21px}.comparativa-html,.comparativa-wp{padding:14px 18px 18px;border-bottom:1px solid var(--line)}.comparativa-html::before,.comparativa-wp::before{display:block;margin-bottom:8px;color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.comparativa-html::before{content:"HTML"}.comparativa-wp::before{content:"WordPress"}.tabla-comparativa>div:nth-last-child(-n+3){border-bottom:0}}
@media(max-width:760px){.tabla-articulo{display:block;border-radius:18px}.cabecera-tabla-articulo{display:none}.tabla-articulo>div{border-right:0;border-bottom:0}.etiqueta-tabla-articulo{padding:20px 18px 8px;background:#f4f7ff;color:var(--navy);font-size:20px}.etiqueta-tabla-articulo+div{padding:12px 18px 20px;border-bottom:1px solid var(--line)}.tabla-articulo>div:last-child{border-bottom:0}}
@media(max-width:760px){.indice-articulo{grid-template-columns:1fr;padding:22px}}

a,button,.boton,.tarjeta-valoracion,label[for],input[type="checkbox"],input[type="radio"],select{cursor:pointer}
.navegacion-principal>a,.elemento-nav>a{display:flex;align-items:center;min-height:64px;padding:0 4px}
.cabecera-sitio .con-submenu::after{left:-24px;right:-24px;top:34px;height:38px}
footer a,.mapa-sitio-desarrollo a{padding:4px 0;margin:4px 0}
.navegacion-principal a:hover,footer a:hover,.mapa-sitio-desarrollo a:hover{color:var(--green)}
.cuadricula-servicios article:has(>a),.cuadricula-plataformas article:has(>a){position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cuadricula-servicios article:has(>a):hover,.cuadricula-plataformas article:has(>a):hover{transform:translateY(-3px);border-color:#b8c8ff;box-shadow:0 24px 70px rgba(16,29,53,.12)}
.cuadricula-servicios article:has(>a)>a::after,.cuadricula-plataformas article:has(>a)>a::after{content:"";position:absolute;inset:0;border-radius:22px}
.cuadricula-servicios article:has(>a):hover>a,.cuadricula-plataformas article:has(>a):hover>a{color:#022bb0}

body a[href],body a[href] *,button,button *,.boton,.boton *,.tarjeta-valoracion,.tarjeta-valoracion *,.cabecera-sitio .navegacion-principal a,.cabecera-sitio .navegacion-principal a *,.caja-llamada a,.caja-llamada a *{cursor:pointer !important}
.cuadricula-servicios article:has(a),.cuadricula-servicios article:has(a) *,.cuadricula-plataformas article:has(a),.cuadricula-plataformas article:has(a) *{cursor:pointer !important}
.cuadricula-servicios article:has(>a)>a::after,.cuadricula-plataformas article:has(>a)>a::after,.navegacion-principal>a::after,.navegacion-principal .elemento-nav>a::after,.cabecera-sitio .con-submenu::after{cursor:pointer !important}

@property --mancha-portada{
  syntax:"<color>";
  inherits:false;
  initial-value:#edf7ff;
}
.portada{--mancha-portada:#edf7ff;background:radial-gradient(circle at 80% 20%,var(--mancha-portada) 0,transparent 38%),linear-gradient(180deg,#fff,#fbfdfd);animation:color-portada 18s ease-in-out infinite}
@keyframes color-portada{0%,100%{--mancha-portada:#edf7ff}33%{--mancha-portada:#f1e8ff}66%{--mancha-portada:#ffe8ef}}
@media(prefers-reduced-motion:reduce){.portada{animation:none}}


.acciones-portada,.acciones-llamada{position:relative;z-index:20}
a.boton,.acciones-portada a.boton,.acciones-llamada a.boton,.cabecera-pagina a.boton{position:relative;z-index:30;display:inline-flex;height:54px;min-height:54px;line-height:1;pointer-events:auto;cursor:pointer !important}
a.boton::before{content:"";position:absolute;inset:0;border-radius:inherit;cursor:pointer !important}
.cabecera-sitio .navegacion-principal,.cabecera-sitio .navegacion-principal>a,.cabecera-sitio .navegacion-principal .elemento-nav,.cabecera-sitio .navegacion-principal .elemento-nav>a{cursor:pointer !important}
.cabecera-sitio .navegacion-principal>a,.cabecera-sitio .navegacion-principal .elemento-nav>a{height:84px !important;min-height:84px !important;position:relative;z-index:60}
.cabecera-sitio .navegacion-principal .submenu,.cabecera-sitio .navegacion-principal .submenu a{cursor:pointer !important}
.tarjeta-clicable,.tarjeta-clicable *{cursor:pointer !important}

.cuadricula-servicios .tarjeta-servicio{display:block;padding:30px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);cursor:pointer !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cuadricula-servicios .tarjeta-servicio,.cuadricula-servicios .tarjeta-servicio *{cursor:pointer !important}
.cuadricula-servicios .tarjeta-servicio:hover{transform:translateY(-3px);border-color:#b8c8ff;box-shadow:0 24px 70px rgba(16,29,53,.12)}
.cuadricula-servicios .tarjeta-servicio>img{height:190px;width:100%;object-fit:contain;margin-bottom:18px;border-radius:18px;background:#f6f8ff}
.cuadricula-servicios .tarjeta-servicio h2{margin:0 0 12px;color:var(--navy);font-size:34px;line-height:1.06;letter-spacing:-.03em}
.cuadricula-servicios .tarjeta-servicio p{font-size:17px}
.cuadricula-servicios .tarjeta-servicio span{display:inline-block;margin-top:22px;color:var(--green);font-weight:900}

/* Interacción final: eliminar capas de hover del menú y usar áreas reales */
.cabecera-sitio .navegacion-principal>a::after,
.cabecera-sitio .navegacion-principal .elemento-nav>a::after,
.navegacion-principal>a::after,
.navegacion-principal .elemento-nav>a::after{
  content:none !important;
  display:none !important;
}

.cabecera-sitio .navegacion-principal{
  align-items:stretch !important;
  height:84px !important;
  gap:32px !important;
}

.cabecera-sitio .navegacion-principal>a,
.cabecera-sitio .navegacion-principal .elemento-nav,
.cabecera-sitio .navegacion-principal .elemento-nav>a{
  height:84px !important;
  min-height:84px !important;
  display:flex !important;
  align-items:center !important;
  cursor:pointer !important;
  margin-block:0 !important;
}

.cabecera-sitio .navegacion-principal>a,
.cabecera-sitio .navegacion-principal .elemento-nav>a{
  padding:3px 0 0 !important;
  border-bottom:3px solid transparent !important;
  position:relative !important;
  z-index:45 !important;
}

.cabecera-sitio .navegacion-principal>a:hover,
.cabecera-sitio .navegacion-principal>a.activo,
.cabecera-sitio .navegacion-principal .elemento-nav:hover>a,
.cabecera-sitio .navegacion-principal .elemento-nav>a.activo,
.cabecera-sitio .navegacion-principal .elemento-nav>a:hover{
  color:var(--green) !important;
  border-bottom-color:var(--green) !important;
}

.cabecera-sitio .con-submenu .submenu{
  top:76px !important;
  z-index:80 !important;
}

.cabecera-sitio .con-submenu::after{
  content:"" !important;
  position:absolute !important;
  left:-24px !important;
  right:-24px !important;
  top:60px !important;
  height:22px !important;
  cursor:pointer !important;
}

.cabecera-sitio .submenu,
.cabecera-sitio .submenu *,
.acciones-llamada,
.acciones-llamada *,
.boton,
.boton *,
.cuadricula-servicios .tarjeta-servicio,
.cuadricula-servicios .tarjeta-servicio *{
  cursor:pointer !important;
}

.acciones-portada{cursor:default !important}
.acciones-portada a,.acciones-portada a *{cursor:pointer !important}
.titulo-subservicios-diseno{margin-top:56px;margin-bottom:28px}
.bloque-subservicios-diseno{margin-top:0}

.cabecera-sitio .navegacion-principal{
  align-items:center !important;
}

.cabecera-sitio .navegacion-principal>a,
.cabecera-sitio .navegacion-principal .elemento-nav>a{
  height:84px !important;
  min-height:84px !important;
  padding:0 !important;
}

.cabecera-sitio{z-index:1000 !important}
.cabecera-sitio .navegacion-principal,.cabecera-sitio .con-submenu .submenu{z-index:1001 !important}
.acciones-portada,.acciones-llamada,.acciones-seccion{z-index:1 !important}
a.boton,.acciones-portada a.boton,.acciones-llamada a.boton,.cabecera-pagina a.boton{z-index:1 !important}
.cabecera-sitio .navegacion-principal .submenu a.submenu-hijo{position:relative;padding-left:44px !important;font-size:14px;color:var(--text)}
.cabecera-sitio .navegacion-principal .submenu a.submenu-hijo::before{content:"";position:absolute;left:18px;top:50%;width:13px;height:9px;margin-top:-8px;border-left:2px solid #9aa8c0;border-bottom:2px solid #9aa8c0;border-radius:0 0 0 3px}
.cabecera-sitio .navegacion-principal .submenu a.submenu-hijo::after{content:"";position:absolute;left:27px;top:50%;width:6px;height:6px;margin-top:-3px;border-right:2px solid #9aa8c0;border-bottom:2px solid #9aa8c0;transform:rotate(-45deg)}

.menu-movil{display:none}

@media(max-width:980px){
  .cabecera-sitio .interior-cabecera{
    height:72px !important;
    gap:14px;
  }

  .cabecera-sitio .logo img{
    width:190px;
  }

  .cabecera-sitio .navegacion-principal{
    display:none !important;
  }

  .cabecera-sitio .boton-pequeno{
    display:none !important;
  }

  .menu-movil{
    display:block;
    position:relative;
    margin-left:auto;
  }

  .menu-movil summary{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:0 15px;
    border:1px solid #b8c8ff;
    border-radius:12px;
    color:var(--green);
    background:white;
    font-weight:850;
    list-style:none;
    cursor:pointer;
  }

  .menu-movil summary::-webkit-details-marker{
    display:none;
  }

  .menu-movil summary::before{
    content:"";
    width:18px;
    height:2px;
    border:0;
    border-radius:999px;
    background:currentColor;
    box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;
  }

  .menu-movil[open] summary{
    background:#f4f7ff;
  }

  .navegacion-movil{
    position:absolute;
    right:0;
    top:58px;
    width:min(86vw,360px);
    max-height:calc(100vh - 92px);
    overflow:auto;
    display:grid;
    gap:4px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:white;
    box-shadow:0 22px 70px rgba(16,29,53,.18);
  }

  .navegacion-movil a{
    display:block;
    padding:12px 14px;
    border-radius:10px;
    color:var(--navy);
    font-weight:800;
  }

  .navegacion-movil a:hover,
  .navegacion-movil a.activo{
    color:var(--green);
    background:#f1f4ff;
  }

  .navegacion-movil .navegacion-movil-hijo{
    position:relative;
    padding-left:42px;
    color:var(--text);
    font-size:15px;
  }

  .navegacion-movil .navegacion-movil-hijo::before{
    content:"";
    position:absolute;
    left:18px;
    top:50%;
    width:12px;
    height:8px;
    margin-top:-7px;
    border-left:2px solid #9aa8c0;
    border-bottom:2px solid #9aa8c0;
    border-radius:0 0 0 3px;
  }

  .navegacion-movil .navegacion-movil-hijo::after{
    content:"";
    position:absolute;
    left:26px;
    top:50%;
    width:6px;
    height:6px;
    margin-top:-3px;
    border-right:2px solid #9aa8c0;
    border-bottom:2px solid #9aa8c0;
    transform:rotate(-45deg);
  }

  .navegacion-movil .llamada-movil{
    margin-top:6px;
    color:white;
    text-align:center;
    background:linear-gradient(135deg,var(--green),#3a68ff);
  }
}