/* Guía de liderazgo (/liderazgo/) · se suma a /blog/blog.css. Fuente: FLYPLUS/guias-liderazgo/build.mjs */
header.top{padding:22px 0 20px}
.migas{font-family:var(--display);font-weight:700;font-size:13.5px;color:#C6CCDA}
.migas a{color:var(--dorado)}
.migas span{margin:0 6px;color:#8C96AB}
.firma-guia{font-size:14.5px;color:var(--gris);margin:-8px 0 26px}
.firma-guia a{color:var(--bronce);text-decoration:none;font-weight:600}
article p.respuesta{font-size:19px;line-height:1.6;color:var(--navy);border-left:3px solid var(--camel);padding:4px 0 4px 20px;margin:0 0 28px}
article a{color:#8F6B34;text-decoration-thickness:1px;text-underline-offset:3px}
article h3{font-size:20px;margin:28px 0 10px;color:var(--navy)}
article ul,article ol{margin:0 0 22px 22px}
article li{margin-bottom:8px}
blockquote{border-left:3px solid var(--dorado);margin:28px 0;padding:4px 0 4px 22px}
blockquote p{margin-bottom:8px !important}
blockquote cite{display:block;font-family:var(--display);font-style:normal;font-weight:700;font-size:12.5px;letter-spacing:.06em;color:var(--bronce)}
blockquote cite a{color:var(--bronce);text-decoration:none}
figure.hero{margin:6px 0 30px}
figure.hero img{width:100%;height:auto;border-radius:10px}
/* índice */
.indice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 10px;margin:0 0 30px}
.indice ol{margin:8px 0 6px 20px;columns:2;column-gap:28px;font-size:15px}
.indice li{margin-bottom:6px;break-inside:avoid}
.indice a{color:var(--navy);text-decoration:none}
.indice a:hover{color:#8F6B34;text-decoration:underline}
/* tablas */
.tabla{overflow-x:auto;margin:24px 0 30px;border-top:2px solid var(--navy);-webkit-overflow-scrolling:touch}
.tabla:focus{outline:2px solid var(--camel);outline-offset:2px}
.tabla table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.5}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid var(--line)}
.tabla thead th{font-family:var(--display);font-weight:800;font-size:13px;color:var(--navy);background:var(--crema2)}
.tabla tbody th{font-family:var(--display);font-weight:700;color:var(--navy);width:22%}
/* fichas de dinámicas */
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 18px}
.ficha div{padding:10px 12px 10px 0}
.ficha dt{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronce)}
.ficha dd{font-size:15px;color:var(--tinta);margin:2px 0 0}
/* autor */
.autor{display:flex;gap:18px;align-items:flex-start;border-top:1px solid var(--line);padding-top:24px;margin-top:40px}
.autor img{width:88px;height:auto;border-radius:6px;flex:none}
.autor p{font-size:15px;margin-bottom:6px}
.autor .quien{font-family:var(--display);font-weight:800;font-size:16px;margin-bottom:4px}
.autor .quien a{color:var(--navy);text-decoration:none}
/* relacionadas */
.relacionadas{margin:34px 0 0;border-top:2px solid var(--navy);padding-top:18px}
.relacionadas ul{list-style:none;margin:10px 0 0;padding:0}
.relacionadas li{padding:12px 0;border-bottom:1px solid var(--line)}
.relacionadas li a{font-family:var(--display);font-weight:800;font-size:17px;color:var(--navy);text-decoration:none}
.relacionadas li a:hover{color:#8F6B34}
.relacionadas li span{display:block;font-size:15px;color:var(--gris);margin-top:2px}
.relacionadas .todas{margin-top:14px;font-family:var(--display);font-weight:700;font-size:14px}
.relacionadas .todas a{color:#8F6B34;text-decoration:none}
/* índice de la guía */
.hub .grupo{margin:36px 0 10px}
.hub .grupo h2{border-top:2px solid var(--navy);padding-top:14px}
.hub .card{padding:20px 22px;margin-bottom:12px;border-radius:10px}
.hub .card h3{font-family:var(--display);font-weight:800;font-size:20px;color:var(--navy);margin-bottom:6px}
.hub .card p{font-size:15.5px;margin-bottom:0}
@media(max-width:600px){
  .indice ol{columns:1}
  article p.respuesta{font-size:17.5px}
  .autor{flex-direction:column}
  .cierre{padding:22px 18px}
}
.cierre p a{color:#8F6B34;text-decoration-thickness:1px;text-underline-offset:3px}