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

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ============================================================
       VARIABLES & RESET
    ============================================================ */
    :root {
      --accent:   #ff232a;
      --accent2:  #ff5a5f;
      --ink:      #090909;
      --muted:    #5f6368;
      --line:     rgba(0,0,0,.08);
      --soft:     #f7f7f7;
      --shadow:   0 22px 55px rgba(0,0,0,.10);
      --shadow-sm:0 8px 24px rgba(0,0,0,.07);
      --r:        14px;
      --nav-h:    72px;
      --font-display: 'Syne', sans-serif;
      --font-body:    'DM Sans', sans-serif;
      --ease-out: cubic-bezier(.22,1,.36,1);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; overflow-x: hidden; font-size: 16px; }
    body {
      overflow-x: hidden;
      color: var(--ink);
      background: #fff;
      font-family: var(--font-body);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; text-decoration: none; }
    button { cursor: pointer; }

    /* ============================================================
       NAVBAR
    ============================================================ */
    .navbar {
      height: var(--nav-h);
      background: rgba(255,255,255,.95);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--line);
      padding: 0;
      transition: box-shadow .3s var(--ease-out);
    }
    .navbar.scrolled {
      box-shadow: 0 4px 24px rgba(0,0,0,.07);
    }
    .navbar .container {
      display: flex;
      align-items: center;
      height: 100%;
    }
    .navbar-brand {
      display: flex;
      align-items: center;
      gap: .65rem;
      font-family: var(--font-display);
      font-weight: 800;
      font-size: 1rem;
      color: var(--ink);
      letter-spacing: -.01em;
      flex-shrink: 0;
    }
    .brand-logo {
      height: 42px;
      width: auto;
      object-fit: contain;
    }
    .brand-text {
      font-size: clamp(.85rem, 2.2vw, 1rem);
      line-height: 1.15;
    }
    .navbar-toggler {
      border: 1.5px solid var(--line);
      border-radius: 10px;
      padding: .5rem .65rem;
      transition: border-color .2s;
    }
    .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(255,35,42,.15); outline: none; }
    .navbar-toggler:hover { border-color: var(--accent); }

    /* Nav links */
    .navbar-nav { gap: 0; }
    .nav-link {
      font-family: var(--font-body);
      font-weight: 500;
      font-size: .92rem;
      color: #202124;
      padding: .5rem .95rem !important;
      border-radius: 8px;
      transition: color .2s, background .2s;
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%) scaleX(0);
      width: 18px;
      height: 2px;
      background: var(--accent);
      border-radius: 99px;
      transition: transform .25s var(--ease-out);
    }
    .nav-link:hover { color: var(--accent); }
    .nav-link:hover::after { transform: translateX(-50%) scaleX(1); }

    /* CTA button */
    .btn-accent {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      background: var(--accent);
      color: #fff;
      border: none;
      border-radius: 999px;
      font-fami    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "maxmontajes.com.ar/index.html",
    "template_mtime": 1777904196,
    "template_mtime_human": "2026-05-04T14:16:36+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&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": []
}