MIX · extractor de estilos
Template: factory/index.html · mtime: 2026-02-23 02:42
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 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: 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 ... */
      
Ver preview completo
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": []
}