Preview de mixed.css
/* MIXED CSS PACK */
/* Template: servicemax/index.html */
/* Template mtime: 2026-04-08 14:23:01 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
/* ═══════════════════════════════════════════════════════════════
VARIABLES Y CONFIGURACIÓN BASE
═══════════════════════════════════════════════════════════════ */
:root {
--accent1: #ff7826;
--accent1-light: #ff9a5c;
--accent1-dark: #e56510;
--accent2: #ffde59;
--accent2-light: #fff0a3;
--text: #111111;
--text-secondary: #1a1a1a;
--muted: #5d5d5d;
--muted-light: #8a8a8a;
--line: #ececec;
--bg: #ffffff;
--surface: #fffaf6;
--surface-alt: #fef7f0;
--shadow-sm: 0 4px 20px rgba(17,17,17,.04);
--shadow: 0 20px 60px rgba(17,17,17,.08);
--shadow-lg: 0 30px 80px rgba(17,17,17,.12);
--shadow-accent: 0 20px 50px rgba(255,120,38,.25);
--shadow-accent-lg: 0 30px 70px rgba(255,120,38,.35);
--radius-sm: 14px;
--radius: 24px;
--radius-lg: 32px;
--radius-xl: 40px;
--nav-h: 88px;
--transition-fast: .2s cubic-bezier(.4,0,.2,1);
--transition: .35s cubic-bezier(.4,0,.2,1);
--transition-slow: .5s cubic-bezier(.4,0,.2,1);
--transition-bounce: .6s cubic-bezier(.34,1.56,.64,1);
}
/* ═══════════════════════════════════════════════════════════════
RESET Y BASE
═══════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; }
html {
scroll-behavior: smooth;
scroll-padding-top: var(--nav-h);
}
body {
margin: 0;
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
color: var(--text);
background: var(--bg);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; }
/* ═══════════════════════════════════════════════════════════════
CONTENEDORES Y SECCIONES
═══════════════════════════════════════════════════════════════ */
.container-custom {
max-width: 1220px;
padding-inline: 24px;
margin-inline: auto;
}
.section {
padding: 120px 0;
position: relative;
}
.section-alt {
background: var(--surface);
}
/* ═══════════════════════════════════════════════════════════════
TIPOGRAFÍA PREMIUM
═══════════════════════════════════════════════════════════════ */
.eyebrow {
display: inline-flex;
align- /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "servicemax/index.html",
"template_mtime": 1775658181,
"template_mtime_human": "2026-04-08T14:23:01+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
],
"css_links_external": [
"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 4,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}