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 ... */
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": []
}