MIX · extractor de estilos
Template: fidelfiel.com.ar/index.html · mtime: 2026-04-01 15:47
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 Inline styles: 7 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: fidelfiel.com.ar/index.html */
/* Template mtime: 2026-04-01 15:47:29 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===== VARIABLES ===== */
    :root {
      --accent:      #ff0086;
      --accent-2:    #1f1ab4;
      --accent-3:    #0098df;
      --text:        #12131a;
      --muted:       #5f6472;
      --line:        #dde1ec;
      --bg:          #f1f3f7;        /* base gris frío */
      --bg-white:    #ffffff;
      --bg-soft:     #eef1f7;
      --bg-dark:     #111827;        /* footer / secciones premium */
      --bg-darker:   #0d1320;
      --bg-brand:    #1a1760;        /* azul profundo marca */
      --shadow-sm:   0 4px 18px rgba(15,23,42,.06);
      --shadow-md:   0 16px 40px rgba(15,23,42,.10);
      --shadow-lg:   0 28px 60px rgba(15,23,42,.14);
      --radius:      22px;
      --radius-sm:   16px;
      --container:   1180px;
      --nav-h:       86px;
      --transition:  all 0.38s cubic-bezier(0.2, 0.9, 0.3, 1);

      /* tipografía */
      --font-display: 'Barlow Condensed', sans-serif;
      --font-body:    'DM Sans', sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; width: 100%; overflow-x: clip; }
    body {
      margin: 0; width: 100%; max-width: 100%;
      font-family: var(--font-body);
      color: var(--text);
      background: var(--bg);
      overflow-x: clip;
    }
    img { max-width: 100%; display: block; }
    a { text-decoration: none; color: inherit; }

    .container-custom {
      max-width: var(--container);
      padding: 0 24px;
      margin: 0 auto;
      width: 100%;
    }
    .section { padding: 110px 0; }
    .bg-white-section { background: var(--bg-white); }
    .bg-soft-section  { background: var(--bg-soft); }
    .bg-dark-section  { background: var(--bg-dark); }
    .bg-brand-section { background: var(--bg-brand); }

    /* ===== TIPOGRAFÍA ===== */
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--accent);
      background: rgba(255, 0, 134, 0.07);
      border: 1px solid rgba(255, 0, 134, 0.18);
      padding: 0.55rem 1.1rem;
      border-radius: 100px;
      margin-bottom: 1.4rem;
    }
    .eyebrow::before {
      content: '';
      width: 6px; height: 6px;
      background: var(--accent);
      border-radius: 50%;
      flex-shrink: 0;
    }
    .eyebrow-light {
      color: rgba(255,255,255,0.85);
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.18);
    }
    .eyebrow-light::before { background: rgba(255,255,255,0.8); }

    .section-title {
      font-family: var(--font-display);
      font-size: clamp(2.4rem, 5vw, 3.6rem);
      font-weight: 800;
      line-height: 1.0;
      letter-spacing: -0.01em;
      color: var(--text);
      margin: 0 0 1.2rem;
      text-transform: uppercase;
    }
    .section-title-light { color: #ffffff; }

    .section-subtitle {
      font-size: 1.05rem;
      color: var(--muted);
      max-width: 700px;
      margin: 0 auto 3rem;
      line-height: 1.85;
    }
    .section-subtitle-light { color: rgba(255,255,255,0.72); }

    .text-gradient {
      background: linear-gradient(125deg, var(--accent) 0%, #b200ff 50%, var(--accent-2) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      display: inline;
    }
    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "fidelfiel.com.ar/index.html",
    "template_mtime": 1775058449,
    "template_mtime_human": "2026-04-01T15:47:29+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 7,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}