Preview de mixed.css
/* MIXED CSS PACK */
/* Template: sercaproducciones.com.ar/index.html */
/* Template mtime: 2026-03-06 13:04:55 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800;900&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
:root {
/* Colores principales - respetando tu paleta */
--violet: #6d28d9;
--violet-dark: #f6c714;
--violet-light: rgba(109, 40, 217, 0.08);
--yellow: #facc15;
--yellow-dark: #e6b310;
--yellow-light: rgba(250, 204, 21, 0.1);
/* Sistema de diseño mejorado */
--text: #111827;
--text-light: #6b7280;
--soft: #f8fafc;
--card: #ffffff;
--border: rgba(17, 24, 39, 0.08);
--border-hover: rgba(109, 40, 217, 0.2);
--radius: 20px;
--radius-lg: 30px;
--radius-sm: 12px;
--shadow: 0 20px 60px rgba(17, 24, 39, 0.08);
--shadow-lg: 0 30px 80px rgba(109, 40, 217, 0.12);
--shadow-yellow: 0 20px 50px rgba(250, 204, 21, 0.15);
/* Gradientes premium */
--gradient-violet: linear-gradient(135deg, var(--violet), var(--violet-dark));
--gradient-yellow: linear-gradient(135deg, var(--yellow), var(--yellow-dark));
--gradient-hero: radial-gradient(ellipse at 20% 30%, rgba(109, 40, 217, 0.15) 0%, transparent 60%),
radial-gradient(ellipse at 80% 20%, rgba(250, 204, 21, 0.15) 0%, transparent 60%);
/* Transiciones */
--transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
--transition-fast: all 0.25s ease;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body {
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
color: var(--text);
background: #fff;
overflow-x: hidden;
line-height: 1.6;
}
/* Tipografía mejorada */
h1, h2, h3, h4, h5, h6 {
font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
font-weight: 800;
letter-spacing: -0.025em;
line-height: 1.2;
}
/* NAVBAR PREMIUM */
.navbar {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: 1px solid var(--border);
padding: 1rem 0;
box-shadow: 0 4px 20px rgba(17, 24, 39, 0.04);
transition: var(--transition-smooth);
}
.navbar.scrolled {
padding: 0.7rem 0;
box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
}
.brand-container {
display: flex;
align-items: center;
gap: 16px;
}
.brand-badge {
width: 50px;
height: 50px;
border-radius: 16px;
background: var(--gradient-violet);
display: grid;
place-items: center;
color: #fff;
font-weight: 950;
font-size: 1.25rem;
box-shadow: 0 12px 30px rgba(109, 40, 217, 0.25);
transition: var(--transition-smooth);
position: relative;
overflow: hidden;
}
.brand-badge::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);
transform: translateX(-100%);
}
.brand-badge:hover::after {
animation: shine 0.8s ease;
}
@keyframes shine {
100% { transform: translateX(100%); }
}
.brand-text {
display: f /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "sercaproducciones.com.ar/index.html",
"template_mtime": 1772802295,
"template_mtime_human": "2026-03-06T13:04:55+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
],
"css_links_external": [
"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 4,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}