{"id":16,"date":"2026-05-21T10:57:25","date_gmt":"2026-05-21T10:57:25","guid":{"rendered":"https:\/\/abogados.onsistems.com\/?page_id=16"},"modified":"2026-05-21T11:17:39","modified_gmt":"2026-05-21T11:17:39","slug":"16-2","status":"publish","type":"page","link":"https:\/\/abogados.onsistems.com\/?page_id=16","title":{"rendered":"\u00c1reas de pr\u00e1ctica"},"content":{"rendered":"\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ESTILOS CSS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n\n  .areas-seccion{\n    background:#0d0d14;\n    padding:100px 40px;\n    font-family:'Lato',Arial,sans-serif;\n  }\n\n  .areas-encabezado{\n    text-align:center;\n    margin-bottom:70px;\n  }\n\n  .seccion-etiqueta{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:20px;\n  }\n\n  .seccion-etiqueta::before,\n  .seccion-etiqueta::after{\n    content:'';\n    width:30px;\n    height:1px;\n    background:#c9a84c;\n  }\n\n  .seccion-etiqueta span{\n    font-size:.7rem;\n    letter-spacing:.25em;\n    text-transform:uppercase;\n    color:#c9a84c;\n    font-weight:700;\n  }\n\n  .areas-titulo{\n    font-family:'Playfair Display',Georgia,serif;\n    font-size:clamp(2rem,4vw,3.5rem);\n    color:#f0ece4;\n    font-weight:700;\n    margin:0 0 16px;\n    line-height:1.2;\n  }\n\n  .areas-subtitulo{\n    color:#8a8a9a;\n    font-size:1rem;\n    max-width:550px;\n    margin:0 auto;\n    line-height:1.7;\n  }\n\n  .areas-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:24px;\n    max-width:1300px;\n    margin:0 auto;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TARJETA FLIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  .flip-card{\n    perspective:1200px;\n    height:420px;\n  }\n\n  .flip-card-inner{\n    position:relative;\n    width:100%;\n    height:100%;\n    transition:transform .8s cubic-bezier(.4,.2,.2,1);\n    transform-style:preserve-3d;\n  }\n\n  .flip-card:hover .flip-card-inner{\n    transform:rotateY(180deg);\n  }\n\n  .flip-face{\n    position:absolute;\n    width:100%;\n    height:100%;\n    backface-visibility:hidden;\n    overflow:hidden;\n    border-radius:24px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FRONT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  .flip-front{\n    background:#161620;\n  }\n\n  .flip-front img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    filter:brightness(.45);\n    transition:transform .8s ease;\n  }\n\n  .flip-card:hover img{\n    transform:scale(1.08);\n  }\n\n  .flip-overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n      to top,\n      rgba(0,0,0,.85),\n      rgba(0,0,0,.15)\n    );\n  }\n\n  .flip-contenido{\n    position:absolute;\n    bottom:32px;\n    left:28px;\n    right:28px;\n    z-index:2;\n  }\n\n  .flip-numero{\n    font-family:'Playfair Display',serif;\n    color:rgba(201,168,76,.35);\n    font-size:4rem;\n    font-weight:700;\n    line-height:1;\n    margin-bottom:12px;\n  }\n\n  .flip-titulo{\n    font-family:'Playfair Display',serif;\n    font-size:1.8rem;\n    color:#fff;\n    margin-bottom:14px;\n  }\n\n  .flip-texto{\n    color:#d1d1da;\n    line-height:1.7;\n    font-size:.95rem;\n  }\n\n  .flip-hover{\n    margin-top:20px;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    color:#c9a84c;\n    font-size:.75rem;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    font-weight:700;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BACK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  .flip-back{\n    background:\n      linear-gradient(\n        145deg,\n        #1a1a25,\n        #101018\n      );\n    border:1px solid rgba(201,168,76,.15);\n    transform:rotateY(180deg);\n    padding:34px 30px;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n  }\n\n  .flip-back::before{\n    content:'';\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:4px;\n    background:#c9a84c;\n  }\n\n  .back-titulo{\n    font-family:'Playfair Display',serif;\n    font-size:1.6rem;\n    color:#f0ece4;\n    margin-bottom:28px;\n  }\n\n  .back-servicios{\n    list-style:none;\n    padding:0;\n    margin:0;\n  }\n\n  .back-servicios li{\n    position:relative;\n    padding-left:22px;\n    margin-bottom:16px;\n    color:#c5c0b8;\n    line-height:1.5;\n    font-size:.92rem;\n  }\n\n  .back-servicios li::before{\n    content:'';\n    position:absolute;\n    left:0;\n    top:9px;\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:#c9a84c;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n  @media screen and (max-width:1100px){\n\n    .areas-grid{\n      grid-template-columns:repeat(2,1fr);\n    }\n\n  }\n\n  @media screen and (max-width:640px){\n\n    .areas-seccion{\n      padding:70px 20px;\n    }\n\n    .areas-grid{\n      grid-template-columns:1fr;\n    }\n\n    .flip-card{\n      height:400px;\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=\"areas-seccion\" id=\"areas\">\n\n  <div class=\"areas-encabezado\">\n\n    <div class=\"seccion-etiqueta\">\n      <span>\u00c1reas de pr\u00e1ctica<\/span>\n    <\/div>\n\n    <h2 class=\"areas-titulo\">\n      Especialistas en lo que importa\n    <\/h2>\n\n    <p class=\"areas-subtitulo\">\n      Defensa jur\u00eddica estrat\u00e9gica, cercana y s\u00f3lida para particulares y empresas.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"areas-grid\">\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LABORAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <div class=\"flip-card\">\n\n      <div class=\"flip-card-inner\">\n\n        <!-- FRONT -->\n        <div class=\"flip-face flip-front\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Derecho laboral\">\n\n          <div class=\"flip-overlay\"><\/div>\n\n          <div class=\"flip-contenido\">\n\n            <div class=\"flip-numero\">01<\/div>\n\n            <h3 class=\"flip-titulo\">\n              Derecho Laboral\n            <\/h3>\n\n            <p class=\"flip-texto\">\n              Protecci\u00f3n integral para trabajadores, directivos y empresas.\n            <\/p>\n\n            <div class=\"flip-hover\">\n              Pasar cursor \u2192\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- BACK -->\n        <div class=\"flip-face flip-back\">\n\n          <h3 class=\"back-titulo\">\n            Servicios\n          <\/h3>\n\n          <ul class=\"back-servicios\">\n            <li>Despidos improcedentes y nulos<\/li>\n            <li>Indemnizaciones y salarios<\/li>\n            <li>ERE \/ ERTE<\/li>\n            <li>Acoso laboral y mobbing<\/li>\n            <li>Contratos y n\u00f3minas<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ADMINISTRATIVO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <div class=\"flip-card\">\n\n      <div class=\"flip-card-inner\">\n\n        <div class=\"flip-face flip-front\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528740561666-dc2479dc08ab?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Derecho administrativo\">\n\n          <div class=\"flip-overlay\"><\/div>\n\n          <div class=\"flip-contenido\">\n\n            <div class=\"flip-numero\">02<\/div>\n\n            <h3 class=\"flip-titulo\">\n              Administrativo\n            <\/h3>\n\n            <p class=\"flip-texto\">\n              Defensa frente a decisiones y sanciones de la Administraci\u00f3n.\n            <\/p>\n\n            <div class=\"flip-hover\">\n              Pasar cursor \u2192\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"flip-face flip-back\">\n\n          <h3 class=\"back-titulo\">\n            Servicios\n          <\/h3>\n\n          <ul class=\"back-servicios\">\n            <li>Recursos administrativos<\/li>\n            <li>Sanciones y multas<\/li>\n            <li>Licencias y permisos<\/li>\n            <li>Responsabilidad patrimonial<\/li>\n            <li>Contrataci\u00f3n p\u00fablica<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PENAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <div class=\"flip-card\">\n\n      <div class=\"flip-card-inner\">\n\n        <div class=\"flip-face flip-front\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Derecho penal\">\n\n          <div class=\"flip-overlay\"><\/div>\n\n          <div class=\"flip-contenido\">\n\n            <div class=\"flip-numero\">03<\/div>\n\n            <h3 class=\"flip-titulo\">\n              Derecho Penal\n            <\/h3>\n\n            <p class=\"flip-texto\">\n              Defensa estrat\u00e9gica en procesos penales complejos.\n            <\/p>\n\n            <div class=\"flip-hover\">\n              Pasar cursor \u2192\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"flip-face flip-back\">\n\n          <h3 class=\"back-titulo\">\n            Servicios\n          <\/h3>\n\n          <ul class=\"back-servicios\">\n            <li>Juicios y vistas orales<\/li>\n            <li>Delitos econ\u00f3micos<\/li>\n            <li>Violencia de g\u00e9nero<\/li>\n            <li>Defensa penal corporativa<\/li>\n            <li>Recursos y apelaciones<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EXTRANJER\u00cdA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <div class=\"flip-card\">\n\n      <div class=\"flip-card-inner\">\n\n        <div class=\"flip-face flip-front\">\n\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Extranjer\u00eda\">\n\n          <div class=\"flip-overlay\"><\/div>\n\n          <div class=\"flip-contenido\">\n\n            <div class=\"flip-numero\">04<\/div>\n\n            <h3 class=\"flip-titulo\">\n              Extranjer\u00eda\n            <\/h3>\n\n            <p class=\"flip-texto\">\n              Asesor\u00eda migratoria integral para personas y empresas.\n            <\/p>\n\n            <div class=\"flip-hover\">\n              Pasar cursor \u2192\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"flip-face flip-back\">\n\n          <h3 class=\"back-titulo\">\n            Servicios\n          <\/h3>\n\n          <ul class=\"back-servicios\">\n            <li>Permisos de residencia<\/li>\n            <li>Nacionalidad espa\u00f1ola<\/li>\n            <li>Reagrupaci\u00f3n familiar<\/li>\n            <li>Arraigos<\/li>\n            <li>Recursos y expulsiones<\/li>\n          <\/ul>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u00c1reas de pr\u00e1ctica Especialistas en lo que importa Defensa jur\u00eddica estrat\u00e9gica, cercana y s\u00f3lida para particulares y empresas. 01 Derecho Laboral Protecci\u00f3n integral para trabajadores, directivos y empresas. Pasar cursor \u2192 Servicios Despidos improcedentes y nulos Indemnizaciones y salarios ERE \/ ERTE Acoso laboral y mobbing Contratos y n\u00f3minas 02 Administrativo Defensa frente a decisiones&#8230;<\/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":"","_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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":3,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/abogados.onsistems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}