{"id":271,"date":"2026-05-04T20:48:50","date_gmt":"2026-05-04T20:48:50","guid":{"rendered":"https:\/\/leggal.ec\/?page_id=271"},"modified":"2026-05-05T22:35:53","modified_gmt":"2026-05-05T22:35:53","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/leggal.ec\/","title":{"rendered":"Inicio 2"},"content":{"rendered":"\n<!-- =====================================================\n     LEGGAL \u2014 Supresi\u00f3n de elementos nativos de Astra\n     Este bloque <style> apunta a elementos FUERA del wrapper\n     y debe pegarse tal cual en el bloque HTML de WordPress.\n     ===================================================== -->\n<style>\n  \/* \u2500\u2500 Ocultar Header \/ Nav de Astra \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .site-header,\n  #masthead,\n  .ast-above-header-bar,\n  .ast-below-header-bar,\n  .ast-primary-header-bar,\n  .main-header-bar,\n  .main-navigation,\n  .ast-mobile-header-wrap {\n    display: none !important;\n  }\n\n  \/* \u2500\u2500 Ocultar Footer de Astra \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .site-footer,\n  #colophon,\n  .ast-footer-widget-areas,\n  .footer-primary-active,\n  .footer-adv-active {\n    display: none !important;\n  }\n\n  \/* \u2500\u2500 Ocultar Sidebar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  #secondary,\n  .widget-area,\n  .ast-right-sidebar,\n  .ast-left-sidebar {\n    display: none !important;\n  }\n\n  \/* \u2500\u2500 Ocultar Breadcrumbs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ast-breadcrumbs-wrapper,\n  .ast-breadcrumbs,\n  .astra-breadcrumbs {\n    display: none !important;\n  }\n\n  \/* \u2500\u2500 Ocultar t\u00edtulo de p\u00e1gina auto-generado \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .entry-title,\n  .page-title,\n  .ast-archive-title {\n    display: none !important;\n  }\n\n  \/* \u2500\u2500 Remover padding\/margin que Astra inyecta al body \u2500 *\/\n  body,\n  body.ast-page-builder-template,\n  body.page-template-default {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n  }\n\n  \/* \u2500\u2500 Ancho completo para el \u00e1rea de contenido \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hfeed,\n  .site,\n  .site-content,\n  #page,\n  #content,\n  #primary,\n  .content-area,\n  .ast-container,\n  .entry-content,\n  .post-page-content,\n  .single-page-content {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    float: none !important;\n  }\n\n  \/* \u2500\u2500 Remover m\u00e1rgenes del <article> \/ .entry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hentry,\n  .page,\n  article.page,\n  .ast-article-post {\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n<\/style>\n\n<div id=\"leggal-wrapper\">\n  <div class=\"mobile-nav-toggle\">\n    \u2630\n  <\/div>\n\n  <div class=\"mobile-menu\">\n    <a href=\"#hero\">Inicio<\/a>\n    <a href=\"#expertise\">Servicios<\/a>\n    <a href=\"#team\">Nosotros<\/a>\n    <a href=\"https:\/\/leggal.ec\/index.php\/contacto\/\">Contacto<\/a>\n    <a href=\"https:\/\/leggal.ec\/index.php\/politica-de-privacidad\/\">Privacidad<\/a>\n  <\/div>\n\n  <style>\n    \/* =====================================================\n   LEGGAL \u2014 CSS optimizado para WordPress \/ Tema Astra\n   Todos los selectores con prefijo #leggal-wrapper\n   ===================================================== *\/\n\n    \/* Reset de aislamiento: anula herencia de Astra *\/\n    #leggal-wrapper *,\n    #leggal-wrapper *::before,\n    #leggal-wrapper *::after {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    \/* \u2500\u2500 TAMA\u00d1O DE TODOS LOS P\u00c1RRAFOS (p) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Cambia este valor para ajustar el texto de corrido\n       en TODA la p\u00e1gina de una sola vez.\n       \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #leggal-wrapper p {\n      font-size: 0.9rem !important;\n      \/* \u2190 CAMBIA AQU\u00cd *\/\n    }\n\n    \/* Variables de dise\u00f1o *\/\n    #leggal-wrapper {\n      --primary: #000e4b;\n      --primary-light: #0c005a;\n      --accent: #E5E5E5;\n      --text: #1A1A1A;\n      --text-muted: #666666;\n      --bg: #FFFFFF;\n      --footer-bg: #F8F8F8;\n      --serif: 'Playfair Display', serif;\n      --sans: 'Inter', sans-serif;\n      --transition-slow: cubic-bezier(0.16, 1, 0.3, 1);\n      --duration: 0.8s;\n      font-family: var(--sans);\n      color: var(--text);\n      background-color: var(--bg);\n      line-height: 1.6;\n      overflow-x: hidden;\n      position: relative;\n    }\n\n    \/* Tipograf\u00eda *\/\n    #leggal-wrapper h1,\n    #leggal-wrapper h2,\n    #leggal-wrapper h3,\n    #leggal-wrapper h4 {\n      font-family: var(--serif);\n      font-weight: 500;\n    }\n\n    \/* Contenedor general *\/\n    #leggal-wrapper .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* ---- Barra de progreso ---- *\/\n    #leggal-wrapper .scroll-progress {\n      position: fixed;\n      top: 0;\n      left: 140px;\n      right: 0;\n      height: 3px;\n      background: var(--primary);\n      transform-origin: left;\n      transform: scaleX(0);\n      z-index: 2000;\n      transition: transform 0.1s linear;\n    }\n\n    \/* ---- Navegaci\u00f3n lateral ---- *\/\n    #leggal-wrapper .side-nav {\n      position: fixed;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 140px;\n      background: var(--primary);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      align-items: center;\n      padding: 30px 15px 60px;\n      z-index: 1000;\n    }\n\n    #leggal-wrapper .logo-container {\n      margin-bottom: 10px;\n      display: flex;\n      justify-content: center;\n      width: 100%;\n    }\n\n    #leggal-wrapper .logo-link {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      padding: 0 5px;\n    }\n\n    #leggal-wrapper .logo-img {\n      width: 180px;\n      height: auto;\n      filter: brightness(0) invert(1);\n    }\n\n    #leggal-wrapper .nav-links {\n      display: flex;\n      flex-direction: column;\n      gap: 35px;\n      margin-bottom: auto;\n      align-items: center;\n    }\n\n    #leggal-wrapper .nav-item {\n      writing-mode: vertical-rl;\n      transform: rotate(180deg);\n      color: rgba(255, 255, 255, 0.6);\n      text-decoration: none;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      transition: all 0.3s;\n      font-weight: 600;\n      white-space: nowrap;\n      line-height: 1;\n    }\n\n    #leggal-wrapper .nav-item:hover,\n    #leggal-wrapper .nav-item.active {\n      color: white;\n      transform: rotate(180deg) translateY(5px);\n    }\n\n    \/* ---- Main ---- *\/\n    #leggal-wrapper main {\n      margin-left: 140px;\n    }\n\n    \/* ---- Hero ---- *\/\n    #leggal-wrapper .reveal-text {\n      opacity: 0;\n      transform: translateY(20px);\n      animation: leggal-revealText 1s var(--transition-slow) forwards;\n    }\n\n    @keyframes leggal-revealText {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    #leggal-wrapper .hero {\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      position: relative;\n      padding: 0 80px;\n      overflow: hidden;\n    }\n\n    #leggal-wrapper .hero-content {\n      flex: 1;\n      z-index: 2;\n    }\n\n    #leggal-wrapper .hero h1 {\n      font-size: clamp(3rem, 5vw, 3.6rem);\n      line-height: 1.1;\n      margin-bottom: 20px;\n    }\n\n    #leggal-wrapper .hero h1 span {\n      color: var(--primary);\n      font-style: italic;\n    }\n\n    #leggal-wrapper .hero p {\n      font-size: 1.25rem;\n      color: var(--text-muted);\n      max-width: 500px;\n      margin-bottom: 40px;\n    }\n\n    #leggal-wrapper .hero-image-container {\n      flex: 1;\n      height: 80vh;\n      overflow: hidden;\n      clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);\n    }\n\n    #leggal-wrapper .hero-image-container video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transform: scale(1.1);\n      transition: transform 1.5s var(--transition-slow);\n    }\n\n    \/* ---- Botones ---- *\/\n    #leggal-wrapper .hero-btns {\n      display: flex;\n      gap: 20px;\n    }\n\n    #leggal-wrapper .btn-primary {\n      display: inline-block;\n      padding: 15px 40px;\n      background: var(--primary);\n      color: white;\n      text-decoration: none;\n      font-weight: 600;\n      border-radius: 50px;\n\n      transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n      transform: translateY(0);\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    #leggal-wrapper .btn-primary:hover {\n      background: var(--primary-light);\n      transform: translateY(-4px);\n      box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);\n    }\n\n    #leggal-wrapper .btn-secondary {\n      display: inline-block;\n      padding: 15px 40px;\n      border: 1px solid var(--primary);\n      color: var(--primary);\n      text-decoration: none;\n      font-weight: 600;\n      border-radius: 50px;\n\n      transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n      transform: translateY(0);\n    }\n\n    #leggal-wrapper .btn-secondary:hover {\n      background: var(--primary);\n      color: white;\n      transform: translateY(-4px);\n      box-shadow: 0 15px 30px rgba(0, 14, 75, 0.25);\n    }\n\n    #leggal-wrapper .link-styled {\n      color: var(--primary);\n      text-decoration: none;\n      font-weight: 600;\n      border-bottom: 2px solid var(--primary);\n      padding-bottom: 5px;\n    }\n\n    \/* ---- Expertise ---- *\/\n    #leggal-wrapper .expertise {\n      padding: 60px 0;\n      background: white;\n    }\n\n    #leggal-wrapper .section-header {\n      margin-bottom: 40px;\n    }\n\n    #leggal-wrapper .section-header h2 {\n      font-size: 3rem;\n      margin-bottom: 10px;\n    }\n\n    #leggal-wrapper .grid-expertise {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n\n    #leggal-wrapper .card {\n      background: #fdfdfd;\n      border: 1px solid #eee;\n      border-radius: 12px;\n      padding: 40px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      height: 400px;\n      transition: all 0.6s var(--transition-slow);\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n    }\n\n    #leggal-wrapper .card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n      transition: 0.5s;\n    }\n\n    #leggal-wrapper .card:hover::before {\n      left: 100%;\n    }\n\n    #leggal-wrapper .card:hover {\n      background: var(--primary);\n      border-color: var(--primary);\n      transform: translateY(-12px) scale(1.02);\n      box-shadow: 0 30px 60px rgba(64, 0, 44, 0.2);\n    }\n\n    #leggal-wrapper .card h3 {\n      font-size: 1.25rem;\n      margin-bottom: 20px;\n      transition: color 0.4s;\n    }\n\n    #leggal-wrapper .card p {\n      color: var(--text-muted);\n      transition: color 0.4s;\n    }\n\n    #leggal-wrapper .card:hover h3,\n    #leggal-wrapper .card:hover p {\n      color: white;\n    }\n\n    #leggal-wrapper .card-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: 20px;\n    }\n\n    #leggal-wrapper .card-content {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    #leggal-wrapper .card-content p {\n      flex-grow: 1;\n    }\n\n    #leggal-wrapper .card-footer {\n      margin-top: auto;\n    }\n\n    #leggal-wrapper .arrow {\n      font-size: 24px;\n      transition: transform 0.4s;\n      color: var(--primary);\n    }\n\n    #leggal-wrapper .service-icon {\n      width: 60px;\n      height: 60px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.4s;\n    }\n\n    #leggal-wrapper .card:hover .arrow {\n      transform: translateX(10px);\n      color: white;\n    }\n\n\n    #leggal-wrapper .service-icon img {\n      transition: all 0.4s;\n    }\n\n    #leggal-wrapper .card:hover .service-icon img {\n      filter: brightness(0) invert(1);\n    }\n\n    \/* ---- Team ---- *\/\n    #leggal-wrapper .team {\n      padding: 60px 0;\n      background: white;\n    }\n\n    #leggal-wrapper .grid-team {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n    }\n\n    #leggal-wrapper .team-member {\n      padding: 20px 0;\n      border-bottom: 1px solid #eee;\n    }\n\n    #leggal-wrapper .member-image {\n      width: 100%;\n      height: 340px;\n      background-color: #f0f0f0;\n      margin-bottom: 30px;\n      border-radius: 10px;\n      position: relative;\n      overflow: hidden;\n      transition: transform 0.6s var(--transition-slow);\n    }\n\n    #leggal-wrapper .team-member:hover .member-image {\n      background-color: #e5e5e5;\n      transform: scale(1.02);\n    }\n\n    #leggal-wrapper .team-member h4 {\n      font-size: 1.5rem;\n      margin-bottom: 5px;\n    }\n\n    #leggal-wrapper .team-member span {\n      color: var(--primary);\n      font-weight: 600;\n      font-size: 0.9rem;\n      text-transform: uppercase;\n    }\n\n    #leggal-wrapper .team-member p {\n      margin-top: 15px;\n      color: var(--text-muted);\n    }\n\n    #leggal-wrapper .member-list {\n      margin-top: 15px;\n      padding-left: 18px;\n      color: var(--text-muted);\n    }\n\n    #leggal-wrapper .member-list li {\n      margin-bottom: 6px;\n      font-size: 0.9rem;\n    }\n\n    \/* ---- Insights ---- *\/\n    #leggal-wrapper .insights {\n      padding: 60px 0;\n      background: var(--footer-bg);\n    }\n\n    #leggal-wrapper .split-layout {\n      display: flex;\n      align-items: center;\n      gap: 80px;\n    }\n\n    #leggal-wrapper .text-side {\n      flex: 1;\n    }\n\n    #leggal-wrapper .text-side h2 {\n      font-size: 2.7rem;\n      margin-bottom: 20px;\n    }\n\n    #leggal-wrapper .image-side {\n      flex: 1.2;\n      height: 500px;\n      overflow: hidden;\n    }\n\n    #leggal-wrapper .image-side img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* ---- Contact ---- *\/\n    #leggal-wrapper .contact {\n      padding: 80px 0;\n      background: var(--primary);\n      color: white;\n    }\n\n    #leggal-wrapper .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1.5fr;\n      gap: 80px;\n      align-items: center;\n    }\n\n    #leggal-wrapper .contact-header h2 {\n      font-size: 3.5rem;\n      margin-bottom: 20px;\n      color: #ffffff;\n      \/* Color del t\u00edtulo \"Cont\u00e1ctenos\" \u2014 ajustar aqu\u00ed *\/\n    }\n\n    #leggal-wrapper .contact-header p {\n      color: rgba(255, 255, 255, 0.8);\n      \/* Color del subt\u00edtulo \u2014 ajustar aqu\u00ed *\/\n    }\n\n    #leggal-wrapper .contact-info-list {\n      display: flex;\n      flex-direction: column;\n      gap: 30px;\n    }\n\n    #leggal-wrapper .info-item {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    #leggal-wrapper .contact-icon {\n      width: 50px;\n      height: 50px;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 8px;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    #leggal-wrapper .info-text strong {\n      display: block;\n      font-size: 0.8rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: rgba(255, 255, 255, 0.6);\n      margin-bottom: 2px;\n    }\n\n    #leggal-wrapper .info-text span {\n      font-size: 1.1rem;\n      color: #ffffff;\n      \/* Color del texto de contacto (direcci\u00f3n, tel\u00e9fono, email) \u2014 ajustar aqu\u00ed *\/\n    }\n\n    #leggal-wrapper .contact-footer {\n      margin-top: 60px;\n      padding-top: 30px;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      text-align: center;\n      color: rgba(255, 255, 255, 0.4);\n      font-size: 0.85rem;\n    }\n\n    \/* ---- Animaciones de scroll ---- *\/\n    #leggal-wrapper .reveal {\n      opacity: 0;\n      transition: opacity 1.2s var(--transition-slow);\n    }\n\n    #leggal-wrapper .reveal.active {\n      opacity: 1;\n    }\n\n    #leggal-wrapper .fade-up {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all var(--duration) var(--transition-slow);\n    }\n\n    #leggal-wrapper .reveal.active .fade-up,\n    #leggal-wrapper .active .fade-up {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    #leggal-wrapper .delay-1 {\n      transition-delay: 0.2s;\n    }\n\n    #leggal-wrapper .delay-2 {\n      transition-delay: 0.4s;\n    }\n\n    #leggal-wrapper .delay-3 {\n      transition-delay: 0.6s;\n    }\n\n    #leggal-wrapper .reveal-up {\n      opacity: 0;\n      transform: translateY(50px);\n      transition: all 1s var(--transition-slow);\n    }\n\n    #leggal-wrapper .reveal-up.active {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* ---- Contact Hero (p\u00e1gina contacto) ---- *\/\n    #leggal-wrapper .contact-hero {\n      padding: 120px 0 80px;\n      background: var(--bg);\n    }\n\n    #leggal-wrapper .contact-hero h1 {\n      font-size: clamp(2.5rem, 5vw, 4rem);\n      margin-bottom: 20px;\n    }\n\n    #leggal-wrapper .contact-hero h1 span {\n      color: var(--primary);\n      font-style: italic;\n    }\n\n    #leggal-wrapper .contact-details {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n      margin-top: 60px;\n    }\n\n    #leggal-wrapper .detail-box {\n      padding: 40px;\n      border: 1px solid #eee;\n      border-radius: 12px;\n    }\n\n    #leggal-wrapper .detail-box h3 {\n      font-size: 1.2rem;\n      margin-bottom: 10px;\n      color: var(--primary);\n    }\n\n    #leggal-wrapper .contact-icon img {\n      width: 24px;\n      height: 24px;\n      object-fit: contain;\n\n      filter: brightness(0) invert(1);\n      \/* \ud83d\udd25 esto los vuelve blancos *\/\n    }\n\n    \/* ---- Responsive ---- *\/\n    @media (max-width: 1024px) {\n      #leggal-wrapper .grid-expertise {\n        grid-template-columns: 1fr;\n      }\n\n      #leggal-wrapper .hero {\n        flex-direction: column;\n        height: auto;\n        padding-top: 100px;\n      }\n\n      #leggal-wrapper .hero-image-container {\n        width: 100%;\n        height: 50vh;\n        clip-path: none;\n      }\n\n      #leggal-wrapper .split-layout {\n        flex-direction: column;\n      }\n\n      #leggal-wrapper .contact-details {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* =========================\n   MOBILE NAV\n========================= *\/\n\n    #leggal-wrapper .mobile-nav-toggle {\n      display: none;\n    }\n\n    #leggal-wrapper .mobile-menu {\n      display: none;\n    }\n\n    @media (max-width: 768px) {\n      #leggal-wrapper .scroll-progress {\n        left: 0;\n      }\n\n      #leggal-wrapper .hero-content {\n        margin-top: 30px;\n      }\n\n      \/* Ocultar sidebar *\/\n      #leggal-wrapper .side-nav {\n        display: none;\n      }\n\n      #leggal-wrapper main {\n        margin-left: 0;\n      }\n\n      \/* Bot\u00f3n hamburguesa *\/\n      #leggal-wrapper .mobile-nav-toggle {\n        display: block;\n        position: fixed;\n        top: 20px;\n        right: 20px;\n        background: var(--primary);\n        color: white;\n        font-size: 24px;\n        padding: 10px 15px;\n        border-radius: 8px;\n        z-index: 2000;\n        cursor: pointer;\n      }\n\n      \/* Men\u00fa *\/\n      #leggal-wrapper .mobile-menu {\n        position: fixed;\n        top: 0;\n        right: -100%;\n        width: 70%;\n        height: 100%;\n        background: var(--primary);\n        display: flex;\n        flex-direction: column;\n        padding: 80px 30px;\n        gap: 20px;\n        transition: right 0.4s ease;\n        z-index: 1500;\n      }\n\n      #leggal-wrapper .mobile-menu a {\n        color: white;\n        text-decoration: none;\n        font-size: 18px;\n      }\n\n      #leggal-wrapper .mobile-menu.active {\n        right: 0;\n      }\n\n      \/* ====== AJUSTES GENERALES ====== *\/\n\n      #leggal-wrapper .container {\n        padding: 0 20px;\n      }\n\n      #leggal-wrapper .hero {\n        flex-direction: column;\n        padding: 40px 20px;\n        height: auto;\n      }\n\n      #leggal-wrapper .hero-content {\n        order: 2;\n        text-align: center;\n      }\n\n      #leggal-wrapper .hero-image-container {\n        order: 1;\n        width: 100%;\n        height: 40vh;\n        clip-path: none;\n      }\n\n      #leggal-wrapper .hero h1 {\n        font-size: 2rem;\n      }\n\n      #leggal-wrapper .hero p {\n        font-size: 1rem;\n      }\n\n      #leggal-wrapper .hero-btns {\n        flex-direction: column;\n        align-items: center;\n      }\n\n      #leggal-wrapper .grid-expertise {\n        grid-template-columns: 1fr;\n      }\n\n      #leggal-wrapper .card {\n        height: auto;\n        padding: 25px;\n      }\n\n      #leggal-wrapper .grid-team {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      #leggal-wrapper .member-image {\n        width: 100%;\n        aspect-ratio: 1 \/ 1;\n\n        \/* cuadrado perfecto *\/\n        height: auto;\n      }\n\n      #leggal-wrapper .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      #leggal-wrapper .contact-header h2 {\n        font-size: 2rem;\n        text-align: center;\n      }\n\n    }\n  <\/style>\n\n  <!-- Google Fonts -->\n  <link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&#038;family=Playfair+Display:wght@400;700&#038;display=swap\"\n    rel=\"stylesheet\">\n\n  <!-- Barra de progreso de scroll -->\n  <div class=\"scroll-progress\"><\/div>\n\n  <!-- Navegaci\u00f3n lateral -->\n  <nav class=\"side-nav\">\n    <div class=\"logo-container\">\n      <a href=\"#hero\" class=\"logo-link\">\n        <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2026\/05\/Logo_LEGGAL.png\" alt=\"Leggal Logo\" class=\"logo-img\">\n      <\/a>\n    <\/div>\n    <div class=\"nav-links\">\n      <a href=\"#hero\" class=\"nav-item\">Inicio<\/a>\n      <a href=\"#expertise\" class=\"nav-item\">Servicios<\/a>\n      <a href=\"#team\" class=\"nav-item\">Nosotros<\/a>\n      <a href=\"https:\/\/leggal.ec\/index.php\/contacto\/\" class=\"nav-item\">Contacto<\/a>\n      <a href=\"https:\/\/leggal.ec\/index.php\/politica-de-privacidad\/\" class=\"nav-item\">Privacidad<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Contenido principal -->\n  <main>\n\n    <!-- Hero -->\n    <section id=\"hero\" class=\"hero reveal\">\n      <div class=\"hero-content\">\n        <h1 class=\"reveal-text\">Redefinimos el servicio legal para la <span>mediana empresa<\/span><\/h1>\n        <p class=\"fade-up delay-1\">Especialistas en Asesor\u00eda Tributaria y Societaria para PYMEs. Eficiencia, claridad y\n          visi\u00f3n para tu crecimiento.<\/p>\n        <div class=\"hero-btns fade-up delay-2\">\n          <a href=\"#contact\" class=\"btn-primary\">Consultar con un Experto<\/a>\n          <a href=\"#expertise\" class=\"btn-secondary\">Nuestros Servicios<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hero-image-container\">\n        <video autoplay muted loop playsinline class=\"parallax-video\">\n          <source src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2026\/05\/Video_Web_leggal.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n    <\/section>\n\n    <!-- Expertise -->\n    <section id=\"expertise\" class=\"expertise reveal\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <h2 class=\"fade-up\">Especialidades Legales<\/h2>\n          <p class=\"fade-up\">Soluciones estrat\u00e9gicas dise\u00f1adas para el entorno empresarial actual.<\/p>\n        <\/div>\n        <div class=\"grid-expertise\">\n          <div class=\"card reveal-up\">\n            <div class=\"card-content\">\n              <h3>Gesti\u00f3n Tributaria<\/h3>\n              <p>Asesor\u00eda fiscal mensual, planificaci\u00f3n, declaraciones, devoluciones e impugnaciones.<\/p>\n              <div class=\"card-footer\">\n                <span class=\"arrow\">\u2192<\/span>\n                <div class=\"service-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/administration_17756153.png\">\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card reveal-up delay-1\">\n            <div class=\"card-content\">\n              <h3>Gobierno Corporativo<\/h3>\n              <p>Gesti\u00f3n legal de actas, decisiones y cumplimiento corporativo.<\/p>\n              <div class=\"card-footer\">\n                <span class=\"arrow\">\u2192<\/span>\n                <div class=\"service-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/administration_17756153-1.webp\">\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card reveal-up delay-2\">\n            <div class=\"card-content\">\n              <h3>Estructura Societaria<\/h3>\n              <p>Constituci\u00f3n, transformaci\u00f3n, capital y cesi\u00f3n con respaldo legal.<\/p>\n              <div class=\"card-footer\">\n                <span class=\"arrow\">\u2192<\/span>\n                <div class=\"service-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/3.webp\">\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card reveal-up delay-3\">\n            <div class=\"card-content\">\n              <h3>Tr\u00e1mites Legales Complementarios<\/h3>\n              <p>Vinculaci\u00f3n a la operaci\u00f3n empresarial.<\/p>\n              <div class=\"card-footer\">\n                <span class=\"arrow\">\u2192<\/span>\n                <div class=\"service-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/hoja.webp\">\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Team -->\n    <section id=\"team\" class=\"team reveal\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <h2 class=\"fade-up\">Nuestro Equipo<\/h2>\n          <p class=\"fade-up\">Liderazgo y experiencia t\u00e9cnica al servicio de su empresa.<\/p>\n        <\/div>\n        <div class=\"grid-team\">\n          <div class=\"team-member fade-up\">\n            <div class=\"member-image\">\n              <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/accons-lourdes-1-2.jpg\">\n            <\/div>\n            <h4>Ma. Lourdes Mosquera<\/h4>\n            <span>Socia Fundadora<\/span>\n            <ul class=\"member-list\">\n              <li>Consultor Empresarial<\/li>\n              <li>Auditora Externa<\/li>\n              <li>Mgtr. en Auditor\u00eda Integral y Gesti\u00f3n de Riesgos Financieros<\/li>\n              <li>Experta en Auditor\u00eda de Gesti\u00f3n<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"team-member fade-up delay-1\">\n            <div class=\"member-image\">\n              <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/accons-carlos-1-2.jpg\">\n            <\/div>\n            <h4>Carlos Le\u00f3n Acosta<\/h4>\n            <span>Socio Fundador<\/span>\n            <ul class=\"member-list\">\n              <li>Consultor tributario experto<\/li>\n              <li>Ex Director Nacional (e) SRI<\/li>\n              <li>Ex Director Nacional Jur\u00eddico SRI<\/li>\n              <li>Ex Director Regional del Austro<\/li>\n              <li>10 a\u00f1os Funcionario del SRI<\/li>\n              <li>Asesor Tributario Grandes Contribuyentes<\/li>\n              <li>Abogado Empresarial<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"team-member fade-up delay-2\">\n            <div class=\"member-image\">\n              <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/Pamela-Paredes-Legal-Partner-1-768x768-1.jpg\">\n            <\/div>\n            <h4>Pamela Paredes<\/h4>\n            <span>Leggal Partner<\/span>\n            <ul class=\"member-list\">\n              <li>Abogada Tributaria<\/li>\n              <li>Asesora Tributaria y Societaria<\/li>\n              <li>Experta en Protecci\u00f3n de Datos Personales<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Insights -->\n    <section id=\"insights\" class=\"insights reveal\">\n      <div class=\"container\">\n        <div class=\"split-layout\">\n          <div class=\"text-side\">\n            <h2 class=\"fade-up\">Parte del Corporativo Accons<\/h2>\n            <p class=\"fade-up\">Leggal forma parte de un ecosistema de servicios profesionales que incluye auditor\u00eda y\n              contabilidad para una visi\u00f3n 360\u00b0 de su negocio.<\/p>\n            <a href=\"https:\/\/accons.ec\" target=\"_blank\" class=\"link-styled fade-up\">Visitar Corporativo Accons<\/a>\n          <\/div>\n          <div class=\"image-side fade-up delay-1\">\n            <img decoding=\"async\"\n              src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2026\/05\/hf_20260505_203400_21be6350-4b55-4d04-8932-c86528269a3d-1.png\"\n              alt=\"Accons Corporate\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Contact -->\n    <section id=\"contact\" class=\"contact reveal\">\n      <div class=\"container\">\n        <div class=\"contact-grid\">\n          <div class=\"contact-header fade-up\">\n            <h2>Cont\u00e1ctanos<\/h2>\n            <p>Estamos listos para potenciar su estructura legal y tributaria.<\/p>\n          <\/div>\n          <div class=\"contact-info-list\">\n            <div class=\"info-item fade-up delay-1\">\n              <div class=\"contact-icon\">\n                <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/Artboard-1-2-1.png\">\n              <\/div>\n              <div class=\"info-text\">\n                <strong>Ubicaci\u00f3n<\/strong>\n                <span>Nueva Loja 105 Y Remigio Tamariz Crespo, Cuenca, Ecuador.<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"info-item fade-up delay-2\">\n              <div class=\"contact-icon\">\n                <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/Artboard-1-copy-2-1-1.png\">\n              <\/div>\n              <div class=\"info-text\">\n                <strong>Tel\u00e9fono<\/strong>\n                <span>0994622498<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"info-item fade-up delay-3\">\n              <div class=\"contact-icon\">\n                <img decoding=\"async\" src=\"https:\/\/leggal.ec\/wp-content\/uploads\/2025\/09\/Artboard-1-copy-1-1.png\">\n              <\/div>\n              <div class=\"info-text\">\n                <strong>Email<\/strong>\n                <span>pparedes@accons.ec<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"contact-footer fade-up\">\n          <p>&copy; 2026 Leggal. Parte del Corporativo Accons. Todos los derechos reservados.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <script>\n    (function () {\n      'use strict';\n\n      var root = document.getElementById('leggal-wrapper');\n\n      function qs(selector) { return root ? root.querySelector(selector) : document.querySelector(selector); }\n      function qsa(selector) { return root ? root.querySelectorAll(selector) : document.querySelectorAll(selector); }\n\n      function init() {\n\n        \/\/ 1. Barra de progreso de scroll\n        var progressBar = document.querySelector('.scroll-progress');\n        window.addEventListener('scroll', function () {\n          var winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n          var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n          var scrolled = winScroll \/ height;\n          if (progressBar) {\n            progressBar.style.transform = 'scaleX(' + scrolled + ')';\n          }\n        });\n\n        \/\/ 2. Intersection Observer para reveals\n        var revealOptions = {\n          threshold: 0.15,\n          rootMargin: '0px 0px -50px 0px'\n        };\n\n        var revealObserver = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('active');\n            }\n          });\n        }, revealOptions);\n\n        qsa('.reveal, .reveal-up, .fade-up').forEach(function (el) {\n          revealObserver.observe(el);\n        });\n\n        \/\/ 3. Parallax en imagen del hero\n        window.addEventListener('scroll', function () {\n          var heroVideo = qs('.parallax-video');\n          if (heroVideo) {\n            heroVideo.style.transform = 'scale(1.1) translateY(' + (window.scrollY * 0.1) + 'px)';\n          }\n        });\n\n        \/\/ 4. Enlace activo en navegaci\u00f3n lateral\n        var navItems = qsa('.nav-item');\n        var sections = qsa('section');\n\n        window.addEventListener('scroll', function () {\n          var current = '';\n          sections.forEach(function (section) {\n            var sectionTop = section.offsetTop;\n            var sectionHeight = section.clientHeight;\n            if (window.scrollY >= sectionTop - sectionHeight \/ 3) {\n              current = section.getAttribute('id');\n            }\n          });\n\n          navItems.forEach(function (item) {\n            item.style.color = 'rgba(255, 255, 255, 0.6)';\n            item.style.fontWeight = '500';\n            var href = item.getAttribute('href');\n            if (href && href.slice(1) === current) {\n              item.style.color = 'white';\n              item.style.fontWeight = '700';\n            }\n          });\n        });\n\n        \/\/ 5. Smooth scroll en anclas internas\n        qsa('a[href^=\"#\"]').forEach(function (anchor) {\n          anchor.addEventListener('click', function (e) {\n            var target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n              e.preventDefault();\n              target.scrollIntoView({ behavior: 'smooth' });\n            }\n          });\n        });\n        var toggle = qs('.mobile-nav-toggle');\n        var menu = qs('.mobile-menu');\n\n        if (toggle && menu) {\n          toggle.addEventListener('click', function () {\n            menu.classList.toggle('active');\n          });\n        }\n\n        qsa('.mobile-menu a').forEach(function (link) {\n          link.addEventListener('click', function () {\n            menu.classList.remove('active');\n          });\n        });\n      }\n\n      \/\/ Ejecutar cuando el DOM est\u00e9 listo\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n      } else {\n        init();\n      }\n\n    }());\n  <\/script>\n\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inicio Servicios Nosotros Contacto Privacidad Redefinimos el servicio legal para la mediana empresa Especialistas en Asesor\u00eda Tributaria y Societaria para [&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":"","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-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":106,"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/leggal.ec\/index.php\/wp-json\/wp\/v2\/media?parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}