/* ══ SERVICE AREA DETAIL PAGES — area.css ══ */

/* ── Back link ── */
.area-back{display:inline-flex;align-items:center;gap:8px;font-size:.62rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.45);text-decoration:none;transition:color .3s;margin-bottom:28px}
.area-back:hover{color:var(--azul)}

/* ── Hero ── */
.area-hero{background:var(--negro);color:var(--blanco);padding:160px 7% 90px;position:relative;overflow:hidden}
.area-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 80% 40%,rgba(37,141,214,.09) 0%,transparent 65%);pointer-events:none}
.area-hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.area-num{font-size:.6rem;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(37,141,214,.5);margin-bottom:14px;display:block}
.area-title{font-family:var(--font-title);font-size:clamp(2.8rem,6vw,6rem);font-weight:800;line-height:.95;letter-spacing:-2px;margin-bottom:28px}
.area-tagline{font-size:1rem;font-weight:300;line-height:1.8;opacity:.6;max-width:640px;margin-bottom:36px}
.area-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.area-tag{font-size:.58rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);padding:7px 15px;border-radius:2px}
.area-hero-cta{display:inline-flex;align-items:center;gap:10px;background:var(--azul);color:#fff;text-decoration:none;font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:14px 28px;transition:.3s}
.area-hero-cta:hover{opacity:.85}

/* ── Image strip ── */
.area-img-strip{height:380px;overflow:hidden;position:relative}
.area-img-strip img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(.3) brightness(.85)}
.area-img-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,8,8,.3) 0%,transparent 50%,rgba(8,8,8,.4) 100%)}

/* ── Body grid ── */
.area-body{max-width:1200px;margin:0 auto;padding:90px 7% 120px;display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start}

/* ── Main content ── */
.area-main h2{font-family:var(--font-title);font-size:1.5rem;font-weight:800;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--azul);display:inline-block;color:var(--negro)}
.area-main p{font-size:.9rem;font-weight:300;line-height:2;color:rgba(8,8,8,.72);margin-bottom:20px}
.area-main .services-list{list-style:none;padding:0;margin:0 0 50px 0}
.area-main .services-list li{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--borde);font-size:.88rem;font-weight:300;color:rgba(8,8,8,.72);line-height:1.6}
.area-main .services-list li::before{content:'';width:5px;height:5px;background:var(--azul);border-radius:50%;flex-shrink:0;margin-top:8px}
.area-main .section-sub{font-size:.58rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:16px;margin-top:48px}

/* ── Sidebar ── */
.area-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:28px}
.area-sblock{padding:24px;border:1px solid var(--borde);border-radius:4px;background:var(--gris)}
.area-sblock-lbl{display:block;font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--azul);margin-bottom:14px}
.area-sblock ul{list-style:none;padding:0;margin:0}
.area-sblock ul li{font-size:.84rem;font-weight:400;color:rgba(8,8,8,.68);padding:9px 0;border-bottom:1px solid rgba(0,0,0,.07);line-height:1.3;display:flex;align-items:center;gap:10px}
.area-sblock ul li:last-child{border-bottom:none}
.area-sblock ul li::before{content:'';width:4px;height:4px;background:var(--azul);border-radius:50%;flex-shrink:0}
.area-sblock p{font-size:.86rem;font-weight:300;color:rgba(8,8,8,.65);line-height:1.7}
.area-cta-block{background:var(--negro);color:var(--blanco);padding:28px;border-radius:4px;text-align:center}
.area-cta-block p{font-size:.82rem;opacity:.55;margin-bottom:18px;line-height:1.6}
.area-cta-block a{display:block;background:var(--azul);color:#fff;text-decoration:none;font-size:.62rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:14px;transition:.3s}
.area-cta-block a:hover{opacity:.8}
.area-attorney-pill{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.area-attorney-pill:last-child{border-bottom:none}
.area-attorney-pill span{font-size:.84rem;color:rgba(8,8,8,.72);font-weight:400}

/* ── Responsive ── */
@media(max-width:1000px){
  .area-body{grid-template-columns:1fr}
  .area-sidebar{position:static}
}
@media(max-width:600px){
  .area-hero{padding:140px 5% 70px}
  .area-body{padding:60px 5% 80px}
  .area-img-strip{height:240px}
}