/* ============================================================
   shared.css — estilos comunes para tools.apoyogerencial.com
   Usado por el menú principal y por cada solución interna.
   ============================================================ */

:root{
  --ink:#1c2b2a; --ink-soft:#4a5957; --line:#d8e0de; --bg:#f6f8f7;
  --card:#ffffff; --accent:#0f6e56; --accent-soft:#e1f5ee; --danger:#993c1d;
  --radius:10px;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
}
.logo-empresa{display:block; margin:0 auto 20px; max-width:180px; width:100%; height:auto;}
header.site-header{margin-bottom:28px; text-align:center; padding:24px 16px 0;}
header.site-header h1{font-size:22px; margin:0 0 6px; font-weight:600;}
header.site-header p{margin:0 auto; color:var(--ink-soft); font-size:14px; max-width:520px;}

.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:20px; margin-bottom:16px;
}
.card h2{
  font-size:15px; margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--line);
  color:var(--accent); font-weight:600;
}
.card h2 small{display:block; color:var(--ink-soft); font-weight:400; font-size:12px; margin-top:2px;}

a.tool-link{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px; border:1px solid var(--line); border-radius:8px; margin-top:10px;
  text-decoration:none; color:var(--ink); background:#fff; transition:border-color .15s, background .15s;
}
a.tool-link:hover{border-color:var(--accent); background:var(--accent-soft);}
a.tool-link .tool-name{font-weight:600; font-size:14px;}
a.tool-link .tool-desc{display:block; font-weight:400; color:var(--ink-soft); font-size:12px; margin-top:2px;}
a.tool-link .arrow{color:var(--accent); font-size:18px;}

footer.site-footer{
  text-align:center; color:var(--ink-soft); font-size:12px; padding:24px 16px 40px;
}