/* accionArte Jurídica · estética de estudio jurídico: azul noche, marfil, serif Lora y filetes turquesa */
@font-face{font-family:"Lora";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/lora-500.woff") format("woff")}
@font-face{font-family:"Lora";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/lora-600.woff") format("woff")}
@font-face{font-family:"Lora";font-weight:500;font-style:italic;font-display:swap;src:url("../fonts/lora-500i.woff") format("woff")}

.law{--navy:#0B1C29;--navy2:#12283A;--ivory:#F6F4EF;--sand:#E9E4D8;--acc:#3FD0E4;--acc2:#049CCD;--serif:"Lora",Georgia,"Times New Roman",serif}
.law h1,.law h2,.law h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.law h2{font-size:clamp(30px,3.6vw,44px);line-height:1.15}
.lw-kicker{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--acc2);margin-bottom:18px}
.lw-kicker::before{content:"";width:38px;height:1px;background:currentColor}
.center .lw-kicker,.lw-head.center .lw-kicker{justify-content:center}
.center .lw-kicker::after{content:"";width:38px;height:1px;background:currentColor}

/* botones sobrios */
.law .btn{border-radius:3px;letter-spacing:.02em}
.btn-acc{background:var(--acc);color:var(--navy)}
.btn-acc:hover{color:var(--navy);background:#7BE3F0;transform:translateY(-2px)}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-line:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.06)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{color:#fff;background:var(--navy2);transform:translateY(-2px)}

/* hero */
.lw-hero{position:relative;overflow:hidden;color:#fff;padding:84px 0 96px;background:var(--navy) url("../img/oficina.jpg") center/cover no-repeat}
.lw-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,21,31,.97) 0%,rgba(8,21,31,.92) 50%,rgba(8,21,31,.78) 100%)}
.lw-hero::after{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-220px;border-radius:50%;border:1px solid rgba(63,208,228,.16);box-shadow:0 0 0 70px rgba(63,208,228,.025)}
.lw-hero-g{position:relative;z-index:1;display:grid;grid-template-columns:1.18fr .82fr;gap:64px;align-items:center}
.lw-crumbs{display:flex;gap:10px;font-size:13.5px;color:rgba(255,255,255,.6);margin-bottom:26px}
.lw-crumbs a{color:rgba(255,255,255,.75);text-decoration:none}
.lw-crumbs a:hover{color:#fff}
.lw-hero .lw-kicker{color:var(--acc)}
.lw-hero h1{color:#fff;font-size:clamp(36px,4.5vw,58px);line-height:1.08}
.lw-hero h1 em{font-style:italic;font-weight:500;color:var(--acc)}
.lw-hero .lead{color:rgba(255,255,255,.84);margin-top:24px}
.lw-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);font-size:14.5px;color:rgba(255,255,255,.86)}
.lw-facts li{display:flex;align-items:center;gap:9px}
.lw-facts svg{width:17px;height:17px;color:var(--acc);stroke-width:2.2}
.lw-portrait{position:relative;margin:0;justify-self:end;width:100%;max-width:390px}
.lw-portrait::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid rgba(63,208,228,.55)}
.lw-portrait img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;background:#fff}
.lw-portrait figcaption{position:absolute;left:-34px;bottom:30px;background:#fff;color:var(--ink);padding:14px 22px 14px 20px;border-left:3px solid var(--acc2);box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.lw-portrait figcaption b{display:block;font-family:var(--serif);font-size:18px;font-weight:600}
.lw-portrait figcaption span{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}

/* intro */
.lw-intro{background:var(--ivory);padding:92px 0;border-bottom:1px solid var(--sand)}
.lw-intro-g{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.lw-intro h2{margin-bottom:22px}
.lw-intro p{font-size:17px;color:var(--txt)}
.lw-pillars li{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--sand)}
.lw-pillars li:first-child{border-top:0;padding-top:6px}
.lw-pillars b{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink)}
.lw-pillars span{font-size:15.5px;color:var(--mut)}

/* secciones */
.lw-sec{padding:104px 0}
.lw-sec-soft{background:#F3F6F7}
.lw-sec-ivory{background:var(--ivory)}
.lw-head{max-width:760px;margin-bottom:52px}
.lw-head.center{margin-left:auto;margin-right:auto;text-align:center}
.lw-head p{margin-top:16px;color:var(--mut);font-size:17px}
.lw-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}
.lw-head-row>div{max-width:720px}
.lw-upd{font-size:13px;color:var(--mut);white-space:nowrap;padding:8px 14px;border:1px solid var(--sand);background:#fff}

/* tarjetas de áreas */
.lw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.lw-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:36px 30px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--txt);text-decoration:none;transition:background .3s,color .3s}
.lw-card::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--acc2);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.lw-card:hover{color:var(--txt);background:#FBFCFC}
.lw-card:hover::after{transform:scaleX(1)}
.lw-num{position:absolute;right:26px;top:24px;font-family:var(--serif);font-size:30px;font-weight:500;color:#D6E0E3;transition:color .3s}
.lw-card:hover .lw-num{color:var(--acc2)}
.lw-ic{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid #CFE0E4;color:var(--acc2);background:#fff}
.lw-ic svg{width:27px;height:27px}
.lw-card h3{font-size:21px;line-height:1.25;color:var(--ink);margin-top:8px}
.lw-card p{font-size:14.5px;line-height:1.6;color:var(--mut);flex:1}
.lw-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--link)}
.lw-more svg{width:16px;height:16px;transition:transform .2s var(--ease)}
.lw-card:hover .lw-more svg{transform:translateX(4px)}
.lw-card-cta{background:var(--navy);color:rgba(255,255,255,.8)}
.lw-card-cta:hover{background:var(--navy2);color:rgba(255,255,255,.8)}
.lw-card-cta h3{color:#fff}.lw-card-cta p{color:rgba(255,255,255,.72)}
.lw-card-cta .lw-ic{background:transparent;border-color:rgba(255,255,255,.25);color:var(--acc)}
.lw-card-cta .lw-more{color:var(--acc)}

/* detalle de cada área */
.lw-area{display:grid;grid-template-columns:380px 1fr;gap:64px;padding:64px 0;border-top:1px solid #DCE5E8;scroll-margin-top:96px}
.lw-area:first-child{border-top:0;padding-top:0}
.lw-area:last-child{padding-bottom:0}
.lw-area-side{position:sticky;top:110px;align-self:start}
.lw-area-n{display:block;font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:.18em;color:var(--acc2);margin-bottom:18px}
.lw-area-side h3{font-size:30px;line-height:1.18;color:var(--ink);margin:22px 0 16px}
.lw-area-side p{font-size:16px;color:var(--txt)}
.lw-area-main h4{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);font-weight:500;margin-bottom:18px}
.lw-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.lw-list li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #DCE5E8;font-size:15.5px;line-height:1.5;color:var(--ink)}
.lw-list svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:var(--acc2);stroke-width:2.2}
.lw-key{margin:30px 0;padding:20px 24px;background:#fff;border-left:3px solid var(--acc2);box-shadow:0 14px 30px -26px rgba(4,62,84,.5)}
.lw-key b{display:block;font-family:var(--serif);font-size:17px;color:var(--ink);margin-bottom:6px}
.lw-key p{font-size:15px;color:var(--txt)}

/* cómo trabajamos */
.lw-steps-sec{background:var(--navy);color:rgba(255,255,255,.78);padding:100px 0;position:relative;overflow:hidden}
.lw-steps-sec h2{color:#fff}
.lw-steps-sec .lw-kicker{color:var(--acc)}
.lw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.lw-step{padding:8px 34px 8px 0;margin-right:34px;border-right:1px solid rgba(255,255,255,.12)}
.lw-step:last-child{border-right:0;margin-right:0}
.lw-step span{display:block;font-family:var(--serif);font-style:italic;font-size:44px;line-height:1;color:var(--acc);margin-bottom:22px}
.lw-step h3{color:#fff;font-size:21px;margin-bottom:12px}
.lw-step p{font-size:15px}

/* novedades */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:500 14px "Poppins",sans-serif;padding:9px 16px;border:1px solid var(--sand);background:#fff;color:var(--txt);cursor:pointer;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--navy)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.lw-news{margin-top:30px}
.law .news{border-radius:0;border-color:var(--sand)}
.law .news::before{background:var(--acc2)}
.law .news h3{font-size:20px;font-weight:600;line-height:1.3}
.law .news-cat{border-radius:0;background:var(--ivory);color:var(--acc2)}
.lw-news[data-f="all"] .news.feat{grid-column:span 2;background:var(--navy);border-color:var(--navy);color:rgba(255,255,255,.82);padding:40px 40px 32px}
.lw-news[data-f="all"] .news.feat h3{color:#fff;font-size:27px}
.lw-news[data-f="all"] .news.feat p{color:rgba(255,255,255,.82);font-size:16px}
.lw-news[data-f="all"] .news.feat .news-meta,.lw-news[data-f="all"] .news.feat time{color:rgba(255,255,255,.75)}
.lw-news[data-f="all"] .news.feat .news-cat{background:rgba(63,208,228,.14);color:var(--acc)}
.lw-news[data-f="all"] .news.feat .news-src{color:var(--acc);border-top-color:rgba(255,255,255,.14)}
.news[hidden]{display:none}
.lw-disc{margin-top:30px;font-size:13.5px;color:var(--mut);max-width:80ch}

/* quién te atiende */
.lw-who{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.lw-who-img{position:relative}
.lw-who-img::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--acc2);opacity:.5}
.lw-who-img img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;background:#fff}
.lw-who h2{margin-bottom:6px}
.lw-role{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc2);margin-bottom:22px}
.lw-who p{font-size:16.5px}
.lw-cv{margin-top:24px}
.lw-quote{margin:32px 0 0;padding:4px 0 4px 24px;border-left:2px solid var(--acc2);font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.45;color:var(--ink)}

/* contacto */
.lw-contact{background:var(--navy);color:rgba(255,255,255,.8);padding:100px 0}
.lw-contact h2{color:#fff;margin-bottom:16px}
.lw-contact .lw-kicker{color:var(--acc)}
.lw-contact-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.lw-direct{margin-top:36px}
.lw-direct li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15.5px}
.lw-direct span{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);padding-top:2px}
.lw-direct a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
.lw-direct a:hover{color:var(--acc)}
.lw-direct b{font-weight:400;color:#fff}
.law .form{border-radius:2px;box-shadow:0 40px 70px -40px rgba(0,0,0,.7)}
.law .form input,.law .form select,.law .form textarea{border-radius:2px}

@media (max-width:1080px){
  .lw-hero-g{grid-template-columns:1fr;gap:56px}
  .lw-portrait{justify-self:start;max-width:340px;margin-left:16px}
  .lw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lw-area{grid-template-columns:1fr;gap:28px}
  .lw-area-side{position:static}
  .lw-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 0}
  .lw-step:nth-child(2){border-right:0;margin-right:0}
  .lw-contact-g,.lw-intro-g{grid-template-columns:1fr;gap:44px}
}
@media (max-width:820px){
  .lw-sec,.lw-intro,.lw-steps-sec,.lw-contact{padding:76px 0}
  .lw-list{grid-template-columns:1fr}
  .lw-who{grid-template-columns:1fr;gap:44px}
  .lw-who-img{max-width:420px}
  .lw-head-row{flex-direction:column;align-items:flex-start}
  .lw-news[data-f="all"] .news.feat{grid-column:auto;padding:30px 28px 26px}
  .lw-news[data-f="all"] .news.feat h3{font-size:22px}
  .lw-pillars li{grid-template-columns:1fr;gap:6px}
}
@media (max-width:560px){
  .lw-hero{padding:56px 0 76px}
  .lw-cards{grid-template-columns:1fr}
  .lw-steps{grid-template-columns:1fr;gap:34px}
  .lw-step{border-right:0;margin-right:0;padding-right:0}
  .lw-portrait figcaption{left:-12px;bottom:18px}
  .lw-direct li{grid-template-columns:1fr;gap:4px}
  .lw-area-side h3{font-size:26px}
}

/* fotografías de las áreas */
.lw-card{overflow:hidden}
.lw-card::after{z-index:4}
.lw-ph{position:relative;display:block;margin:-36px -30px 4px;height:190px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#1E4560)}
.lw-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02);transition:transform .9s var(--ease)}
.lw-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,28,41,.05) 35%,rgba(11,28,41,.6))}
.lw-card:hover .lw-ph img{transform:scale(1.07)}
.lw-card .lw-ph+.lw-num{z-index:3;top:18px;right:20px;color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(0,0,0,.45)}
.lw-card:hover .lw-ph+.lw-num{color:#fff}
.lw-card .lw-num+.lw-ic{position:relative;z-index:3;margin-top:-50px;background:#fff;box-shadow:0 12px 24px -14px rgba(4,62,84,.6)}
.lw-area-ph{position:relative;display:block;aspect-ratio:3/2;margin:0 0 28px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#1E4560);box-shadow:0 26px 50px -34px rgba(4,62,84,.7)}
.lw-area-ph::before{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(255,255,255,.35);margin:10px;pointer-events:none}
.lw-area-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.lw-ph.noimg,.lw-area-ph.noimg{background:linear-gradient(135deg,var(--navy),#1E4560)}
.lw-credit{margin-top:40px;font-size:12.5px;color:var(--mut)}
@media (max-width:1080px){.lw-area-ph{max-width:620px}}

/* entidades colaboradoras */
.lw-collab{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.lw-collab>span{display:block;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.lw-collab ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lw-collab li{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:86px;padding:16px 18px;background:#fff;border:1px solid var(--sand);border-top:2px solid var(--acc2)}
.lw-collab b{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);line-height:1.2}
.lw-collab small{font-size:12.5px;line-height:1.35;color:var(--mut)}
.lw-collab li.has-logo{align-items:center;border-top-width:1px}
.lw-collab li.has-logo img{max-height:56px;max-width:100%;width:auto;object-fit:contain}
@media (max-width:560px){.lw-collab ul{grid-template-columns:1fr}}
.lw-collab ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.lw-collab li.has-logo{gap:10px;padding:18px 12px 12px;min-height:132px}
.lw-collab li.has-logo img{height:74px;max-height:none;max-width:94%}
.lw-collab li.has-logo small{font-size:11.5px;letter-spacing:.04em;text-align:center}
.lw-li{display:inline-flex;align-items:center;gap:10px;margin:-8px 0 22px;padding:9px 16px;border:1px solid #0A66C2;color:#0A66C2;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.lw-li svg{width:17px;height:17px}
.lw-li:hover{background:#0A66C2;color:#fff}
@media (max-width:560px){.lw-collab ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lw-hero-g.solo{grid-template-columns:1fr}
.lw-hero-g.solo>div{max-width:860px}
.lw-ph img,.lw-area-ph img{position:absolute;inset:0;z-index:1}
.lw-ph .ph-ic,.lw-area-ph .ph-ic{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);color:rgba(63,208,228,.45);stroke-width:1.1}
.lw-area-ph .ph-ic{width:110px;height:110px}
.lw-ph::after{z-index:2}
/* entidades colaboradoras a lo ancho, debajo de la ficha */
.lw-sec>.wrap>.lw-collab{margin-top:70px;padding-top:34px}
.lw-collab>span{text-align:center}
.lw-sec .lw-collab ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lw-collab li.has-logo img{height:84px}
.lw-collab li.has-logo{min-height:150px}
@media (max-width:1080px){.lw-sec .lw-collab ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.lw-sec .lw-collab ul{grid-template-columns:repeat(2,minmax(0,1fr))}.lw-collab li.has-logo img{height:64px}.lw-collab li.has-logo{min-height:124px}}