Preview de mixed.css
/* MIXED CSS PACK */
/* Template: factory/index.html */
/* Template mtime: 2026-02-23 02:42:24 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
:root{
--accent:#928d8d;
--accent-dark:#7a7575;
--ink:#1e1e1e;
--muted:#5f5f5f;
--soft-bg:#f9f9f9;
--white:#ffffff;
--radius-lg:24px;
--radius-md:16px;
--radius-sm:12px;
--shadow-card:0 20px 35px -8px rgba(0,0,0,0.07), 0 5px 15px rgba(0,0,0,0.03);
--shadow-hover:0 30px 45px -12px rgba(0,0,0,0.15), 0 8px 20px rgba(0,0,0,0.05);
--shadow-btn:0 8px 18px rgba(146,141,141,0.2);
--transition:all .25s cubic-bezier(.2,0,0,1);
--nav-offset:88px;
}
*{ box-sizing:border-box; }
html,body{ height:100%; scroll-behavior:smooth; }
body{
font-family:'Inter',system-ui,-apple-system,sans-serif;
color:var(--ink);
background:var(--white);
overflow-x:hidden;
line-height:1.5;
font-weight:400;
}
html, body{ overflow-x:hidden; width:100%; }
img, video{ max-width:100%; height:auto; }
h1,h2,h3,h4,.h1,.h2,.h3,.h4{ font-weight:700; letter-spacing:-0.02em; }
.fw-black{ font-weight:900; }
.muted{ color:var(--muted); }
.accent{ color:var(--accent); }
section[id],[id].anchor-offset{ scroll-margin-top:var(--nav-offset); }
.btn-accent{
--bs-btn-bg:var(--accent);
--bs-btn-border-color:var(--accent);
--bs-btn-hover-bg:var(--accent-dark);
--bs-btn-hover-border-color:var(--accent-dark);
--bs-btn-color:#fff;
--bs-btn-hover-color:#fff;
--bs-btn-focus-shadow-rgb:146,141,141;
--bs-btn-active-bg:var(--accent-dark);
--bs-btn-active-border-color:var(--accent-dark);
border-radius:60px;
padding:.75rem 1.5rem;
font-weight:600;
font-size:1rem;
transition:var(--transition);
box-shadow:none;
}
.btn-accent:hover{ transform:translateY(-3px); box-shadow:var(--shadow-btn); }
.btn-outline-accent{
--bs-btn-color:var(--accent);
--bs-btn-border-color:var(--accent);
--bs-btn-hover-bg:var(--accent);
--bs-btn-hover-border-color:var(--accent);
--bs-btn-hover-color:#fff;
--bs-btn-focus-shadow-rgb:146,141,141;
--bs-btn-active-bg:var(--accent);
--bs-btn-active-border-color:var(--accent);
border-radius:60px;
padding:.75rem 1.5rem;
font-weight:600;
font-size:1rem;
transition:var(--transition);
}
.btn-outline-accent:hover{ transform:translateY(-3px); box-shadow:var(--shadow-btn); }
.navbar{
backdrop-filter:blur(12px);
background:rgba(255,255,255,.85);
border-bottom:1px solid rgba(0,0,0,.03);
box-shadow:0 4px 20px rgba(0,0,0,.02);
}
.navbar .navbar-brand{
font-weight:800;
letter-spacing:-0.02em;
color:var(--ink);
font-size:1.2rem;
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.brand-mark{
width:34px;height:34px;
border-radius:12px;
display:grid;place-items:center;
background:rgba(146,141,141,.10);
border:1px solid rgba(146,141,141,.15);
flex:0 0 auto;
overflow:hidden;
}
.brand-mark img{ width:22px;height:22px; object-fit:contain; display:block; }
.navbar .navbar-brand span{
display:block;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.navbar .nav-link{
font-weight:500;
color:var(--ink);
padding:.5rem 1rem !important;
transition:var(--transition);
border-radius:30px;
font-size:.95rem;
}
.nav /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "factory/index.html",
"template_mtime": 1771814544,
"template_mtime_human": "2026-02-23T02:42:24+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
],
"css_links_external": [
"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 1,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}