• https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap
• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css

/* MIXED CSS PACK */
/* Template: mecanicafraga.com.ar/index.html */
/* Template mtime: 2026-04-15 19:39:22 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ==========================================
       VARIABLES & RESET
    ========================================== */
    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

    :root {
      --navy:       #e43520;
      --navy-deep:  #061e35;
      --navy-mid:   #0d3860;
      --navy-light: #144e82;
      --navy-soft:  rgba(10,43,74,0.06);
      --navy-glow:  rgba(10,43,74,0.18);
      --white:      #ffffff;
      --off:        #f7f8fa;
      --text:       #111418;
      --muted:      #5e6a78;
      --line:       #e8eaed;

      --sh-xs: 0 2px 8px rgba(10,43,74,0.05);
      --sh-sm: 0 6px 20px rgba(10,43,74,0.07);
      --sh-md: 0 14px 40px rgba(10,43,74,0.09);
      --sh-lg: 0 28px 64px rgba(10,43,74,0.12);
      --sh-xl: 0 44px 88px rgba(10,43,74,0.15);

      --r-sm: 14px;
      --r-md: 22px;
      --r-lg: 32px;
      --r-xl: 44px;
      --r-pill: 999px;

      --ease: cubic-bezier(0.22, 1, 0.36, 1);
      --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
      --dur-fast: 0.22s;
      --dur-base: 0.38s;
      --dur-slow: 0.6s;
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 88px;
      overflow-x: hidden;
    }

    body {
      font-family: 'Manrope', system-ui, sans-serif;
      color: var(--text);
      background: var(--white);
      overflow-x: hidden;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }

    /* Scrollbar */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--line); }
    ::-webkit-scrollbar-thumb { background: var(--navy); border-radius: 10px; }

    /* ==========================================
       TYPOGRAPHY
    ========================================== */
    .font-display { font-family: 'Outfit', sans-serif; }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.45rem 1.1rem;
      border-radius: var(--r-pill);
      background: var(--navy-soft);
      color: var(--navy);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 1.4rem;
      border: 1px solid rgba(10,43,74,0.12);
    }

    .section-title {
      font-family: 'Outfit', sans-serif;
      font-size: clamp(1.7rem, 3.4vw, 2.95rem);
      line-height: 1.05;
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--text);
      margin-bottom: 1rem;
    }

    .section-sub {
      color: var(--muted);
      font-size: 0.98rem;
      max-width: 680px;
      margin: 0 auto;
      font-weight: 400;
      line-height: 1.65;
    }

    /* ==========================================
       ANIMATIONS
    ========================================== */
    @keyframes fadeUp {
      from { opacity:0; transform:translateY(32px); }
      to   { opacity:1; transform:translateY(0); }
    }
    @keyframes fadeLeft {
      from { opacity:0; transform:translateX(-32px); }
      to   { opacity:1; transform:translateX(0); }
    }
    @keyframes fadeRight {
      from { opacity:0; transform:translateX(32px); }
      to   { opacity:1; transform:translateX(0); }
    }
    @keyframes float {
      0%,100% { transform: translateY(0); }
      50%      { transform: translateY(-12px); }
    }
    @keyframes spin-slow {
      to { transform: rotate(360deg); }
    }
    @key    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "mecanicafraga.com.ar/index.html",
    "template_mtime": 1776281962,
    "template_mtime_human": "2026-04-15T19:39:22+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}