Preview de mixed.css
/* MIXED CSS PACK */
/* Template: mundopergolas.com.ar/index.html */
/* Template mtime: 2025-10-20 16:02:17 */
/* 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.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap */
/* ===== INLINE <style> BLOCK #1 ===== */
:root{
--primary: #8B5A2B;
--primary-dark: #6B4423;
--primary-light: #B07D51;
--primary-contrast: #ffffff;
--secondary: #2C5530;
--bg-soft: #f9f7f4;
--bg-dark: #1a1a1a;
--text: #1d1d1f;
--text-light: #5a5a5a;
--muted: #6b6b70;
--card: #ffffff;
--shadow: 0 10px 30px rgba(0,0,0,0.08);
--shadow-hover: 0 15px 40px rgba(0,0,0,0.12);
--radius: 16px;
--transition: all 0.3s ease;
}
* { box-sizing: border-box; }
body{
color: var(--text);
background: #fff;
font-family: 'Montserrat', sans-serif;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, .section-title {
font-family: 'Playfair Display', serif;
font-weight: 700;
}
a{
text-decoration: none;
transition: var(--transition);
}
/* NAVBAR */
.navbar{
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0,0,0,.05);
padding: 1rem 0;
transition: var(--transition);
}
.navbar.scrolled {
padding: 0.5rem 0;
box-shadow: 0 5px 20px rgba(0,0,0,.08);
}
.navbar .nav-link{
font-weight: 500;
color: var(--text) !important;
position: relative;
margin: 0 0.5rem;
padding: 0.5rem 0.75rem !important;
border-radius: 8px;
transition: var(--transition);
}
.navbar .nav-link:hover { color: var(--primary) !important; background: rgba(139, 90, 43, 0.05); }
.navbar .nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: var(--primary);
transition: var(--transition);
transform: translateX(-50%);
}
.navbar .nav-link:hover::after { width: 80%; }
.brand-mark{
font-family: 'Playfair Display', serif;
font-weight: 800;
font-size: 1.8rem;
letter-spacing: .3px;
color: var(--primary);
position: relative;
}
.brand-mark span{ color: var(--secondary); }
.brand-mark::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
border-radius: 3px;
}
/* HERO */
.hero{
background: linear-gradient(135deg, #f9f7f4 0%, #e8e2d9 100%);
padding: clamp(80px, 10vw, 160px) 0 clamp(60px, 8vw, 120px);
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(139,90,43,0.03)\"/></svg>');
background-size: cover;
}
.eyebrow{
text-transform: uppercase;
font-size: .78rem;
font-weight: 700;
letter-spacing: .12rem;
color: var(--primary);
disp /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "mundopergolas.com.ar/index.html",
"template_mtime": 1760976137,
"template_mtime_human": "2025-10-20T16:02:17+00:00",
"css_links_found": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap"
],
"css_links_external": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css",
"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap"
],
"css_links_embedded": [],
"inline_style_blocks": 4,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}