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