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

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

/* ===== INLINE <style> BLOCK #1 ===== */
/* ============================================================
     TOKENS
  ============================================================ */
  :root {
    --accent:     #1544d2;
    --accent-2:   #fed644;
    --accent-dk:  #0f34a8;
    --accent-lt:  #e8eeff;
    --bg:         #ffffff;
    --surface:    #f6f7fb;
    --surface-2:  #edf0fc;
    --text:       #0d0f14;
    --muted:      #5a6278;
    --muted-lt:   #8f96a8;
    --line:       #e4e8f2;
    --shadow-sm:  0 2px 12px rgba(14,20,52,.06);
    --shadow:     0 12px 48px rgba(14,20,52,.09);
    --shadow-lg:  0 28px 80px rgba(14,20,52,.13);
    --radius:     20px;
    --radius-lg:  28px;
    --radius-xl:  36px;
    --nav-h:      80px;
    --font-head:  'Sora', system-ui, sans-serif;
    --font-body:  'Manrope', system-ui, sans-serif;
  }

  /* ============================================================
     RESET / BASE
  ============================================================ */
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0;
    font-family: var(--font-body);
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
  }
  img { max-width: 100%; display: block; }
  a { text-decoration: none; }
  p { margin: 0; }

  /* ============================================================
     LAYOUT
  ============================================================ */
  .wrap { max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px,4vw,40px); }
  .section { padding: 112px 0; }
  .section-alt { background: var(--surface); }

  /* ============================================================
     EYEBROW / LABELS
  ============================================================ */
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .eyebrow::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
  }

  /* ============================================================
     TYPOGRAPHY
  ============================================================ */
  .display-title {
    font-family: var(--font-head);
    font-size: clamp(2.8rem, 5.5vw, 5.5rem);
    line-height: 1;
    letter-spacing: -.01em;
    margin: 0;
  }
  .section-title {
    font-family: var(--font-head);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -.01em;
    margin: 0;
  }
  .section-sub {
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--muted);
    max-width: 680px;
  }
  .lead-text {
    font-size: 1.1rem;
    line-height: 1.85;
    color: var(--muted);
  }

  /* ============================================================
     BUTTONS
  ============================================================ */
  .btn-prime {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--accent);
    color: #fff !important;
    border: none;
    border-radius: 999px;
    font-family: var(--font-body);
    font-size: .96rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, background .2s;
       /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "megabrokerconsultores.com.ar/index.html",
    "template_mtime": 1775763299,
    "template_mtime_human": "2026-04-09T19:34:59+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}