{"id":21132,"date":"2026-04-23T14:01:26","date_gmt":"2026-04-23T20:01:26","guid":{"rendered":"https:\/\/audio4.com.mx\/?page_id=21132"},"modified":"2026-06-01T21:22:20","modified_gmt":"2026-06-02T03:22:20","slug":"metodologia","status":"publish","type":"page","link":"https:\/\/audio4.com.mx\/en\/metodologia\/","title":{"rendered":"Methodology"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21132\" class=\"elementor elementor-21132\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\" elementor-element elementor-element-7560019 e-flex e-con-boxed e-con e-parent\" data-id=\"7560019\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t\t<div class=\" elementor-element elementor-element-a772e2e e-con-full e-flex e-con e-child\" data-id=\"a772e2e\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"elementor-element elementor-element-e0ee6c1 elementor-widget elementor-widget-udesign_widget_heading\" data-id=\"e0ee6c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"udesign_widget_heading.default\">\n\t\t\t\t\t<div class=\"title-wrapper  title-cross title-left\"><h2 class=\"title elementor-heading-title\">Metodolog\u00eda Audio4<\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b34a00 elementor-widget elementor-widget-spacer\" data-id=\"8b34a00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-5f9e099 e-flex e-con-boxed e-con e-parent\" data-id=\"5f9e099\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t\t<div class=\" elementor-element elementor-element-7a84bf0 e-con-full e-flex e-con e-child\" data-id=\"7a84bf0\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"elementor-element elementor-element-449d18a elementor-widget elementor-widget-text-editor\" data-id=\"449d18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>El proceso que convierte tu visi\u00f3n en ingenier\u00eda precisa para crear las experiencias de tus invitados.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-976dfe0 e-con-full e-flex e-con e-child\" data-id=\"976dfe0\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"elementor-element elementor-element-ab2dbd6 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"ab2dbd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-rocket-animation=\"fadeInDown\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/audio4.com.mx\/en\/contacto\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Agendar asesor\u00eda<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-b2cac10 e-con-full e-flex e-con e-parent\" data-id=\"b2cac10\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"elementor-element elementor-element-9435a7f elementor-widget elementor-widget-html\" data-id=\"9435a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">01<\/span>\n\n        <h2>DISCOVERY<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Iniciamos cada proyecto con una visita t\u00e9cnica orientada a comprender los objetivos del cliente y traducir sus expectativas en posibilidades t\u00e9cnicas reales.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Visita t\u00e9cnica especializada<\/div>\n\n            <div class=\"a4-item\">An\u00e1lisis de espacios y necesidades<\/div>\n\n            <div class=\"a4-item\">Evaluaci\u00f3n de infraestructura existente<\/div>\n\n            <div class=\"a4-item\">Definici\u00f3n de alcance del proyecto<\/div>\n\n            <div class=\"a4-item\">Estimaci\u00f3n de recursos y tiempos<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            Transformamos necesidades en soluciones t\u00e9cnicas ejecutables.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Discovery-Foto.png\" alt=\"Discovery\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:42% 58%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:20px;\n\n    right:30px;\n\n    font-size:140px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.15;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:58px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n    letter-spacing:1px;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:72% center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:42px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-af1f131 e-flex e-con-boxed e-con e-parent\" data-id=\"af1f131\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9701360 elementor-widget elementor-widget-html\" data-id=\"9701360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">02<\/span>\n\n        <h2>INGENIER\u00cdA<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Realizamos la captura t\u00e9cnica detallada de las condiciones f\u00edsicas del proyecto para establecer criterios precisos de dise\u00f1o, instalaci\u00f3n y operaci\u00f3n.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Levantamiento dimensional y arquitect\u00f3nico<\/div>\n\n            <div class=\"a4-item\">Definici\u00f3n de rutas de cableado<\/div>\n\n            <div class=\"a4-item\">Evaluaci\u00f3n de infraestructura existente<\/div>\n\n            <div class=\"a4-item\">Mediciones ac\u00fasticas y an\u00e1lisis RTA<\/div>\n\n            <div class=\"a4-item\">Determinaci\u00f3n de criterios t\u00e9cnicos<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            La ingenier\u00eda precisa es la base de un sistema confiable y eficiente.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Levantamiento-de-ingenieria-Foto.png\" alt=\"Ingenier\u00eda\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:42% 58%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-progress{\n\n    display:flex;\n\n    gap:8px;\n\n    margin-bottom:25px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-progress span{\n\n    width:55px;\n\n    height:4px;\n\n    border-radius:50px;\n\n    background:#444;\n\n}\n\n.a4-progress span.active{\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:20px;\n\n    right:30px;\n\n    font-size:140px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.15;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:58px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n    letter-spacing:1px;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:42px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-e2b39d9 e-flex e-con-boxed e-con e-parent\" data-id=\"e2b39d9\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-782c848 elementor-widget elementor-widget-html\" data-id=\"782c848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">03<\/span>\n\n        <h2>PROPUESTA<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Con base en el an\u00e1lisis t\u00e9cnico desarrollado, presentamos una propuesta integral que define la arquitectura del sistema, la selecci\u00f3n preliminar de equipos y el alcance general del proyecto.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Dise\u00f1o conceptual de la soluci\u00f3n<\/div>\n\n            <div class=\"a4-item\">Selecci\u00f3n preliminar de equipos<\/div>\n\n            <div class=\"a4-item\">Definici\u00f3n de alcances operativos<\/div>\n\n            <div class=\"a4-item\">Estimaci\u00f3n presupuestaria inicial<\/div>\n\n            <div class=\"a4-item\">Ajustes estrat\u00e9gicos con el cliente<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            Una propuesta s\u00f3lida transforma requerimientos t\u00e9cnicos en una visi\u00f3n clara de ejecuci\u00f3n.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Diseno-foto.png\" alt=\"Propuesta\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:42% 58%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-progress{\n\n    display:flex;\n\n    gap:8px;\n\n    margin-bottom:25px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-progress span{\n\n    width:55px;\n\n    height:4px;\n\n    border-radius:50px;\n\n    background:#444;\n\n}\n\n.a4-progress span.active{\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:20px;\n\n    right:30px;\n\n    font-size:140px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.15;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:58px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:center center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:42px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-1deee10 e-flex e-con-boxed e-con e-parent\" data-id=\"1deee10\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b004015 elementor-widget elementor-widget-html\" data-id=\"b004015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">04<\/span>\n\n        <h2>PROYECTO EJECUTIVO<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Una vez validada la soluci\u00f3n final, desarrollamos el proyecto ejecutivo con toda la documentaci\u00f3n t\u00e9cnica necesaria para garantizar una implementaci\u00f3n precisa, eficiente y alineada a los objetivos del proyecto.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Planos de instalaci\u00f3n y distribuci\u00f3n<\/div>\n\n            <div class=\"a4-item\">Diagramas t\u00e9cnicos y de se\u00f1al<\/div>\n\n            <div class=\"a4-item\">Rutas de cableado e infraestructura<\/div>\n\n            <div class=\"a4-item\">Especificaci\u00f3n detallada de equipos<\/div>\n\n            <div class=\"a4-item\">Modelos predictivos y validaci\u00f3n t\u00e9cnica<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            La documentaci\u00f3n correcta convierte una gran idea en una ejecuci\u00f3n impecable.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Proyecto-ejecutivo-foto.jpg\" alt=\"Proyecto Ejecutivo\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:42% 58%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-progress{\n\n    display:flex;\n\n    gap:8px;\n\n    margin-bottom:25px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-progress span{\n\n    width:55px;\n\n    height:4px;\n\n    border-radius:50px;\n\n    background:#444;\n\n}\n\n.a4-progress span.active{\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:20px;\n\n    right:30px;\n\n    font-size:140px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.15;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:52px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n    line-height:1.1;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:65% center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:38px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-c116b21 e-flex e-con-boxed e-con e-parent\" data-id=\"c116b21\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b48474 elementor-widget elementor-widget-html\" data-id=\"7b48474\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">05<\/span>\n\n        <h2>INSTALACI\u00d3N<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            La instalaci\u00f3n es ejecutada por personal t\u00e9cnico especializado, siguiendo protocolos de seguridad, lineamientos de obra y est\u00e1ndares de calidad que garantizan una implementaci\u00f3n precisa y profesional.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Instalaci\u00f3n profesional en sitio<\/div>\n\n            <div class=\"a4-item\">Uso de herramientas especializadas<\/div>\n\n            <div class=\"a4-item\">Coordinaci\u00f3n con otras disciplinas de obra<\/div>\n\n            <div class=\"a4-item\">Cumplimiento de protocolos de seguridad<\/div>\n\n            <div class=\"a4-item\">Documentaci\u00f3n t\u00e9cnica y evidencia fotogr\u00e1fica<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            La calidad de una soluci\u00f3n depende tanto del dise\u00f1o como de una ejecuci\u00f3n impecable.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Instalacion-foto.jpg\" alt=\"Instalaci\u00f3n\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:42% 58%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:25px;\n\n    right:25px;\n\n    font-size:140px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.04;\n\n    z-index:1;\n\n    pointer-events:none;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:58px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n    letter-spacing:1px;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:center center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:42px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n        opacity:.05;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-93f3d0e e-flex e-con-boxed e-con e-parent\" data-id=\"93f3d0e\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ec5fb9 elementor-widget elementor-widget-html\" data-id=\"6ec5fb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">06<\/span>\n\n        <h2>CONFIGURACI\u00d3N<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Una vez instalado el sistema realizamos la configuraci\u00f3n y calibraci\u00f3n de los equipos. Esto incluye programaci\u00f3n de procesadores de se\u00f1al digital (DSP), ajuste de amplificaci\u00f3n, configuraci\u00f3n de redes de control y optimizaci\u00f3n ac\u00fastica del sistema.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Programaci\u00f3n de procesadores DSP<\/div>\n\n            <div class=\"a4-item\">Ajuste de amplificaci\u00f3n y niveles<\/div>\n\n            <div class=\"a4-item\">Configuraci\u00f3n de redes de control<\/div>\n\n            <div class=\"a4-item\">Optimizaci\u00f3n ac\u00fastica del sistema<\/div>\n\n            <div class=\"a4-item\">Respaldos y documentaci\u00f3n t\u00e9cnica<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            La configuraci\u00f3n adecuada transforma una instalaci\u00f3n funcional en una experiencia optimizada.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Configuracion-Foto.jpg\" alt=\"Configuraci\u00f3n de sistemas de audio profesional\">\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n    max-width:1400px;\n    margin:50px auto;\n    display:grid;\n    grid-template-columns:48% 52%;\n    border-radius:28px;\n    overflow:hidden;\n    background:#fff;\n    box-shadow:0 25px 70px rgba(0,0,0,.10);\n}\n\n\/* ===========================\n   PANEL IZQUIERDO\n=========================== *\/\n\n.a4-content{\n    position:relative;\n    overflow:hidden;\n    padding:75px;\n    background:\n    linear-gradient(\n        135deg,\n        #000000 0%,\n        #0b0b0b 55%,\n        #151515 100%\n    );\n}\n\n.a4-content::before{\n    content:\"\";\n    position:absolute;\n    top:-180px;\n    right:-180px;\n    width:380px;\n    height:380px;\n    border-radius:50%;\n    background:\n    radial-gradient(\n        circle,\n        rgba(212,175,55,.18),\n        transparent 70%\n    );\n}\n\n.a4-number{\n    position:absolute;\n    top:10px;\n    right:15px;\n    font-size:160px;\n    font-weight:900;\n    line-height:1;\n    opacity:.03;\n    z-index:1;\n    pointer-events:none;\n\n    background:\n    linear-gradient(\n        90deg,\n        #8A6A12,\n        #D4AF37,\n        #F8E48A,\n        #D4AF37,\n        #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n}\n\n.a4-content h2{\n    position:relative;\n    z-index:2;\n    margin:0;\n    color:#fff;\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1px;\n    line-height:1.1;\n}\n\n.a4-line{\n    width:120px;\n    height:3px;\n    margin:20px 0 35px;\n\n    background:\n    linear-gradient(\n        90deg,\n        #8A6A12,\n        #D4AF37,\n        #F8E48A\n    );\n}\n\n.a4-content p{\n    position:relative;\n    z-index:2;\n    color:#d4d4d4;\n    font-size:17px;\n    line-height:1.9;\n    margin-bottom:35px;\n}\n\n.a4-list{\n    position:relative;\n    z-index:2;\n    display:flex;\n    flex-direction:column;\n    gap:18px;\n}\n\n.a4-item{\n    position:relative;\n    padding-left:28px;\n    color:#fff;\n    font-size:16px;\n    line-height:1.7;\n}\n\n.a4-item::before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:8px;\n    width:10px;\n    height:10px;\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n        135deg,\n        #8A6A12,\n        #F8E48A\n    );\n}\n\n.a4-quote{\n    position:relative;\n    z-index:2;\n    margin-top:40px;\n    padding:22px;\n    border-left:3px solid #D4AF37;\n    background:rgba(212,175,55,.05);\n    color:#D4AF37;\n    font-style:italic;\n    line-height:1.7;\n    border-radius:0 12px 12px 0;\n}\n\n\/* ===========================\n   IMAGEN\n=========================== *\/\n\n.a4-image{\n    overflow:hidden;\n    position:relative;\n}\n\n.a4-image img{\n    width:100%;\n    height:100%;\n    min-height:700px;\n    object-fit:cover;\n    object-position:center;\n    transition:transform .8s ease;\n}\n\n.a4-step:hover .a4-image img{\n    transform:scale(1.05);\n}\n\n\/* ===========================\n   TABLET\n=========================== *\/\n\n@media (max-width:991px){\n\n    .a4-step{\n        grid-template-columns:1fr;\n    }\n\n    .a4-content{\n        padding:50px 40px;\n    }\n\n    .a4-content h2{\n        font-size:38px;\n        max-width:75%;\n    }\n\n    .a4-number{\n        font-size:100px;\n        top:15px;\n        right:15px;\n        opacity:.05;\n    }\n\n    .a4-image img{\n        min-height:400px;\n    }\n}\n\n\/* ===========================\n   M\u00d3VIL\n=========================== *\/\n\n@media (max-width:600px){\n\n    .a4-step{\n        margin:25px auto;\n        border-radius:22px;\n    }\n\n    .a4-content{\n        padding:35px 25px;\n    }\n\n    .a4-content h2{\n        font-size:30px;\n        max-width:70%;\n        line-height:1.15;\n        word-break:break-word;\n    }\n\n    .a4-line{\n        width:90px;\n        margin:16px 0 25px;\n    }\n\n    .a4-content p{\n        font-size:16px;\n        line-height:1.9;\n    }\n\n    .a4-item{\n        font-size:15px;\n    }\n\n    .a4-number{\n        font-size:70px;\n        top:18px;\n        right:12px;\n        opacity:.06;\n    }\n\n    .a4-quote{\n        font-size:14px;\n        padding:18px;\n    }\n\n    .a4-image img{\n        min-height:280px;\n    }\n}\n\n\/* ===========================\n   M\u00d3VILES PEQUE\u00d1OS\n=========================== *\/\n\n@media (max-width:390px){\n\n    .a4-content h2{\n        font-size:26px;\n        max-width:65%;\n    }\n\n    .a4-number{\n        font-size:60px;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-304b947 e-flex e-con-boxed e-con e-parent\" data-id=\"304b947\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a527e7 elementor-widget elementor-widget-html\" data-id=\"9a527e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">07<\/span>\n\n        <h2>MEMORIA T\u00c9CNICA<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Al concluir el proyecto entregamos una memoria t\u00e9cnica completa que documenta la arquitectura del sistema instalado, facilitando futuras tareas de mantenimiento, diagn\u00f3stico y ampliaci\u00f3n.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Diagramas de interconexi\u00f3n<\/div>\n\n            <div class=\"a4-item\">Topolog\u00eda de se\u00f1al y control<\/div>\n\n            <div class=\"a4-item\">Configuraciones DSP y programaci\u00f3n<\/div>\n\n            <div class=\"a4-item\">Planos y rutas de cableado<\/div>\n\n            <div class=\"a4-item\">Registro fotogr\u00e1fico del proyecto<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            Una documentaci\u00f3n precisa garantiza continuidad, mantenimiento eficiente y trazabilidad t\u00e9cnica.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Memoria-Tecnica.png\" alt=\"Memoria T\u00e9cnica\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:48% 52%;\n\n    gap:0;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:5px;\n\n    right:10px;\n\n    font-size:150px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.03;\n\n    z-index:1;\n\n    pointer-events:none;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:46px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n    letter-spacing:1px;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    position:relative;\n\n    padding-left:28px;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:55% center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.05);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:38px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n        opacity:.05;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\" elementor-element elementor-element-b10187b e-flex e-con-boxed e-con e-parent\" data-id=\"b10187b\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d30823b elementor-widget elementor-widget-html\" data-id=\"d30823b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"a4-step\">\n\n    <div class=\"a4-content\">\n\n        <span class=\"a4-number\">08<\/span>\n\n        <h2>SOPORTE<\/h2>\n\n        <div class=\"a4-line\"><\/div>\n\n        <p>\n            Audio4 ofrece soporte posterior a la entrega del proyecto, brindando acompa\u00f1amiento t\u00e9cnico, gesti\u00f3n de garant\u00edas y coordinaci\u00f3n directa con fabricantes y representantes de marca para asegurar la continuidad operativa del sistema.\n        <\/p>\n\n        <div class=\"a4-list\">\n\n            <div class=\"a4-item\">Gesti\u00f3n de garant\u00edas con fabricantes<\/div>\n\n            <div class=\"a4-item\">Diagn\u00f3stico y seguimiento t\u00e9cnico<\/div>\n\n            <div class=\"a4-item\">Coordinaci\u00f3n con departamentos especializados<\/div>\n\n            <div class=\"a4-item\">Asistencia para mantenimiento y ajustes<\/div>\n\n            <div class=\"a4-item\">Respaldo t\u00e9cnico post entrega<\/div>\n\n        <\/div>\n\n        <div class=\"a4-quote\">\n            El soporte adecuado prolonga la vida \u00fatil del sistema y garantiza su desempe\u00f1o a largo plazo.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"a4-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/audio4.com.mx\/wp-content\/uploads\/2026\/05\/Soporte-Foto.png\" alt=\"Soporte\">\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.a4-step{\n\n    max-width:1400px;\n\n    margin:40px auto;\n\n    display:grid;\n\n    grid-template-columns:44% 56%;\n\n    background:#fff;\n\n    border-radius:24px;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 25px 60px rgba(0,0,0,.08);\n\n}\n\n.a4-content{\n\n    background:\n    linear-gradient(\n    135deg,\n    #000000 0%,\n    #0f0f0f 60%,\n    #171717 100%\n    );\n\n    padding:70px;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.a4-content:before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    top:-180px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,175,55,.18),\n    transparent 70%\n    );\n\n}\n\n.a4-number{\n\n    position:absolute;\n\n    top:5px;\n\n    right:10px;\n\n    font-size:150px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A,\n    #D4AF37,\n    #8A6A12\n    );\n\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    opacity:.03;\n\n    z-index:1;\n\n}\n\n.a4-content h2{\n\n    color:white;\n\n    font-size:46px;\n\n    margin-bottom:15px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-line{\n\n    width:120px;\n\n    height:3px;\n\n    margin-bottom:30px;\n\n    background:\n    linear-gradient(\n    90deg,\n    #8A6A12,\n    #D4AF37,\n    #F8E48A\n    );\n\n}\n\n.a4-content p{\n\n    color:#cfcfcf;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n    margin-bottom:35px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-list{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:18px;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-item{\n\n    color:white;\n\n    font-size:16px;\n\n    padding-left:28px;\n\n    position:relative;\n\n}\n\n.a4-item:before{\n\n    content:\"\";\n\n    width:10px;\n\n    height:10px;\n\n    position:absolute;\n\n    left:0;\n\n    top:7px;\n\n    transform:rotate(45deg);\n\n    background:\n    linear-gradient(\n    135deg,\n    #8A6A12,\n    #F8E48A\n    );\n\n}\n\n.a4-quote{\n\n    margin-top:40px;\n\n    padding:20px;\n\n    border-left:3px solid #D4AF37;\n\n    background:rgba(212,175,55,.05);\n\n    color:#D4AF37;\n\n    font-style:italic;\n\n    position:relative;\n\n    z-index:2;\n\n}\n\n.a4-image{\n\n    overflow:hidden;\n\n}\n\n.a4-image img{\n\n    width:100%;\n\n    height:100%;\n\n    min-height:600px;\n\n    object-fit:cover;\n\n    object-position:center center;\n\n    transition:.8s;\n\n}\n\n.a4-step:hover .a4-image img{\n\n    transform:scale(1.03);\n\n}\n\n@media(max-width:991px){\n\n    .a4-step{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .a4-content{\n\n        padding:40px;\n\n    }\n\n    .a4-content h2{\n\n        font-size:38px;\n\n    }\n\n    .a4-number{\n\n        font-size:90px;\n\n    }\n\n    .a4-image img{\n\n        min-height:350px;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Metodolog\u00eda Audio4 El proceso que convierte tu visi\u00f3n en ingenier\u00eda precisa para crear las experiencias de tus invitados. Agendar asesor\u00eda 01 DISCOVERY Iniciamos cada proyecto con una visita t\u00e9cnica orientada a comprender los objetivos del cliente y traducir sus expectativas en posibilidades t\u00e9cnicas reales. Visita t\u00e9cnica especializada An\u00e1lisis de espacios y necesidades Evaluaci\u00f3n de infraestructura [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/pages\/21132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/comments?post=21132"}],"version-history":[{"count":46,"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/pages\/21132\/revisions"}],"predecessor-version":[{"id":21817,"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/pages\/21132\/revisions\/21817"}],"wp:attachment":[{"href":"https:\/\/audio4.com.mx\/en\/wp-json\/wp\/v2\/media?parent=21132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}