MIX · extractor de estilos
Template: dgconsultoriaintegral.com/index.html · mtime: 2026-04-08 18:00
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 Inline styles: 2 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: dgconsultoriaintegral.com/index.html */
/* Template mtime: 2026-04-08 18:00:52 */

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

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

      --brand: #0a3643;
      --brand-light: #1a5568;
      --brand-dark: #062a34;
      --accent: #c9a467;
      --accent-light: #d4b480;
      --accent-dark: #b8914f;

      --dark: #0f172a;
      --gray-900: #1e293b;
      --gray-800: #334155;
      --gray-700: #475569;
      --gray-600: #64748b;
      --gray-500: #94a3b8;
      --gray-400: #cbd5e1;
      --gray-300: #e2e8f0;
      --gray-200: #f1f5f9;
      --gray-100: #f8fafc;
      --white: #ffffff;

      --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
      --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04), 0 4px 6px rgba(15, 23, 42, 0.02);
      --shadow-md: 0 4px 6px rgba(15, 23, 42, 0.04), 0 10px 15px rgba(15, 23, 42, 0.06);
      --shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.06), 0 20px 40px rgba(15, 23, 42, 0.08);
      --shadow-xl: 0 20px 40px rgba(15, 23, 42, 0.08), 0 30px 60px rgba(15, 23, 42, 0.10);
      --shadow-accent: 0 10px 30px rgba(201, 164, 103, 0.22);
      --shadow-accent-lg: 0 15px 40px rgba(201, 164, 103, 0.32);

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

      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      --radius-2xl: 32px;
      --radius-full: 9999px;

      --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
      --transition-fast: 0.2s var(--ease-out);
      --transition-base: 0.3s var(--ease-out);
      --transition-slow: 0.6s var(--ease-out);
    }

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

    html {
      scroll-behavior: smooth;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    body {
      font-family: var(--font-body);
      color: var(--gray-700);
      line-height: 1.7;
      overflow-x: hidden;
      background: var(--white);
      font-size: 16px;
      width: 100%;
      max-width: 100%;
      position: relative;
    }

    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    img,
    video,
    svg,
    canvas {
      max-width: 100%;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: var(--font-display);
      color: var(--dark);
      font-weight: 800;
      letter-spacing: -0.025em;
      line-height: 1.15;
    }

    p {
      margin-bottom: 1rem;
      font-size: 1.0625rem;
    }

    .lead {
      font-size: 1.1875rem;
      line-height: 1.75;
      color: var(--gray-600);
    }

    .navbar {
      padding: 1.25rem 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1030;
      transition: var(--transition-base);
      background: transparent;
    }

    .navbar.scrolled {
      background: rgba(0, 0, 0, 0.92);
      backdrop-filter: blur(18px) saturate(180%);
      -webkit-backdrop-filter: blur(18px) saturate(180%);
      padding: 0.75rem 0;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
    }

    .navbar .navbar-brand {
      font-family: var(--font-display);
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--white);
      display: flex;
      align-items: center;
      gap: 0.75rem;
      text    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "dgconsultoriaintegral.com/index.html",
    "template_mtime": 1775671252,
    "template_mtime_human": "2026-04-08T18:00:52+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}