/* ════════════════════════════════════════════════════════ */
/*                        SERVICIOS                         */
/* ════════════════════════════════════════════════════════ */
.cats-g{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:20px;}

.cat-c{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:14px;
  cursor:pointer;
  transition:var(--tr);}

.cat-c:hover,
.cat-c.on{
  border-color:var(--acc);}

.cat-c.on{
  background:var(--bg3);}

.cat-tag{
  display:inline-block;
  margin-bottom:8px;
  padding:2px 8px;
  border-radius:4px;
  font-size:10px;
  font-weight:700;}

.cat-n{
  font-size:24px;
  font-weight:800;}

.cat-l2{
  font-size:11px;
  color:var(--text2);}

.sv-c{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  padding:13px 16px;
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:9px;}

.sv-nm{
  font-size:13px;
  font-weight:700;}

.sv-ds{
  margin-top:2px;

  font-size:11.5px;
  color:var(--text2);}

.sv-pr{
  font-size:14px;
  font-weight:800;
  color:var(--acc);
  font-family:"JetBrains Mono",monospace;}

/* ════════════════════════════════════════════════════════ */
/*                         MODELOS                          */
/* ════════════════════════════════════════════════════════ */
.tpl-g{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;}

.tpl-c{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:16px;
  transition:var(--tr);}

.tpl-c:hover{
  border-color:var(--border2);}

.tpl-t{
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  line-height:1.4;}

.tpl-d{
  margin-bottom:12px;
  font-size:12px;
  color:var(--text2);}

/* ════════════════════════════════════════════════════════ */
/*                         MARCO                            */
/* ════════════════════════════════════════════════════════ */
.marco-g{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;}

.marco-c{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:20px;}

.marco-ic{
  margin-bottom:10px;
  font-size:22px;}

.marco-t{
  font-size:15px;
  font-weight:800;}

.marco-d{
  margin-bottom:12px;
  font-size:12px;
  color:var(--text2);}

.marco-ul{list-style:none;}

.marco-ul li{
  position:relative;
  padding:4px 0 4px 13px;
  font-size:12px;
  color:var(--text2);}

.marco-ul li::before{
  content:"•";
  position:absolute;
  left:0;
  color:var(--acc);}