Preview de mixed.css
/* MIXED CSS PACK */
/* Template: loloshoes.com.ar/index.html */
/* Template mtime: 2026-03-26 20:21:49 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
/* ============================================
RESET Y VARIABLES - ESTILO PREMIUM REDONDEADO
============================================ */
:root {
--accent: #d62b3f;
--accent-dark: #b81c2f;
--accent-rgb: 214, 43, 63;
--text: #121212;
--text-light: #4a4a4a;
--bg: #ffffff;
--bg-soft: #fef8f8;
--gray-100: #f8f9fa;
--gray-200: #f0f0f0;
--border-light: rgba(0, 0, 0, 0.06);
--shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);
--shadow-md: 0 20px 35px -12px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 30px 50px -15px rgba(0, 0, 0, 0.12);
--shadow-xl: 0 40px 70px -20px rgba(0, 0, 0, 0.18);
--radius-sm: 20px;
--radius-md: 28px;
--radius-lg: 40px;
--radius-xl: 60px;
--nav-height: 85px;
--transition: all 0.4s cubic-bezier(0.2, 0.95, 0.4, 1.05);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
background: linear-gradient(145deg, #fff 0%, #fefaf8 100%);
color: var(--text);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.5;
}
/* ===== ANIMACIONES SUAVES ===== */
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.96);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes floatGlow {
0%, 100% { transform: translateY(0px) scale(1); }
50% { transform: translateY(-10px) scale(1.02); }
}
.animate-up {
animation: fadeUp 0.7s ease forwards;
opacity: 0;
}
.hero-copy { animation-delay: 0.1s; }
.hero-visual { animation-delay: 0.2s; }
.hero-badge { animation: scaleIn 0.5s ease forwards; opacity: 0; animation-delay: 0.3s; }
.hero-badge:nth-child(2) { animation-delay: 0.4s; }
.hero-badge:nth-child(3) { animation-delay: 0.5s; }
/* ===== TIPOGRAFÍA REDONDEADA ===== */
h1, h2, h3, h4, h5, h6 {
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.2;
}
.section-title {
font-size: clamp(2.2rem, 5vw, 3.8rem);
font-weight: 800;
letter-spacing: -0.03em;
background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
margin-bottom: 1rem;
}
.section-subtitle {
font-size: 1.1rem;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 0.6rem;
background: rgba(214, 43, 63, 0.08);
backdrop-filter: blur(4px);
padding: 0.5rem 1.2rem;
border-radius: 100px;
/* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "loloshoes.com.ar/index.html",
"template_mtime": 1774556509,
"template_mtime_human": "2026-03-26T20:21:49+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
],
"css_links_external": [
"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap",
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 2,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}