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 ... */
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": []
}