/* Guías para caseros de HazloLegal (se suma a legal.css) */
.cuerpo h3{font-size:20px;font-weight:800;margin:26px 0 8px}
.autor{font-size:14px;color:var(--muted);margin-top:18px}
.pasos{list-style:none;padding-left:0 !important;counter-reset:paso;display:grid;gap:14px;margin:18px 0 8px}
.pasos li{counter-increment:paso;position:relative;padding:16px 18px 16px 62px;border:1px solid var(--line);border-radius:16px;background:#fff;margin:0}
.pasos li::before{content:counter(paso);position:absolute;left:16px;top:15px;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font:800 16px 'Bricolage Grotesque',sans-serif;display:grid;place-items:center}
.pasos b{display:block;color:var(--navy)}
.cruces{list-style:none;padding-left:0 !important}
.cruces li{position:relative;padding-left:30px}
.cruces li::before{content:"";position:absolute;left:2px;top:6px;width:18px;height:18px;border-radius:50%;background:#fde8e1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 6.5l7 7M13.5 6.5l-7 7' fill='none' stroke='%239a3b20' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
.aviso{background:var(--postit-2);border-left:5px solid var(--postit);border-radius:12px;padding:16px 18px;margin:18px 0}
.aviso p:last-child{margin-bottom:0}
.cta{margin:44px 0 8px;background:var(--navy);color:#dfe8f3;border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cta h2{color:#fff;margin:0 0 6px !important;font-size:clamp(22px,2.6vw,27px) !important}
.cta p{margin:0 !important;color:rgba(223,232,243,.85)}
.cta .btn{background:var(--postit);border-color:var(--postit);color:var(--navy);white-space:nowrap}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:700;color:var(--navy);list-style-position:outside}
details p{margin:10px 0 0 !important}
.indice{background:var(--mint);border-radius:16px;padding:16px 20px;margin-top:28px;font-size:15.5px}
.indice b{color:var(--navy)}
.indice ol{margin:8px 0 0 20px}
.indice li{margin-bottom:4px !important}
@media(max-width:640px){.cta{grid-template-columns:1fr}.pasos li{padding-left:56px}}
.ejemplo td:last-child,.ejemplo th:last-child{text-align:right;white-space:nowrap}
.ejemplo tr.total td{font-weight:800;color:var(--navy);border-top:2px solid var(--navy);border-bottom:none}
.ejemplo tr.resta td{color:var(--muted)}
.ventajas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 8px}
.ventajas div{border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;background:#fff;box-shadow:0 10px 26px -22px rgba(20,51,90,.45)}
.ventajas b{display:block;font-family:'Bricolage Grotesque',sans-serif;color:var(--navy);font-size:18px;margin-bottom:4px}
.ventajas span{display:block;font-size:15px;color:var(--muted);line-height:1.5}
.ventajas i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mint);font-style:normal;font-size:18px;margin-bottom:10px}
@media(max-width:640px){.ventajas{grid-template-columns:1fr}}
.ejemplo{display:table;width:100%}