/* Donoso Blog — estilos del blog de Donoso Morales y Cía Abogados.
   Mismos colores y letras del sitio: Prata (títulos), DM Sans (texto), fondo oscuro #0E1014 y dorado #B08D4F. */

:root{
  --dmb-oscuro:#0E1014; --dmb-oscuro2:#14171D;
  --dmb-oro:#B08D4F; --dmb-oro-claro:#D8BD85; --dmb-oro-texto:#8A6A30;
  --dmb-fondo:#FFFFFF; --dmb-crema:#F4F5EF; --dmb-linea:#E3E0D6;
  --dmb-texto:#1C1E22; --dmb-cuerpo:#33363C; --dmb-suave:#6B6760;
  --dmb-titulo:"Prata",Georgia,"Times New Roman",serif;
  --dmb-letra:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

html{background:var(--dmb-oscuro);scroll-behavior:smooth}
body.dmb{margin:0;background:var(--dmb-fondo);color:var(--dmb-texto);font-family:var(--dmb-letra);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.dmb *,.dmb *::before,.dmb *::after{box-sizing:border-box}
.dmb img{display:block;max-width:100%;height:auto;border:0}
.dmb a{color:inherit}
.dmb button{font:inherit;color:inherit;cursor:pointer}
.dmb h1,.dmb h2,.dmb h3{font-family:var(--dmb-titulo);font-weight:400;margin:0;color:var(--dmb-texto)}
.dmb :focus-visible{outline:2px solid var(--dmb-oro);outline-offset:3px}
.dmb-w{max-width:1200px;margin-inline:auto;padding-inline:24px}
.dmb-saltar{position:absolute;left:-9999px;top:0;background:var(--dmb-oro);color:var(--dmb-oscuro);
  padding:10px 16px;font-weight:600;z-index:100;text-decoration:none}
.dmb-saltar:focus{left:12px;top:12px}

/* ---------- encabezado (igual al del sitio) ---------- */
.dm-head{background:var(--dmb-oscuro);font-family:Georgia,"Times New Roman",serif;position:sticky;top:0;z-index:900;
  box-shadow:0 4px 18px rgba(0,0,0,.35)}
.admin-bar .dm-head{top:32px}
.dm-head a{text-decoration:none}
.dm-mini{border-bottom:1px solid rgba(176,141,79,.18)}
.dm-mini-in{max-width:1200px;margin:0 auto;padding:7px 24px;display:flex;justify-content:space-between;gap:16px;
  font:12.5px/1.4 var(--dmb-letra);color:#8a8578}
.dm-mini a{color:#b6ad9c}
.dm-bar{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dm-logo img{height:52px;width:auto}
.dm-nav{display:flex;align-items:center;gap:24px;font:15.5px/1 Georgia,serif}
.dm-nav>a{color:#ece8e0;padding:8px 0;border-bottom:2px solid transparent}
.dm-nav>a:hover{color:var(--dmb-oro-claro)}
.dm-nav>a.actual{color:var(--dmb-oro-claro);border-bottom-color:var(--dmb-oro)}
.dm-areas{position:relative;padding:8px 0;color:#ece8e0;cursor:default}
.dm-areas:hover>span{color:var(--dmb-oro-claro)}
.dm-drop{display:none;position:absolute;top:100%;left:-14px;min-width:250px;background:var(--dmb-oscuro2);
  border:1px solid rgba(176,141,79,.3);border-radius:3px;padding:8px 0;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.dm-areas:hover .dm-drop,.dm-areas:focus-within .dm-drop{display:block}
.dm-drop a{display:block;padding:9px 18px;color:#cfcabf;font-size:15px}
.dm-drop a:hover{background:rgba(176,141,79,.12);color:#f2eee5}
.dm-nav .dm-wsp{background:var(--dmb-oro);color:#14161b;font:600 13.5px/1 var(--dmb-letra);
  padding:12px 24px;border-radius:3px;letter-spacing:.04em;white-space:nowrap;border:0}
.dm-nav .dm-wsp:hover{background:var(--dmb-oro-claro);color:#14161b}
.dm-ham{display:none;width:46px;height:46px;border:1px solid rgba(176,141,79,.45);border-radius:3px;background:none;
  place-content:center;gap:5px;padding:0}
.dm-ham span{display:block;width:20px;height:2px;background:var(--dmb-oro-claro);border-radius:1px;transition:transform .2s,opacity .2s}
.dm-head.abierto .dm-ham span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dm-head.abierto .dm-ham span:nth-child(2){opacity:0}
.dm-head.abierto .dm-ham span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.dm-mob{display:none;border-top:1px solid rgba(176,141,79,.18);max-height:calc(100vh - 80px);overflow-y:auto}
.dm-head.abierto .dm-mob{display:block}
.dm-mob a{display:block;padding:13px 26px;color:#ece8e0;font:16px/1.2 Georgia,serif;border-bottom:1px solid rgba(255,255,255,.05)}
.dm-mob .dm-g{padding:14px 26px 6px;font:600 11px/1 var(--dmb-letra);letter-spacing:.16em;color:var(--dmb-oro)}
.dm-mob .dm-s{padding-left:40px;color:#cfcabf;font-size:15px}
.dm-mob .dm-mob-wsp{color:var(--dmb-oro-claro)}

/* ---------- banda de título ---------- */
.dmb-banda{background:var(--dmb-oscuro);color:#ece8e0;padding:56px 0 52px;
  background-image:radial-gradient(900px 380px at 85% -20%,rgba(176,141,79,.14),transparent 70%)}
.dmb-sobre{font:600 12px/1 var(--dmb-letra);letter-spacing:.2em;color:var(--dmb-oro)}
.dmb-banda h1{color:#f2eee5;font-size:clamp(34px,5vw,54px);line-height:1.12;margin-top:14px}
.dmb-banda p{color:#bdb7ab;max-width:62ch;font-size:17px;margin:16px 0 0}
.dmb-banda .dmb-miga a{color:var(--dmb-oro-claro)}
.dmb-miga{font-size:13.5px;color:var(--dmb-suave)}
.dmb-miga a{text-decoration:none;color:var(--dmb-oro-texto)}
.dmb-miga a:hover{text-decoration:underline}

/* ---------- filtros por área ---------- */
.dmb-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.dmb-filtros a{text-decoration:none;border:1px solid var(--dmb-linea);color:var(--dmb-cuerpo);padding:7px 15px;
  border-radius:40px;font-size:14px;font-weight:500;background:#fff}
.dmb-filtros a:hover{border-color:var(--dmb-oro)}
.dmb .dmb-filtros a[aria-current]{background:var(--dmb-oscuro);border-color:var(--dmb-oscuro);color:#f2eee5}

/* ---------- etiqueta de área ---------- */
.dmb-cat{font:600 11.5px/1.3 var(--dmb-letra);letter-spacing:.14em;text-transform:uppercase;color:var(--dmb-oro-texto)}

/* ---------- artículo destacado: foto a un lado, texto al otro (nada de foto gigante) ---------- */
.dmb-dest{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;margin-top:34px;
  background:var(--dmb-crema);border-radius:4px;overflow:hidden;position:relative}
.dmb-dest-img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--dmb-linea)}
.dmb .dmb-dest-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dmb-dest:hover .dmb-dest-img img{transform:scale(1.03)}
.dmb-dest-tx{padding:38px 40px;display:grid;gap:14px;align-content:center}
.dmb-dest h2{font-size:clamp(26px,2.6vw,34px);line-height:1.22;text-wrap:balance}
.dmb-dest h2 a{text-decoration:none}
.dmb-dest h2 a::after{content:"";position:absolute;inset:0}
.dmb-dest p{margin:0;color:var(--dmb-cuerpo);font-size:16.5px}
.dmb-leer{font-weight:600;font-size:14.5px;color:var(--dmb-oro-texto);text-decoration:none}
.dmb .dmb-leer{color:var(--dmb-oro-texto)}

/* ---------- grilla y tarjetas ---------- */
.dmb-grilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 30px;margin-top:44px}
.dmb-tarj{position:relative;display:grid;gap:12px;align-content:start}
.dmb-tarj-img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:4px;background:var(--dmb-crema)}
.dmb .dmb-tarj-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dmb-tarj:hover .dmb-tarj-img img{transform:scale(1.04)}
.dmb-tarj h3{font-size:22px;line-height:1.28;text-wrap:balance}
.dmb-tarj h3 a{text-decoration:none}
.dmb-tarj h3 a::after{content:"";position:absolute;inset:0}
.dmb-tarj:hover h3{color:var(--dmb-oro-texto)}
.dmb-tarj p{margin:0;color:var(--dmb-suave);font-size:15px;line-height:1.55}
.dmb-pie-t{font-size:13px;color:var(--dmb-suave)}
.dmb-vacio{color:var(--dmb-suave);margin:50px 0 10px}
.dmb-vacio a{color:var(--dmb-oro-texto)}

.dmb-pag{margin-top:54px}
.dmb-pag .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.dmb-pag .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--dmb-linea);border-radius:3px;
  text-decoration:none;color:var(--dmb-cuerpo);font-size:14px;font-weight:500}
.dmb .dmb-pag .page-numbers.current{background:var(--dmb-oscuro);border-color:var(--dmb-oscuro);color:#f2eee5}
.dmb-pag a.page-numbers:hover{border-color:var(--dmb-oro)}
.dmb .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- artículo ---------- */
.dmb-art-cab{max-width:860px;padding-top:44px;display:grid;gap:18px}
.dmb-art-cab h1{font-size:clamp(32px,4.4vw,50px);line-height:1.15;text-wrap:balance;overflow-wrap:break-word}
.dmb-bajada{font-size:clamp(18px,1.9vw,20.5px);line-height:1.55;color:var(--dmb-cuerpo);margin:0;max-width:64ch}
.dmb-art-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--dmb-suave);line-height:1.45}
.dmb .dmb-art-meta img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.dmb-art-meta a{color:var(--dmb-texto);font-weight:600;text-decoration:none}
.dmb-art-meta a:hover{color:var(--dmb-oro-texto)}

/* La foto del artículo: ancho medido y alto limitado (antes salía a pantalla completa). */
.dmb-art-foto{max-width:1000px;margin:34px auto 0}
.dmb .dmb-art-foto img{width:100%;aspect-ratio:16/9;max-height:520px;object-fit:cover;border-radius:4px}
.dmb-art-foto figcaption{font-size:13px;color:var(--dmb-suave);margin-top:8px}

.dmb-texto{max-width:760px;margin:40px auto 0;padding-inline:24px}
.dmb-contenido{font-size:18px;line-height:1.75;color:var(--dmb-cuerpo);overflow-wrap:break-word}
.dmb-contenido > *:first-child{margin-top:0}
.dmb-contenido p{margin:0 0 1.3em}
.dmb-contenido strong{color:var(--dmb-texto);font-weight:600}
.dmb-contenido a{color:var(--dmb-oro-texto);text-underline-offset:3px}
.dmb-contenido h2{font-size:clamp(25px,2.6vw,30px);line-height:1.25;margin:1.7em 0 .6em}
.dmb-contenido h3{font-family:var(--dmb-letra);font-weight:600;font-size:20px;line-height:1.35;margin:1.5em 0 .5em;color:var(--dmb-texto)}
.dmb-contenido ul,.dmb-contenido ol{margin:0 0 1.3em;padding-left:1.3em}
.dmb-contenido li{margin-bottom:.5em}
.dmb-contenido li::marker{color:var(--dmb-oro)}
.dmb-contenido blockquote{margin:1.8em 0;padding:18px 24px;border-left:3px solid var(--dmb-oro);
  background:var(--dmb-crema);font-size:1.03em;color:var(--dmb-texto)}
.dmb-contenido blockquote p:last-child{margin-bottom:0}
.dmb-contenido figure{margin:2em 0}
/* Fotos dentro del texto: nunca más anchas que la columna ni más altas que media pantalla. */
.dmb .dmb-contenido img{max-height:480px;width:auto;margin-inline:auto;border-radius:4px}
.dmb-contenido figcaption{font-size:13px;color:var(--dmb-suave);margin-top:8px;text-align:center}
.dmb-contenido iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px}
.dmb-contenido hr{border:0;border-top:1px solid var(--dmb-linea);margin:2.2em 0}
.dmb-contenido table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:16px}
.dmb-contenido th,.dmb-contenido td{border-bottom:1px solid var(--dmb-linea);padding:10px 8px;text-align:left;vertical-align:top}
.dmb-contenido th{font-weight:600;color:var(--dmb-texto)}

.dmb-autor{display:flex;gap:20px;align-items:flex-start;margin-top:44px;padding:26px 28px;background:var(--dmb-crema);
  border-radius:4px;border-left:3px solid var(--dmb-oro)}
.dmb .dmb-autor img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}
.dmb-autor b{font-family:var(--dmb-titulo);font-weight:400;font-size:21px;display:block}
.dmb-autor p{margin:6px 0 8px;color:var(--dmb-cuerpo);font-size:15px}
.dmb-autor a{color:var(--dmb-oro-texto);font-weight:600;font-size:14.5px;text-decoration:none}
.dmb-aviso{font-size:13px;color:var(--dmb-suave);margin:18px 0 0}

.dmb-compartir{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:26px;font-size:13px;color:var(--dmb-suave)}
.dmb-compartir a,.dmb-compartir button{border:1px solid var(--dmb-linea);background:#fff;color:var(--dmb-cuerpo);
  padding:6px 13px;border-radius:3px;text-decoration:none;font-weight:500;font-size:13px;line-height:1.6}
.dmb-compartir a:hover,.dmb-compartir button:hover{border-color:var(--dmb-oro);color:var(--dmb-oro-texto)}

.dmb-sigue{margin-top:74px;padding-top:30px;border-top:1px solid var(--dmb-linea)}
.dmb-sigue > h2{font-size:30px}
.dmb-sigue .dmb-grilla{margin-top:26px}

/* ---------- llamado final ---------- */
.dmb-llamado{margin-top:80px;background:var(--dmb-oscuro2);color:#ece8e0;padding:46px 0;border-top:1px solid rgba(176,141,79,.25)}
.dmb-llamado .dmb-w{display:flex;gap:26px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dmb-llamado h2{color:#f2eee5;font-size:clamp(24px,2.6vw,31px);line-height:1.25;margin-top:12px;max-width:26ch}
.dmb-llamado p{color:#bdb7ab;margin:10px 0 0}
.dmb-llamado-bot{display:flex;gap:12px;flex-wrap:wrap}
.dmb-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--dmb-oro);color:#14161b;
  padding:14px 26px;border-radius:3px;font-weight:600;font-size:14.5px;letter-spacing:.02em;text-decoration:none;border:0}
.dmb .dmb-btn{color:#14161b}
.dmb-btn:hover{background:var(--dmb-oro-claro)}
.dmb .dmb-btn.dmb-linea{background:none;color:var(--dmb-oro-claro);border:1px solid rgba(176,141,79,.55)}
.dmb .dmb-btn.dmb-linea:hover{border-color:var(--dmb-oro-claro)}

/* ---------- pie (igual al del sitio) ---------- */
.dm-pie{background:var(--dmb-oscuro);color:#ece8e0;font-family:Georgia,"Times New Roman",serif}
.dm-pie-in{max-width:1200px;margin:0 auto;padding:64px 24px 48px;display:flex;flex-wrap:wrap;gap:40px 60px}
.dm-pie-col{flex:1 1 180px;min-width:170px}
.dm-pie-marca{flex:1 1 280px;min-width:250px}
.dm-pie-logo{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:21px;color:#f2eee5}
.dm-escudo{width:46px;height:54px;border:1.5px solid var(--dmb-oro);border-radius:3px 3px 22px 22px;display:flex;
  align-items:center;justify-content:center;color:var(--dmb-oro-claro);font-size:17px;letter-spacing:.05em}
.dm-pie p{margin:0;color:#9a958c;font-size:15px;line-height:1.9}
.dm-pie h2{font:600 11px/1 var(--dmb-letra);letter-spacing:.18em;color:var(--dmb-oro);margin:0 0 14px}
.dm-pie ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:2.1}
.dm-pie a{color:#cfcabf;text-decoration:none}
.dm-pie a:hover{color:var(--dmb-oro-claro)}
.dm-pie-col p{color:#cfcabf}
.dm-pie-copy{border-top:1px solid rgba(176,141,79,.25);margin:0;padding:18px 24px;text-align:center;
  font:12.5px/1.5 var(--dmb-letra);color:#6d6961}

/* ---------- pantallas medianas y celular ---------- */
@media (max-width:1060px){
  .dm-nav{gap:18px;font-size:14.5px}
}
@media (max-width:960px){
  .dm-nav,.dm-mini{display:none}
  .dm-ham{display:grid}
  .dm-logo img{height:44px}
  .dmb-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dmb-dest{grid-template-columns:minmax(0,1fr)}
  .dmb-dest-tx{padding:28px 26px 32px}
}
@media (max-width:782px){ .admin-bar .dm-head{top:46px} }
@media (max-width:620px){
  .dmb-w{padding-inline:16px}
  .dm-bar{padding:12px 16px}
  .dmb-banda{padding:40px 0 38px}
  .dmb-banda p{font-size:16px}
  .dmb-filtros{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none;margin-top:24px}
  .dmb-filtros::-webkit-scrollbar{display:none}
  .dmb-filtros a{flex:none;font-size:13.5px;padding:6px 13px}
  .dmb-grilla{grid-template-columns:minmax(0,1fr);gap:38px}
  .dmb-texto{padding-inline:16px;margin-top:30px}
  .dmb-contenido{font-size:17px}
  .dmb .dmb-art-foto img{aspect-ratio:3/2}
  .dmb-art-foto{margin-top:26px}
  .dmb-autor{flex-direction:column;padding:22px 20px}
  .dmb-llamado-bot{width:100%}
  .dmb-llamado-bot .dmb-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .dmb .dmb-tarj-img img,.dmb .dmb-dest-img img,.dm-ham span{transition:none}
}

/* El botón «volver arriba» del tema (un martillo) llega sin sus estilos y se veía gigante bajo el pie. */
.dmb #back-to-top,.dmb .back-to-top-icon{display:none!important}
.dmb svg:not([width]):not([class]){max-width:100%}