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

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&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.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ─── VARIABLES ─────────────────────────────────────────────── */
    :root{
      --brand:#111111;
      --brand-2:#2b2b2b;
      --accent:#cfbc79;
      --accent-dark:#9f8946;
      --accent-light:#f4ecd2;
      --paper:#faf8f1;
      --soft:#f7f3e6;
      --ink:#111111;
      --muted:#6d665c;
      --line:#e8dfc7;
      --white:#ffffff;
      --shadow:0 14px 34px rgba(17,17,17,.08);
      --shadow-lg:0 24px 54px rgba(17,17,17,.12);
      --radius:18px;
      --radius-lg:28px;
      --nav-h:72px;
      --t:all .35s cubic-bezier(.4,0,.2,1);
    }

    /* ─── RESET / BASE ──────────────────────────────────────────── */
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:90px}
    html,body{max-width:100%;overflow-x:hidden}
    body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#fff;color:var(--ink);line-height:1.72;-webkit-font-smoothing:antialiased}
    img,video{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    h1,h2,h3,h4,h5{font-family:'Domine',Georgia,serif;color:var(--brand);letter-spacing:-.025em;line-height:1.1}
    .text-muted{color:var(--muted)!important}

    /* ─── BUTTONS ───────────────────────────────────────────────── */
    .btn{font-weight:700;letter-spacing:.01em;border:0;border-radius:999px;padding:.7rem 1.6rem;font-size:.97rem;transition:var(--t);display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:inherit}
    .btn-brand{background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(17,17,17,.18)}
    .btn-brand:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(17,17,17,.22)}
    .btn-accent{background:var(--accent);color:#111;box-shadow:0 8px 24px rgba(207,188,121,.35)}
    .btn-accent:hover{background:var(--accent-dark);color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(159,137,70,.38)}
    .btn-ghost{background:transparent;color:var(--brand);border:2px solid var(--line);padding:.65rem 1.5rem}
    .btn-ghost:hover{border-color:var(--accent);background:var(--accent-light);color:var(--brand);transform:translateY(-2px)}
    .btn-outline-wa{background:transparent;color:#25d366;border:2px solid #25d366;padding:.65rem 1.5rem}
    .btn-outline-wa:hover{background:#25d366;color:#fff;transform:translateY(-2px)}

    /* ─── NAVBAR ────────────────────────────────────────────────── */
    .navbar{
      position:sticky;top:0;z-index:1030;
      min-height:var(--nav-h);
      padding:.7rem 0;
      background:rgba(255,255,255,.92);
      backdrop-filter:saturate(200%) blur(20px);
      -webkit-backdrop-filter:saturate(200%) blur(20px);
      border-bottom:1px solid rgba(232,223,199,.6);
      box-shadow:0 2px 20px rgba(17,17,17,.04);
      transition:var(--t)
    }
    .navbar.scrolled{
      background:rgba(255,255,255,.98);
      box-shadow:0 4px 30px rgba(17,17,17,.09);
      border-bottom-color:rgba(232,223,199,.9)
    }
        /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "institutogranadino.com/index.html",
    "template_mtime": 1778009224,
    "template_mtime_human": "2026-05-05T19:27:04+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Domine:wght@400;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}