Preview de mixed.css
/* MIXED CSS PACK */
/* Template: stelservicios.com/index.html */
/* Template mtime: 2026-04-08 16:30:08 */
/* 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.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap */
/* ===== INLINE <style> BLOCK #1 ===== */
/* ─── TOKENS ─────────────────────────────────────────────── */
:root{
--teal-900:#042f2e;
--teal-800:#0f3d3a;
--teal-700:#0f5c56;
--accent:#053979;
--accent-2:#053979;
--accent-light:#053979;
--accent-glow:rgba(20,184,166,.18);
--dark:#060f1a;
--dark-2:#0d1929;
--surface:#111c2a;
--muted:#94a3b8;
--muted-2:#64748b;
--soft:#f0faf9;
--soft-2:#e6f7f5;
--line:rgba(226,232,240,.12);
--line-light:#e2e8f0;
--white:#ffffff;
--font-display:'Plus Jakarta Sans',system-ui,sans-serif;
--font-body:'Inter',system-ui,sans-serif;
--radius-sm:12px;
--radius:20px;
--radius-lg:28px;
--radius-xl:40px;
--shadow-sm:0 4px 16px rgba(0,0,0,.06);
--shadow:0 12px 40px rgba(0,0,0,.10);
--shadow-lg:0 24px 64px rgba(0,0,0,.14);
--shadow-teal:0 16px 48px rgba(15,118,110,.20);
}
/* ─── RESET & BASE ──────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;text-rendering:optimizeLegibility}
body{
font-family:var(--font-body);
color:var(--dark);
background:#fff;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}
/* ─── UTILITIES ─────────────────────────────────────────── */
.section{padding:100px 0}
.section-light{background:#fff}
.section-soft{background:var(--soft)}
.eyebrow{
display:inline-flex;align-items:center;gap:.45rem;
padding:.42rem 1rem;border-radius:999px;
background:rgba(15,118,110,.10);
color:var(--accent);
font-family:var(--font-body);
font-size:.75rem;font-weight:600;
letter-spacing:.1em;text-transform:uppercase;
border:1px solid rgba(15,118,110,.15);
margin-bottom:1.1rem;
}
.eyebrow-dot{
width:6px;height:6px;border-radius:50%;
background:var(--accent-light);
animation:pulse-dot 2.2s ease infinite;
}
@keyframes pulse-dot{
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(.7)}
}
.section-title{
font-family:var(--font-display);
font-size:clamp(2.1rem,3.8vw,3.2rem);
line-height:1.05;
font-weight:800;
letter-spacing:-.04em;
margin-bottom:.9rem;
}
.section-subtitle{
font-size:1.02rem;line-height:1.82;
color:var(--muted-2);max-width:660px;margin-inline:auto;
font-weight:400;
}
.text-gradient{
background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 60%,#2dd4bf 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
/* ─── SCROLL REVEAL ─────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s eas /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "stelservicios.com/index.html",
"template_mtime": 1775665808,
"template_mtime_human": "2026-04-08T16:30:08+00:00",
"css_links_found": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap"
],
"css_links_external": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap"
],
"css_links_embedded": [],
"inline_style_blocks": 2,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}