/* Mitrione Abogados — CSS COMPARTIDO de páginas interiores
   (5 áreas jurídicas, Áreas asociadas y El estudio). Se carga después de global.css. */

html{scroll-padding-top:96px}

/* ---------- Hero ---------- */
.mt .hero{position:relative;overflow:hidden;background:#241f27;color:#fff;isolation:isolate}
.mt .hero-img{position:absolute;top:0;right:0;width:68%;max-width:none;height:100%;object-fit:cover;object-position:50% 8%;z-index:-2}
.mt .hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#241f27 0%,#241f27 36%,rgba(36,31,39,.86) 48%,rgba(36,31,39,.35) 70%,rgba(36,31,39,.1) 100%),linear-gradient(0deg,rgba(36,31,39,.55) 0%,rgba(36,31,39,0) 28%)}
.mt .hero-shade.s-civil{background:linear-gradient(90deg,#241f27 0%,#241f27 32%,rgba(36,31,39,.78) 44%,rgba(36,31,39,.2) 68%,rgba(36,31,39,.05) 100%),linear-gradient(0deg,rgba(36,31,39,.55) 0%,rgba(36,31,39,0) 28%)}
.mt .hero-inner{max-width:1240px;margin:0 auto;padding:104px 24px;min-height:560px}
.mt .hero-copy{max-width:820px}
.mt .hero .eyebrow{margin-bottom:18px}
.mt .hero-title{margin:0 0 26px;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2.6rem,4.8vw,4.2rem);line-height:1.04;letter-spacing:-0.02em;color:#fff}
.mt .hero-title.t-xl{font-size:clamp(2.4rem,4.4vw,3.8rem)}
.mt .hero-title.t-short{font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:1.02}
.mt .hero-title span{display:block}
.mt .hero-title .em,.mt .hero-title em{font-style:italic;font-weight:400;color:#e9e3ec}
.mt .hero-lead{margin:0 0 40px;font-size:19px;color:#d8d2db;max-width:36em}
.mt .show-m{display:none}

/* ---------- Bloques con columna lateral fija ---------- */
.mt .tema{max-width:1240px;margin:0 auto;padding:88px 24px 96px;display:flex;flex-wrap:wrap;gap:48px 72px;align-items:flex-start}
.mt .tema-side{flex:1 1 340px;min-width:0;max-width:460px}
.mt .tema-side .h2{margin-bottom:20px}
.mt .tema-side > p:not(.eyebrow){margin:0 0 28px;color:#5c5460}
.mt .tema-side > p:not(.eyebrow) a{font-weight:600}
.mt .tema-main{flex:2 1 600px;min-width:0}
@media (min-width:1000px){.mt .sticky-col{position:sticky;top:120px;align-self:flex-start}}

/* ---------- Botón secundario ---------- */
.mt .btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border:1px solid currentColor;border-radius:4px;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.mt .btn-outline:hover,.mt .btn-outline:focus-visible{background:#ff7220;border-color:#ff7220;color:#fff}
.mt .btn-outline:hover .arrow,.mt .btn-outline:focus-visible .arrow{transform:translateX(4px)}

/* ---------- Compromiso / misión ---------- */
.mt .compromiso{background:#241f27;color:#fff}
.mt .compromiso-in{max-width:1240px;margin:0 auto;padding:88px 24px 96px}
.mt .compromiso .eyebrow{margin-bottom:22px}
.mt .compromiso-txt{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.25;letter-spacing:-0.01em;max-width:28em;color:#fff}

/* ---------- Banda final ---------- */
.mt .cta-band{position:relative;overflow:hidden;isolation:isolate;background:#241f27;color:#fff}
.mt .cta-img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2}
.mt .cta-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(36,31,39,.97) 0%,rgba(36,31,39,.92) 38%,rgba(36,31,39,.6) 58%,rgba(36,31,39,.2) 80%,rgba(36,31,39,.05) 100%)}
.mt .cta-in{position:relative;max-width:1240px;margin:0 auto;padding:72px 24px 76px}
.mt .cta-box{max-width:640px}
.mt .cta-title{margin:0 0 18px;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2.2rem,4.2vw,3.4rem);line-height:1.05;letter-spacing:-0.02em;max-width:15em;color:#fff}
.mt .cta-txt{margin:0 0 36px;color:#d8d2db;max-width:34em}

/* ---------- Mobile ---------- */
@media (max-width:820px){
.mt .hero-img{left:0;right:auto;width:100%;height:300px;object-position:50% 30%}
.mt .hero-shade,.mt .hero-shade.s-civil{background:linear-gradient(180deg,rgba(36,31,39,.1) 0%,rgba(36,31,39,.55) 110px,#241f27 250px)}
.mt .hero-inner{padding:150px 24px 40px;min-height:0}
.mt .hero .eyebrow{margin-bottom:12px;white-space:nowrap;font-size:clamp(11.5px,3.4vw,14px)}
.mt .hero .eyebrow .line{display:none}
.mt .hero-title,.mt .hero-title.t-xl{font-size:clamp(1.5rem,7.4vw,2.4rem);line-height:1.06;margin-bottom:16px}
.mt .hero-title.t-short{font-size:clamp(2.2rem,11vw,3rem)}
.mt .hero-title span{white-space:nowrap}
.mt .hero-lead{font-size:16px;line-height:1.45;margin-bottom:24px}
.mt .hero .btn-wa{display:flex;width:100%;justify-content:center;padding:15px 22px;font-size:16px}
.mt .hide-m{display:none}
.mt .show-m{display:inline}
.mt .cta-shade{background:linear-gradient(90deg,rgba(36,31,39,.95) 0%,rgba(36,31,39,.85) 100%)}
}