MIX · extractor de estilos
Template: sistemassolares.com.ar/index.html · mtime: 2026-03-26 17:04
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 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: sistemassolares.com.ar/index.html */
/* Template mtime: 2026-03-26 17:04:51 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&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 */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
      --bg: #f8fafc;
      --surface: #ffffff;
      --text: #0f172a;
      --muted: #475569;
      --muted-light: #64748b;
      --line: #e2e8f0;
      --accent: #1f8f5f;
      --accent-dark: #0f6b46;
      --accent-soft: #e9f7f0;
      --accent-glow: rgba(31, 143, 95, 0.12);
      --shadow-xs: 0 1px 2px rgba(0,0,0,0.02);
      --shadow-sm: 0 4px 12px rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.05);
      --shadow-md: 0 12px 28px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.02);
      --shadow-lg: 0 20px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.03);
      --shadow-xl: 0 30px 60px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.05);
      --radius-sm: 16px;
      --radius-md: 24px;
      --radius-lg: 32px;
      --radius-xl: 40px;
      --nav-h: 84px;
      --transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    }

    *{box-sizing:border-box; margin:0; padding:0;}

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid {
      padding-left: .75rem;
      padding-right: .75rem;
    }

    html{
      scroll-behavior:smooth;
      overflow-x:hidden;
      width:100%;
    }
    body{
      margin:0;
      font-family:'Inter', sans-serif;
      background:var(--bg);
      color:var(--text);
      overflow-x:hidden;
      width:100%;
      max-width:100%;
      position:relative;
      line-height:1.5;
    }

    img{max-width:100%;display:block;}
    a{text-decoration:none; transition:var(--transition);}
    section{scroll-margin-top:100px;}

    .section{
      padding: 100px 0;
      position: relative;
    }

    .section-soft{
      background: linear-gradient(135deg, #ffffff 0%, #fafcff 100%);
      position: relative;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.6rem;
      padding:.5rem 1.2rem;
      background:var(--accent-soft);
      color:var(--accent-dark);
      border:1px solid rgba(31,143,95,.15);
      border-radius:100px;
      font-size:.75rem;
      font-weight:700;
      letter-spacing:.05em;
      text-transform:uppercase;
      margin-bottom:1.5rem;
      backdrop-filter: blur(4px);
    }

    .section-title{
      font-size: clamp(2rem, 3vw, 3.2rem);
      line-height:1.1;
      font-weight:800;
      margin-bottom:1.25rem;
      color:var(--text);
      letter-spacing:-0.02em;
    }

    .section-subtitle{
      font-size:1.1rem;
      color:var(--muted-light);
      max-width:720px;
      margin:0 auto;
      line-height:1.6;
    }

    .text-block p{
      color:var(--muted);
      font-size:1.05rem;
      line-height:1.7;
      margin-bottom:1.25rem;
    }

    /* Navbar */
    .navbar{
      min-height:var(--nav-h);
      background:rgba(255,255,255,0.92);
      backdrop-filter: blur(20px);
      box-shadow:0 1px 0 rgba(0,0,0,0.04), 0 4px 20px rgba(0,0,0,0.02);
      padding:.8rem 0;
      transition:var(--transition);
    }

    .navbar .container{
      max-width:1280px;
    }

    .navbar-brand{
      display:flex;
      align-items:center;
      gap:.9rem;
    }

    .navbar-toggler{
      border:1px solid rgba(15,23,42,.12);
      border-radius:14px;
      padding:.45rem .7rem;
      box-shadow:none !important;
      background:#fff;
      flex-shrink:0;
    }

    .navbar-toggler:focus{
      box-shadow:0 0 0 4px rgba(3    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "sistemassolares.com.ar/index.html",
    "template_mtime": 1774544691,
    "template_mtime_human": "2026-03-26T17:04:51+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&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"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&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"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}