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 ... */
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": []
}