Preview de mixed.css
/* MIXED CSS PACK */
/* Template: carpinteriavip.com.ar/index.html */
/* Template mtime: 2026-04-06 19:00:51 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
/* ═══════════════════════════════════════════════════════════════
CSS VARIABLES - Respetando paleta original con extensiones
═══════════════════════════════════════════════════════════════ */
:root {
--accent: #8a3c8f;
--accent-2: #f39200;
--accent-light: rgba(138, 60, 143, 0.08);
--accent-glow: rgba(138, 60, 143, 0.25);
--text: #161616;
--text-secondary: #3d3d3d;
--muted: #5e5e66;
--bg: #ffffff;
--bg-soft: #f7f5f8;
--bg-cream: #fdfbfe;
--line: #e9e1ea;
--line-soft: rgba(138, 60, 143, 0.06);
--footer: #8a3c8f;
--shadow-sm: 0 4px 20px rgba(19, 16, 24, 0.04);
--shadow: 0 18px 50px rgba(19, 16, 24, 0.08);
--shadow-lg: 0 32px 80px rgba(19, 16, 24, 0.12);
--shadow-glow: 0 20px 60px rgba(138, 60, 143, 0.18);
--radius: 24px;
--radius-sm: 16px;
--radius-xs: 12px;
--nav-h: 88px;
--transition: cubic-bezier(0.4, 0, 0.2, 1);
--transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* ═══════════════════════════════════════════════════════════════
RESET & BASE
═══════════════════════════════════════════════════════════════ */
*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin: 0;
font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
color: var(--text);
background: var(--bg);
overflow-x: hidden;
line-height: 1.6;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
transition: all 0.3s var(--transition);
}
/* ═══════════════════════════════════════════════════════════════
UTILITIES
═══════════════════════════════════════════════════════════════ */
.container-custom {
width: min(1220px, calc(100% - 40px));
margin-inline: auto;
}
.section {
padding: 120px 0;
position: relative;
}
/* Animated gradient text */
.text-gradient {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 50%, var(--accent) 100%);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
0% { background-position: 0% center; }
100% { background-position: 200% center; }
}
/* Eyebrow badge with glow */
.eyebrow {
display: inline-flex;
align-items: cente /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "carpinteriavip.com.ar/index.html",
"template_mtime": 1775502051,
"template_mtime_human": "2026-04-06T19:00:51+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
],
"css_links_external": [
"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&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": []
}