{"id":656,"date":"2026-03-04T04:04:56","date_gmt":"2026-03-04T04:04:56","guid":{"rendered":"https:\/\/vfvcs.com.mx\/?page_id=656"},"modified":"2026-03-22T22:44:36","modified_gmt":"2026-03-22T22:44:36","slug":"contencion-de-pasillos-frio-calor","status":"publish","type":"page","link":"https:\/\/vfvcs.com.mx\/en\/productos-y-servicios\/contencion-de-pasillos-frio-calor\/","title":{"rendered":"Contenci\u00f3n de pasillos frio \/ calor"},"content":{"rendered":"\n<section class=\"vfv-hero-service vfv-service-pasillos\">\n    <div class=\"vfv-hero-overlay\"><\/div>\n    <div class=\"vfv-hero-container\">\n        <div class=\"vfv-hero-content\">\n            <div class=\"vfv-accent-line\"><\/div>\n            <h1 class=\"vfv-hero-title\">Contenci\u00f3n de pasillos Fr\u00edo \/ Calor<\/h1>\n            <p class=\"vfv-hero-desc\">\n                Dise\u00f1amos, suministramos e instalamos sistemas de contenci\u00f3n de pasillos fr\u00edo y caliente para centros de datos y entornos de misi\u00f3n cr\u00edtica, con el objetivo de optimizar el flujo de aire, mejorar la eficiencia t\u00e9rmica y reducir el consumo energ\u00e9tico.\n            <\/p>\n            <a href=\"https:\/\/vfvcs.com.mx\/contacto\/\" class=\"vfv-btn-cta\">Cont\u00e1ctanos<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* Estructura Base del Template Hero Split *\/\n    .vfv-hero-service {\n        position: relative;\n        min-height: 60vh;\n        display: flex;\n        align-items: center;\n        background-size: cover;\n        background-position: center;\n        overflow: hidden;\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        \/* Forzado de ancho completo *\/\n        width: 100vw;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n    }\n\n    \/* Imagen actualizada para Contenci\u00f3n de Pasillos *\/\n    .vfv-service-pasillos {\n        background-image: url('https:\/\/vfvcs.com.mx\/wp-content\/uploads\/2026\/03\/Contencion-de-pasillos-frio-calor-3-scaled.jpg');\n    }\n\n    .vfv-hero-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        \/* Gradiente profundo para m\u00e1xima legibilidad del texto *\/\n        background: linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.7) 50%, transparent 100%);\n        z-index: 1;\n    }\n\n    .vfv-hero-container {\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 60px 20px;\n        width: 100%;\n    }\n\n    .vfv-hero-content {\n        max-width: 650px;\n        text-align: left;\n    }\n\n    .vfv-accent-line {\n        width: 60px;\n        height: 5px;\n        background-color: #004a99; \/* Azul VFV *\/\n        margin-bottom: 30px;\n    }\n\n    .vfv-hero-title {\n        color: #ffffff !important;\n        font-size: 3rem;\n        font-weight: 800;\n        line-height: 1.1;\n        margin: 0 0 25px 0;\n        text-transform: uppercase;\n        letter-spacing: -1px;\n    }\n\n    .vfv-hero-desc {\n        color: rgba(255, 255, 255, 0.9) !important;\n        font-size: 1.15rem;\n        line-height: 1.6;\n        margin-bottom: 40px;\n        border-left: 2px solid rgba(255, 255, 255, 0.2);\n        padding-left: 20px;\n    }\n\n    \/* Bot\u00f3n estandarizado con hover Turquesa VFV *\/\n    .vfv-btn-cta {\n        display: inline-block;\n        background-color: #004a99; \/* Azul Inicial *\/\n        color: #ffffff !important;\n        padding: 18px 45px;\n        text-decoration: none !important;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border-radius: 4px;\n        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        border: 2px solid #004a99;\n    }\n\n    .vfv-btn-cta:hover {\n        background-color: #00a1b1; \/* Turquesa Tecnol\u00f3gico *\/\n        border-color: #00a1b1;\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(0, 161, 177, 0.4);\n    }\n\n    \/* Responsivo para m\u00f3viles *\/\n    @media (max-width: 768px) {\n        .vfv-hero-service { min-height: 50vh; }\n        .vfv-hero-overlay {\n            background: linear-gradient(0deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.8) 100%);\n        }\n        .vfv-hero-title { font-size: 2.2rem; }\n        .vfv-hero-desc { font-size: 1rem; padding-left: 0; border-left: none; }\n    }\n<\/style>\n\n\n<style>.kadence-column656_860726-da > .kt-inside-inner-col,.kadence-column656_860726-da > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column656_860726-da > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column656_860726-da > .kt-inside-inner-col{flex-direction:column;}.kadence-column656_860726-da > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column656_860726-da > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column656_860726-da{position:relative;}@media all and (max-width: 1024px){.kadence-column656_860726-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column656_860726-da > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column656_860726-da\"><div class=\"kt-inside-inner-col\">\n<section id=\"vfv-contencion-pasillos-dark\">\n    <div class=\"vfv-contencion-container\">\n        \n        <h2 class=\"vfv-contencion-h2\">\u00bfQu\u00e9 es la contenci\u00f3n de pasillos?<\/h2>\n\n        <div class=\"vfv-glass-terminal\">\n            <div class=\"vfv-terminal-body\">\n                <p>\n                    Es una soluci\u00f3n f\u00edsica que <span class=\"vfv-highlight-aqua\">separa el aire fr\u00edo del aire caliente<\/span> \n                    dentro del centro de datos, evitando la recirculaci\u00f3n y mezclas de temperatura que \n                    afectan la eficiencia del sistema de climatizaci\u00f3n y la vida \u00fatil del hardware.\n                <\/p>\n            <\/div>\n            \n            <div class=\"vfv-terminal-line\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    #vfv-contencion-pasillos-dark {\n        background-color: #1a2344; \/* Navy VFV *\/\n        padding: 100px 20px;\n        text-align: center;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        overflow: hidden;\n    }\n\n    .vfv-contencion-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 5;\n    }\n\n    .vfv-contencion-h2 {\n        font-size: 42px;\n        color: #ffffff !important;\n        font-weight: 900;\n        margin-bottom: 50px;\n        text-transform: uppercase;\n        letter-spacing: -1.5px;\n        line-height: 1.1;\n    }\n\n    .vfv-glass-terminal {\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(15px);\n        border-radius: 4px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        overflow: hidden;\n        transition: all 0.4s ease;\n        position: relative;\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.4);\n    }\n\n    .vfv-glass-terminal:hover {\n        background: rgba(255, 255, 255, 0.06);\n        border-color: #00a1b1;\n        transform: translateY(-5px);\n    }\n\n    .vfv-terminal-body {\n        padding: 60px 80px;\n    }\n\n    .vfv-terminal-body p {\n        font-size: 24px;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.85) !important;\n        margin: 0;\n        font-weight: 600;\n    }\n\n    .vfv-highlight-aqua {\n        color: #00a1b1 !important;\n        font-weight: 900;\n        text-shadow: 0 0 15px rgba(0, 161, 177, 0.3);\n    }\n\n    .vfv-terminal-line {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 60px;\n        height: 4px;\n        background: #9dc02d;\n        transition: width 0.5s ease;\n    }\n\n    .vfv-glass-terminal:hover .vfv-terminal-line {\n        width: 100%;\n    }\n\n    @media (max-width: 768px) {\n        .vfv-terminal-body { padding: 40px 25px; }\n        .vfv-terminal-body p { font-size: 18px; }\n        .vfv-contencion-h2 { font-size: 30px; }\n    }\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column656_e3bde0-dc > .kt-inside-inner-col,.kadence-column656_e3bde0-dc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column656_e3bde0-dc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column656_e3bde0-dc > .kt-inside-inner-col{flex-direction:column;}.kadence-column656_e3bde0-dc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column656_e3bde0-dc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column656_e3bde0-dc{position:relative;}@media all and (max-width: 1024px){.kadence-column656_e3bde0-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column656_e3bde0-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column656_e3bde0-dc\"><div class=\"kt-inside-inner-col\">\n<section id=\"vfv-tipos-contencion-dark\">\n    <div class=\"vfv-contencion-flex\">\n        \n        <div class=\"vfv-type-card\">\n            <div class=\"vfv-type-header cold\">\n                <div class=\"vfv-header-inner\">\n                    <div class=\"vfv-type-icon\">\u2744<\/div>\n                    <h3 class=\"vfv-type-h3\">Contenci\u00f3n de Pasillo Fr\u00edo<\/h3>\n                    <p class=\"vfv-type-desc\">\n                        Encierra el pasillo de suministro para garantizar una temperatura uniforme en la entrada de los equipos.\n                    <\/p>\n                <\/div>\n                <div class=\"vfv-type-accent-line-cold\"><\/div>\n            <\/div>\n            \n            <div class=\"vfv-type-body\">\n                <span class=\"vfv-label-benefits\">BENEFICIOS CLAVE<\/span>\n                <ul class=\"vfv-benefit-list\">\n                    <li><span class=\"vfv-check-cold\">\u2713<\/span> Ideal para alta densidad<\/li>\n                    <li><span class=\"vfv-check-cold\">\u2713<\/span> Estabilidad t\u00e9rmica frontal<\/li>\n                    <li><span class=\"vfv-check-cold\">\u2713<\/span> Prevenci\u00f3n de puntos calientes<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"vfv-type-card\">\n            <div class=\"vfv-type-header hot\">\n                <div class=\"vfv-header-inner\">\n                    <div class=\"vfv-type-icon hot\">\u2600<\/div>\n                    <h3 class=\"vfv-type-h3\">Contenci\u00f3n de Pasillo Caliente<\/h3>\n                    <p class=\"vfv-type-desc\">\n                        Encierra el pasillo de extracci\u00f3n, dirigiendo el aire directamente al retorno de los sistemas HVAC.\n                    <\/p>\n                <\/div>\n                <div class=\"vfv-type-accent-line-hot\"><\/div>\n            <\/div>\n            \n            <div class=\"vfv-type-body\">\n                <span class=\"vfv-label-benefits\">BENEFICIOS CLAVE<\/span>\n                <ul class=\"vfv-benefit-list\">\n                    <li><span class=\"vfv-check-hot\">\u2713<\/span> M\u00e1ximo rendimiento HVAC<\/li>\n                    <li><span class=\"vfv-check-hot\">\u2713<\/span> Mejora el retorno t\u00e9rmico<\/li>\n                    <li><span class=\"vfv-check-hot\">\u2713<\/span> Optimiza unidades CRAC\/CRAH<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    #vfv-tipos-contencion-dark {\n        background-color: #1a2344; \/* Navy VFV *\/\n        padding: 100px 20px;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        overflow: hidden;\n    }\n\n    .vfv-contencion-flex {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        gap: 30px;\n        justify-content: center;\n        align-items: stretch;\n    }\n\n    \/* CARD T\u00c9CNICA *\/\n    .vfv-type-card {\n        flex: 1;\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(15px);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 4px;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }\n\n    .vfv-type-card:hover {\n        transform: translateY(-10px);\n        background: rgba(255, 255, 255, 0.06);\n        border-color: rgba(255, 255, 255, 0.2);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);\n    }\n\n    \/* CABECERA *\/\n    .vfv-type-header {\n        padding: 50px;\n        position: relative;\n    }\n\n    .vfv-header-inner { position: relative; z-index: 2; }\n\n    .vfv-type-icon {\n        width: 50px;\n        height: 50px;\n        background: rgba(0, 161, 177, 0.1);\n        border: 1px solid #00a1b1;\n        color: #00a1b1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 2px;\n        font-size: 24px;\n        margin-bottom: 25px;\n    }\n\n    .vfv-type-icon.hot {\n        background: rgba(227, 107, 50, 0.1);\n        border-color: #E36B32;\n        color: #E36B32;\n    }\n\n    .vfv-type-h3 {\n        font-size: 26px;\n        font-weight: 900;\n        color: #ffffff !important;\n        text-transform: uppercase;\n        margin: 0 0 15px 0;\n        letter-spacing: -0.5px;\n    }\n\n    .vfv-type-desc {\n        font-size: 15px;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.7) !important;\n        margin: 0;\n    }\n\n    \/* ACENTOS DE L\u00cdNEA *\/\n    .vfv-type-accent-line-cold { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #00a1b1; box-shadow: 0 0 15px #00a1b1; }\n    .vfv-type-accent-line-hot { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #E36B32; box-shadow: 0 0 15px #E36B32; }\n\n    \/* CUERPO *\/\n    .vfv-type-body {\n        padding: 50px;\n        background: rgba(0, 0, 0, 0.2);\n        flex-grow: 1;\n    }\n\n    .vfv-label-benefits {\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        color: #9dc02d !important; \/* Verde Lima VFV *\/\n        text-transform: uppercase;\n        margin-bottom: 25px;\n        display: block;\n    }\n\n    .vfv-benefit-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }\n\n    .vfv-benefit-list li {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 18px;\n        font-size: 16px;\n        color: #ffffff !important;\n        font-weight: 600;\n    }\n\n    .vfv-check-cold, .vfv-check-hot {\n        width: 24px; height: 24px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 11px;\n        color: #ffffff;\n        flex-shrink: 0;\n    }\n\n    .vfv-check-cold { background: #00a1b1; box-shadow: 0 0 10px rgba(0, 161, 177, 0.4); }\n    .vfv-check-hot { background: #E36B32; box-shadow: 0 0 10px rgba(227, 107, 50, 0.4); }\n\n    \/* RESPONSIVO *\/\n    @media (max-width: 900px) {\n        .vfv-contencion-flex { flex-direction: column; }\n        .vfv-type-card { width: 100%; }\n        .vfv-type-header, .vfv-type-body { padding: 40px; }\n    }\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column656_81afe3-bb > .kt-inside-inner-col,.kadence-column656_81afe3-bb > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column656_81afe3-bb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column656_81afe3-bb > .kt-inside-inner-col{flex-direction:column;}.kadence-column656_81afe3-bb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column656_81afe3-bb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column656_81afe3-bb{position:relative;}@media all and (max-width: 1024px){.kadence-column656_81afe3-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column656_81afe3-bb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column656_81afe3-bb\"><div class=\"kt-inside-inner-col\">\n<section id=\"vfv-alcance-contencion-dark\">\n    <div class=\"vfv-alcance-container\">\n        \n        <div class=\"vfv-header-line-lime\"><\/div>\n        <h2 class=\"vfv-alcance-h2\">Alcance del Servicio<\/h2>\n        \n        <div class=\"vfv-alcance-card\">\n            <div class=\"vfv-step-indicator\">\n                <span class=\"vfv-step-num\">01<\/span>\n            <\/div>\n            <div class=\"vfv-alcance-body\">\n                <h3>An\u00e1lisis T\u00e9rmico<\/h3>\n                <p>Modelado de flujo de aire y diagn\u00f3stico t\u00e9rmico del data center.<\/p>\n            <\/div>\n            <div class=\"vfv-card-accent-aqua\"><\/div>\n        <\/div>\n\n        <div class=\"vfv-alcance-card\">\n            <div class=\"vfv-step-indicator\">\n                <span class=\"vfv-step-num\">02<\/span>\n            <\/div>\n            <div class=\"vfv-alcance-body\">\n                <h3>Dise\u00f1o Personalizado<\/h3>\n                <p>Adaptaci\u00f3n del sistema seg\u00fan el layout, racks y gabinetes existentes.<\/p>\n            <\/div>\n            <div class=\"vfv-card-accent-aqua\"><\/div>\n        <\/div>\n\n        <div class=\"vfv-alcance-card\">\n            <div class=\"vfv-step-indicator\">\n                <span class=\"vfv-step-num\">03<\/span>\n            <\/div>\n            <div class=\"vfv-alcance-body\">\n                <h3>Suministro e Instalaci\u00f3n<\/h3>\n                <p>Puertas, techos, paneles laterales y sellos de alta precisi\u00f3n.<\/p>\n            <\/div>\n            <div class=\"vfv-card-accent-aqua\"><\/div>\n        <\/div>\n\n        <div class=\"vfv-alcance-card\">\n            <div class=\"vfv-step-indicator\">\n                <span class=\"vfv-step-num\">04<\/span>\n            <\/div>\n            <div class=\"vfv-alcance-body\">\n                <h3>Integraci\u00f3n HVAC e Incendio<\/h3>\n                <p>Optimizaci\u00f3n de sistemas CRAC\/InRow y compatibilidad con extinci\u00f3n.<\/p>\n            <\/div>\n            <div class=\"vfv-card-accent-aqua\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    #vfv-alcance-contencion-dark {\n        background-color: #1a2344; \/* Navy VFV *\/\n        padding: 100px 20px;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        overflow: hidden;\n    }\n\n    .vfv-alcance-container {\n        max-width: 950px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .vfv-header-line-lime {\n        width: 50px;\n        height: 4px;\n        background: #9dc02d; \/* Verde Lima VFV *\/\n        margin-bottom: 20px;\n        box-shadow: 0 0 10px rgba(157, 192, 45, 0.4);\n    }\n\n    .vfv-alcance-h2 {\n        font-size: 42px;\n        color: #ffffff !important;\n        font-weight: 900;\n        text-transform: uppercase;\n        margin-bottom: 60px;\n        letter-spacing: -1.5px;\n        text-align: center;\n    }\n\n    \/* CARDS ESTILO GLASS INGENIER\u00cdA *\/\n    .vfv-alcance-card {\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(12px);\n        border-radius: 4px; \/* Esquinas t\u00e9cnicas *\/\n        padding: 30px 45px;\n        margin-bottom: 20px;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        gap: 35px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n\n    .vfv-alcance-card:hover {\n        transform: translateX(15px);\n        background: rgba(255, 255, 255, 0.06);\n        border-color: #00a1b1;\n    }\n\n    \/* INDICADOR DE PASO *\/\n    .vfv-step-indicator {\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\n        padding-right: 35px;\n        flex-shrink: 0;\n    }\n\n    .vfv-step-num {\n        font-family: 'Courier New', monospace;\n        color: #00a1b1 !important; \/* Turquesa VFV *\/\n        font-weight: 900;\n        font-size: 26px;\n        letter-spacing: 2px;\n    }\n\n    .vfv-alcance-body h3 {\n        margin: 0;\n        font-size: 22px;\n        color: #ffffff !important;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .vfv-alcance-body p {\n        margin: 8px 0 0 0;\n        color: rgba(255, 255, 255, 0.7) !important;\n        font-size: 16px;\n        line-height: 1.5;\n        font-weight: 500;\n    }\n\n    \/* L\u00cdNEA DE ACENTO LATERAL *\/\n    .vfv-card-accent-aqua {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 4px;\n        height: 0%;\n        background: #00a1b1;\n        transition: height 0.4s ease;\n    }\n\n    .vfv-alcance-card:hover .vfv-card-accent-aqua {\n        height: 100%;\n    }\n\n    \/* AJUSTES RESPONSIVOS *\/\n    @media (max-width: 768px) {\n        .vfv-alcance-card {\n            padding: 30px;\n            gap: 20px;\n            flex-direction: column;\n            text-align: center;\n        }\n        .vfv-step-indicator {\n            border-right: none;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            padding-right: 0;\n            padding-bottom: 15px;\n            width: 100%;\n        }\n        .vfv-alcance-card:hover { transform: translateY(-5px); }\n        .vfv-alcance-h2 { font-size: 30px; }\n    }\n<\/style>\n<\/div><\/div>\n\n\n\n<section id=\"vfv-especificaciones-final-dark\">\n    <div class=\"vfv-final-grid\">\n        \n        <div class=\"vfv-specs-card-glass\">\n            <div class=\"vfv-specs-header\">\n                <span class=\"vfv-specs-icon-aqua\">\u229e<\/span>\n                <h3 class=\"vfv-specs-h3\">Aplicaciones<\/h3>\n            <\/div>\n            \n            <div class=\"vfv-specs-tags\">\n                <div class=\"vfv-tag-tech\">Centros de Datos Nuevos<\/div>\n                <div class=\"vfv-tag-tech\">Proyectos Retrofit<\/div>\n                <div class=\"vfv-tag-tech\">Salas de Alta Densidad<\/div>\n                <div class=\"vfv-tag-tech\">Eficiencia T\u00e9rmica<\/div>\n            <\/div>\n            <div class=\"vfv-specs-line-aqua\"><\/div>\n        <\/div>\n\n        <div class=\"vfv-specs-card-glass\">\n            <div class=\"vfv-specs-header\">\n                <span class=\"vfv-specs-icon-lime\">\ud83d\udee1<\/span>\n                <h3 class=\"vfv-specs-h3\">Cumplimiento y Seguridad<\/h3>\n            <\/div>\n\n            <div class=\"vfv-list-compliance\">\n                <div class=\"vfv-item-compliance\">\n                    <div class=\"vfv-indicator-box\">01<\/div>\n                    <div class=\"vfv-compliance-text\">\n                        <b class=\"vfv-bold-white\">Seguridad Contra Incendio<\/b>\n                        <span class=\"vfv-span-gray\">Compatibilidad certificada con sistemas de detecci\u00f3n y extinci\u00f3n.<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"vfv-item-compliance\">\n                    <div class=\"vfv-indicator-box\">02<\/div>\n                    <div class=\"vfv-compliance-text\">\n                        <b class=\"vfv-bold-white\">Materiales Certificados<\/b>\n                        <span class=\"vfv-span-gray\">Uso de componentes retardantes de flama y alta resistencia.<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"vfv-item-compliance\">\n                    <div class=\"vfv-indicator-box\">03<\/div>\n                    <div class=\"vfv-compliance-text\">\n                        <b class=\"vfv-bold-white\">Normativas Internacionales<\/b>\n                        <span class=\"vfv-span-gray\">Alineado a est\u00e1ndares TIA-942 y ASHRAE para centros de datos.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"vfv-specs-line-lime\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    #vfv-especificaciones-final-dark {\n        background-color: #1a2344; \/* Navy VFV *\/\n        padding: 100px 20px;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        overflow: hidden;\n    }\n\n    .vfv-final-grid {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n        align-items: stretch;\n    }\n\n    \/* CARDS ESTILO CRISTAL INGENIER\u00cdA *\/\n    .vfv-specs-card-glass {\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 4px;\n        padding: 50px;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }\n\n    .vfv-specs-card-glass:hover {\n        background: rgba(255, 255, 255, 0.06);\n        transform: translateY(-8px);\n        border-color: rgba(255, 255, 255, 0.2);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);\n    }\n\n    \/* HEADER *\/\n    .vfv-specs-header {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        margin-bottom: 40px;\n    }\n\n    .vfv-specs-h3 {\n        font-size: 24px;\n        font-weight: 900;\n        color: #ffffff !important;\n        text-transform: uppercase;\n        margin: 0;\n        letter-spacing: -0.5px;\n    }\n\n    .vfv-specs-icon-aqua { color: #00a1b1; font-size: 28px; }\n    .vfv-specs-icon-lime { color: #9dc02d; font-size: 28px; }\n\n    \/* GRID DE TAGS T\u00c9CNICOS *\/\n    .vfv-specs-tags {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px;\n    }\n\n    .vfv-tag-tech {\n        background: rgba(0, 161, 177, 0.1);\n        padding: 18px;\n        border-radius: 2px;\n        font-size: 14px;\n        font-weight: 800;\n        color: #ffffff !important;\n        text-align: center;\n        border: 1px solid rgba(0, 161, 177, 0.3);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* LISTA DE CUMPLIMIENTO *\/\n    .vfv-list-compliance {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .vfv-item-compliance {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n    }\n\n    .vfv-indicator-box {\n        font-family: 'Courier New', monospace;\n        font-size: 18px;\n        font-weight: 800;\n        color: #9dc02d; \/* Verde Lima VFV *\/\n        background: rgba(157, 192, 45, 0.1);\n        width: 45px;\n        height: 45px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 2px;\n        border: 1px solid rgba(157, 192, 45, 0.3);\n        flex-shrink: 0;\n    }\n\n    .vfv-bold-white {\n        display: block;\n        font-size: 18px;\n        color: #ffffff !important;\n        margin-bottom: 6px;\n        font-weight: 800;\n        text-transform: uppercase;\n    }\n\n    .vfv-span-gray {\n        font-size: 14.5px;\n        color: rgba(255, 255, 255, 0.6) !important;\n        line-height: 1.5;\n        font-weight: 500;\n    }\n\n    \/* ACENTOS DE L\u00cdNEA DIN\u00c1MICA *\/\n    .vfv-specs-line-aqua, .vfv-specs-line-lime {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 60px;\n        height: 4px;\n        transition: width 0.5s ease;\n    }\n    .vfv-specs-line-aqua { background: #00a1b1; box-shadow: 0 0 15px #00a1b1; }\n    .vfv-specs-line-lime { background: #9dc02d; box-shadow: 0 0 15px #9dc02d; }\n\n    .vfv-specs-card-glass:hover [class*=\"vfv-specs-line-\"] {\n        width: 100%;\n    }\n\n    @media (max-width: 900px) {\n        .vfv-final-grid { grid-template-columns: 1fr; }\n        .vfv-specs-tags { grid-template-columns: 1fr; }\n        .vfv-specs-card-glass { padding: 40px 30px; }\n    }\n<\/style>\n\n\n\n<section class=\"vfv-thermal-footer-split\">\n    <div class=\"vfv-sidebar-container\">\n        <div class=\"vfv-sidebar-grid\">\n            \n            <div class=\"vfv-sidebar-image\">\n                <img decoding=\"async\" src=\"https:\/\/vfvcs.com.mx\/wp-content\/uploads\/2026\/03\/Soporte-tecnico-especializado-2-scaled.jpg\" alt=\"Evaluaci\u00f3n T\u00e9rmica VFV\">\n                <div class=\"vfv-sidebar-overlay\"><\/div>\n            <\/div>\n\n            <div class=\"vfv-sidebar-content-gray\">\n                <div class=\"vfv-sidebar-accent\"><\/div>\n                <h2 class=\"vfv-sidebar-title\">Cont\u00e1ctanos<\/h2>\n                <p class=\"vfv-sidebar-desc\">\n                    Puedes optimizar tu centro de datos hoy mismo. Reduce tus costos operativos y mejora la vida \u00fatil de tu hardware mediante una gesti\u00f3n t\u00e9rmica inteligente dise\u00f1ada por expertos.\n                <\/p>\n                <div class=\"vfv-sidebar-action\">\n                    <a href=\"https:\/\/vfvcs.com.mx\/contacto\/\" class=\"vfv-btn-sidebar-dark\">\n                        SOLICITAR EVALUACI\u00d3N T\u00c9RMICA <span class=\"vfv-sidebar-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .vfv-thermal-footer-split {\n        background-color: #111111; \/* Gris T\u00e9cnico Muy Oscuro *\/\n        width: 100vw;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        position: relative;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        overflow: hidden;\n    }\n\n    .vfv-sidebar-grid {\n        display: flex;\n        min-height: 400px; \n        align-items: stretch;\n    }\n\n    \/* BLOQUE DE IMAGEN - COLOR Y BRILLO DESDE EL INICIO *\/\n    .vfv-sidebar-image {\n        flex: 0 0 45%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .vfv-sidebar-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        \/* Imagen con color natural y brillo desde el inicio *\/\n        filter: grayscale(0%) brightness(0.9); \n        transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    \/* Overlay suavizado para integraci\u00f3n t\u00e9cnica *\/\n    .vfv-sidebar-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to right, transparent 20%, #111111 95%);\n        z-index: 2;\n    }\n\n    \/* BLOQUE DE TEXTO *\/\n    .vfv-sidebar-content-gray {\n        flex: 0 0 55%;\n        padding: 60px 80px; \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        background: #111111;\n        position: relative;\n        z-index: 3;\n    }\n\n    .vfv-sidebar-accent {\n        width: 40px;\n        height: 4px;\n        background: #9dc02d; \/* Verde Lima VFV *\/\n        margin-bottom: 25px;\n        box-shadow: 0 0 10px rgba(157, 192, 45, 0.3);\n    }\n\n    .vfv-sidebar-title {\n        color: #ffffff !important;\n        font-size: 3.5rem; \n        font-weight: 900;\n        line-height: 1.1;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: -2px;\n    }\n\n    .vfv-sidebar-desc {\n        color: rgba(255, 255, 255, 0.7) !important;\n        font-size: 1.1rem;\n        line-height: 1.6;\n        margin-bottom: 40px;\n        max-width: 500px;\n    }\n\n    \/* BOT\u00d3N *\/\n    .vfv-btn-sidebar-dark {\n        display: inline-flex;\n        align-items: center;\n        gap: 20px;\n        background-color: transparent;\n        color: #ffffff !important;\n        padding: 10px 0;\n        text-decoration: none !important;\n        font-weight: 800;\n        font-size: 12px;\n        letter-spacing: 2px;\n        border-bottom: 2px solid #00a1b1; \n        transition: all 0.4s ease;\n        text-transform: uppercase;\n    }\n\n    .vfv-btn-sidebar-dark:hover {\n        color: #9dc02d !important;\n        border-bottom-color: #9dc02d;\n        padding-left: 15px;\n    }\n\n    .vfv-sidebar-arrow {\n        color: #9dc02d;\n        transition: transform 0.3s ease;\n    }\n\n    .vfv-btn-sidebar-dark:hover .vfv-sidebar-arrow {\n        transform: translateX(10px);\n    }\n\n    \/* Efecto de zoom y brillo al pasar el mouse *\/\n    .vfv-thermal-footer-split:hover .vfv-sidebar-image img {\n        transform: scale(1.1);\n        filter: brightness(1.1);\n    }\n\n    @media (max-width: 1024px) {\n        .vfv-sidebar-content-gray { padding: 40px; }\n        .vfv-sidebar-title { font-size: 2.5rem; }\n    }\n\n    @media (max-width: 768px) {\n        .vfv-sidebar-grid { flex-direction: column; min-height: auto; }\n        .vfv-sidebar-image { height: 300px; flex: none; }\n        .vfv-sidebar-content-gray { flex: none; padding: 50px 30px; text-align: center; align-items: center; }\n        .vfv-sidebar-overlay { background: linear-gradient(to top, #111111 10%, transparent 100%); }\n        .vfv-btn-sidebar-dark { width: 100%; justify-content: center; }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Contenci\u00f3n de pasillos Fr\u00edo \/ Calor Dise\u00f1amos, suministramos e instalamos sistemas de contenci\u00f3n de pasillos fr\u00edo y caliente para centros de datos y entornos de misi\u00f3n cr\u00edtica, con el objetivo de optimizar el flujo de aire, mejorar la eficiencia t\u00e9rmica y reducir el consumo energ\u00e9tico. Cont\u00e1ctanos \u00bfQu\u00e9 es la contenci\u00f3n de pasillos? Es una soluci\u00f3n&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":62,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"bottom","_kad_post_feature":"default","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-656","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/pages\/656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/comments?post=656"}],"version-history":[{"count":10,"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/pages\/656\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/pages\/656\/revisions\/991"}],"up":[{"embeddable":true,"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/pages\/62"}],"wp:attachment":[{"href":"https:\/\/vfvcs.com.mx\/en\/wp-json\/wp\/v2\/media?parent=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}