MIX · extractor de estilos
Template: sidecaresargentinos.com.ar/index.html · mtime: 2026-03-20 20:23
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 5 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: sidecaresargentinos.com.ar/index.html */
/* Template mtime: 2026-03-20 20:23:41 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],400;14..32,500;14..32,600;14..32,700;14..32,800&family=DM+Sans:opsz,[email protected],400;9..40,500;9..40,600;9..40,700&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 */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===== VARIABLES Y RESET ===== */
    :root {
      --accent: #ffea00;
      --accent-dark: #ff0000;
      --accent-soft: #ffea24;
      --bg: #f7f4f1;
      --surface: #ffffff;
      --surface-2: #f1ece7;
      --text: #201813;
      --muted: #63564d;
      --border: rgba(32, 24, 19, 0.08);
      --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.02);
      --shadow-sm: 0 8px 24px rgba(32, 24, 19, 0.06);
      --shadow-md: 0 20px 40px rgba(32, 24, 19, 0.10);
      --shadow-lg: 0 30px 60px rgba(32, 24, 19, 0.15);
      --radius-sm: 12px;
      --radius-md: 20px;
      --radius-lg: 32px;
      --radius-xl: 40px;
      --container: 1280px;
      --nav-h: 90px;
      --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    * { box-sizing: border-box; }
    *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; width: 100%; }

    body {
      margin: 0;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      color: var(--text);
      background: 
        radial-gradient(ellipse at 0% 0%, rgba(139, 94, 60, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(94, 62, 37, 0.06) 0%, transparent 50%),
        linear-gradient(145deg, #faf7f4 0%, var(--bg) 100%);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
      width: 100%;
      max-width: 100%;
      position: relative;
    }

    section, .section, .container-custom, .navbar-wrap, .footer, .hero, .hero-grid, .grid-2, .services-grid, .features-grid, .motors-grid, .contact-wrap, .footer-grid {
      max-width: 100%;
    }

    img { max-width: 100%; display: block; height: auto; }
    a { text-decoration: none; transition: var(--transition); }
    .container-custom {
      max-width: var(--container);
      margin-inline: auto;
      padding-inline: 24px;
    }

    /* ===== COMPONENTES VISUALES ===== */
    .section {
      padding: 110px 0;
      position: relative;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 16px 6px 12px;
      border-radius: 100px;
      background: var(--accent-soft);
      color: var(--accent-dark);
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 24px;
      border: 1px solid rgba(139, 94, 60, 0.15);
      backdrop-filter: blur(4px);
      box-shadow: var(--shadow-xs);
    }

    .section-title {
      font-family: 'DM Sans', sans-serif;
      font-size: clamp(2.2rem, 5vw, 3.8rem);
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: -0.03em;
      margin: 0 0 18px;
      color: var(--text);
    }

    .section-subtitle {
      color: var(--muted);
      max-width: 720px;
      margin: 0 auto;
      font-size: 1.15rem;
      line-height: 1.7;
      font-weight: 400;
    }

    /* ===== NAVBAR ===== */
    .navbar-wrap {
      position: sticky;
      top: 0;
      z-index: 1030;
      background: rgba(247, 244, 241, 0.75);
      backdrop-filter: blur(16px) saturate(180%);
      border-bottom: 1px solid rgba    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "sidecaresargentinos.com.ar/index.html",
    "template_mtime": 1774038221,
    "template_mtime_human": "2026-03-20T20:23:41+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],400;14..32,500;14..32,600;14..32,700;14..32,800&family=DM+Sans:opsz,[email protected],400;9..40,500;9..40,600;9..40,700&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",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],400;14..32,500;14..32,600;14..32,700;14..32,800&family=DM+Sans:opsz,[email protected],400;9..40,500;9..40,600;9..40,700&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",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}