/* IBÁÑEZ ABOGADO · V13 / Editorial premium · 2026
   Capa visual independiente; se preservan contenido, rutas, SEO, cookies y JS.
*/
:root{--gold:#b28a58;--gold-soft:#d8bd94;--night:#112a38;--deep:#092d3e;--cream:#f8f6f1;--ink:#172c39;--muted:#62717a;--hair:#e9e4dc}
body.design-v13{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.75}
.design-v13 h1,.design-v13 h2,.design-v13 .team-main h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;font-weight:600}
.design-v13 h3{letter-spacing:-.015em}
.design-v13 .container{max-width:1240px;padding-inline:clamp(20px,4vw,54px)}
.design-v13 .top{background:#102b3a;padding:6px 0;color:#d7e0e4;font-size:11px;letter-spacing:.045em}
.design-v13 .top .container{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.design-v13 .top .line-icon{width:13px;height:13px;color:var(--gold-soft)}
.design-v13 .header{border-bottom:1px solid #eae8e4;box-shadow:0 5px 30px #1b2a3608}
.design-v13 .nav{min-height:92px}
.design-v13 .links{gap:clamp(18px,2.5vw,36px);letter-spacing:.015em}
.design-v13 .links a{position:relative;padding-block:10px}
.design-v13 .links a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--gold);transition:right .2s}
.design-v13 .links a:hover::after,.design-v13 .links a[aria-current=page]::after{right:0}
.design-v13 .eyebrow{display:flex;align-items:center;gap:14px;color:#987244;letter-spacing:.2em;font-size:11px}
.design-v13 .eyebrow::before{content:"";height:1px;width:30px;background:var(--gold)}
.design-v13 .hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7f5f0 0%,#f9f8f5 54%,#f0ece4 100%);padding:clamp(50px,6vw,92px) 0}
.design-v13 .hero::before{content:"";position:absolute;inset:0 auto 0 0;width:32%;background:radial-gradient(ellipse at 0% 40%,#c8ae8430,transparent 60%);pointer-events:none}
.design-v13 .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,85px)}
.design-v13 .hero h1{font-size:clamp(3rem,5.2vw,5.2rem);line-height:1.09;max-width:670px;margin:24px 0}
.design-v13 .hero .lead{font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.85;max-width:560px;color:#5c6b74}
.design-v13 .hero .actions{margin-top:34px}
.design-v13 .btn{background:var(--deep);border:1px solid var(--deep);padding:14px 27px;letter-spacing:.015em;border-radius:3px;transition:transform .2s,background .2s,box-shadow .2s;line-height:1.5}
.design-v13 .btn:hover{background:#15475a;box-shadow:0 9px 20px #092d3e20;transform:translateY(-2px)}
.design-v13 .btn.alt{background:transparent;border-color:#cbbca8;color:var(--deep)}
.design-v13 .btn.alt:hover{background:#eee8dc}
.design-v13 .hero-visual{position:relative;padding:18px 20px 20px 0;isolation:isolate}
.design-v13 .hero-visual::before{content:"";position:absolute;inset:0 0 48px 34px;border:1px solid var(--gold);z-index:-1}
.design-v13 .hero-visual::after{content:"";position:absolute;width:86px;height:86px;right:-16px;top:-20px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);pointer-events:none}
.design-v13 .hero-visual img.hero-photo{display:block;width:100%;height:clamp(420px,43vw,590px);object-fit:cover;object-position:50% 32%;box-shadow:0 22px 55px #1c30401f;border-radius:2px}
.design-v13 .hero-photo-label{position:absolute;bottom:36px;left:-17px;background:#fff;color:#80623e;padding:12px 17px;letter-spacing:.2em;font-size:10px;font-weight:700;box-shadow:0 8px 25px #182d3915}
.design-v13 .hero-bottom-note{display:flex;gap:10px;align-items:center;margin-top:29px;font-size:12px;letter-spacing:.02em;color:#6d7b80}
.design-v13 .hero-bottom-note .line-icon{width:21px;height:21px;color:var(--gold)}
.design-v13 .section{padding-block:clamp(65px,8vw,112px)}
.design-v13 .section h2{font-size:clamp(2.25rem,3.7vw,3.8rem);line-height:1.18;margin:18px 0 24px}
.design-v13 .section p{color:#5b6972}
.design-v13 .split{gap:clamp(35px,7vw,110px)}
.design-v13 .editorial-split{grid-template-columns:1.02fr .98fr}
.design-v13 .editorial-split>div:first-child{padding-right:10px}
.design-v13 .editorial-photo{position:relative;padding:0 0 20px 20px}
.design-v13 .editorial-photo::before{content:"";position:absolute;left:0;bottom:0;right:34px;top:34px;border:1px solid var(--gold);z-index:-1}
.design-v13 .editorial-photo img{height:430px;box-shadow:0 14px 32px #1a2a3412}
.design-v13 .section.tint{background:var(--cream)}
.design-v13 .section-intro{max-width:610px;margin:-7px 0 36px!important;font-size:16px}
.design-v13 .values{gap:16px}
.design-v13 .value{position:relative;overflow:hidden;padding:31px 28px 29px;background:#fff;border:1px solid #e9e5df;min-height:215px;transition:transform .2s,box-shadow .2s}
.design-v13 .value:hover{transform:translateY(-3px);box-shadow:0 15px 28px #1b2a3510}
.design-v13 .value::after{content:"";position:absolute;left:28px;bottom:0;width:44px;height:3px;background:var(--gold)}
.design-v13 .value-icon{color:var(--gold);margin-bottom:18px}
.design-v13 .value-icon .line-icon{width:31px;height:31px}
.design-v13 .value h3{font-size:17px;line-height:1.4;color:var(--night);margin-bottom:9px}
.design-v13 .value p{font-size:14px;line-height:1.65}
.design-v13 .cards{gap:18px}
.design-v13 .card{position:relative;padding:34px 29px 31px;border:1px solid var(--hair);background:#fff;min-height:230px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.design-v13 .card:hover{box-shadow:0 18px 38px #172d3911;transform:translateY(-3px);border-color:#d5c3a7}
.design-v13 .card::after{content:"";position:absolute;left:29px;right:29px;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.design-v13 .feature-icon{display:inline-flex;color:var(--gold);margin-bottom:25px}
.design-v13 .line-icon{width:30px;height:30px;flex-shrink:0}
.design-v13 .feature-number{position:absolute;right:28px;top:27px;font-family:Georgia,serif;font-size:25px;color:#e8e0d5}
.design-v13 .card h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;margin:0 0 11px}
.design-v13 .card p{font-size:14px;line-height:1.75;margin:0}
.design-v13 .contact-strip{background:var(--night);border-top:3px solid var(--gold);padding:clamp(48px,6vw,78px) 0;color:#fff}
.design-v13 .contact-strip h2{font-family:Georgia,serif;font-size:clamp(2.1rem,3.5vw,3.2rem);color:#fff;margin:12px 0}
.design-v13 .contact-strip p{color:#d0d8dc}
.design-v13 .contact-strip .eyebrow{color:#d4b68c}
.design-v13 .contact-strip .btn{background:#c19b67;border-color:#c19b67;color:#112a38}
.design-v13 .contact-strip .btn:hover{background:#d4b68c}
.design-v13 .page-head{position:relative;overflow:hidden;background:linear-gradient(115deg,#f6f3ed,#f9f8f5);padding:clamp(55px,7vw,92px) 0;border-bottom:1px solid #ece7df}
.design-v13 .page-head::after{content:"";position:absolute;right:6%;top:-90px;width:290px;height:290px;border:1px solid #b28a5840;border-radius:50%;box-shadow:0 0 0 50px #b28a5809,0 0 0 100px #b28a5808;pointer-events:none}
.design-v13 .page-head h1{font-size:clamp(2.9rem,5vw,4.7rem);margin:16px 0 0}
.design-v13 .head-accent{width:75px;height:2px;background:var(--gold);margin-top:25px}
.design-v13 .team-main{box-shadow:0 22px 55px #152a3710!important}
.design-v13 .team-grid{gap:23px}
.design-v13 .person-premium{border:1px solid var(--hair);background:#fff;box-shadow:0 8px 26px #172c390a;overflow:hidden;padding-bottom:0}
.design-v13 .person-premium img{width:100%;height:335px;object-fit:cover;object-position:top;display:block}
.design-v13 .person-premium .info{padding:25px 25px 30px;border-top:3px solid var(--gold)}
.design-v13 .person-premium h3{font-family:Georgia,serif;font-size:22px}
.design-v13 .contact-grid{gap:clamp(30px,5vw,70px);align-items:start}
.design-v13 .contact-grid>div:first-child{padding:clamp(24px,3vw,45px);background:#f8f6f2;border:1px solid var(--hair)}
.design-v13 .contact-grid h2{margin-top:0;font-size:clamp(2rem,3vw,3rem)}
.design-v13 .contact-detail{display:flex;align-items:flex-start;gap:17px;margin:20px 0}
.design-v13 .contact-detail>.line-icon{width:23px;height:23px;color:var(--gold);margin-top:6px}
.design-v13 .contact-detail p{margin:0;min-width:0;overflow-wrap:anywhere}
.design-v13 .contact-detail strong{color:var(--night)}
.design-v13 .map{min-height:480px;border:1px solid #e4ddd3;box-shadow:16px 16px 0 #eee9df}
.design-v13 .footer{background:#102b3a;padding:34px 0;border-top:3px solid var(--gold)}
.design-v13 .footer a:hover{color:#e1bf8c}
.design-v13 .whatsapp{background:#168b60;border-radius:5px;padding:12px 18px}
.design-v13 .legal h2{font-size:25px}
.design-v13 :focus-visible{outline:3px solid #bb945e;outline-offset:3px}
@media(max-width:900px){
 .design-v13 .hero-grid,.design-v13 .editorial-split{grid-template-columns:1fr}
 .design-v13 .hero-grid{gap:35px}
 .design-v13 .hero-visual{max-width:600px;margin:auto;width:100%}
 .design-v13 .hero-visual img.hero-photo{height:500px}
 .design-v13 .editorial-photo{max-width:650px}
 .design-v13 .contact-grid{grid-template-columns:1fr}
 .design-v13 .map{min-height:380px}
}
@media(max-width:850px){
 .design-v13 .nav{min-height:76px}
 .design-v13 .links{gap:10px}
 .design-v13 .links a{padding:8px 0}
}
@media(max-width:600px){
 .design-v13 .container{padding-inline:20px}
 .design-v13 .hero{padding:47px 0 60px}
 .design-v13 .hero h1{font-size:clamp(2.65rem,11vw,3.55rem)}
 .design-v13 .hero-visual{padding:12px 15px 15px 0}
 .design-v13 .hero-visual img.hero-photo{height:420px;object-position:50% 30%}
 .design-v13 .hero-photo-label{left:-8px;bottom:26px;font-size:9px}
 .design-v13 .section{padding-block:64px}
 .design-v13 .section h2{font-size:clamp(2.1rem,8vw,2.9rem)}
 .design-v13 .values,.design-v13 .cards,.design-v13 .team-grid{grid-template-columns:1fr}
 .design-v13 .value{min-height:0}
 .design-v13 .card{min-height:0}
 .design-v13 .editorial-photo img{height:310px}
 .design-v13 .contact-strip-inner{align-items:stretch}
 .design-v13 .contact-strip .btn{width:100%;text-align:center}
 .design-v13 .person-premium img{height:390px}
 .design-v13 .map{min-height:330px;box-shadow:8px 8px 0 #eee9df}
 .design-v13 .page-head::after{right:-180px}
}
@media(prefers-reduced-motion:reduce){
 .design-v13 .btn,.design-v13 .value,.design-v13 .card,.design-v13 .links a::after{transition:none}
 .design-v13 .btn:hover,.design-v13 .value:hover,.design-v13 .card:hover{transform:none}
}