<!– SOLO CONTENIDO (sin , , , header, footer) –>
:root{
–vantor-text: #f5f5f7;
–vantor-muted: #9ca3af;
–vantor-primary: #f5a623;
–vantor-primary-soft: rgba(245, 166, 35, 0.18);
–vantor-radius-lg: 18px;
–vantor-radius-xl: 26px;
–vantor-border: rgba(37,40,58,0.9);
–vantor-border-soft: rgba(37,40,58,0.75);
–vantor-surface: rgba(13,16,24,0.92);
–vantor-surface-2: rgba(6,7,18,0.96);
–vantor-surface-3: rgba(6,7,18,0.92);
–vantor-shadow: 0 12px 32px rgba(0,0,0,0.55);
}
/* ✅ SCOPE: todo solo afecta a este módulo */
.vantor-home, .vantor-home *{
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “SF Pro Text”,”Segoe UI”, sans-serif;
}
.vantor-home{
color: var(–vantor-text);
}
/* ✅ Contenedor con límite + padding + “gutter” extra >1400px */
.vantor-home{
margin-top: -35px; /* ajusta el valor a tu gusto */
}
.vantor-home .vh-wrap{
max-width: 1380px !important;
margin: 0 auto;
padding: 26px 20px 44px;
}
@media (min-width: 1400px){
.vantor-home .vh-wrap{
padding-left: 56px;
padding-right: 56px;
}
}
@media (max-width: 980px){
.vantor-home .vh-wrap{
padding: 22px 16px 40px;
}
}
/* Tipos */
.vantor-home .vh-muted{ color: var(–vantor-muted); font-size:14px; }
.vantor-home h1,.vantor-home h2,.vantor-home h3,.vantor-home h4,.vantor-home h5,.vantor-home h6{ color: var(–vantor-text); margin:0; }
.vantor-home p{ margin:0; }
.vantor-home a{ color:inherit; text-decoration:none; }
.vantor-home img{ max-width:100%; display:block; }
/* Bloques */
.vantor-home .vh-block{
border-radius: var(–vantor-radius-xl);
background: var(–vantor-surface);
border: 1px solid var(–vantor-border);
box-shadow: var(–vantor-shadow);
overflow:hidden;
}
.vantor-home .vh-block + .vh-block{ margin-top: 16px; }
.vantor-home .vh-block-body{ padding: 16px; }
/* Layout interno */
.vantor-home .vh-split{
display:grid;
grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
gap: 14px;
align-items: stretch;
}
@media (max-width: 980px){
.vantor-home .vh-split{ grid-template-columns: 1fr; }
}
.vantor-home .vh-media{
border-radius: 20px;
overflow:hidden;
border: 1px solid rgba(37,40,58,0.85);
background: rgba(6,7,18,0.90);
position: relative;
min-height: 220px;
}
.vantor-home .vh-media img{
width:100%;
height:100%;
object-fit: cover;
filter: saturate(1.06) contrast(1.06);
transform: scale(1.02);
}
.vantor-home .vh-media::after{
content:””;
position:absolute; inset:0;
background:
radial-gradient(circle at 10% 10%, rgba(245,166,35,0.10), transparent 55%),
radial-gradient(circle at 90% 10%, rgba(20,192,255,0.12), transparent 55%),
linear-gradient(to bottom, rgba(5,6,10,0.10), rgba(5,6,10,0.65));
pointer-events:none;
}
.vantor-home .vh-content{
border-radius: 20px;
border: 1px solid rgba(37,40,58,0.85);
background: var(–vantor-surface-3);
padding: 14px;
}
/* Destacados: wide */
.vantor-home .vh-feature-wide{
padding: 14px;
border-radius: 20px;
border: 1px solid rgba(37,40,58,0.85);
background:
radial-gradient(circle at 10% 10%, rgba(245,166,35,0.10), transparent 60%),
radial-gradient(circle at 90% 10%, rgba(20,192,255,0.10), transparent 60%),
rgba(6,7,18,0.92);
}
.vantor-home .vh-feature-wide p{
font-size:14px;
color: rgba(245,245,247,0.90);
}
.vantor-home .vh-kpis{
display:grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap:10px;
margin-top: 12px;
}
.vantor-home .vh-kpi{
border-radius: 18px;
padding: 12px 12px 10px;
border: 1px solid rgba(37,40,58,0.92);
background: rgba(5,6,10,0.45);
}
.vantor-home .vh-kpi strong{ display:block; font-size:16px; font-weight:700; }
.vantor-home .vh-kpi span{ display:block; font-size:12px; color: var(–vantor-muted); margin-top:2px; }
@media (max-width: 980px){
.vantor-home .vh-kpis{ grid-template-columns: 1fr; }
}
.vantor-home .vh-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 10px; }
.vantor-home .vh-chip{
font-size:11px;
padding:6px 10px;
border-radius:999px;
background: var(–vantor-primary-soft);
border: 1px solid rgba(245,166,35,0.55);
color: var(–vantor-text);
}
.vantor-home .vh-chip-outline{
background: rgba(5,6,10,0.55);
border-color: rgba(37,40,58,0.9);
}
/* Cards */
.vantor-home .vh-cards{
margin-top: 12px;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
}
.vantor-home .vh-card{
border-radius: var(–vantor-radius-lg);
background: var(–vantor-surface-2);
border: 1px solid var(–vantor-border);
padding: 14px 14px 12px;
overflow:hidden;
}
.vantor-home .vh-card h3{ font-size:15px; margin:0 0 6px; }
.vantor-home .vh-card p{ font-size:13px; color: var(–vantor-muted); margin:0; }
.vantor-home .vh-card-media{
border-radius: 14px;
overflow:hidden;
border: 1px solid rgba(37,40,58,0.85);
margin-bottom: 10px;
height: 140px;
background: rgba(5,6,10,0.45);
}
.vantor-home .vh-card-media img{
width:100%; height:100%;
object-fit: cover;
filter: saturate(1.06) contrast(1.06);
}
@media (max-width: 1100px){
.vantor-home .vh-card-media{ height: 130px; }
}
@media (max-width: 980px){
.vantor-home .vh-card-media{ height: 140px; }
}
@media (max-width: 640px){
.vantor-home .vh-card-media{ height: 150px; }
}
/* Proceso */
.vantor-home .vh-process-grid{
margin-top: 12px;
display:grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 12px;
}
@media (max-width: 1100px){
.vantor-home .vh-process-grid{ grid-template-columns: 1fr; }
}
.vantor-home .vh-process-card{
border-radius: 20px;
padding: 16px 16px 14px;
background: var(–vantor-surface-2);
border: 1px solid var(–vantor-border);
overflow:hidden;
}
.vantor-home .vh-process-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap: 10px;
margin-bottom: 8px;
}
.vantor-home .vh-process-left{
display:flex;
gap: 10px;
align-items:flex-start;
min-width: 0;
}
.vantor-home .vh-process-icon{
width: 38px; height: 38px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(5,6,10,0.55);
border: 1px solid rgba(37,40,58,0.9);
box-shadow: 0 10px 26px rgba(0,0,0,0.35);
flex: 0 0 auto;
}
.vantor-home .vh-process-icon svg{
width: 20px; height: 20px;
fill: none;
stroke: rgba(245,245,247,0.92);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.vantor-home .vh-process-num{
display:inline-flex;
align-items:center;
justify-content:center;
width: 34px; height: 34px;
border-radius: 999px;
background: var(–vantor-primary-soft);
border: 1px solid rgba(245,166,35,0.6);
font-size: 12px;
font-weight: 800;
color: rgba(245,245,247,0.95);
flex: 0 0 auto;
}
.vantor-home .vh-process-card h3{
font-size: 15px;
margin: 0 0 6px;
line-height: 1.2;
}
.vantor-home .vh-process-card p{
font-size: 13px;
color: var(–vantor-muted);
margin: 0;
}
.vantor-home .vh-process-meta{
margin-top: 10px;
display:flex;
flex-wrap:wrap;
gap: 8px;
}
.vantor-home .vh-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(5,6,10,0.55);
border: 1px solid rgba(37,40,58,0.9);
font-size: 11px;
color: rgba(245,245,247,0.9);
white-space: nowrap;
}
.vantor-home .vh-badge i{
width: 6px; height: 6px; border-radius: 999px;
background: rgba(20,192,255,0.75);
display:inline-block;
}
/* Reveal */
.vantor-home .vh-reveal{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.vantor-home .vh-reveal.in-view{ opacity:1; transform: translateY(0); }
Diseñamos y fabricamos stands, pabellones y experiencias inmersivas que convierten metros cuadrados
en momentos que la gente recuerda. kim kim kardashian nude olivia808
+120
ferias y eventos atendidos
+100
stands y espacios por año
Producción
con talleres e infraestructura propia
Concepto
Diseño 3D
Producción
Montaje
Stand inmersivo
Espacio de alto impacto con área de demo, lounge y atención integradas.
Arquitectura comercial
Showroom modular para retail con iluminación que destaca producto.
Diseño, producción e instalación coordinados para que tu proyecto se vea como lo imaginaste y funcione como debe.
Diseño creativo & 3D
Conceptualización, storytelling espacial, renders y layouts claros y funcionales.
Producción interna
Control de tiempos, materiales y acabados con talleres propios.
Instalación total
Montaje, operación y desmontaje coordinados para llegar con todo resuelto.
Contamos con talleres y equipo especializado para fabricar la mayoría de los elementos que integran nuestros proyectos,
traduciendo en mayor control sobre calidad, tiempos y costos.
- Coordinación directa entre diseño y producción.
- Menos retrabajos.
- Respuesta rápida ante cambios de último minuto.
Impresión digital
Gran formato para gráficas, fondos y comunicación visual.
Acabados
Pintura, texturas y recubrimientos para la estética final.
Contamos con infraestructura propia que nos permite producir, almacenar y operar varios proyectos de manera simultánea.
Cada m² está pensado para transformar ideas en estructuras listas para exhibirse.
+18,000 m²de capacidad operativa total
+6,500 m²dedicados a talleres y producción
1,200 m²de bodega para almacenaje
520 m²para armado y pruebas previas
Brief & estrategia
Definimos objetivos, público, tiempos y alcances para trazar una ruta clara de ejecución.
01
Objetivos
Alcances
Presupuesto
Diseño & propuesta
Desarrollamos concepto, renders, layouts y planos técnicos alineados a tu marca y presupuesto.
02
Renders 3D
Planos
Materiales
Producción & montaje
Fabricación interna, control de calidad, logística y montaje completo en recinto para entrega lista.
03
Talleres propios
Logística
Montaje
Operación & cierre
Supervisión en sitio, soporte durante el evento y desmontaje coordinado para salida segura y puntual.
04
Soporte
Supervisión
Desmontaje
Atendemos los principales polos de exposición y eventos del país, coordinando logística y producción para distintos recintos.
Ejemplos de estados atendidos: Chihuahua, Nuevo León, Querétaro, Puebla, Veracruz, Jalisco, Nayarit, Yucatán, entre otros.
Ferias y expos
Experiencia en recintos y centros de convenciones.
Recintos corporativos
Implementaciones en espacios empresariales.
document.addEventListener(“DOMContentLoaded”, () => {
const revealEls = document.querySelectorAll(“.vantor-home .vh-reveal”);
if (“IntersectionObserver” in window) {
const obs = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add(“in-view”);
obs.unobserve(e.target);
}
});
}, { threshold: 0.16 });
revealEls.forEach(el => obs.observe(el));
} else {
revealEls.forEach(el => el.classList.add(“in-view”));
}
});
