MIX · extractor de estilos
Template: cuider.com.ar/index.html · mtime: 2026-04-09 11:58
← 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: cuider.com.ar/index.html */
/* Template mtime: 2026-04-09 11:58:11 */

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

/* ===== INLINE <style> BLOCK #1 ===== */
/* ========== VARIABLES & RESET ========== */
    :root {
      --bg: #f4f8f2;
      --surface: #ffffff;
      --text: #0e1a12;
      --muted: #526159;
      --line: #d8e8ce;
      --accent: #16636f;
      --accent2: #4d9e60;
      --accent-dark: #0f4a55;
      --accent-soft: #e2f0e8;
      --accent-glow: rgba(22, 99, 111, 0.18);
      --footer: #16636f;
      --shadow-sm: 0 2px 12px rgba(14,26,18,.06);
      --shadow: 0 8px 32px rgba(14,26,18,.10);
      --shadow-lg: 0 20px 60px rgba(14,26,18,.14);
      --radius: 24px;
      --radius-sm: 16px;
      --container: 1200px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; scroll-padding-top: 90px; }

    body {
      font-family: 'DM Sans', system-ui, sans-serif;
      color: var(--text);
      background: #f4f8f2;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    img { max-width: 100%; display: block; }
    a { text-decoration: none; }

    /* ========== ANIMATED BACKGROUND ========== */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 60% at 85% -10%, rgba(77,158,96,.13) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at -10% 80%, rgba(22,99,111,.10) 0%, transparent 55%),
        radial-gradient(ellipse 40% 40% at 50% 50%, rgba(226,240,232,.5) 0%, transparent 70%),
        linear-gradient(160deg, #f8fcf6 0%, #eef5ec 50%, #e8f2f4 100%);
      z-index: -2;
      pointer-events: none;
    }

    body::after {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        radial-gradient(circle, rgba(22,99,111,.06) 1px, transparent 1px);
      background-size: 36px 36px;
      z-index: -1;
      pointer-events: none;
      opacity: 0.6;
    }

    /* ========== LAYOUT ========== */
    .container-custom { max-width: var(--container); margin: 0 auto; padding: 0 24px; }
    .section { padding: 100px 0; }
    .section-soft {
      background: linear-gradient(180deg, rgba(77,158,96,.06) 0%, rgba(255,255,255,.7) 100%);
      position: relative;
    }
    .section-soft::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--line), transparent);
    }

    /* ========== TYPOGRAPHY ========== */
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 16px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--accent-soft), rgba(255,255,255,.8));
      color: var(--accent-dark);
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      border: 1px solid rgba(22,99,111,.14);
      box-shadow: 0 2px 8px rgba(22,99,111,.08);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .eyebrow:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(22,99,111,.14); }
    .eyebrow::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--accent);
      flex-shrink: 0;
      box-shadow: 0 0 0 3px rgba(22,99,111,.2);
    }

    .section-title {
      font-family: 'Plus Jakarta Sans', sans-serif;
      margin: 16px 0 14px;
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1.06;
      font-wei    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "cuider.com.ar/index.html",
    "template_mtime": 1775735891,
    "template_mtime_human": "2026-04-09T11:58:11+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&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@300;400;500&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": []
}