• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap

/* MIXED CSS PACK */
/* Template: gruashbm.com.ar/index.html */
/* Template mtime: 2026-04-28 11:49:03 */

/* 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=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --accent:       #cc2132;
      --accent-dark:  #551b20;
      --accent-glow:  rgba(198, 74, 26, .18);
      --ink:          #0d0f12;
      --ink-mid:      #1c1f24;
      --muted:        #5a5f6a;
      --line:         #e4e7ed;
      --line-strong:  #cdd1d9;
      --soft:         #f4f5f8;
      --soft-2:       #eceef2;
      --white:        #ffffff;
      --radius:       10px;
      --radius-lg:    16px;
      --radius-xl:    22px;
      --shadow-sm:    0 2px 8px rgba(13,15,18,.06);
      --shadow-md:    0 8px 24px rgba(13,15,18,.09);
      --shadow-lg:    0 20px 50px rgba(13,15,18,.11);
      --shadow-xl:    0 32px 72px rgba(13,15,18,.14);
      --transition:   .22s cubic-bezier(.4,0,.2,1);
      --font-display: 'Barlow Condensed', sans-serif;
      --font-body:    'Barlow', sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 80px;
    }

    body {
      margin: 0;
      font-family: var(--font-body);
      font-size: 16px;
      color: var(--ink);
      background: var(--white);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    img { max-width: 100%; height: auto; }
    a { color: inherit; text-decoration: none; }

    /* ─── TYPOGRAPHY ─── */
    .section-title {
      font-family: var(--font-display);
      font-size: clamp(2.1rem, 4.5vw, 3.2rem);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: -.01em;
      margin: 0 0 1rem;
    }

    .section-subtitle {
      color: var(--muted);
      font-size: 1.06rem;
      line-height: 1.72;
      max-width: 720px;
      margin: 0 auto;
    }

    .text-block {
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.82;
    }

    .text-block p + p { margin-top: .9rem; }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      color: var(--accent);
      font-family: var(--font-display);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: .9rem;
    }

    .eyebrow::before {
      content: "";
      width: 24px;
      height: 2.5px;
      background: var(--accent);
      border-radius: 999px;
      flex: 0 0 24px;
    }

    /* ─── SECTIONS ─── */
    .section { padding: 96px 0; }
    .section-soft { background: var(--soft); }
    .section-soft-2 { background: var(--soft-2); }

    /* ─── BUTTONS ─── */
    .btn-accent {
      --bs-btn-color: #fff;
      --bs-btn-bg: var(--accent);
      --bs-btn-border-color: var(--accent);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: var(--accent-dark);
      --bs-btn-hover-border-color: var(--accent-dark);
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: var(--accent-dark);
      --bs-btn-active-border-color: var(--accent-dark);
      border-radius: var(--radius);
      font-family: var(--font-display);
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: .03em;
      padding: .8rem 1.6rem;
      transition: background var(--transition), box-shadow var(--transition), transform var(--transition);
      box-shadow: 0 4px 16px rgba(198,74,26,.25);
    }

    .btn-accent:hover {
      box-shadow: 0 6px 22px rgba(198,74,26,.38);
      transform: translateY(-1px);
    }

    .btn-outline-accent {
      --bs-btn-color: var(--accent);
      --bs-btn-bord    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "gruashbm.com.ar/index.html",
    "template_mtime": 1777376943,
    "template_mtime_human": "2026-04-28T11:49:03+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;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=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}