/* ── Reset contenedor WordPress ── */ .entry-content.wp-block-post-content .hg-hub, .wp-block-post-content .hg-hub { width:100vw !important; max-width:100vw !important; margin-left:calc(-50vw + 50%) !important; margin-right:calc(-50vw + 50%) !important; box-sizing:border-box; } /* ── Sistema de diseño Premium ── */ .hg-hub { –ac:#df2881;–tx:#e8e3ef;–mu:#9a93a8;–bd:rgba(255,255,255,.10); background:#030712;color:var(–tx); font-family:Inter,”Helvetica Neue”,Helvetica,Arial,system-ui,sans-serif; -webkit-font-smoothing:antialiased; padding:5rem 1.5rem 6rem; position:relative; } /* Glow de fondo ambiental */ .hg-hub::before { content:””; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:60rem; height:24rem; background:radial-gradient(ellipse at top, rgba(223,40,129,0.12) 0%, rgba(3,7,18,0) 70%); pointer-events:none; } .hg-hub .wrap { max-width:76rem; margin:0 auto; position:relative; z-index:1; } /* ── Header Principal ── */ .hg-hub .kicker { display:inline-flex;align-items:center;gap:.5rem; background:rgba(223,40,129,.10);border:1px solid rgba(223,40,129,.25); color:var(–ac);font-size:.78rem;font-weight:600;padding:.35rem .95rem; border-radius:999px;margin-bottom:1.25rem; backdrop-filter:blur(6px); } .hg-hub .kicker i {width:6px;height:6px;border-radius:50%;background:var(–ac);box-shadow:0 0 8px var(–ac)} .hg-hub h1 { font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.12;font-weight:800; letter-spacing:-.025em;color:#fff;margin:0 0 1rem; } .hg-hub .bajada { font-size:clamp(1.05rem,2.2vw,1.25rem);color:#cbc3d7;line-height:1.6; margin:0 0 3rem;max-width:46rem; } /* ── Barra de Garantía de Transparencia (4 Columnas) ── */ .hg-hub .transparency-bar { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:1rem; background:rgba(255,255,255,0.02); border:1px solid var(–bd); border-radius:16px; padding:1.5rem; margin-bottom:3.5rem; backdrop-filter:blur(10px); } .hg-hub .t-item { display:flex; align-items:flex-start; gap:0.75rem; } .hg-hub .t-icon { font-size:1.2rem; color:var(–ac); line-height:1; margin-top:0.1rem; } .hg-hub .t-text strong { display:block; font-size:0.9rem; font-weight:700; color:#fff; margin-bottom:0.2rem; } .hg-hub .t-text span { font-size:0.8rem; color:var(–mu); line-height:1.4; display:block; } /* ── GRID de casos (escalable) ── */ .hg-hub .grid-casos { display:grid; grid-template-columns:1fr; gap:1.75rem; margin-bottom:2rem; } @media(min-width:680px){ .hg-hub .grid-casos { grid-template-columns:repeat(2, 1fr); } } @media(min-width:1100px){ .hg-hub .grid-casos.tres-cols { grid-template-columns:repeat(3, 1fr); } } /* ── Tarjeta de caso ── */ .hg-hub .caso { display:block;text-decoration:none; border:1px solid var(–bd);border-radius:18px; overflow:hidden;background:#0B0D10; transition:border-color .25s, transform .25s, box-shadow .25s; } .hg-hub .caso:hover { border-color:rgba(223,40,129,.5); transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.5); } .hg-hub .caso img { display:block;width:100%;height:auto; border-bottom:1px solid var(–bd); transition:transform .4s ease; } .hg-hub .caso:hover img { transform:scale(1.03); } .hg-hub .caso .cuerpo {padding:1.5rem 1.6rem 1.6rem} .hg-hub .caso .et { font-size:.72rem;letter-spacing:.09em;text-transform:uppercase; color:var(–mu);display:block;margin-bottom:.6rem } .hg-hub .caso h3 {font-size:1.3rem;line-height:1.3;font-weight:700;color:#fff;margin:0 0 .7rem} .hg-hub .caso p {font-size:.95rem;color:#cbc3d7;margin:0 0 1.2rem;line-height:1.6} .hg-hub .cifras { display:flex;flex-wrap:wrap;gap:1.5rem; border-top:1px solid var(–bd);padding-top:1.1rem } .hg-hub .cifra b { display:block;font-size:1.45rem;font-weight:800;color:var(–ac); line-height:1.1;font-variant-numeric:tabular-nums } .hg-hub .cifra span {font-size:.76rem;color:var(–mu)} /* ── Tarjeta “próximo caso” ── */ .hg-hub .prox { border:1px dashed var(–bd);border-radius:18px; padding:2rem;color:var(–mu); font-size:.95rem;line-height:1.6; background:rgba(255,255,255,0.01); display:flex; flex-direction:column; justify-content:center; }

Portafolio B2B · Datos Verificados

Casos Documentados

Resultados reales de BeMANTIS contados con los datos a la vista: métricas exportadas directamente de Google Search Console, PageSpeed Insights y herramientas oficiales — sin ilustraciones ni números inflados.

📊

Datos Exportados Capturas y reportes oficiales sin retocar.

🎯

100% Transparencia Publicamos el número real que arrojó el panel.

🔍

Diagnóstico Claro Explicamos los cuellos de botella y su solución.

📈

Evolución Continua Actualizamos cada expediente con nuevos hitos.

Informe de Google PageSpeed Insights y métricas de High Grade Real Estate

Caso 01 · Inmobiliaria B2B · Costa Rica

High Grade Real Estate: Rescate Digital y Salto a 90/100 en PageSpeed

Evolución continua del activo digital: desde la recuperación del catálogo e índice en Google tras una caída inesperada del sistema previo, hasta la optimización extrema de rendimiento móvil (41 → 90).

61%tráfico SEO recuperado

41 → 90rendimiento PageSpeed

100%control del activo

Próximo Caso B2B — Documentándose Publicamos únicamente proyectos con datos verificables de Google Search Console y PageSpeed Insights.