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

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

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
      --accent:#f525a1;
      --accent-dark:#c91885;
      --accent-2:#88d9f8;
      --accent-2-dark:#5bbde0;
      --ink:#0d0d0d;
      --muted:#5a6270;
      --bg:#ffffff;
      --soft:#f8f9fd;
      --softer:#f0f4fc;
      --radius:20px;
      --radius-lg:28px;
      --radius-xl:36px;
      --shadow:0 20px 60px rgba(0,0,0,.09);
      --shadow-sm:0 8px 24px rgba(0,0,0,.07);
      --shadow-accent:0 16px 48px rgba(245,37,161,.22);
      --shadow-blue:0 16px 48px rgba(136,217,248,.30);
      --ring:0 0 0 3px rgba(245,37,161,.18);
      --container:1160px;
      --font-head:'Plus Jakarta Sans', sans-serif;
      --font-body:'DM Sans', sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      background: var(--bg);
      color: var(--ink);
      font-family: var(--font-body);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    .container { max-width: var(--container); }
    .section { padding: 96px 0; }
    @media(max-width:991.98px){ .section { padding: 72px 0; } }
    @media(max-width:575.98px){ .section { padding: 60px 0; } }
    .section.soft {
      background: linear-gradient(160deg, rgba(136,217,248,.12) 0%, rgba(245,37,161,.06) 60%, rgba(248,249,253,1) 100%);
      position: relative;
    }
    .section.soft::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f525a1' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .section-title {
      font-family: var(--font-head);
      font-weight: 900;
      letter-spacing: -.03em;
      line-height: 1.05;
      color: var(--ink);
    }
    .section-subtitle { color: var(--muted); max-width: 640px; margin: 14px auto 0; font-size: 1.05rem; line-height: 1.65; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-family: var(--font-head);
      font-weight: 700;
      font-size: .82rem;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--accent);
      background: linear-gradient(135deg, rgba(245,37,161,.12), rgba(136,217,248,.12));
      padding: 8px 16px;
      border-radius: 999px;
      border: 1px solid rgba(245,37,161,.18);
    }
    .eyebrow::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--accent);
      display: block;
      flex-shrink: 0;
    }

    /* ── NAVBAR ── */
    .navbar {
      background: rgba(255,255,255,.88);
      backdrop-filter: saturate(180%) blur(16px);
      -webkit-backdrop-filter: saturate(180%) blur(16px);
      border-bottom: 1px solid rgba(0,0,0,.05);
      transition: box-shadow .3s;
      padding: 14px 0;
    }
    .navbar.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,.07); }
    .navbar-brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: var(--font-head);
      font-weight: 900;
      letter-spacing: -.02em;
      color: var(--ink);
      text-decoration: none;
    }
    .brand-logo { height: 44px; width: auto; display: block; }
    .brand-text { font-size: 1rem;    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "pañalerabebefinn.com.ar/index.html",
    "template_mtime": 1776089294,
    "template_mtime_human": "2026-04-13T14:08:14+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@300;400;500&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=DM+Sans:wght@300;400;500&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 4,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}