/* Catálogo de aplicaciones — Conexcol.
   Los colores salen de las variables del tema (Avada) para que el catálogo cambie
   con el sitio y no haya una paleta paralela que mantener. Los valores tras la
   coma son el respaldo por si el tema deja de exponerlas. */
.cxl-cat{--cxl-b:var(--awb-color3,#dfe7ee);--cxl-t:var(--awb-color8,#333c45);--cxl-a:var(--awb-custom_color_2,#0070c9);--cxl-bg:var(--awb-color1,#fff)}
.cxl-cat *{box-sizing:border-box}
.cxl-cat .cxl-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 20px}
.cxl-cat input[type=search]{flex:1 1 260px;min-width:220px;padding:13px 16px;border:1px solid var(--cxl-b);border-radius:10px;font-size:16px;font-family:inherit;color:var(--cxl-t);background:var(--cxl-bg)}
.cxl-cat select{padding:13px 16px;border:1px solid var(--cxl-b);border-radius:10px;font-size:16px;font-family:inherit;color:var(--cxl-t);background:var(--cxl-bg)}
.cxl-cat .cxl-count{font-size:14px;color:var(--cxl-t);opacity:.75;width:100%}
.cxl-cat .cxl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cxl-cat .cxl-it{border:1px solid var(--cxl-b);border-radius:12px;padding:14px 16px;background:var(--cxl-bg);display:flex;flex-direction:column;gap:7px}
.cxl-cat .cxl-it b{font-size:16px;line-height:1.3;color:var(--cxl-t)}
.cxl-cat .cxl-it a{text-decoration:none;font-weight:700;color:var(--cxl-a)}
.cxl-cat .cxl-it a:hover{text-decoration:underline}
.cxl-cat .cxl-tags{display:flex;gap:6px;flex-wrap:wrap}
.cxl-cat .cxl-tg{font-size:11px;font-weight:700;letter-spacing:.3px;border-radius:100px;padding:3px 9px;border:1px solid var(--cxl-b);color:var(--cxl-t);white-space:nowrap}
.cxl-cat .cxl-tg-h{border-color:rgba(0,112,201,.45);background:rgba(0,112,201,.08)}
.cxl-cat .cxl-tg-c{border-color:rgba(62,195,0,.5);background:rgba(62,195,0,.10)}
.cxl-cat .cxl-cat-n{font-size:12px;opacity:.7;color:var(--cxl-t)}
.cxl-cat .cxl-vacio,p.cxl-vacio{padding:26px;border:1px dashed var(--cxl-b,#dfe7ee);border-radius:12px;text-align:center;color:var(--cxl-t,#333c45)}
.cxl-cat [hidden]{display:none!important}
@media(max-width:600px){.cxl-cat .cxl-grid{grid-template-columns:1fr}}

/* Logotipos. Los de la colección se tiñen con el color de la marca vía
   currentColor; los que no existen llevan una marca de letra con un tono
   derivado del nombre, para que cada aplicación tenga siempre el mismo. */
.cxl-cat .cxl-it-cab{display:flex;align-items:center;gap:10px}
.cxl-cat .cxl-it-nom{min-width:0}
.cxl-cat .cxl-logo{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.cxl-cat .cxl-logo svg{width:22px;height:22px;display:block}
.cxl-cat .cxl-logo-letra{border-radius:8px;font-weight:800;font-size:14px;line-height:1;
  color:hsl(var(--cxl-tono,210) 55% 32%);background:hsl(var(--cxl-tono,210) 55% 94%);
  border:1px solid hsl(var(--cxl-tono,210) 40% 85%)}

/* Aviso de versión empaquetada antigua. Ámbar, no rojo: es una advertencia para
   decidir, no un error. Y lleva texto, no sólo color. */
.cxl-cat .cxl-tg-v{border-color:rgba(217,139,0,.5);background:rgba(217,139,0,.10);color:#7a4e00}