MIX · extractor de estilos
Template: casasmodulosmodulex.com.ar/index.html · mtime: 2025-10-14 19:20
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 Inline styles: 4 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: casasmodulosmodulex.com.ar/index.html */
/* Template mtime: 2025-10-14 19:20:09 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --mx-bg: #ffffff;
      --mx-text: #111111;
      --mx-muted: #6b7280;
      --mx-accent: #e11d2d;
      --mx-accent-600: #c81e27;
      --mx-soft: #f6f7f9;
      --mx-border: #eaecef;
      --mx-gradient: linear-gradient(135deg, #e11d2d 0%, #b91c1c 100%);
      --mx-gradient-light: linear-gradient(135deg, rgba(225, 29, 45, 0.05) 0%, rgba(185, 28, 28, 0.05) 100%);
      --mx-shadow: 0 10px 30px rgba(17, 17, 17, 0.06);
      --mx-shadow-lg: 0 20px 60px rgba(17, 17, 17, 0.1);
      --mx-radius: 1.25rem;
      --mx-radius-lg: 2rem;
    }

    * {
      box-sizing: border-box;
    }

    html, body {
      background: var(--mx-bg);
      color: var(--mx-text);
      scroll-behavior: smooth;
      font-family: 'Inter', sans-serif;
      line-height: 1.6;
    }

    a {
      color: var(--mx-accent);
      text-decoration: none;
      transition: all 0.3s ease;
    }

    a:hover {
      color: var(--mx-accent-600);
    }

    .btn-accent {
      background: var(--mx-gradient);
      color: #fff;
      border: 0;
      padding: 0.8rem 1.8rem;
      font-weight: 600;
      border-radius: 12px;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(225, 29, 45, 0.2);
    }

    .btn-accent:hover {
      background: var(--mx-accent-600);
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(225, 29, 45, 0.3);
    }

    .btn-outline-dark {
      border: 2px solid #111;
      color: #111;
      font-weight: 600;
      padding: 0.8rem 1.8rem;
      border-radius: 12px;
      transition: all 0.3s ease;
    }

    .btn-outline-dark:hover {
      background: #111;
      color: #fff;
      transform: translateY(-2px);
    }

    .text-muted {
      color: var(--mx-muted) !important;
    }

    .badge-accent {
      background: var(--mx-accent);
    }

    .section {
      padding: 100px 0;
    }

    .section-title {
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 1rem;
      line-height: 1.2;
    }

    .section-sub {
      color: var(--mx-muted);
      max-width: 720px;
      font-size: 1.1rem;
    }

    .shadow-soft {
      box-shadow: var(--mx-shadow);
    }

    .shadow-lg-soft {
      box-shadow: var(--mx-shadow-lg);
    }

    .card-border {
      border: 1px solid var(--mx-border);
    }

    .rounded-2xl {
      border-radius: var(--mx-radius);
    }

    .rounded-3xl {
      border-radius: var(--mx-radius-lg);
    }

    /* Navbar */
    .navbar {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(234, 236, 239, 0.8);
      padding: 1rem 0;
      transition: all 0.3s ease;
    }

    .navbar.scrolled {
      padding: 0.7rem 0;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    }

    .navbar .navbar-brand {
      font-weight: 800;
      letter-spacing: -0.02em;
      font-size: 1.5rem;
    }

    .navbar .nav-link {
      font-weight: 600;
      padding: 0.5rem 1rem;
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .navbar .nav-link:hover {
      color: var(--mx-accent);
      background: var(--mx-gradient-light);
    }

    /* Hero */
    .hero {
      padding: 150px 0 80px;
      background: linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%);
      position: relative;
      overflow: hidden;
    }

    .hero::be    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "casasmodulosmodulex.com.ar/index.html",
    "template_mtime": 1760469609,
    "template_mtime_human": "2025-10-14T19:20:09+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 4,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}