MIX · extractor de estilos
Template: flelectro.com.ar/index.html · mtime: 2026-05-06 14:54
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 Inline styles: 2 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: flelectro.com.ar/index.html */
/* Template mtime: 2026-05-06 14:54:48 */

/* 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=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Barlow+Condensed:wght@400;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --accent: #e25859;
      --accent2: #111111;
      --ink: #0a0a0a;
      --paper: #fff7f7;
      --soft: #fff0f0;
      --muted: #626a72;
      --line: rgba(226,88,89,.18);
      --nav-h: 72px;
      --display: 'Bebas Neue', Impact, sans-serif;
      --body: 'Barlow', ui-sans-serif, system-ui, sans-serif;
      --cond: 'Barlow Condensed', 'Barlow', sans-serif;
      --mono: 'SFMono-Regular', Consolas, monospace;
      --ease: cubic-bezier(.4,0,.2,1);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body { font-family: var(--body); color: var(--ink); background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    body::after { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999; opacity: .022; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); background-size: 256px; }

    .site-nav { min-height: var(--nav-h); background: rgba(255,255,255,.9); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid var(--line); transition: background .25s var(--ease), box-shadow .25s var(--ease); z-index: 1040; }
    .site-nav.is-scrolled { background: rgba(255,255,255,.98); box-shadow: 0 2px 0 var(--line), 0 8px 40px rgba(226,88,89,.08); }
    .navbar-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .brand-logo { height: 42px; width: auto; max-width: 120px; object-fit: contain; }
    .brand-text { font-family: var(--display); font-size: 22px; letter-spacing: .04em; line-height: 1; color: var(--ink); white-space: nowrap; }
    .navbar-toggler { width: 44px; height: 44px; border: 1.5px solid var(--accent); border-radius: 4px; padding: 0; background: transparent; box-shadow: none !important; display: grid; place-items: center; }
    .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(17,17,17,.18) !important; }
    .toggler-bars { display: flex; flex-direction: column; gap: 5px; width: 18px; }
    .toggler-bars span { display: block; height: 1.5px; background: var(--accent); }
    .nav-link { font-family: var(--cond); font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); padding: .6rem .72rem !important; transition: color .18s var(--ease); position: relative; }
    .nav-link::after { content: ''; position: absolute; bottom: 2px; left: .72rem; right: .72rem; height: 2px; background: var(--accent2); transform: scaleX(0); transform-origin: left; transition: transform .22s var(--ease); }
    .nav-link:hover { color: var(--accent); }
    .nav-link:hover::after { transform: scaleX(1); }
    .btn-accent { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 20px; background: var(--accent); color: #fff !important; border: none; border-radius: 0; font-family: var(--cond); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: background .18s var(--ease), transform .18s var(--ease); clip-path: polygon(0 0,100% 0,100% calc(100% - 6px),ca    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "flelectro.com.ar/index.html",
    "template_mtime": 1778079288,
    "template_mtime_human": "2026-05-06T14:54:48+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Barlow+Condensed:wght@400;600;700&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Barlow+Condensed:wght@400;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}