MIX · extractor de estilos
Template: servicemax.com.ar/index.html · mtime: 2026-04-08 12:39
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 Inline styles: 1 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: servicemax.com.ar/index.html */
/* Template mtime: 2026-04-08 12:39:55 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter: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 ===== */
:root{
      --accent1:#ff7826;
      --accent2:#ffde59;
      --text:#111111;
      --muted:#5d5d5d;
      --line:#ececec;
      --bg:#ffffff;
      --surface:#fffaf6;
      --shadow:0 18px 50px rgba(17,17,17,.08);
      --radius:24px;
      --nav-h:82px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:var(--bg);
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none}
    .container-custom{max-width:1180px;padding-inline:16px}
    .section{padding:92px 0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      font-size:.82rem;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--accent1);
      margin-bottom:14px;
    }
    .section-title{
      font-size:clamp(2rem,3.2vw,3rem);
      line-height:1.05;
      font-weight:800;
      letter-spacing:-.03em;
      margin:0 0 14px;
    }
    .section-subtitle{
      font-size:1.02rem;
      line-height:1.8;
      color:var(--muted);
      max-width:760px;
      margin:0 auto;
    }
    .navbar{
      min-height:var(--nav-h);
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(17,17,17,.06);
    }
    .navbar .container-custom{max-width:1240px}
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--text);
      font-weight:700;
      font-size:1rem;
      letter-spacing:-.02em;
      padding:0;
      margin-right:1rem;
      min-width:0;
    }
    .navbar-brand img{
      height:40px;
      width:auto;
      flex:0 0 auto;
    }
    .brand-text{
      font-size:.94rem;
      font-weight:700;
      line-height:1.05;
      white-space:nowrap;
    }
    .navbar-nav{gap:.25rem}
    .nav-link{
      color:var(--text);
      font-weight:600;
      font-size:.95rem;
      padding:.7rem .9rem !important;
      border-radius:999px;
    }
    .nav-link:hover,.nav-link:focus{color:var(--accent1);background:rgba(255,120,38,.08)}
    .navbar-toggler{
      border:1px solid rgba(17,17,17,.12);
      padding:.45rem .65rem;
      box-shadow:none !important;
    }
    .btn-main,.btn-outline-main,.btn-whatsapp{
      border-radius:999px;
      padding:.92rem 1.35rem;
      font-weight:700;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      transition:.25s ease;
    }
    .btn-main{
      background:var(--accent1);
      color:#fff;
      border:1px solid var(--accent1);
      box-shadow:0 14px 28px rgba(255,120,38,.22);
    }
    .btn-main:hover{background:#eb6c1c;border-color:#eb6c1c;color:#fff;transform:translateY(-1px)}
    .btn-outline-main{
      border:1px solid rgba(17,17,17,.12);
      color:var(--text);
      background:#fff;
    }
    .btn-outline-main:hover{border-color:var(--accent1);color:var(--accent1);background:rgba(255,120,38,.04)}
    .btn-whatsapp{
      background:#fff;
      color:var(--accent1);
      border:1px solid rgba(255,120,38,.2);
    }
    .btn-whatsapp:hover{background:rgba(255,120,38,.06);color:var(--accent1)}
    .hero{
      position:relative;
      padding:calc(var(--nav-h) + 46px) 0 92px;
      background:
        radial-gradient(circle at top right, rgba(255,222,89,.34), transparent 34%),
        radial-gradient(circle at    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "servicemax.com.ar/index.html",
    "template_mtime": 1775651995,
    "template_mtime_human": "2026-04-08T12:39:55+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter: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=Inter: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": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}