/* Mitrione Abogados — CSS GLOBAL (todo el sitio: fuentes, header, footer, WhatsApp, base) */
/* Fuentes alojadas en el servidor (carpeta fonts/ junto a este archivo) */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/newsreader-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('../fonts/newsreader-italic.woff2') format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/publicsans-normal.woff2') format('woff2')}

html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#ffffff}
.mt{font-family:'Public Sans',system-ui,sans-serif;color:#241f27;background:#ffffff;font-size:17px;line-height:1.6;position:relative}
.mt *,.mt *::before,.mt *::after{box-sizing:border-box}
.mt a{color:#ff7220}
.mt a:hover{color:#e8611a}
.mt h1,.mt h2,.mt h3{padding:0;text-wrap:balance}
.mt p{text-wrap:pretty;padding-bottom:0}
.mt ul,.mt ol{padding:0}
.mt img{max-width:100%}
.mt button{font-family:inherit}
.mt details summary{list-style:none;cursor:pointer}
.mt details summary::-webkit-details-marker{display:none}
.mt details[open] .faq-plus{transform:rotate(45deg)}
.faq-plus{transition:transform .25s ease}
.mt .btn{transition:transform .2s ease, filter .2s ease, box-shadow .2s ease}
.mt .btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,114,32,.28)}
.mt .btn:active{transform:translateY(1px) scale(.98);box-shadow:none}
.arrow{display:inline-block;transition:transform .2s ease}

/* Header fijo al scrollear */
.mt-head{position:sticky;top:0;z-index:50}
.admin-bar .mt-head{top:32px}
@media (max-width:782px){.admin-bar .mt-head{top:46px}}
@media (max-width:820px){.mt-head{max-height:100vh;overflow-y:auto}}

/* Header / menú */
.mt .nav a{transition:color .2s ease}
.mt .nav a.nav-link:hover{color:#ff7220 !important}
.mt .nav a.nav-link[aria-current="page"]{color:#ff7220 !important}
.mt .nav{display:flex;flex-wrap:wrap;gap:4px 28px;align-items:center;font-size:15px;font-weight:500}
.nav-item{position:relative;display:flex;align-items:center}
.chev-d{margin-left:8px;display:inline-block;vertical-align:middle}
.burger,.dd-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid #5c5460;border-radius:4px;color:#ffffff;cursor:pointer;transition:border-color .2s ease}
.burger:hover,.dd-toggle:hover{border-color:#ff7220}
.dd-toggle{color:#ff7220}
.dd-toggle svg{transition:transform .25s ease}
.dd-open .dd-toggle svg{transform:rotate(180deg)}
.mt .dd{display:none;position:absolute;top:100%;left:-20px;min-width:340px;margin:0;padding:8px 0;list-style:none;background:#fbfaf8;border:1px solid #e4dfe6;border-top:2px solid #ff7220;border-radius:0 0 8px 8px;box-shadow:0 18px 40px rgba(36,31,39,.18)}
.mt .dd li{margin:0;padding:0}
.mt .dd a{display:block;padding:12px 20px;color:#241f27;text-decoration:none;font-size:15px;font-weight:500;line-height:1.35;transition:background-color .2s ease,color .2s ease}
.mt .dd a:hover,.mt .dd a:focus-visible{background:#f4f1ee;color:#ff7220}
.mt .dd a[aria-current="page"]{color:#ff7220}
.mt .dd .dd-sep{margin-top:6px;padding-top:6px;border-top:1px solid #e4dfe6}
.has-dd:hover .dd,.has-dd:focus-within .dd{display:block}
@media (max-width:820px){
.burger{display:inline-flex}
#menu-principal{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #3a333e;font-size:20px}
#menu-principal.open{display:flex}
#menu-principal > a.nav-link,.nav-item{border-bottom:1px solid #3a333e}
#menu-principal > a.nav-link,.nav-item > a.nav-link{padding:18px 0 !important}
.nav-item{flex-wrap:wrap;justify-content:space-between}
.chev-d{display:none}
.dd-toggle{display:inline-flex}
.mt .dd{position:static;width:100%;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 12px 16px}
.mt .dd a{padding:14px 0;font-size:17px;color:#d8d2db}
.mt .dd a:hover,.mt .dd a:focus-visible{background:transparent;color:#ff7220}
.mt .dd .dd-sep{margin-top:0;padding-top:0;border-top:0}
.has-dd:hover .dd,.has-dd:focus-within .dd{display:none}
.has-dd.dd-open .dd{display:block}
.nav-cta{display:none !important}
}

/* Footer y WhatsApp flotante */
.mt .foot a{transition:color .2s ease}
.mt .foot a:hover{color:#ffffff !important}
.wa{transition:transform .2s ease}
.wa:hover{transform:scale(1.06)}

/* Accesibilidad */
.mt a:focus-visible,.mt button:focus-visible,.mt summary:focus-visible,.mt input:focus-visible,.mt select:focus-visible,.mt textarea:focus-visible{outline:3px solid #ff7220;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:12px}
.skip:focus{left:16px;z-index:10;background:#ff7220;color:#241f27;padding:10px 16px;border-radius:4px;font-weight:700}

/* Utilidades de texto repetidas en todo el sitio */
.mt .eyebrow{margin:0 0 14px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#ff7220}
.mt .eyebrow .line{width:28px;height:2px;background:#ff7220}
.mt .h2{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.1;letter-spacing:-0.015em}
.mt .btn-wa{display:inline-flex;align-items:center;gap:10px;background:#ff7220;color:#ffffff;text-decoration:none;padding:17px 28px;border-radius:4px;font-weight:700;font-size:17px}
.mt .btn-wa:hover{color:#ffffff}

@media (prefers-reduced-motion: reduce){*{transition:none !important}html{scroll-behavior:auto}}