{"id":8,"date":"2026-02-10T01:51:04","date_gmt":"2026-02-10T01:51:04","guid":{"rendered":"https:\/\/vip-ingenieria.com\/?page_id=8"},"modified":"2026-02-11T20:38:17","modified_gmt":"2026-02-11T20:38:17","slug":"inicio","status":"publish","type":"page","link":"https:\/\/vip-ingenieria.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-accent-1-color has-text-color has-link-color wp-elements-de9d1d06c82645d9c78d1eb32d44e887 wp-duotone-unset-1\" style=\"margin-top:0;margin-bottom:0;padding-top:200px;padding-right:var(--wp--preset--spacing--50);padding-bottom:200px;padding-left:var(--wp--preset--spacing--50);min-height:100vh;aspect-ratio:unset;\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/vip-ingenieria.com\/wp-content\/uploads\/2026\/02\/1197802-hd_1920_1080_25fps-3.mp4\" data-object-fit=\"cover\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-ast-global-color-3-background-color has-background-dim-30 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-d47c59a2 wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-ast-global-color-4-color has-text-color has-link-color wp-elements-1788e604c5868a133044cdf9239363b2\" style=\"font-size:42px\"><strong>Construyendo el Futuro de M\u00e9xico<\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center has-ast-global-color-4-color has-text-color has-link-color has-medium-font-size wp-elements-8f4a41fef7e3a36b3555a7c94d82e2d3\"><strong>Innovaci\u00f3n y confianza en Ingenier\u00eda<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-ast-global-color-4-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/vip-ingenieria.com\/#contacto\" style=\"border-style:none;border-width:0px;border-top-left-radius:85px;border-top-right-radius:85px;border-bottom-left-radius:85px;border-bottom-right-radius:85px;background-color:#293049\"><strong>Cont\u00e1ctanos<\/strong><\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" id=\"nosotros\" style=\"background-color:#d8e0ec\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"vip-about\">\n  <header class=\"vip-about-head\">\n    <h2>Qui\u00e9nes Somos<\/h2>\n    <p>Ingenier\u00eda mexicana con trayectoria, calidad y alcance nacional.<\/p>\n  <\/header>\n\n  <div class=\"vip-about-wrap\">\n    <div class=\"vip-block vip-present\">\n      <div class=\"vip-block-head\">\n        <span class=\"vip-head-arrow\">PRESENTACI\u00d3N<\/span>\n      <\/div>\n\n      <div class=\"vip-present-grid\">\n        <div class=\"vip-present-text\">\n          <p><strong>VIP INGENIER\u00cdA<\/strong> es una empresa 100% mexicana, con sede en la Ciudad de M\u00e9xico. Fundada en 1992, con una trayectoria de m\u00e1s de 27 a\u00f1os desarrollando proyectos arquitect\u00f3nicos, construcci\u00f3n, gerencia, supervisi\u00f3n y mantenimiento.<\/p>\n\n          <p>Tenemos presencia a nivel nacional gracias a que contamos con personal capacitado para dise\u00f1ar, planear, coordinar y ejecutar proyectos de todo tipo, garantizando la mejor atenci\u00f3n, una ejecuci\u00f3n correcta y la mejor calidad, cumpliendo al 100% con las expectativas de nuestros clientes.<\/p>\n        <\/div>\n\n        <figure class=\"vip-present-media\">\n          <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/pexels-cottonbro-7107980-A1azXp9O38fDwQJL.jpg\" alt=\"Equipo de ingenier\u00eda supervisando obra\">\n        <\/figure>\n      <\/div>\n    <\/div>\n\n    <div class=\"vip-block\">\n      <div class=\"vip-block-head\">\n        <span class=\"vip-head-arrow\">FILOSOF\u00cdA<\/span>\n      <\/div>\n\n      <div class=\"vip-cols\">\n        <article class=\"vip-col vip-col-card\">\n          <h3>MISI\u00d3N<\/h3>\n          <p>Ofrecer siempre la mejor calidad en cada uno de nuestros trabajos, superando las expectativas de nuestros clientes y logrando su satisfacci\u00f3n.<\/p>\n        <\/article>\n\n        <article class=\"vip-col vip-col-card\">\n          <h3>VISI\u00d3N<\/h3>\n          <p>Ampliar nuestra presencia en el pa\u00eds para crecer en el sector de la construcci\u00f3n, hasta llegar a ser la principal empresa de proyectos y construcci\u00f3n del pa\u00eds.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"vip-block vip-valores\">\n      <div class=\"vip-block-head\">\n        <span class=\"vip-head-arrow\">VALORES<\/span>\n      <\/div>\n\n      <div class=\"vip-values-grid\">\n        <div class=\"vip-value-card\">\n          <h3>CALIDAD<\/h3>\n          <p>Gracias a nuestro equipo de especialistas y su experiencia garantizamos la mejor calidad en todos nuestros servicios.<\/p>\n        <\/div>\n\n        <div class=\"vip-value-card\">\n          <h3>PROFESI\u00d3N<\/h3>\n          <p>Equipo de especialistas calificado para desarrollar de la mejor manera todo tipo de proyectos.<\/p>\n        <\/div>\n\n        <div class=\"vip-value-card\">\n          <h3>HONESTIDAD<\/h3>\n          <p>Transmitimos confianza a nuestros clientes y colaboradores bas\u00e1ndonos siempre en la integridad y honradez en el \u00e1mbito profesional.<\/p>\n        <\/div>\n\n        <div class=\"vip-value-card\">\n          <h3>COMPROMISO<\/h3>\n          <p>Garantizamos siempre los mejores resultados en el desarrollo de nuestros trabajos.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\");\n\n:root{\n  --vip-brand:#282c4e;\n  --vip-text:#0f172a;\n  --vip-muted:#4b5563;\n  --vip-line:rgba(2,6,23,.10);\n  --radius:14px;\n  --shadow:0 10px 28px rgba(2,6,23,.08);\n  --maxw:1100px;\n}\n\n\/* Compatibilidad WP\/Astra *\/\n.vip-about, .vip-about *{ box-sizing:border-box; }\n\n.vip-about{\n  font-family:\"Lato\",sans-serif !important;\n  color:var(--vip-text);\n  padding:clamp(56px,6vw,96px) 16px;\n}\n\n\/*  Justificar texto (general) *\/\n.vip-about p{\n  text-align:justify;\n  text-justify:inter-word;\n  hyphens:auto;\n  -webkit-hyphens:auto;\n  overflow-wrap:anywhere;\n}\n\n\/* Header centrado *\/\n.vip-about-head{\n  text-align:center;\n  max-width:820px;\n  margin:0 auto 28px;\n}\n.vip-about-head p{ text-align:center; } \/* subt\u00edtulo centrado se ve mejor *\/\n\n.vip-about-head h2{\n  margin:0 0 6px;\n  font-weight:700;\n  font-size:clamp(1.9rem,4.5vw,2.5rem);\n  color:var(--vip-brand);\n}\n\n.vip-about-head p{\n  color:var(--vip-muted);\n  font-size:clamp(1rem,1.6vw,1.12rem);\n}\n\n.vip-about-wrap{\n  max-width:var(--maxw);\n  margin:0 auto;\n  display:flex;\n  flex-direction:column;\n  gap:48px;\n}\n\n.vip-block{\n  background:#fff;\n  border:1px solid var(--vip-line);\n  border-radius:var(--radius);\n  box-shadow:var(--shadow);\n  padding:28px 24px 30px;\n}\n\n.vip-head-arrow{\n  background:var(--vip-brand);\n  color:#fff;\n  font-weight:700;\n  font-size:1.02rem;\n  padding:8px 22px;\n  clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);\n  letter-spacing:.04em;\n  text-transform:uppercase;\n  display:inline-block;\n  margin-bottom:16px;\n}\n\n.vip-present-grid{\n  display:grid;\n  grid-template-columns: 1.1fr .9fr;\n  gap:24px;\n  align-items:center;\n}\n\n.vip-present-text p{\n  color:var(--vip-muted);\n  font-size:1.05rem;\n  line-height:1.75;\n  margin:0 0 14px;\n}\n\n.vip-present-media{\n  border-radius:16px;\n  overflow:hidden;\n  box-shadow:0 10px 30px rgba(2,6,23,.12);\n  aspect-ratio: 4 \/ 3;\n  background:#e9eef6;\n}\n\n.vip-present-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n\n.vip-cols{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:24px;\n}\n\n.vip-col-card{\n  border:1px solid var(--vip-line);\n  border-radius:12px;\n  padding:18px;\n  box-shadow:0 8px 20px rgba(2,6,23,.06);\n}\n\n.vip-col-card h3{\n  margin:0 0 8px;\n  color:var(--vip-brand);\n  font-weight:900;\n}\n\n\/* VALORES: ahora s\u00ed justificado *\/\n.vip-values-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:20px;\n}\n\n.vip-value-card{\n  background:#f8fafc;\n  border:1px solid var(--vip-line);\n  border-radius:12px;\n  padding:22px 18px;\n}\n\n\/* t\u00edtulo centrado *\/\n.vip-value-card h3{\n  color:var(--vip-brand);\n  font-weight:900;\n  margin:0 0 8px;\n  text-align:center;\n}\n\n\/* texto justificado *\/\n.vip-value-card p{\n  margin:0;\n  color:var(--vip-muted);\n  line-height:1.6;\n  font-size:1.02rem;\n  text-align:justify;\n  text-justify:inter-word;\n  hyphens:auto;\n  -webkit-hyphens:auto;\n  overflow-wrap:anywhere;\n}\n\n@media (max-width:980px){\n  .vip-present-grid{ grid-template-columns:1fr; }\n  .vip-cols{ grid-template-columns:1fr; }\n  .vip-values-grid{ grid-template-columns:1fr; }\n}\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background-color:#f9f9fe\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ========== SECCI\u00d3N: Distintivo ESR 2025 (Premium Institucional) ========== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&#038;display=swap\" rel=\"stylesheet\" \/>\n\n<section class=\"vip-esr\">\n  <div class=\"vip-esr-wrap\">\n\n    <!-- TEXTO -->\n    <div class=\"vip-esr-content\">\n      <div class=\"vip-esr-head\">\n        <span class=\"vip-head-arrow\">DISTINTIVO ESR\u00ae 2025<\/span>\n        <h2>Reconocimiento a la Responsabilidad Social Empresarial<\/h2>\n      <\/div>\n\n      <p>\n        En <strong>VIP Ingenier\u00eda<\/strong> nos complace anunciar que hemos sido reconocidos con el\n        <strong>Distintivo ESR\u00ae 2025<\/strong>, otorgado por el <strong>Cemefi<\/strong> a las empresas que incorporan\n        la responsabilidad social como parte fundamental de su modelo de negocio.\n      <\/p>\n\n      <p>\n        Este distintivo es m\u00e1s que un reconocimiento: es la confirmaci\u00f3n de que avanzamos en el camino correcto y\n        un recordatorio de seguir elevando nuestro compromiso de generar valor con cada proyecto que desarrollamos.\n      <\/p>\n\n      <p>\n        En <strong>VIP Ingenier\u00eda<\/strong> asumimos d\u00eda con d\u00eda el compromiso de hacer nuestro trabajo basado en confianza,\n        \u00e9tica y responsabilidad. Para nosotros, la construcci\u00f3n entendida desde una visi\u00f3n sostenible representa tambi\u00e9n un\n        compromiso con la sociedad y con quienes depositan su confianza en nuestra labor.\n      <\/p>\n\n      <p>\n        Agradecemos profundamente a nuestros clientes, aliados y colaboradores, cuya confianza nos motiva a redoblar esfuerzos\n        para que cada servicio que brindamos sea no solo garant\u00eda de calidad y seguridad, sino tambi\u00e9n un reflejo de nuestra\n        convicci\u00f3n de hacer las cosas con responsabilidad y visi\u00f3n de futuro.\n      <\/p>\n    <\/div>\n\n    <!-- IMAGEN -->\n    <figure class=\"vip-esr-image\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo-distintivoesr-YX4jgDBpl5ipz1rO.png\"\n           alt=\"Distintivo ESR 2025 VIP Ingenier\u00eda\" \/>\n    <\/figure>\n\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --vip-brand: #282c4e;\n    --vip-muted: #4b5563;\n    --vip-line: rgba(2,6,23,.08);\n    --radius: 14px;\n    --shadow: 0 10px 28px rgba(2,6,23,.08);\n  }\n\n  \/* Secci\u00f3n base *\/\n  .vip-esr {\n    font-family: \"Lato\", sans-serif !important;\n    background: transparent !important;\n    padding: clamp(64px, 6vw, 100px) 16px;\n    color: var(--vip-brand);\n  }\n\n  .vip-esr-wrap {\n    max-width: 1150px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr .8fr;\n    gap: 48px;\n    align-items: center;\n  }\n\n  \/* Encabezado *\/\n  .vip-esr-head {\n    margin-bottom: 22px;\n  }\n\n  .vip-head-arrow {\n    display: inline-block;\n    background: var(--vip-brand);\n    color: #fff;\n    font-weight: 700;\n    font-size: 1rem;\n    padding: 8px 20px;\n    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);\n    letter-spacing: .04em;\n    text-transform: uppercase;\n  }\n\n  .vip-esr-head h2 {\n    margin: 12px 0 16px;\n    font-size: clamp(1.8rem, 4vw, 2.4rem);\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--vip-brand);\n  }\n\n  \/* Justificado perfecto *\/\n  .vip-esr-content p {\n    color: var(--vip-muted);\n    line-height: 1.7;\n    font-size: 1.08rem;\n    margin-bottom: 14px;\n\n    text-align: justify;\n    text-justify: inter-word;\n    hyphens: auto;\n    -webkit-hyphens: auto;\n    overflow-wrap: anywhere;\n  }\n\n  \/* Tarjeta logo *\/\n  .vip-esr-image {\n    border-radius: var(--radius);\n    overflow: hidden;\n    background: #f3f5fa;\n    box-shadow: var(--shadow);\n    padding: 22px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .vip-esr-image img {\n    width: 100%;\n    max-width: 320px;\n    height: auto;\n    object-fit: contain;\n    display: block;\n  }\n\n  \/* \u2705 Responsive Mobile *\/\n  @media (max-width: 900px) {\n    .vip-esr-wrap {\n      grid-template-columns: 1fr;\n      gap: 28px;\n    }\n\n    .vip-esr-head {\n      text-align: center;\n    }\n\n    \/* En mobile sigue justificado *\/\n    .vip-esr-content p {\n      text-align: justify !important;\n    }\n\n    .vip-esr-image {\n      margin: 0 auto;\n      max-width: 420px;\n    }\n  }\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" id=\"servicios\" style=\"background-color:#d8e0ec\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ========== SECCI\u00d3N: Nuestros Servicios (Imagen por card) ========== -->\n<section class=\"vip-serv vip-serv--with-media\">\n  <div class=\"vip-serv-head\">\n\n    <h2>Nuestros Servicios<\/h2>\n    <p>\n      Gracias a nuestra experiencia, compromiso y profesionalismo, tenemos la capacidad de desarrollar todo tipo de proyectos.\n      Contamos con una amplia cartera de clientes que conf\u00edan plenamente en nosotros.\n    <\/p>\n  <\/div>\n\n  <div class=\"vip-serv-grid\">\n\n    <article class=\"vip-card\">\n      <figure class=\"vip-card-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/gemini_generated_image_8dmtqf8dmtqf8dmt-ALp2gMQKlkIabKnJ.png\"\n             alt=\"Planos arquitect\u00f3nicos y desarrollo ejecutivo\" loading=\"lazy\">\n        <span class=\"vip-media-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"4\" width=\"13\" height=\"16\" rx=\"1.5\"><\/rect>\n            <path d=\"M8 8h5M6 12h7M6 16h7\"><\/path>\n            <path d=\"M18 8v12l3-3V5l-3 3z\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/figure>\n      <div class=\"vip-card-body\">\n        <h3>Dise\u00f1o y desarrollo de proyecto ejecutivo<\/h3>\n        <p>Proyecci\u00f3n integral desde la planeaci\u00f3n hasta la definici\u00f3n t\u00e9cnica de cada proyecto.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-card\">\n      <figure class=\"vip-card-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-15-oct-2025-07_29_59-p.m.-mnl4KgXR54f3R8Ko.png\"\n             alt=\"Construcci\u00f3n de obra nueva y remodelaci\u00f3n\" loading=\"lazy\">\n        <span class=\"vip-media-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 14a9 9 0 0 1 18 0\"><\/path>\n            <path d=\"M12 5v9\"><\/path>\n            <path d=\"M3 14h18v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3z\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/figure>\n      <div class=\"vip-card-body\">\n        <h3>Construcci\u00f3n de obra nueva, remodelaci\u00f3n y mantenimiento<\/h3>\n        <p>Ejecuci\u00f3n con est\u00e1ndares de calidad, seguridad y cumplimiento de tiempos.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-card\">\n      <figure class=\"vip-card-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-15-oct-2025-07_52_05-p.m.-AR01g8JL5wc8J5Lk.png\"\n             alt=\"Supervisi\u00f3n t\u00e9cnica de obra\" loading=\"lazy\">\n        <span class=\"vip-media-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\"><\/path>\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n            <path d=\"M15.5 18.5l2 2 3.5-3.5\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/figure>\n      <div class=\"vip-card-body\">\n        <h3>Supervisi\u00f3n de obra<\/h3>\n        <p>Control t\u00e9cnico y seguimiento en cada etapa constructiva con personal especializado.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-card\">\n      <figure class=\"vip-card-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/pexels-mikael-blomkvist-8960944-A3QlVgy712f5k3b9.jpg\"\n             alt=\"Seguridad tecnol\u00f3gica para infraestructura\" loading=\"lazy\">\n        <span class=\"vip-media-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z\"><\/path>\n            <path d=\"M9 12l2 2 4-4\"><\/path>\n          <\/svg>\n        <\/span>\n      <\/figure>\n      <div class=\"vip-card-body\">\n        <h3>Seguridad tecnol\u00f3gica<\/h3>\n        <p>Soluciones en sistemas tecnol\u00f3gicos de seguridad y control para infraestructura moderna.<\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\");\n\n:root{\n  --vip-brand: #282c4e;\n  --vip-bg: transparent; \/* fondo cambiante *\/\n  --vip-text: #0f172a;\n  --vip-muted: #475569;\n  --vip-border: rgba(2,6,23,.10);\n  --radius: 16px;\n  --shadow: 0 10px 30px rgba(2,6,23,.08);\n  --maxw: 1100px;\n}\n\n.vip-serv{\n  font-family: \"Lato\", sans-serif !important;\n  background: var(--vip-bg);\n  color: var(--vip-text);\n  padding: clamp(56px, 6vw, 96px) 16px;\n}\n\n.vip-serv-head{\n  text-align: center;\n  max-width: 860px;\n  margin: 0 auto 40px;\n}\n\n.vip-serv-head h2{\n  font-weight: 600; \/* menos peso *\/\n  font-size: clamp(2rem, 5vw, 2.6rem);\n  color: var(--vip-brand);\n  margin: 0 0 10px;\n}\n\n.vip-serv-head p{\n  color: var(--vip-muted);\n  font-size: clamp(1rem, 1.6vw, 1.1rem);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.vip-serv-grid{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 28px;\n  max-width: var(--maxw);\n  margin: 0 auto;\n}\n\n.vip-card{\n  background: #fff;\n  border: 1px solid var(--vip-border);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n  overflow: hidden;\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.vip-card:hover{\n  transform: translateY(-6px);\n  box-shadow: 0 16px 40px rgba(2,6,23,.15);\n}\n\n.vip-card-media{\n  position: relative;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  background: #e9eef6;\n}\n\n.vip-card-media img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display:block;\n  transition: transform .5s ease, filter .5s ease;\n}\n\n.vip-card:hover .vip-card-media img{\n  transform: scale(1.06);\n  filter: saturate(1.05);\n}\n\n.vip-media-icon{\n  position: absolute;\n  bottom: 12px; left: 12px;\n  width: 48px; height: 48px;\n  border-radius: 12px;\n  background: rgba(40,44,78,.9);\n  display: grid; place-items: center;\n  box-shadow: 0 8px 18px rgba(0,0,0,.20);\n}\n\n.vip-card-body{\n  padding: 20px 22px;\n}\n\n.vip-card-body h3{\n  font-weight: 700;\nfont-size: 1.25rem; \/* un poquito m\u00e1s grande *\/\n  color: var(--vip-brand);\n  margin: 0 0 6px;\n}\n\n.vip-card-body p{\n  color: var(--vip-muted);\n  line-height: 1.65;\n  margin: 0;\n}\n\n@media (max-width: 900px){\n  .vip-serv-grid{ grid-template-columns: 1fr; }\n}\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background-color:#f9f9fe\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ========== SECCI\u00d3N: CLIENTES ========== -->\n<section class=\"vip-clients\">\n\n  <div class=\"vip-clients-head\">\n    <!-- Logo m\u00e1s grande -->\n    <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/3-mjE4g7p4xOhN6jpV.png\"\n         alt=\"VIP Ingenier\u00eda\"\n         class=\"vip-logo\">\n\n    <!-- T\u00edtulo  -->\n    <h2>Clientes<\/h2>\n    <p>Instituciones y organizaciones que han confiado en nuestro trabajo.<\/p>\n  <\/div>\n\n  <!-- DESLIZABLE -->\n  <div class=\"vip-clients-slider\" aria-label=\"Carrusel de clientes (desliza horizontalmente)\">\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/segob_logo_2019.svg-YrD4gb4DjoIb6L5z.png\" alt=\"SEGOB\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo_secretaria_de_administracioin_y_finanzas_de_la_ciudad_de_meixico-dOqZnppe8rU8oKbL.png\" alt=\"Finanzas CDMX\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/images-m5K8J8Vg5EFq32jq.png\" alt=\"SRE\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/amexcid-m2WqNqL1gZCn90ke.jpg\" alt=\"AMEXCID\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo_del_inm_-sin_texto-AzGMg47MljHZpRk8.png\" alt=\"INM\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo_del_metro_de_la_ciudad_de_meixico.svg-AGBzQzXGM2fWGG78.png\" alt=\"Metro CDMX\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/sedumop_dependencia-m6L2Q9Vl29CXW1qJ.png\" alt=\"SEDETUOP\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/img-logo-dJoPQWBwxaCQx9OY.png\" alt=\"INIFEEC\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo_prodecon-A1azq9k13DSXDPeo.png\" alt=\"PRODECON\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo-morelos-A0xvzXobGOH2vGl3.jpg\" alt=\"Morelos\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/logo-portuaria-AzGMKLr09WhoX2qw.png\" alt=\"Portuaria Progreso\">\n    <\/div>\n\n    <div class=\"vip-client\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/drsec-dOqZgv4ObqT2ebNm.png\" alt=\"DR Security\">\n    <\/div>\n\n  <\/div>\n\n  <!-- INDICATIVO ABAJO -->\n  <div class=\"vip-swipe-hint\" aria-hidden=\"true\">\n    <span class=\"vip-swipe-arrow\">\u2190<\/span>\n    <span class=\"vip-swipe-text\">Desliza para ver m\u00e1s<\/span>\n    <span class=\"vip-swipe-arrow vip-swipe-arrow--right\">\u2192<\/span>\n  <\/div>\n\n<\/section>\n\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\");\n\n.vip-clients{\n  background:transparent !important;\n  font-family:\"Lato\",sans-serif !important;\n  padding:clamp(56px,6vw,90px) 16px;\n  color:#282c4e;\n}\n\n.vip-clients-head{\n  text-align:center;\n  max-width:820px;\n  margin:0 auto 28px;\n}\n\n\/* Logo VIP m\u00e1s grande *\/\n.vip-logo{\n  height:190px;\n  object-fit:contain;\n  margin-bottom:10px;\n}\n\n\/* T\u00edtulo institucional *\/\n.vip-clients-head h2{\n  font-size:clamp(2rem,4vw,2.6rem);\n  font-weight:600;\n  margin:0 0 8px;\n  color:#252c52;\n}\n\n.vip-clients-head p{\n  margin:0;\n  color:#475569;\n  font-size:1.2rem;\n}\n\n\/* Slider deslizable *\/\n.vip-clients-slider{\n  max-width:1200px;\n  margin:0 auto;\n  display:flex;\n  gap:18px;\n\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding-bottom:14px;\n  -webkit-overflow-scrolling: touch;\n}\n\n\/* Scrollbar elegante *\/\n.vip-clients-slider::-webkit-scrollbar{ height:7px; }\n.vip-clients-slider::-webkit-scrollbar-thumb{\n  background:rgba(30,58,138,.25);\n  border-radius:20px;\n}\n\n\/* Tarjetas *\/\n.vip-client{\n  flex:0 0 auto;\n  width:230px;\n  height:125px;\n\n  scroll-snap-align:start;\n\n  background:#fff;\n  border-radius:14px;\n  border:1px solid rgba(0,0,0,.06);\n  box-shadow:0 6px 18px rgba(2,6,23,.10);\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:18px;\n\n  transition:transform .25s ease;\n}\n\n.vip-client:hover{ transform:translateY(-4px); }\n\n.vip-client img{\n  max-height:80px;\n  max-width:100%;\n  object-fit:contain;\n  display:block;\n}\n\n\/* \u2705 Indicativo \u201cDesliza para ver m\u00e1s\u201d *\/\n.vip-swipe-hint{\n  max-width:1200px;\n  margin:10px auto 0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n\n  color:#64748b;\n  font-size:.98rem;\n  letter-spacing:.01em;\n  user-select:none;\n}\n\n.vip-swipe-text{\n  font-weight:600;\n}\n\n\/* Flechitas con mini animaci\u00f3n *\/\n.vip-swipe-arrow{\n  font-weight:900;\n  opacity:.7;\n  animation:vipNudgeLeft 1.6s ease-in-out infinite;\n}\n\n.vip-swipe-arrow--right{\n  animation:vipNudgeRight 1.6s ease-in-out infinite;\n}\n\n@keyframes vipNudgeLeft{\n  0%,100%{ transform:translateX(0); opacity:.65; }\n  50%{ transform:translateX(-6px); opacity:1; }\n}\n@keyframes vipNudgeRight{\n  0%,100%{ transform:translateX(0); opacity:.65; }\n  50%{ transform:translateX(6px); opacity:1; }\n}\n\n\/* En desktop puedes bajarle el hint si quieres *\/\n@media (min-width: 1024px){\n  .vip-swipe-hint{ font-size:.95rem; }\n}\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" id=\"proyectos\" style=\"background-color:#d8e0ec\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ========== SECCI\u00d3N: PROYECTOS DESTACADOS ========== -->\n<section class=\"vip-projects-slider\">\n  <header class=\"vip-proj-header\">\n    <h2>Proyectos Destacados<\/h2>\n    <p>Obras y desarrollos que reflejan la experiencia, calidad y compromiso de VIP Ingenier\u00eda.<\/p>\n  <\/header>\n\n  <!-- DESLIZABLE -->\n  <div class=\"vip-proj-track\" aria-label=\"Proyectos destacados (desliza horizontalmente)\">\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-16-oct-2025-05_23_17-p.m.-m7VDxyNRg7fx7DRx.png\" alt=\"Remodelaci\u00f3n CENDI Rosario Castellanos\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Remodelaci\u00f3n CENDI \u201cRosario Castellanos\u201d \u2013 Ciudad de M\u00e9xico<\/h3>\n        <p>Trabajos de mantenimiento en pisos, carpinter\u00edas, cerrajer\u00edas e instalaciones. Reparaci\u00f3n y pintura en muros interiores.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-16-oct-2025-05_30_49-p.m.-mxB2N30jKzCRWGvx.png\" alt=\"Estaciones Migratorias\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Estaciones Migratorias (Mexicali, Tijuana, Tenosique)<\/h3>\n        <p>Dise\u00f1o de anteproyecto, desarrollo de proyecto ejecutivo y ejecuci\u00f3n de remodelaci\u00f3n para mejorar funcionalidad y capacidad.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-16-oct-2025-06_08_43-p.m.-mp84LkxkN3tV44jZ.png\" alt=\"Centro de Atenci\u00f3n Temporal COVID-19\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Centro de Atenci\u00f3n Temporal COVID-19 (CAT-COVID19)<\/h3>\n        <p>M\u00f3dulos provisionales durante la contingencia, ampliando la capacidad hospitalaria y garantizando atenci\u00f3n segura.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/zocalo-YBgjWBqnqqHVavl9.png\" alt=\"Mantenimiento Metro CDMX Estaci\u00f3n Z\u00f3calo\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Mantenimiento Metro CDMX \u2013 Estaci\u00f3n Z\u00f3calo<\/h3>\n        <p>Sustituci\u00f3n de torniquetes por puertas retr\u00e1ctiles con sensores de \u00faltima generaci\u00f3n para mejorar el flujo de pasajeros.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-16-oct-2025-07_29_42-p.m.-d95Zj5yogxtOGXko.jpg\" alt=\"Proyectos Educativos INIFEEC Campeche\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Proyectos Educativos \u2013 INIFEEC Campeche<\/h3>\n        <p>Rehabilitaci\u00f3n y construcci\u00f3n de espacios educativos, aulas y sanitarios en distintas localidades del estado de Campeche.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"vip-proj-card\">\n      <figure class=\"vip-proj-media\">\n        <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/chatgpt-image-16-oct-2025-06_34_03-p.m.-Yan0wjZXBRcv7wr4.png\" alt=\"Proyecto DR Security M\u00e9xico\" loading=\"lazy\">\n      <\/figure>\n      <div class=\"vip-proj-body\">\n        <h3>Proyecto DR Security M\u00e9xico S.A. de C.V.<\/h3>\n        <p>Obra civil para instalaci\u00f3n de portales X-RAY en distintas aduanas de la Rep\u00fablica Mexicana, reforzando la seguridad nacional.<\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <!--  INDICADOR ABAJO DEL SLIDER -->\n  <p class=\"vip-proj-hint\" aria-hidden=\"true\">\n    <span class=\"vip-proj-hint-text\">Desliza para ver m\u00e1s<\/span>\n    <span class=\"vip-proj-arrow\">\u2192<\/span>\n  <\/p>\n<\/section>\n\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap\");\n\n:root{\n  --vip-brand:#282c4e;\n  --vip-muted:#4b5563;\n  --vip-line:rgba(2,6,23,.10);\n  --vip-bgcard:#ffffff;\n  --radius:16px;\n  --shadow:0 10px 28px rgba(2,6,23,.08);\n  --maxw:1200px;\n}\n\n.vip-projects-slider, .vip-projects-slider *{ box-sizing:border-box; }\n\n.vip-projects-slider{\n  font-family:\"Lato\",sans-serif !important;\n  padding:clamp(56px,6vw,96px) 16px;\n}\n\n.vip-proj-header{\n  text-align:center;\n  max-width:860px;\n  margin:0 auto 28px;\n}\n.vip-proj-header h2{\n  color:var(--vip-brand);\n  font-size:clamp(1.9rem,4vw,2.4rem);\n  font-weight:600;\n  margin:0 0 8px;\n}\n.vip-proj-header p{\n  color:var(--vip-muted);\n  font-size:1.08rem;\n  margin:0;\n}\n\n\/* Track deslizable *\/\n.vip-proj-track{\n  max-width:var(--maxw);\n  margin:0 auto;\n  display:flex;\n  gap:18px;\n\n  overflow-x:auto;\n  overflow-y:hidden;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n\n  padding:4px 2px 14px;\n  -webkit-overflow-scrolling:touch;\n}\n\n\/* Scrollbar elegante *\/\n.vip-proj-track::-webkit-scrollbar{ height:7px; }\n.vip-proj-track::-webkit-scrollbar-thumb{\n  background:rgba(30,58,138,.22);\n  border-radius:20px;\n}\n\n\/* Card *\/\n.vip-proj-card{\n  flex:0 0 auto;\n  width:min(360px, 85vw);\n  background:var(--vip-bgcard);\n  border:1px solid var(--vip-line);\n  border-radius:var(--radius);\n  box-shadow:var(--shadow);\n  overflow:hidden;\n  scroll-snap-align:start;\n\n  display:flex;\n  flex-direction:column;\n\n  transition:transform .25s ease, box-shadow .25s ease;\n}\n.vip-proj-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 18px 44px rgba(2,6,23,.14);\n}\n\n.vip-proj-media{\n  aspect-ratio:16\/9;\n  margin:0;\n  overflow:hidden;\n  background:#e9eef6;\n}\n.vip-proj-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform .5s ease;\n}\n.vip-proj-card:hover .vip-proj-media img{ transform:scale(1.06); }\n\n.vip-proj-body{\n  padding:18px 18px 20px;\n  display:flex;\n  flex-direction:column;\n  gap:10px;\n}\n\n.vip-proj-body h3{\n  color:var(--vip-brand);\n  font-weight:700;\n  font-size:1.12rem;\n  margin:0;\n  line-height:1.25;\n}\n\n.vip-proj-body p{\n  color:var(--vip-muted);\n  margin:0;\n  line-height:1.7;\n  font-size:1.02rem;\n\n  text-align:justify;\n  text-justify:inter-word;\n  hyphens:auto;\n  overflow-wrap:anywhere;\n}\n\n\/* Indicador abajo *\/\n.vip-proj-hint{\n  max-width:var(--maxw);\n  margin:10px auto 0;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:10px;\n\n  color:rgba(40,44,78,.75);\n  font-size:1rem;\n  line-height:1.2;\n}\n.vip-proj-hint-text{ font-weight:600; }\n\n.vip-proj-arrow{\n  display:inline-block;\n  animation: vipHintMove 1.2s ease-in-out infinite;\n}\n@keyframes vipHintMove{\n  0%,100%{ transform:translateX(0); opacity:.75; }\n  50%{ transform:translateX(10px); opacity:1; }\n}\n\n\n\/*\n@media (min-width:1025px){\n  .vip-proj-hint{ opacity:0; height:0; overflow:hidden; margin:0; }\n}\n*\/\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" id=\"contacto\" style=\"background-color:#f9f9fe\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ========== SECCI\u00d3N: Informaci\u00f3n de Contacto ========== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\" \/>\n\n<section class=\"vip-contact-block\">\n  <div class=\"vip-contact-wrap\">\n    <h2>Contacto<\/h2>\n\n    <div class=\"vip-contact-list\">\n\n      <!-- Tel\u00e9fono -->\n      <div class=\"vip-contact-row\">\n        <div class=\"vip-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#282c4e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 2.08 4.18 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.72c.12.82.36 1.62.7 2.36l.46.94a2 2 0 0 1-.45 2.32L9.9 10.61a16 16 0 0 0 6.49 6.49l1.27-1.27a2 2 0 0 1 2.32-.45l.94.46c.74.34 1.54.58 2.36.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"vip-contact-text\">\n          <h3>Tel\u00e9fono<\/h3>\n          <p><a href=\"tel:+5215526485689\">55 2648 5689<\/a><\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Email -->\n      <div class=\"vip-contact-row\">\n        <div class=\"vip-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#282c4e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4 4h16v16H4z\"\/><path d=\"M22 4l-10 7L2 4\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"vip-contact-text\">\n          <h3>Email<\/h3>\n          <p><a href=\"mailto:buzon@vip-ingenieria.com\">buzon@vip-ingenieria.com<\/a><\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Direcci\u00f3n -->\n      <div class=\"vip-contact-row\">\n        <div class=\"vip-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#282c4e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 1 1 18 0Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"vip-contact-text\">\n          <h3>Oficinas<\/h3>\n          <p>Direcci\u00f3n: C. Becerra 70, Col. Tacubaya, Alcald\u00eda Miguel Hidalgo, CDMX, C.P. 11870<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Imagen amplia -->\n    <figure class=\"vip-contact-photo\">\n      <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/m2WqGKo7aKHLB10a\/pexels-pixabay-257937-m5K8QVeDXwfJ0PjX.jpg\" alt=\"Oficinas VIP Ingenier\u00eda\">\n    <\/figure>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --vip-brand:#282c4e;\n    --vip-muted:#4b5563;\n    --chip:#eaf1ff;\n    --radius:16px;\n    --line:rgba(2,6,23,.08);\n  }\n\n  .vip-contact-block{\n    font-family:\"Lato\",sans-serif;\n    padding:clamp(48px,6vw,88px) 16px;\n\n    \/* SIN FONDO *\/\n    background:transparent !important;\n\n    color:#0f172a;\n  }\n\n  .vip-contact-wrap{\n    max-width:980px;\n    margin:0 auto;\n  }\n\n  .vip-contact-wrap h2{\n    font-size:clamp(1.8rem,4vw,2.2rem);\n    color:var(--vip-brand);\n    font-weight:600;\n    margin:0 0 22px;\n  }\n\n  .vip-contact-list{\n    display:grid;\n    gap:18px 28px;\n    margin-bottom:28px;\n  }\n\n  .vip-contact-row{\n    display:flex;\n    align-items:center;\n    gap:18px;\n  }\n\n  .vip-icon-box{\n    width:56px;\n    height:56px;\n    flex:0 0 56px;\n\n    display:grid;\n    place-items:center;\n\n    background:var(--chip);\n    border-radius:10px;\n    border:1px solid var(--line);\n  }\n\n  .vip-icon-box svg{\n    width:26px;\n    height:26px;\n  }\n\n  .vip-contact-text h3{\n    margin:0 0 4px;\n    font-weight:600;\n    color:#0f172a;\n    font-size:1.05rem;\n  }\n\n  .vip-contact-text p{\n    margin:0;\n    color:var(--vip-muted);\n    font-size:1.06rem;\n    font-weight:400;\n  }\n\n  .vip-contact-text a{\n    color:inherit;\n    text-decoration:none;\n    border-bottom:1px dashed rgba(15,23,42,.25);\n  }\n\n  .vip-contact-text a:hover{\n    border-bottom-color:transparent;\n  }\n\n  .vip-contact-photo{\n    margin:18px 0 0;\n    border-radius:18px;\n    overflow:hidden;\n    box-shadow:0 10px 30px rgba(2,6,23,.08);\n  }\n\n  .vip-contact-photo img{\n    width:100%;\n    height:420px;\n    object-fit:cover;\n    display:block;\n  }\n\n  @media (max-width:640px){\n    .vip-contact-row{\n      align-items:flex-start;\n    }\n    .vip-contact-photo img{\n      height:300px;\n    }\n  }\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f138-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"138\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/8#wpcf7-f138-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"138\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f138-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Nombre Completo*<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> N\u00famero de Tel\u00e9fono*<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-625\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-625\" \/><\/span> <\/label>\n<\/p>\n<p><label> Email*<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu mensaje (opcional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qui\u00e9nes Somos Ingenier\u00eda mexicana con trayectoria, calidad y alcance nacional. PRESENTACI\u00d3N VIP INGENIER\u00cdA es una empresa 100% mexicana, con sede [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":77,"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/vip-ingenieria.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}