/* ===== LinkTree — pensado primero para el celular ===== */

/* Página limpia: sin header, sin barra de categorías, sin pie del tema.
   Los accesos de esta página SON la navegación. */
.cp-links-page .cph,
.cp-links-page .cph-aviso,
.cp-links-page .bhfb-footer,
.cp-links-page .cp-foot,
.cp-links-page .page-header,
.cp-links-page .entry-header{ display:none !important; }
.cp-links-page .site-content,
.cp-links-page #content{ padding-top:0 !important; }

.cpl{
  --cpl-surface:#122320;
  --cpl-surface-2:#16261f;
  --cpl-line:#203330;
  --cpl-text:#e7e8ee;
  --cpl-muted:#9aa0ad;
  --cpl-accent:#16a39a;

  max-width:520px; margin:0 auto; padding:26px 16px 46px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--cpl-text);
}

/* ---- Cabecera ---- */
.cpl-cab{ text-align:center; margin-bottom:24px; }
.cpl-logo{
  display:inline-flex; align-items:baseline; font-size:30px; letter-spacing:-.02em;
  text-decoration:none !important;   /* el tema subraya los enlaces */
}
.cpl-logo__a{ color:var(--cpl-accent); font-weight:500; }
.cpl-logo__b{ color:#fff; font-weight:800; }
.cpl-lema{ color:var(--cpl-muted); font-size:15px; line-height:1.5; margin:10px 0 0; }
.cpl-horario{
  display:inline-flex; align-items:center; gap:7px; margin:14px 0 0;
  background:var(--cpl-surface); border:1px solid var(--cpl-line); border-radius:999px;
  padding:7px 14px; font-size:13px; color:var(--cpl-text);
}
.cpl-horario .cpl-ic{ width:15px; height:15px; color:var(--cpl-accent); }

/* ---- Botones: alto cómodo para el dedo (mínimo 64px) ---- */
.cpl-btn{
  display:flex; align-items:center; gap:14px;
  min-height:66px; padding:13px 16px; margin-bottom:11px;
  background:var(--cpl-surface); border:1px solid var(--cpl-line); border-radius:16px;
  color:var(--cpl-text) !important; text-decoration:none !important;
  transition:transform .12s ease, border-color .16s, background .16s;
}
.cpl-btn:hover, .cpl-btn:focus-visible{
  background:var(--cpl-surface-2); border-color:var(--cpl-accent); transform:translateY(-2px);
}
.cpl-btn:active{ transform:translateY(0) scale(.99); }

.cpl-btn__t{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.cpl-btn__t strong{ font-size:16px; font-weight:700; line-height:1.25; }
.cpl-btn__t small{ font-size:13px; color:var(--cpl-muted); line-height:1.35; }

.cpl-ic{ width:22px; height:22px; flex:none; color:var(--cpl-accent); }
.cpl-btn > .cpl-ic:last-child{ width:18px; height:18px; color:var(--cpl-muted); }
.cpl-btn:hover > .cpl-ic:last-child{ color:var(--cpl-accent); }

/* Miniatura de la categoría */
.cpl-mini{
  width:46px; height:46px; flex:none; border-radius:10px;
  object-fit:cover; object-position:center;
  background:#0f1e1b; border:1px solid var(--cpl-line);
}

/* WhatsApp: la acción principal */
.cpl-btn--wa{
  background:linear-gradient(135deg,#25d366,#1eb655); border-color:transparent;
  box-shadow:0 10px 26px rgba(37,211,102,.26);
  margin-bottom:18px;
}
.cpl-btn--wa .cpl-btn__t strong{ color:#fff; }
.cpl-btn--wa .cpl-btn__t small{ color:rgba(255,255,255,.85); }
.cpl-btn--wa .cpl-ic{ color:#fff; }
.cpl-btn--wa:hover{ background:linear-gradient(135deg,#2ee070,#22c25c); border-color:transparent; }

.cpl-btn--chico{ min-height:58px; }
.cpl-btn--chico .cpl-btn__t strong{ font-size:15px; }

/* ---- Títulos de grupo ---- */
.cpl-titulo{
  margin:22px 0 10px; padding-left:4px;
  font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--cpl-muted);
}

/* ---- Pie ---- */
.cpl-pie{
  margin:26px 0 0; text-align:center; font-size:13px; line-height:1.7; color:var(--cpl-muted);
}
.cpl-pie a{ color:var(--cpl-accent) !important; text-decoration:underline; }
.cpl a{ text-decoration:none; }

/* En pantallas grandes se mantiene angosto, como en el celular */
@media (min-width:700px){
  .cpl{ padding-top:44px; }
  .cpl-logo{ font-size:34px; }
}