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

/* MIXED CSS PACK */
/* Template: reformassierras.com.ar/index.html */
/* Template mtime: 2026-02-27 12:20:22 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&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.0.0-beta3/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --accent: #ffff00;
      --accent-dark: #e6e600;
      --ink: #0b0b0b;
      --muted: #5b5b5b;
      --line: rgba(0, 0, 0, 0.08);
      --soft: rgba(0, 0, 0, 0.02);
      --radius: 24px;
      --radius-sm: 16px;
      --radius-xs: 12px;
      --shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
      --shadow-hover: 0 30px 50px -12px rgba(0, 0, 0, 0.18);
      --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
      --transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
      /* Actualizamos la fuente principal a 'Outfit' que es más redondeada y moderna */
      --font-sans: 'Outfit', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    html { scroll-behavior: smooth; }
    html, body { width: 100%; overflow-x: hidden !important; }

    body {
      background: #ffffff;
      color: var(--ink);
      font-family: var(--font-sans);
      font-weight: 400;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* IMPORTANTE: NO tocar SVG global porque te lo vuelve gigante */
    img, video, canvas { max-width: 100%; height: auto; }
    svg { max-width: none; height: auto; }

    .section { padding: clamp(80px, 10vw, 120px) 0; }
    .anchor-offset { scroll-margin-top: 90px; }

    .eyebrow {
      display: inline-block;
      font-weight: 700;
      font-size: 0.75rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 0.4rem 1rem;
      background: var(--accent);
      border: 1px solid rgba(0, 0, 0, 0.05);
      border-radius: 100px;
      color: var(--ink);
      margin-bottom: 1.5rem;
      backdrop-filter: blur(4px);
    }

    .section-title {
      font-weight: 900;
      font-size: clamp(2.2rem, 6vw, 3.2rem);
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin-bottom: 1.2rem;
      color: var(--ink);
    }

    .section-subtitle {
      color: var(--muted);
      font-size: 1.2rem;
      max-width: 70ch;
      margin-left: auto;
      margin-right: auto;
      font-weight: 400;
    }

    .btn-accent, .btn-ghost {
      font-weight: 700;
      padding: 0.9rem 2rem;
      border-radius: 60px;
      transition: var(--transition);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      border: 1px solid transparent;
      font-size: 1rem;
      line-height: 1;
    }

    .btn-accent {
      background: var(--accent);
      color: var(--ink);
      box-shadow: 0 8px 18px -8px rgba(255, 255, 0, 0.4);
      border-color: rgba(0, 0, 0, 0.1);
    }

    .btn-accent:hover {
      background: var(--accent-dark);
      transform: translateY(-3px);
      box-shadow: 0 15px 25px -10px rgba(255, 255, 0, 0.5);
    }

    .btn-ghost {
      background: transparent;
      color: var(--ink);
      border: 1px solid var(--line);
    }

    .btn-ghost:hover {
      background: rgba(0, 0, 0, 0.02);
      border-color: rgba(0, 0, 0, 0.2);
      transform: translateY(-2px);
    }

    .navbar {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--line);
      padding: 0.75rem 0;
    }

    .brand {
      display: flex;
      align-items: center;
      gap:     /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "reformassierras.com.ar/index.html",
    "template_mtime": 1772194822,
    "template_mtime_human": "2026-02-27T12:20:22+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}