• 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=Poppins:wght@300;400;500;600;700&display=swap

/* MIXED CSS PACK */
/* Template: crecimientoseguro.com/index.html */
/* Template mtime: 2025-09-25 13:09:47 */

/* 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=Poppins:wght@300;400;500;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
    /* === Marca y acento (verde + azul) === */
    --brand:        #22C55E;   /* verde (emerald) */
    --brand-light:  #86EFAC;   /* tinte claro del brand */
    --brand-dark:   #16A34A;   /* sombra del brand */

    --accent:       #2563EB;   /* azul (royal/indigo) */
    --accent-light: #60A5FA;   /* tinte claro del acento */
    --accent-dark:  #1E40AF;   /* sombra del acento */

    /* === Neutros (fríos, acordes a la paleta) === */
    --dark:         #111827;   /* gris carbón frío */
    --dark-light:   #1F2937;   /* superficie oscura */
    --muted:        #6B7280;   /* texto secundario */
    --light:        #F8FAFC;   /* fondos suaves */
    --white:        #FFFFFF;

    /* === Gradientes coherentes con la nueva marca === */
    --gradient-primary:   linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--brand-light) 0%, var(--accent-light) 100%);
    --gradient-dark:      linear-gradient(135deg, var(--dark) 0%, var(--dark-light) 100%);

    /* === Sombras con tinte del acento (sutiles) === */
    --shadow-sm: 0 4px 12px rgba(37, 99, 235, 0.10);
    --shadow-md: 0 8px 24px rgba(37, 99, 235, 0.14);
    --shadow-lg: 0 16px 48px rgba(37, 99, 235, 0.18);

    /* === Radios (se mantienen) === */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
  }

  /* Alternativa (verde + naranja): descomentar para usar
  :root{
    --brand:        #22C55E;
    --brand-light:  #86EFAC;
    --brand-dark:   #16A34A;

    --accent:       #F97316;   /* naranja */
    --accent-light: #FDBA74;
    --accent-dark:  #C2410C;

    --dark:         #111827;
    --dark-light:   #1F2937;
    --muted:        #6B7280;
    --light:        #F8FAFC;
    --white:        #FFFFFF;

    --gradient-primary:   linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--brand-light) 0%, var(--accent-light) 100%);
    --gradient-dark:      linear-gradient(135deg, var(--dark) 0%, var(--dark-light) 100%);

    --shadow-sm: 0 4px 12px rgba(249, 115, 22, 0.10);
    --shadow-md: 0 8px 24px rgba(249, 115, 22, 0.14);
    --shadow-lg: 0 16px 48px rgba(249, 115, 22, 0.18);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
  }
  */
/* Opcional: contraste de texto si usás badges/btn sólidos */
  .text-on-brand   { color: #FFFFFF; }    /* sobre --brand / --accent */
  .text-on-light   { color: #2B2222; }    /* sobre --light/--white */


    * {
      box-sizing: border-box;
    }

    html, body {
      scroll-behavior: smooth;
      font-family: 'Poppins', sans-serif;
      line-height: 1.6;
    }

    body {
      background: var(--light);
      color: var(--dark);
      overflow-x: hidden;
    }

    a {
      color: var(--brand);
      text-decoration: none;
      transition: all 0.3s ease;
    }

    a:hover {
      color: var(--brand-dark);
    }

    h1, h2, h3, h4, h5, h6 {
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 1rem;
    }

    .btn {
      border-radius: var(--radius-md);
      font-weight: 500;
      padding: 0.75rem 1.5rem;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .btn-brand {
      background: var(--gradient-primary);
      color: var(--white);
      border: none;
       /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "crecimientoseguro.com/index.html",
    "template_mtime": 1758805787,
    "template_mtime_human": "2025-09-25T13:09:47+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=Poppins:wght@300;400;500;600;700&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=Poppins:wght@300;400;500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}