MIX · extractor de estilos
Template: electricidadfm.com.ar/index.html · mtime: 2026-03-12 18:55
← 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: electricidadfm.com.ar/index.html */
/* Template mtime: 2026-03-12 18:55:09 */

/* 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{
      --accent:#f2b705;
      --accent-dark:#b57f00;
      --accent-soft:#fff3c4;
      --bg:#f8fafc;
      --bg-2:#eef4fb;
      --surface:#ffffff;
      --surface-2:#f6f8fb;
      --text:#16202b;
      --muted:#607086;
      --line:rgba(17,24,39,.08);
      --shadow:0 18px 45px rgba(9,19,33,.12);
      --radius:22px;
    }

    *{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(--surface);
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none}
    section{scroll-margin-top:90px}

    .navbar{
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(12px);
      box-shadow:0 8px 24px rgba(15,23,32,.08);
      border-bottom:1px solid rgba(17,24,39,.08);
      padding:.85rem 0;
    }
    .navbar .container{max-width:1200px}
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:.7rem;
      color:#111827;
      font-size:1rem;
      font-weight:700;
      letter-spacing:.02em;
      white-space:nowrap;
      min-width:0;
    }
    .navbar-brand img{
      height:40px;
      width:auto;
      object-fit:contain;
      flex:0 0 auto;
    }
    .navbar-brand span{
      font-size:.95rem;
      line-height:1.1;
    }
    .navbar-toggler{
      border:1px solid rgba(17,24,39,.14);
      padding:.45rem .7rem;
      box-shadow:none !important;
    }
    .navbar-toggler-icon{filter:none}
    .navbar-nav{
      gap:.2rem;
      align-items:center;
    }
    .nav-link{
      color:#334155;
      font-weight:500;
      padding:.65rem .85rem !important;
      border-radius:999px;
    }
    .nav-link:hover,.nav-link:focus,.nav-link.active{
      color:#111827;
      background:rgba(242,183,5,.14);
    }
    .nav-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:var(--accent);
      color:#111827 !important;
      font-weight:800;
      border-radius:999px;
      padding:.72rem 1rem !important;
    }
    .nav-cta:hover{background:#ffd144}

    .hero{
      position:relative;
      background:
        radial-gradient(circle at 15% 20%, rgba(242,183,5,.18), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(255,255,255,.8), transparent 18%),
        linear-gradient(135deg, #fffdf6 0%, #f8fafc 48%, #eef4fb 100%);
      color:#111827;
      padding:132px 0 84px;
      overflow:hidden;
    }
    .hero .container{max-width:1200px}
    .hero-grid{
      display:grid;
      grid-template-columns:1.06fr .94fr;
      gap:3rem;
      align-items:center;
    }
    .hero-copy{max-width:640px}
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.55rem .95rem;
      border-radius:999px;
      background:rgba(255,255,255,.8);
      border:1px solid rgba(17,24,39,.08);
      color:#0f1720;
      font-size:.92rem;
      font-weight:600;
      margin-bottom:1.2rem;
    }
    .hero h1{
      font-size:clamp(2.2rem,4vw,4.4rem);
      line-height:1.02;
      font-weight:800;
      margin:0 0 1rem;
      letter-spacing:-.04em;
    }
    .hero p{
      font-size:1.08rem;
      line-height:1.78;
      color:#475569;
      margin:0 0 1.5rem;
      max-width:60ch;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:.85rem;
      margin-bottom:1.6rem;
    }
    .btn-main,
      /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "electricidadfm.com.ar/index.html",
    "template_mtime": 1773341709,
    "template_mtime_human": "2026-03-12T18:55:09+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": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}