/*
 * E-Iure — página About us (maqueta «About — D carousel»). Se carga después de home.css e inner.css.
 * Clases con prefijo ab- para no chocar con las de la home.
 */

.eh .about-page section{padding:90px 0}
.eh .about-page .mhero{padding:96px 0 84px}
.eh .about-page .narrow{max-width:840px;margin:0 auto}
.eh .about-page .ab-center{text-align:center;margin-bottom:44px}
.eh .about-page .ab-center h2{font-size:clamp(28px,3.8vw,44px);margin-top:10px}
.eh .draft{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#8a6d1f;background:#f7edcf;border:1px solid #e4cf8f;border-radius:6px;padding:2px 8px;margin-left:6px;vertical-align:middle}

/* Historia: línea de tiempo + frase */
.eh .ab-history{background:var(--cream)}
.eh .ab-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.eh .ab-tline{list-style:none;position:relative;padding-left:30px;margin:24px 0 0}
/* La línea une un hito con el siguiente y no continúa después del último: así la columna queda
   bien rematada tanto con dos hitos como con los cinco de antes. */
.eh .ab-tstep{position:relative;padding:0 0 30px 22px}
.eh .ab-tstep:last-child{padding-bottom:0}
.eh .ab-tstep::after{content:"";position:absolute;left:-24px;top:21px;bottom:-6px;width:2px;background:var(--line)}
.eh .ab-tstep:last-child::after{display:none}
.eh .ab-tstep::before{content:"";position:absolute;left:-30px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--green);border:3px solid var(--cream)}
.eh .ab-tstep .yr{font-family:var(--serif);font-size:22px;color:var(--green-deep);line-height:1}
.eh .ab-tstep h3{font-family:var(--sans);font-weight:700;font-size:16px;margin:6px 0 3px;letter-spacing:0}
.eh .ab-tstep p{font-size:14px;color:#55554e}
.eh .ab-hquote{background:var(--green);border-radius:20px;padding:44px 40px;margin:0}
.eh .ab-hquote .q{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);line-height:1.3;color:var(--ink);margin:0}
.eh .ab-hquote .by{margin-top:18px;font-size:14px;font-weight:600;color:#1f3315}

/* Why E-Iure */
.eh .ab-why{background:var(--ink);color:#fff}
.eh .ab-why .head{max-width:36ch;margin-bottom:40px}
.eh .ab-why .eyebrow{color:#8fd06a}
.eh .ab-why h2{color:#fff;font-size:clamp(30px,4.4vw,50px);margin-top:10px}
.eh .ab-why .lead2{color:rgba(255,255,255,.8);font-size:18px;margin-top:14px}
.eh .ab-whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.eh .ab-wcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px}
.eh .ab-wcard .ic{width:46px;height:46px;border-radius:12px;background:rgba(122,201,86,.18);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.eh .ab-wcard h3{font-family:var(--sans);font-weight:700;font-size:18px;margin-bottom:8px;color:#fff;letter-spacing:0}
.eh .ab-wcard p{font-size:14.5px;color:rgba(255,255,255,.8)}

/* Testimonios: carrusel */
.eh .ab-testi{background:var(--cream)}
.eh .ab-testi .intro{color:#55554e;font-size:17px;margin-top:14px}
.eh .ab-carousel{max-width:820px;margin:0 auto}
.eh .ab-viewport{overflow:hidden;border-radius:22px}
.eh .ab-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.eh .ab-slide{flex:0 0 100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:48px clamp(28px,5vw,64px);display:flex;flex-direction:column;margin:0}
.eh .ab-slide blockquote{font-family:var(--serif);font-size:clamp(20px,2.6vw,28px);line-height:1.4;color:var(--ink);margin:0 0 28px;position:relative}
.eh .ab-slide blockquote::before{content:"\201C";font-family:var(--serif);font-size:80px;color:rgba(122,201,86,.35);position:absolute;top:-34px;left:-8px;pointer-events:none}
.eh .ab-slide figcaption{display:flex;align-items:center;gap:14px;margin-top:auto}
.eh .ab-slide .av{width:52px;height:52px;border-radius:50%;background:var(--green);color:var(--ink);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex:none;object-fit:cover}
.eh .ab-slide .who{display:flex;flex-direction:column}
.eh .ab-slide .who b{font-size:16px}
.eh .ab-slide .who small{font-size:13px;color:#7a7468}
/* Logo del despacho miembro junto al nombre (testimonios) */
.eh .ab-slide .tlogo{flex:none;width:132px;height:62px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:9px 12px}
.eh .ab-slide .tlogo.dark{background:#20262b;border-color:#20262b}
.eh .ab-slide .tlogo img{max-width:100%;max-height:100%;object-fit:contain}
.eh .ab-slide figcaption{gap:18px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:560px){.eh .ab-slide figcaption{flex-direction:column;align-items:flex-start;gap:12px}}
.eh .ab-tnav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}
.eh .ab-tbtn{width:46px;height:46px;border-radius:50%;border:1.6px solid var(--ink);background:transparent;color:var(--ink);font-size:22px;cursor:pointer;transition:.2s;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.eh .ab-tbtn:hover,.eh .ab-tbtn:focus-visible{background:var(--green);border-color:var(--green)}
.eh .ab-tdots{display:flex;gap:9px}
.eh .ab-tdots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--line);cursor:pointer;transition:.2s;padding:0}
.eh .ab-tdots button:hover{background:var(--green-light)}
.eh .ab-tdots button.on{background:var(--green-deep);width:26px;border-radius:5px}

/* Cifras */
.eh .about-page .ab-stats{background:var(--green-deep);color:#fff;padding:70px 0}
.eh .ab-stats .mstats{gap:50px;margin-top:0;text-align:center}
.eh .ab-stats .mstats b{font-size:clamp(38px,5vw,56px);font-variant-numeric:tabular-nums}
.eh .ab-stats .mstats small{font-size:13px;color:rgba(255,255,255,.85)}

/* Objetivo y filosofía */
.eh .ab-of{background:var(--sand)}
.eh .ab-ofgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.eh .ab-ofcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;position:relative;overflow:hidden}
.eh .ab-ofcard .big{position:absolute;top:-10px;right:16px;font-family:var(--serif);font-size:120px;color:rgba(122,201,86,.14);line-height:1;font-weight:700}
.eh .ab-ofcard .eyebrow,.eh .ab-ofcard h3,.eh .ab-ofcard p{position:relative}
.eh .ab-ofcard h3{font-family:var(--serif);font-size:28px;margin:8px 0 12px}
.eh .ab-ofcard p{font-size:16px;color:#4a4a44}

/* Calidad y ética */
.eh .ab-quality{background:var(--cream)}
.eh .ab-qbox{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.eh .ab-quality h2{font-size:clamp(30px,4vw,46px);margin-top:10px}
.eh .ab-qtags{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0}
.eh .ab-qtags li{background:#eef7e7;color:var(--green-deep);border:1px solid #cfe6bd;border-radius:60px;padding:8px 16px;font-size:13px;font-weight:600}
.eh .ab-quality p{font-size:16px;color:#4a4a44}
.eh .ab-quality p+p{margin-top:16px}

@media(max-width:820px){
	.eh .ab-hgrid,.eh .ab-whygrid,.eh .ab-ofgrid,.eh .ab-qbox{grid-template-columns:1fr;gap:26px}
	.eh .about-page section{padding:64px 0}
	.eh .ab-hquote{padding:34px 28px}
	.eh .ab-ofcard{padding:32px 26px}
	.eh .ab-stats .mstats{gap:34px 40px}
}
@media(prefers-reduced-motion:reduce){.eh .ab-track{transition:none}}