MIX · extractor de estilos
Template: netfan_eventos/index.php · mtime: 2025-12-22 18:17
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 Inline styles: 1 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: netfan_eventos/index.php */
/* Template mtime: 2025-12-22 18:17:26 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ====== HOME CATEGORIES SLIDERS (nerd/pro) ====== */
.catwall { position: relative; }
.catblock {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  position: relative;
}

.catblock::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 15% 20%, rgba(33,150,243,.08), transparent 55%),
              radial-gradient(circle at 85% 80%, rgba(33,150,243,.06), transparent 55%);
  pointer-events:none;
  opacity:.9;
}

.cathead{
  position: relative;
  z-index: 2;
  padding: 22px 22px 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  border-bottom: 1px solid var(--line-subtle);
  background: linear-gradient(180deg, rgba(33,150,243,.06), transparent);
}
.catname{
  font-weight: 900;
  letter-spacing: -0.03em;
  margin: 0;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
}
.cattag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:.4rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(33,150,243,.2);
  background: rgba(33,150,243,.06);
  color: var(--accent);
  font-weight: 800;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.catmeta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color: var(--muted);
  font-weight: 600;
  font-size: .95rem;
}
.catcontrols{
  display:flex;
  align-items:center;
  gap:10px;
}
.catbtn{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  transition: var(--transition-smooth);
  color: var(--text);
}
.catbtn:hover{
  transform: translateY(-2px);
  border-color: rgba(33,150,243,.25);
  box-shadow: var(--shadow-md);
  background: rgba(33,150,243,.08);
  color: var(--accent);
}

.catscroller{
  position: relative;
  z-index: 2;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  gap: 14px;
  padding: 18px 18px 22px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 18px;
  -webkit-overflow-scrolling: touch;
}
.catscroller::-webkit-scrollbar { height: 10px; }
.catscroller::-webkit-scrollbar-thumb {
  background: rgba(33,150,243,.22);
  border-radius: 999px;
}
.catscroller::-webkit-scrollbar-track { background: rgba(0,0,0,.04); border-radius:999px; }

.svc{
  scroll-snap-align: start;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: #fff;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-smooth);
  position: relative;
}
.svc:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl);
  border-color: rgba(33,150,243,.25);
}
.svc .cover{
  height: 170px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.svc .cover img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: var(--transition-smooth);
}
.svc:hover .cover img{ transform: scale(1.05); }
.svc .cover::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.55) 100%);
}
.svc .badgeTop{
  position:absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  padding: .35rem .7rem;
  bor    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "netfan_eventos/index.php",
    "template_mtime": 1766427446,
    "template_mtime_human": "2025-12-22T18:17:26+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}