• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css
• https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap

/* MIXED CSS PACK */
/* Template: cerrajeriaemsecor.com.ar/index.html */
/* Template mtime: 2026-05-20 11:53:09 */

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

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===================================================
       ROOT TOKENS
    =================================================== */
    :root {
      --brand:        #204188;
      --brand-light:  #3a5bb8;
      --brand-dark:   #163174;
      --accent:       #f78c02;
      --accent-light: #ff9d1c;
      --accent-dark:  #e37f00;
      --text:         #111;
      --text-light:   #333;
      --muted:        #6b7280;
      --muted-light:  #9ca3af;
      --card:         #ffffff;
      --bg:           #ffffff;
      --bg-alt:       #f4f7fc;
      --radius:       14px;
      --radius-lg:    22px;
      --radius-xl:    32px;
      --shadow:       0 8px 32px rgba(32,65,136,.09);
      --shadow-lg:    0 20px 50px rgba(32,65,136,.14);
      --shadow-sm:    0 3px 12px rgba(0,0,0,.06);
      --transition:   all .3s cubic-bezier(.4,0,.2,1);

      /* Tipografía */
      --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    /* ===================================================
       BASE
    =================================================== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.65;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
    }

    a { color: var(--brand); text-decoration: none; transition: var(--transition); }
    a:hover { color: var(--accent); }

    img { max-width: 100%; }

    /* ===================================================
       BOTONES
    =================================================== */
    .btn-brand {
      display: inline-flex; align-items: center; gap: 7px;
      background: var(--brand);
      color: #fff; border: 2px solid var(--brand);
      font-family: var(--font-body); font-weight: 700; font-size: .95rem;
      padding: 13px 28px; border-radius: var(--radius);
      box-shadow: 0 4px 18px rgba(32,65,136,.25);
      transition: var(--transition); cursor: pointer;
    }
    .btn-brand:hover {
      background: var(--brand-dark); border-color: var(--brand-dark);
      color: #fff; transform: translateY(-2px);
      box-shadow: 0 10px 28px rgba(32,65,136,.35);
    }
    .btn-accent {
      display: inline-flex; align-items: center; gap: 7px;
      background: var(--accent); color: #fff; border: 2px solid var(--accent);
      font-family: var(--font-body); font-weight: 700; font-size: .95rem;
      padding: 13px 28px; border-radius: var(--radius);
      box-shadow: 0 4px 18px rgba(247,140,2,.28);
      transition: var(--transition); cursor: pointer;
    }
    .btn-accent:hover {
      background: var(--accent-dark); border-color: var(--accent-dark);
      color: #fff; transform: translateY(-2px);
      box-shadow: 0 10px 28px rgba(247,140,2,.38);
    }
    .btn-ghost {
      display: inline-flex; align-items: center; gap: 7px;
      background: transparent; color: var(--brand);
      border: 2px solid rgba(32,65,136,.25);
      font-family: var(--font-body); font-weight: 600; font-size: .95rem;
      padding: 13px 28px; border-radius: var    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "cerrajeriaemsecor.com.ar/index.html",
    "template_mtime": 1779277989,
    "template_mtime_human": "2026-05-20T11:53:09+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}