MIX · extractor de estilos
Template: solucionesled.com.ar/index.html · mtime: 2026-03-27 15:40
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 5 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: solucionesled.com.ar/index.html */
/* Template mtime: 2026-03-27 15:40:23 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@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://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --accent: #cfa701;
      --accent-light: #000000;
      --accent-subtle: rgba(10, 43, 74, 0.08);
      --accent-glow: rgba(10, 43, 74, 0.15);
      --bg: #ffffff;
      --bg-soft: #f8f9fb;
      --bg-warm: #fafbfc;
      --text: #0d0d0d;
      --text-secondary: #4a5568;
      --text-muted: #718096;
      --line: #e8ecf1;
      --line-soft: #f0f3f7;
      --shadow-sm: 0 2px 8px rgba(10, 43, 74, 0.04);
      --shadow-md: 0 8px 30px rgba(10, 43, 74, 0.08);
      --shadow-lg: 0 20px 60px rgba(10, 43, 74, 0.12);
      --shadow-xl: 0 32px 80px rgba(10, 43, 74, 0.14);
      --radius-sm: 8px;
      --radius-md: 14px;
      --radius-lg: 20px;
      --radius-xl: 28px;
      --radius-2xl: 36px;
      --container: 1200px;
      --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
      background: var(--bg);
      color: var(--text);
      overflow-x: hidden;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .container {
      max-width: var(--container);
      padding-inline: 24px;
    }

    /* TYPOGRAPHY SYSTEM */
    .font-display {
      font-family: 'Playfair Display', Georgia, serif;
    }

    .section {
      padding: 120px 0;
      position: relative;
    }

    .section-soft {
      background: var(--bg-soft);
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 20px;
      border-radius: 100px;
      background: var(--accent-subtle);
      border: 1px solid rgba(10, 43, 74, 0.1);
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 20px;
    }

    .eyebrow::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent);
    }

    .section-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: clamp(2.2rem, 4.5vw, 3.5rem);
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: -0.025em;
      margin: 0 0 20px;
      color: var(--text);
    }

    .section-subtitle {
      max-width: 680px;
      font-size: 1.1rem;
      line-height: 1.8;
      color: var(--text-secondary);
      margin: 0 auto;
      font-weight: 400;
    }

    .text-center .section-subtitle {
      max-width: 720px;
    }

    /* NAVBAR - Premium refinement */
  .navbar {
    --bs-navbar-padding-y: 0;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(10, 43, 74, 0.06);
    transition: var(--transition    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "solucionesled.com.ar/index.html",
    "template_mtime": 1774626023,
    "template_mtime_human": "2026-03-27T15:40:23+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
        "https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@600;700;800&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
        "https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}