{"id":213,"date":"2026-05-07T10:00:00","date_gmt":"2026-05-07T10:00:00","guid":{"rendered":"https:\/\/teamms.ec\/?page_id=213"},"modified":"2026-05-11T15:11:00","modified_gmt":"2026-05-11T15:11:00","slug":"inicio-v02","status":"publish","type":"page","link":"https:\/\/teamms.ec\/","title":{"rendered":"Inicio 2"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* ==========================================================================\n       CONFIGURACI\u00d3N DE TEXTOS (PESO Y TAMA\u00d1O)\n       ========================================================================== *\/\n    h1 {\n        display: none !important;\n    }\n\n    .hero-title-img {\n        max-width: 800px;\n        width: 100%;\n        height: auto;\n        margin-bottom: 2.5rem;\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    h2 {\n        font-size: 1.6rem !important;\n        font-weight: 800 !important;\n        line-height: 1.5 !important;\n        color: inherit !important;\n        text-align: center !important;\n        margin-bottom: 3.5rem !important;\n    }\n\n    h3 {\n        font-size: 1.2rem !important;\n        font-weight: 700 !important;\n        color: inherit !important;\n        margin-bottom: 1rem !important;\n    }\n\n    p {\n        font-size: 1.1rem !important;\n        font-weight: 400 !important;\n        line-height: 1.6 !important;\n        text-align: center !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    \/* ==========================================================================\n       CONFIGURACI\u00d3N DE LOGOS (AJUSTA EL TAMA\u00d1O AQU\u00cd)\n       ========================================================================== *\/\n    .corporate img {\n        height: 80px !important;\n        width: auto;\n        object-fit: contain;\n        margin-bottom: 1.5rem;\n        margin-top: 1.5rem;\n        transition: transform 0.3s ease, opacity 0.3s ease;\n    }\n\n    .corporate a:hover img {\n        transform: scale(1.05);\n        opacity: 0.9;\n    }\n\n    .logos-grid {\n        display: grid;\n        grid-template-columns: repeat(2, auto);\n        justify-content: center;\n        align-items: center;\n        gap: 3rem 5rem;\n        margin: 2rem auto 0;\n        max-width: 600px;\n    }\n\n    \/* Centrar el \u00faltimo logo si es impar *\/\n    .logos-grid>a:last-child:nth-child(odd) {\n        grid-column: span 2;\n        display: flex;\n        justify-content: center;\n    }\n\n    .logo-item {\n        height: 50px !important;\n        width: auto;\n        object-fit: contain;\n        opacity: 0.8;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    .logo-item:hover {\n        opacity: 1;\n        transform: scale(1.08);\n    }\n\n    \/* ==========================================================================\n       CONFIGURACI\u00d3N DE TEXTURA SVG\n       ========================================================================== *\/\n    .bg-texture {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n        pointer-events: none;\n        background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/Textura_teamms_web.svg');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 0.1;\n    }\n\n    \/* ==========================================================================\n       ESTILOS BASE\n       ========================================================================== *\/\n    :root {\n        --text-color-dark: #040621;\n        --red-backdrop-color: #3F47E5;\n        --card-bg: #E4E9FF;\n        --font-primary: 'Google Sans Flex', sans-serif;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        background-color: #E4E9FF !important;\n        font-family: var(--font-primary);\n        overflow-x: hidden;\n    }\n\n    .dark-wrapper {\n        background-color: #040621;\n        border-radius: 60px 60px 0 0;\n        position: relative;\n        \/* Se quita overflow: hidden para que el sticky funcione *\/\n        width: 100% !important;\n        margin: 0;\n        min-height: 100vh;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .main-header,\n    main {\n        position: relative;\n        z-index: 1;\n    }\n\n    .top-logo {\n        display: flex;\n        justify-content: center;\n        padding: 2.5rem 0;\n    }\n\n    .top-logo img {\n        height: 45px;\n    }\n\n    .main-header {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 2rem 5% 1rem;\n        gap: 2rem;\n        position: sticky;\n        top: 0;\n        z-index: 1000;\n    }\n\n    .nav-toggle {\n        display: none;\n    }\n\n    .main-nav {\n        background-color: rgba(228, 233, 255, 0.6);\n        backdrop-filter: blur(12px) saturate(180%);\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        padding: 0.6rem 2.5rem;\n        border-radius: 50px;\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);\n    }\n\n    .main-nav ul {\n        list-style: none !important;\n        display: flex !important;\n        gap: 2rem !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    .main-nav a {\n        text-decoration: none !important;\n        color: var(--text-color-dark) !important;\n        font-weight: 500;\n        font-size: 0.8rem;\n        letter-spacing: 0.1em;\n        position: relative;\n        padding: 0.5rem 0;\n        transition: color 0.3s;\n    }\n\n    .main-nav a::after {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 3px;\n        bottom: -2px;\n        left: 50%;\n        background: var(--red-backdrop-color);\n        transition: all 0.3s ease;\n        transform: translateX(-50%);\n    }\n\n    .main-nav a:hover::after {\n        width: 100%;\n    }\n\n    \/* HERO *\/\n    .hero {\n        text-align: center !important;\n        padding: 2.5rem 5% 4rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .hero p {\n        display: block !important;\n        max-width: 650px;\n        margin: 0 auto !important;\n        color: #cccccc !important;\n    }\n\n\n    \/* CONTENEDORES *\/\n    .red-backdrop {\n        background-color: var(--red-backdrop-color);\n        border-radius: 100px;\n        padding: 35px 0;\n        margin: 4rem auto;\n        width: 85%;\n        max-width: 1800px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .container-box {\n        background-color: var(--card-bg);\n        color: var(--text-color-dark);\n        border-radius: 100px;\n        padding: 4rem 5rem;\n        width: 100%;\n        text-align: center;\n    }\n\n    .affiliates .container-box {\n        padding: 3rem 4rem;\n    }\n\n    .services-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2rem;\n    }\n\n    \/* ANIMACI\u00d3N CARDS UNIFICADA *\/\n    .service-card,\n    .team-member .member-photo {\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, opacity 0.8s ease-out, transform 0.8s ease-out;\n    }\n\n    .service-card {\n        position: relative;\n        background-size: cover;\n        background-position: center;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        overflow: hidden;\n        border-radius: 40px;\n        width: 100%;\n    }\n\n    \/* FILTRO OSCURO PARA SERVICIOS *\/\n    .service-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);\n        z-index: 1;\n        transition: opacity 0.3s ease;\n    }\n\n    .service-card:hover::before {\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);\n    }\n\n    .service-card:hover,\n    .team-member:hover .member-photo {\n        transform: translateY(-12px) scale(1.03) !important;\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* Clase para quitar el filtro oscuro *\/\n    .no-filter::before {\n        display: none !important;\n    }\n\n    .large-card {\n        aspect-ratio: 1124 \/ 483;\n        flex: 1 1 100%;\n    }\n\n    .small-card {\n        aspect-ratio: 549 \/ 483;\n        flex: 1 1 calc(50% - 1rem);\n    }\n\n    \/* CONTENIDO DE TARJETAS (DISE\u00d1O AJUSTADO) *\/\n    .card-content {\n        position: relative;\n        z-index: 2;\n        \/* Sobre el filtro ::before *\/\n        padding: 3rem;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* SOMBRA DE TEXTO PARA LEGIBILIDAD *\/\n    .card-content h3,\n    .card-content p {\n        color: #ffffff !important;\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);\n    }\n\n    \/* ALINEACIONES ESPEC\u00cdFICAS *\/\n    .card-content.right-align {\n        text-align: right !important;\n        align-items: flex-end !important;\n    }\n\n    .card-content.right-align p {\n        max-width: 50%;\n        margin-left: auto !important;\n    }\n\n    .card-content.left-align {\n        text-align: left !important;\n        align-items: flex-start !important;\n    }\n\n    .card-content.left-align p {\n        max-width: 50%;\n        margin-right: auto !important;\n    }\n\n    .card-content.center-align {\n        text-align: center !important;\n        align-items: center !important;\n    }\n\n    .card-content.center-align p {\n        max-width: 80%;\n        margin: 0 auto !important;\n    }\n\n    \/* EQUIPO *\/\n\n    .team-member {\n        text-align: center;\n    }\n\n    .member-photo {\n        width: 100%;\n        aspect-ratio: 3\/4;\n        border-radius: 40px;\n        margin-bottom: 1.5rem;\n        overflow: hidden;\n    }\n\n    .member-photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* TAGLINE *\/\n    .tagline {\n        text-align: center;\n        padding: 6rem 5%;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .tagline h2 {\n        color: #fff !important;\n        margin-bottom: 4rem;\n    }\n\n    .logo-center img {\n        width: 400px;\n        height: auto;\n        margin-top: 3dvh;\n    }\n\n    \/* REVEAL ANIMATIONS *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* SUPRESI\u00d3N ASTRA *\/\n    header.site-header,\n    footer.site-footer,\n    .ast-header-bar,\n    .ast-footer-copyright,\n    .entry-header,\n    .entry-footer,\n    .sidebar,\n    #secondary,\n    .ast-breadcrumb,\n    .ast-page-header {\n        display: none !important;\n    }\n\n    .ast-container,\n    .site-content,\n    .site-main,\n    .entry-content,\n    #primary,\n    #content,\n    #page {\n        padding: 0 !important;\n        margin: 0 !important;\n        max-width: 100% !important;\n        width: 100% !important;\n    }\n\n    .entry-content ul {\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    @media (max-width: 768px) {\n\n        \/* General - Fondo oscuro en responsive *\/\n        body {\n            background-color: #040621 !important;\n        }\n\n        .top-logo {\n            background-color: #040621 !important;\n            padding: 1.5rem 0 !important;\n        }\n\n        .top-logo img {\n            filter: brightness(0) invert(1);\n            \/* Logo blanco en m\u00f3vil *\/\n            height: 35px !important;\n        }\n\n        .dark-wrapper {\n            border-radius: 0;\n        }\n\n        \/* Navegaci\u00f3n - Men\u00fa Hamburguesa *\/\n        .main-header {\n            padding: 1rem 5% !important;\n            background-color: transparent !important;\n            \/* Quitar fondo feo al scrollear *\/\n        }\n\n        .main-nav {\n            padding: 0.6rem 1.2rem !important;\n            width: auto !important;\n            min-width: 60px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            position: relative;\n        }\n\n        .nav-toggle {\n            display: flex !important;\n            flex-direction: column;\n            gap: 5px;\n            cursor: pointer;\n            padding: 0.5rem;\n        }\n\n        .nav-toggle span {\n            width: 25px;\n            height: 2px;\n            background-color: var(--text-color-dark);\n            transition: all 0.3s ease;\n        }\n\n        .main-nav ul {\n            display: none !important;\n            position: absolute;\n            top: calc(100% + 10px);\n            right: 50%;\n            transform: translateX(50%) translateY(-10px);\n            \/* Centrado con respecto al toggle *\/\n            width: 220px;\n            background: rgba(228, 233, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 25px;\n            flex-direction: column !important;\n            padding: 1.5rem !important;\n            gap: 1.2rem !important;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n            z-index: 1001;\n            opacity: 0;\n            transition: all 0.3s ease;\n            text-align: center !important;\n            \/* Centrar texto de las opciones *\/\n        }\n\n        .main-nav.active ul {\n            display: flex !important;\n            opacity: 1;\n            transform: translateX(50%) translateY(0);\n        }\n\n        .nav-toggle.active span:nth-child(1) {\n            transform: rotate(45deg) translate(5px, 5px);\n        }\n\n        .nav-toggle.active span:nth-child(2) {\n            opacity: 0;\n        }\n\n        .nav-toggle.active span:nth-child(3) {\n            transform: rotate(-45deg) translate(5px, -5px);\n        }\n\n        \/* Hero *\/\n        .hero {\n            padding: 4rem 5% 3rem !important;\n        }\n\n        .hero-title-img {\n            max-width: 85% !important;\n            margin-bottom: 2rem !important;\n        }\n\n        \/* Contenedores - Menos apretado *\/\n        .red-backdrop {\n            width: 100% !important;\n            border-radius: 0 !important;\n            padding: 40px 0 !important;\n            margin: 3rem 0 !important;\n            \/* Separaci\u00f3n entre secciones *\/\n        }\n\n        .container-box {\n            padding: 3rem 1.5rem !important;\n            border-radius: 0 !important;\n            background-color: #E4E9FF;\n        }\n\n        \/* Tarjetas de Servicio - Reducci\u00f3n de textos *\/\n        .services-grid {\n            gap: 2rem !important;\n            padding: 0 1rem;\n        }\n\n        .small-card,\n        .large-card {\n            flex: 1 1 100% !important;\n            aspect-ratio: auto !important;\n            min-height: 280px !important;\n            border-radius: 30px !important;\n        }\n\n        .card-content,\n        .card-content.left-align,\n        .card-content.right-align {\n            padding: 1.5rem !important;\n            \/* M\u00e1s aire alrededor del texto *\/\n            justify-content: center !important;\n            \/* Centrar verticalmente *\/\n            text-align: center !important;\n            \/* Centrar texto *\/\n            align-items: center !important;\n            \/* Centrar horizontalmente *\/\n            background: rgba(0, 0, 0, 0.4);\n        }\n\n        .card-content.left-align p,\n        .card-content.right-align p {\n            max-width: 100% !important;\n            \/* Quitar el 50% en m\u00f3vil *\/\n            margin: 0 auto !important;\n            \/* Centrar el p\u00e1rrafo *\/\n        }\n\n        .card-content h3 {\n            font-size: 1rem !important;\n            font-weight: 700 !important;\n            \/* T\u00edtulo m\u00e1s legible *\/\n            margin-bottom: 0.6rem !important;\n            line-height: 1.2 !important;\n            letter-spacing: 0.02em !important;\n            text-transform: uppercase;\n        }\n\n        .card-content p {\n            font-size: 0.9rem !important;\n            \/* P\u00e1rrafo m\u00e1s legible *\/\n            line-height: 1.5 !important;\n            margin: 0 !important;\n            letter-spacing: 0.01em !important;\n        }\n\n        \/* Habilitar saltos de l\u00ednea para evitar palabras unidas *\/\n        .card-content h3 br {\n            display: block !important;\n            content: \"\" !important;\n            margin-bottom: 2px;\n        }\n\n        \/* Equipo *\/\n        .team h2 {\n            margin-bottom: 2.5rem !important;\n        }\n\n        \/* Tagline *\/\n        .tagline {\n            padding: 6rem 8% !important;\n        }\n\n        .tagline h2 {\n            font-size: 1.3rem !important;\n            line-height: 1.5 !important;\n        }\n\n        \/* Equipo - Ajuste preciso para no cortar caras (Ratio 2560:1432) *\/\n        #equipo .service-card {\n            aspect-ratio: 2560 \/ 1432 !important;\n            min-height: auto !important; \/* Elimina el alto forzado que causaba el recorte *\/\n            background-position: center top !important;\n            background-size: cover !important;\n        }\n\n        \/* Afiliadas *\/\n        .logos-grid {\n            gap: 3.5rem !important;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .main-nav ul {\n            gap: 0.8rem !important;\n        }\n\n        .main-nav a {\n            font-size: 0.6rem !important;\n            letter-spacing: 0.05em !important;\n        }\n    }\n<\/style>\n\n<div id=\"top\">\n    <div class=\"top-logo\">\n        <img decoding=\"async\" src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/teamms_oscuro.png\" alt=\"Teamms Logo\">\n    <\/div>\n\n    <div class=\"dark-wrapper\">\n        <!-- TEXTURA DE FONDO (COMO IMAGEN) -->\n        <div class=\"bg-texture\"><\/div>\n\n        <header class=\"main-header\">\n            <nav class=\"main-nav\">\n                <div class=\"nav-toggle\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n                <ul>\n                    <li><a href=\"#top\">INICIO<\/a><\/li>\n                    <li><a href=\"#servicios\">SERVICIOS<\/a><\/li>\n                    <li><a href=\"#equipo\">EQUIPO<\/a><\/li>\n                    <li><a href=\"https:\/\/teamms.ec\/index.php\/contacto\/\">CONTACTO<\/a><\/li>\n                    <li><a href=\"https:\/\/teamms.ec\/index.php\/politica-de-privacidad\/\">PRIVACIDAD<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/header>\n\n        <main>\n            <section class=\"hero\">\n                <div class=\"hero-content\">\n                    <img decoding=\"async\" src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/v02.png\"\n                        alt=\"Outsourcing de N\u00f3mina Confiable\" class=\"hero-title-img\">\n                    <p>Gesti\u00f3n laboral integral para micro y peque\u00f1as empresas, con procesos simples, cumplimiento\n                        impecable y prevenci\u00f3n de riesgos.<\/p>\n                <\/div>\n            <\/section>\n\n            <section id=\"servicios\" class=\"services\">\n                <div class=\"red-backdrop\">\n                    <div class=\"container-box\">\n                        <h2>NUESTROS SERVICIOS ESTRAT\u00c9GICOS<\/h2>\n                        <div class=\"services-grid\">\n                            <div class=\"service-card large-card reveal\"\n                                style=\"background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/primera.png'); background-position: bottom center;\">\n\n                                <div class=\"card-content right-align\">\n                                    <h3>GESTI\u00d3N DE<br>N\u00d3MINA<br>INTEGRAL<\/h3>\n                                    <p>Contratos, Roles De Pago, Gesti\u00f3n Con El IESS Y MDT, Finiquitos, C\u00e1lculos De\n                                        Liquidaciones Y Jubilaci\u00f3n Patronal.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"service-card small-card reveal\"\n                                style=\"background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/a2.png');\">\n                                <div class=\"card-content center-align\">\n                                    <h3>DESARROLLO<br>ORGANIZACIONAL<\/h3>\n                                    <p>Estructura organizacional, Perfiles de cargo, Evaluaci\u00f3n de desempe\u00f1o, Evaluaci\u00f3n\n                                        clima laboral.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"service-card small-card reveal\"\n                                style=\"background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/aaaa-1.png');\">\n                                <div class=\"card-content center-align\">\n                                    <h3>SELECCI\u00d3N DE<br>PERSONAL<\/h3>\n                                    <p>Perfiles, reclutamiento, entrevistas, pruebas de aptitud y psicosom\u00e1ticas.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"service-card large-card reveal\"\n                                style=\"background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/e3.png');\">\n                                <div class=\"card-content left-align\">\n                                    <h3>SEGURIDAD<br>Y SALUD<br>OCUPACIONAL<\/h3>\n                                    <p>Plan integral de riesgos, reglamento de higiene y seguridad, evaluaci\u00f3n de\n                                        riesgos psicosociales, capacitaciones, protocolos SSO.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"equipo\" class=\"team\">\n                <div class=\"red-backdrop\">\n                    <div class=\"container-box\">\n                        <h2>NUESTRO EQUIPO<\/h2>\n                        <div class=\"service-card large-card reveal no-filter\"\n                            style=\"background-image: url('https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/equipo_teamms-scaled.webp'); min-height: 450px; margin-bottom: 2rem;\">\n                        <\/div>\n                        <h2\n                            style=\"font-weight: 900 !important; color: #040621 !important; font-size: clamp(1.8rem, 5vw, 2.8rem) !important; text-transform: uppercase; margin-bottom: 1rem !important;\">\n                            ESPECIALISTAS EN TALENTO HUMANO\n                        <\/h2>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"tagline\">\n                <h2 class=\"reveal\">SERVICIOS DE TALENTO HUMANO QUE TRANSFORMAN TU ORGANIZACI\u00d3N, EL TALENTO QUE\n                    NECESITAS, LA ESTRATEGIA QUE MERECES.<\/h2>\n                <div class=\"logo-center reveal\">\n                    <img decoding=\"async\" src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2025\/10\/logo-teamms-clean-scaled.png\"\n                        alt=\"Teamms Logo\">\n                <\/div>\n            <\/section>\n\n            <section class=\"affiliates\">\n                <div class=\"red-backdrop\">\n                    <div class=\"container-box\">\n                        <div class=\"corporate reveal\">\n                            <h3>SOMOS PARTE DEL CORPORATIVO<\/h3>\n                            <a href=\"https:\/\/accons.ec\/\" target=\"_blank\">\n                                <img decoding=\"async\" src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/accons_oscuro.png\"\n                                    alt=\"Accons Logo\">\n                            <\/a>\n                        <\/div>\n                        <div class=\"subsidiaries reveal\">\n                            <h3>EMPRESAS FILIALES<\/h3>\n                            <div class=\"logos-grid\">\n                                <a href=\"https:\/\/auddit.ec\/\" target=\"_blank\"><img decoding=\"async\"\n                                        src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/auddit_oscuro.png\"\n                                        class=\"logo-item\" alt=\"Auddit\"><\/a>\n                                <a href=\"https:\/\/leggal.ec\/\" target=\"_blank\"><img decoding=\"async\"\n                                        src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/leggal_oscuro.png\"\n                                        class=\"logo-item\" alt=\"Leggal\"><\/a>\n                                <a href=\"https:\/\/connta.ec\/\" target=\"_blank\"><img decoding=\"async\"\n                                        src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/connta_oscuro.png\"\n                                        class=\"logo-item\" alt=\"Connta\"><\/a>\n                                <a href=\"https:\/\/nexdatta.com\/\" target=\"_blank\"><img decoding=\"async\"\n                                        src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/nexdatta_oscuro.png\"\n                                        class=\"logo-item\" alt=\"Nexdatta\"><\/a>\n                                <a href=\"https:\/\/accons.ec\/index.php\/blaze\/\" target=\"_blank\"><img decoding=\"async\"\n                                        src=\"https:\/\/teamms.ec\/wp-content\/uploads\/2026\/05\/Blaze_osucro.png\"\n                                        class=\"logo-item\" alt=\"Nueva Empresa\"><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const revealElements = document.querySelectorAll('.reveal');\n        const revealObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    const delay = entry.target.classList.contains('service-card') ||\n                        entry.target.classList.contains('team-member') ? 200 : 0;\n                    setTimeout(() => {\n                        entry.target.classList.add('active');\n                    }, delay);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.15 });\n\n        revealElements.forEach(el => revealObserver.observe(el));\n\n\n        const navLinks = document.querySelectorAll('.main-nav a');\n        navLinks.forEach(link => {\n            link.addEventListener('click', (e) => {\n                \/\/ Cerrar men\u00fa m\u00f3vil al hacer clic\n                const nav = document.querySelector('.main-nav');\n                const toggle = document.querySelector('.nav-toggle');\n                if (nav) nav.classList.remove('active');\n                if (toggle) toggle.classList.remove('active');\n\n                const targetId = link.getAttribute('href');\n                if (targetId && targetId.startsWith('#')) {\n                    e.preventDefault();\n                    const targetElement = document.querySelector(targetId);\n                    if (targetElement) {\n                        targetElement.scrollIntoView({ behavior: 'smooth' });\n                    }\n                }\n            });\n        });\n\n        \/\/ Toggle del men\u00fa m\u00f3vil\n        const toggle = document.querySelector('.nav-toggle');\n        const nav = document.querySelector('.main-nav');\n        if (toggle && nav) {\n            toggle.addEventListener('click', () => {\n                toggle.classList.toggle('active');\n                nav.classList.toggle('active');\n            });\n        }\n    });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INICIO SERVICIOS EQUIPO CONTACTO PRIVACIDAD Gesti\u00f3n laboral integral para micro y peque\u00f1as empresas, con procesos simples, cumplimiento impecable y prevenci\u00f3n [&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":"default","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-213","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/pages\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":133,"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/pages\/213\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/pages\/213\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/teamms.ec\/index.php\/wp-json\/wp\/v2\/media?parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}