{"id":8,"date":"2026-05-21T10:15:19","date_gmt":"2026-05-21T10:15:19","guid":{"rendered":"https:\/\/abogados.onsistems.com\/?page_id=8"},"modified":"2026-05-21T11:41:56","modified_gmt":"2026-05-21T11:41:56","slug":"inicio","status":"publish","type":"page","link":"https:\/\/abogados.onsistems.com\/?page_id=8","title":{"rendered":"Inicio"},"content":{"rendered":"<style>.kb-row-layout-id8_f57ad1-66 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id8_f57ad1-66 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id8_f57ad1-66 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id8_f57ad1-66 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id8_f57ad1-66 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id8_f57ad1-66 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id8_f57ad1-66 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column8_82416a-f1 > .kt-inside-inner-col,.kadence-column8_82416a-f1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column8_82416a-f1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column8_82416a-f1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column8_82416a-f1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column8_82416a-f1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column8_82416a-f1{position:relative;}@media all and (max-width: 1024px){.kadence-column8_82416a-f1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column8_82416a-f1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column8_82416a-f1\"><div class=\"kt-inside-inner-col\">\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO FINAL MEJORADO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\n  *{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n  }\n\n  :root{\n    --negro:#0f1014;\n    --dorado:#c8a85d;\n    --blanco:#f5f5f5;\n    --gris:#b7b7c7;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\n   \n  .hero{\n    position:relative;\n    min-height:100vh;\n    overflow:hidden;\n    background:\n      radial-gradient(circle at top right, rgba(200,168,93,.12), transparent 30%),\n      #0f1014;\n    display:flex;\n    align-items:center;\n  }\n\n  \/* fondo suave *\/\n  .hero::before{\n    content:'';\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(15,16,20,.95) 0%,\n        rgba(15,16,20,.85) 45%,\n        rgba(15,16,20,.60) 100%\n      );\n    z-index:1;\n  }\n\n  .hero-contenedor{\n    position:relative;\n    z-index:2;\n    width:100%;\n    max-width:1300px;\n    margin:auto;\n    padding:120px 60px 80px;\n  }\n\n  .hero-grid{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    align-items:center;\n    gap:40px;\n  }\n\n  \/* izquierda *\/\n\n  .hero-tag{\n    display:inline-flex;\n    align-items:center;\n    gap:14px;\n    margin-bottom:24px;\n  }\n\n  .hero-tag::before{\n    content:'';\n    width:45px;\n    height:1px;\n    background:var(--dorado);\n  }\n\n  .hero-tag span{\n    color:var(--dorado);\n    font-size:.75rem;\n    letter-spacing:.25em;\n    text-transform:uppercase;\n    font-family:'Inter',sans-serif;\n    font-weight:600;\n  }\n\n  .hero-titulo{\n    font-family:'Cormorant Garamond',serif;\n    font-size:clamp(3.2rem,8vw,6.5rem);\n    line-height:.92;\n    color:var(--blanco);\n    margin-bottom:28px;\n    max-width:700px;\n  }\n\n  .hero-titulo span{\n    color:var(--dorado);\n  }\n\n  .hero-texto{\n    max-width:580px;\n    color:var(--gris);\n    font-size:1.05rem;\n    line-height:1.9;\n    margin-bottom:42px;\n    font-family:'Inter',sans-serif;\n  }\n\n  .hero-botones{\n    display:flex;\n    gap:18px;\n    flex-wrap:wrap;\n  }\n\n  .btn{\n    padding:17px 34px;\n    text-decoration:none;\n    text-transform:uppercase;\n    letter-spacing:.18em;\n    font-size:.78rem;\n    transition:.3s ease;\n    font-family:'Inter',sans-serif;\n  }\n\n  .btn-principal{\n    background:var(--dorado);\n    color:#111;\n    font-weight:700;\n  }\n\n  .btn-principal:hover{\n    transform:translateY(-3px);\n  }\n\n  .btn-secundario{\n    border:1px solid rgba(255,255,255,.18);\n    color:white;\n  }\n\n  .btn-secundario:hover{\n    border-color:var(--dorado);\n    color:var(--dorado);\n  }\n\n  \/* derecha *\/\n\n  .hero-imagen{\n    position:relative;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .hero-imagen img{\n    width:100%;\n    max-width:520px;\n    object-fit:contain;\n    filter:\n      drop-shadow(0 20px 40px rgba(0,0,0,.5));\n    animation:flotar 5s ease-in-out infinite;\n  }\n\n  @keyframes flotar{\n    0%{\n      transform:translateY(0px);\n    }\n    50%{\n      transform:translateY(-12px);\n    }\n    100%{\n      transform:translateY(0px);\n    }\n  }\n\n  \/* stats *\/\n\n  .hero-stats{\n    display:flex;\n    gap:50px;\n    margin-top:70px;\n    flex-wrap:wrap;\n  }\n\n  .stat h3{\n    color:var(--dorado);\n    font-size:2.3rem;\n    font-family:'Cormorant Garamond',serif;\n    margin-bottom:6px;\n  }\n\n  .stat p{\n    color:#8e8e99;\n    font-size:.75rem;\n    text-transform:uppercase;\n    letter-spacing:.15em;\n    font-family:'Inter',sans-serif;\n  }\n\n  \/* responsive *\/\n\n  @media(max-width:980px){\n\n    .hero{\n      min-height:auto;\n      padding-top:40px;\n    }\n\n    .hero-contenedor{\n      padding:100px 24px 60px;\n    }\n\n    .hero-grid{\n      grid-template-columns:1fr;\n      text-align:center;\n    }\n\n    .hero-tag{\n      justify-content:center;\n    }\n\n    .hero-texto{\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    .hero-botones{\n      justify-content:center;\n    }\n\n    .hero-imagen{\n      order:-1;\n    }\n\n    .hero-imagen img{\n      max-width:340px;\n    }\n\n    .hero-stats{\n      justify-content:center;\n      gap:30px;\n    }\n\n  }\n\n  @media(max-width:600px){\n\n    .hero-titulo{\n      font-size:4rem;\n      line-height:.95;\n    }\n\n    .hero-texto{\n      font-size:.98rem;\n      line-height:1.8;\n    }\n\n    .btn{\n      width:100%;\n      text-align:center;\n    }\n\n    .hero-stats{\n      margin-top:50px;\n    }\n\n  }\n\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HTML \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<section class=\"hero\">\n\n  <div class=\"hero-contenedor\">\n\n    <div class=\"hero-grid\">\n\n      <!-- TEXTO -->\n\n      <div>\n\n        <div class=\"hero-tag\">\n          <span>Despacho Jur\u00eddico \u00b7 Madrid<\/span>\n        <\/div>\n\n        <h1 class=\"hero-titulo\">\n          Tu defensa legal <br>\n          empieza con una <span>buena estrategia<\/span>\n        <\/h1>\n\n        <p class=\"hero-texto\">\n          Especialistas en Derecho Laboral, Penal, Administrativo y Extranjer\u00eda.\n          Defendemos tus intereses con cercan\u00eda, claridad y compromiso real.\n        <\/p>\n\n        <div class=\"hero-botones\">\n\n          <!-- CONTACTO -->\n          <a \n            href=\"https:\/\/abogados.onsistems.com\/?page_id=22\"\n            class=\"btn btn-principal\"\n          >\n            Consulta ahora\n          <\/a>\n\n          <!-- \u00c1REAS -->\n          <a \n            href=\"https:\/\/abogados.onsistems.com\/?page_id=16#areas\"\n            class=\"btn btn-secundario\"\n          >\n            Ver servicios\n          <\/a>\n\n        <\/div>\n\n        <!-- stats -->\n\n        <div class=\"hero-stats\">\n\n          <div class=\"stat\">\n            <h3 class=\"contador\" data-target=\"15\">0<\/h3>\n            <p>A\u00f1os experiencia<\/p>\n          <\/div>\n\n          <div class=\"stat\">\n            <h3 class=\"contador\" data-target=\"500\">0<\/h3>\n            <p>Casos resueltos<\/p>\n          <\/div>\n\n          <div class=\"stat\">\n            <h3 class=\"contador\" data-target=\"98\">0<\/h3>\n            <p>% satisfacci\u00f3n<\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- IMAGEN -->\n\n      <div class=\"hero-imagen\">\n\n        <img decoding=\"async\" \n          src=\"https:\/\/abogados.onsistems.com\/wp-content\/uploads\/2026\/05\/imagen-hero.png\"\n          alt=\"S\u00edmbolo justicia\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JAVASCRIPT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<script>\n\n  \/\/ contador simple\n\n  const contadores = document.querySelectorAll('.contador');\n\n  contadores.forEach(contador => {\n\n    const objetivo = +contador.dataset.target;\n\n    let numero = 0;\n\n    const velocidad = objetivo \/ 60;\n\n    function actualizar(){\n\n      numero += velocidad;\n\n      if(numero < objetivo){\n\n        contador.innerText = Math.floor(numero);\n\n        requestAnimationFrame(actualizar);\n\n      }else{\n\n        contador.innerText = objetivo;\n\n      }\n\n    }\n\n    actualizar();\n\n  });\n\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Despacho Jur\u00eddico \u00b7 Madrid Tu defensa legal empieza con una buena estrategia Especialistas en Derecho Laboral, Penal, Administrativo y Extranjer\u00eda. Defendemos tus intereses con cercan\u00eda, claridad y compromiso real. Consulta ahora Ver servicios 0 A\u00f1os experiencia 0 Casos resueltos 0 % satisfacci\u00f3n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":8,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}