Preview de mixed.css
/* MIXED CSS PACK */
/* Template: servicesindustriales.com.ar/index.html */
/* Template mtime: 2025-12-16 17:02:02 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&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 ===== */
:root {
/* Palette Core */
--color-primario: #f57a04;
/* Naranja Vibrante */
--color-primario-dark: #d66a00;
/* Naranja Oscuro Hover */
--color-secundario: #0d2241;
/* Azul Profundo (Trust/Industrial) */
--color-secundario-light: #1a3b66;
/* Neutrals */
--bg-body: #ffffff;
--bg-light: #f8faff;
/* Azul muy pálido para secciones light */
--text-main: #2b3545;
--text-muted: #64748b;
--border-color: #e2e8f0;
/* Effects */
--shadow-sm: 0 4px 6px -1px rgba(13, 34, 65, 0.05), 0 2px 4px -1px rgba(13, 34, 65, 0.03);
--shadow-md: 0 10px 15px -3px rgba(13, 34, 65, 0.08), 0 4px 6px -2px rgba(13, 34, 65, 0.04);
--shadow-lg: 0 20px 25px -5px rgba(13, 34, 65, 0.1), 0 10px 10px -5px rgba(13, 34, 65, 0.04);
--shadow-hover: 0 25px 50px -12px rgba(245, 122, 4, 0.15);
/* Orange glow subtle */
--radius-md: 12px;
--radius-lg: 20px;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body {
font-family: 'Outfit', system-ui, -apple-system, sans-serif;
color: var(--text-main);
background-color: var(--bg-body);
line-height: 1.6;
padding-top: 80px;
/* Space for fixed navbar */
overflow-x: hidden;
/* Prevent horizontal scroll */
}
/* ===== TYPOGRAPHY & UTILS ===== */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
color: var(--color-secundario);
letter-spacing: -0.02em;
}
.text-primary {
color: var(--color-primario) !important;
}
.text-secondary {
color: var(--color-secundario) !important;
}
.section-title {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
display: block; /* 👈 cambia SOLO esto */
}
.eyebrow {
display: block; /* 👈 cambia SOLO esto */
width: fit-content; /* 👈 para que siga pill y no se estire */
color: var(--color-primario);
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0.75rem;
background: rgba(245, 122, 4, 0.1);
padding: 0.35rem 1rem;
border-radius: 50px;
}
/* si está centrado, lo centramos */
.text-center .eyebrow {
margin-left: auto;
margin-right: auto;
}
section {
padding: 6rem 0;
position: relative;
}
/* ===== BUTTONS ===== */
.btn {
padding: 0.75rem 2rem;
font-weight: 600;
border-radius: 50px;
/* Pill shape */
transition: var(--transition);
letter-spacing: 0.01em;
}
.btn-primary {
background: linear-gradient(135deg, var(--color-primario) 0%, #ff9100 100%);
border: none;
box-shadow: 0 4px 15px rgba(245, 122, 4, 0.4);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(245, 122, 4, 0.5);
background: linear-gradient(135deg, #ff9100 0%, var(--color-primario) 100%);
}
/* ===== NAVBAR ===== */
.navbar {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 1rem 0;
transition: var(--transition);
} /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "servicesindustriales.com.ar/index.html",
"template_mtime": 1765904522,
"template_mtime_human": "2025-12-16T17:02:02+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&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=Outfit:wght@300;400;500;600;700;800&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": 2,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}