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

/* external link (no embedded): https://fonts.googleapis.com/css2?family=DM+Sans: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{
      --bg:#050716;
      --bg-2:#070b21;
      --panel:#0d1228;
      --panel-2:#12182f;
      --line:rgba(255,255,255,.12);
      --line-soft:rgba(255,255,255,.08);
      --text:#f8fafc;
      --muted:#aeb6cc;
      --muted-2:#818aa3;
      --orange:#ff6b00;
      --orange-2:#ff8a00;
      --magenta:#ff1fad;
      --violet:#8a2bff;
      --blue:#2f7dff;
      --green:#27d366;
      --shadow:0 24px 70px rgba(0,0,0,.42);
      --radius:18px;
      --radius-sm:12px;
      --container:1140px;
      --hero-img:url('img/1.jpeg');
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;overflow-x:hidden}
    body{
      margin:0;
      font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 0 20%, rgba(138,43,255,.18), transparent 28%),
        radial-gradient(circle at 95% 12%, rgba(255,107,0,.16), transparent 30%),
        linear-gradient(180deg,var(--bg),#030511 65%,#03040d);
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    img{display:block;max-width:100%}
    a{color:inherit;text-decoration:none}

    .site-shell{
      width:min(calc(100% - 32px),1280px);
      margin-inline:auto;
      border-left:1px solid rgba(137,43,255,.18);
      border-right:1px solid rgba(137,43,255,.18);
      box-shadow:0 0 80px rgba(138,43,255,.12);
      background:rgba(4,7,19,.48);
    }

    .container{max-width:var(--container)}

    .navbar{
      width:min(calc(100% - 32px),1280px);
      left:50%;
      transform:translateX(-50%);
      padding:1rem 0;
      background:rgba(5,7,22,.72);
      border:1px solid rgba(255,255,255,.10);
      border-bottom-color:rgba(255,255,255,.08);
      border-radius:0 0 18px 18px;
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      transition:box-shadow .25s ease, background .25s ease;
    }
    .navbar.scrolled{
      background:rgba(5,7,22,.9);
      box-shadow:0 18px 55px rgba(0,0,0,.32);
    }
    .navbar-brand{display:flex;align-items:center;gap:.7rem;min-width:0}
    .brand-logo{
      width:min(238px,58vw);
      height:58px;
      object-fit:contain;
      object-position:left center;
      filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));
    }
    .brand-fallback{
      position:absolute;
      width:1px;
      height:1px;
      overflow:hidden;
      clip:rect(0 0 0 0);
      white-space:nowrap;
    }
    .navbar-nav{gap:1.35rem}
    .navbar-nav .nav-link{
      color:rgba(255,255,255,.82);
      font-size:.94rem;
      font-weight:700;
      padding:.45rem .1rem;
      position:relative;
      transition:color .2s ease;
    }
    .navbar-nav .nav-link::after{
      content:'';
      position:absolute;
      left:0;
      right:0;
      bottom:.15rem;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg,var(--magenta),var(--orange));
      transform:scaleX(0);
      transform-origin:left;
      transition:transform .22s ease;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus{color:#fff}
    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-link:focus::after{transform:scaleX(1)}
    .navbar-toggler{
      border:1px solid rgba(255,255,255,.18);
      border-radius:10px;
      background:rgba(255,255,255,.06);
      width:44px;
      height:42px;
      box-shadow:none!important;
    }
    .navbar-toggler-icon{
      background-imag    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "pigmentos.com.ar/index.html",
    "template_mtime": 1779208061,
    "template_mtime_human": "2026-05-19T16:27:41+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=DM+Sans: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=DM+Sans: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": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}