Preview de mixed.css
/* MIXED CSS PACK */
/* Template: azul/index.html */
/* Template mtime: 2025-09-01 20:27:28 */
/* 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.4.0/css/all.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
:root {
--azul-900: #0a4e8a;
--azul-800: #0d5c9f;
--azul-700: #0f6cc9;
--azul-600: #1679db;
--azul-500: #1e90ff;
--azul-400: #4da6ff;
--azul-300: #80bfff;
--azul-200: #b3d9ff;
--azul-100: #e0f0ff;
--celeste-100: #eaf4ff;
--gris-900: #111827;
--gris-800: #1f2937;
--gris-700: #374151;
--gris-600: #4b5563;
--gris-500: #6b7280;
--gris-400: #9ca3af;
--gris-300: #d1d5db;
--gris-200: #e5e7eb;
--gris-100: #f3f4f6;
--gris-50: #f9fafb;
--radius-lg: 16px;
--radius-xl: 24px;
--shadow-soft: 0 10px 30px rgba(0,0,0,.08);
--shadow-medium: 0 15px 40px rgba(0,0,0,.12);
--shadow-large: 0 20px 50px rgba(0,0,0,.15);
/* Transiciones */
--transition-fast: 0.3s ease;
--transition-normal: 0.5s ease;
--transition-slow: 0.8s ease;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--gris-800);
line-height: 1.6;
overflow-x: hidden;
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5em;
}
.text-brand { color: var(--azul-700); }
.bg-brand { background: linear-gradient(135deg, var(--azul-900), var(--azul-700)); }
/* Animaciones */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.animate-fadeIn {
animation: fadeIn 1s var(--transition-normal) forwards;
opacity: 0;
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
.animate-pulse-slow {
animation: pulse 2s ease-in-out infinite;
}
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }
.delay-5 { animation-delay: 1s; }
/* Navbar mejorada */
.navbar {
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 20px rgba(2, 31, 71, 0.08);
padding: 0.8rem 0;
transition: all var(--transition-fast);
}
.navbar.scrolled {
padding: 0.5rem 0;
}
.navbar-brand {
font-weight: 800;
font-size: 1.8rem;
letter-spacing: -0.5px;
}
.navbar .nav-link {
font-weight: 500;
position: relative;
margin: 0 0.5rem;
transition: all var(--transition-fast);
}
.navbar .nav-link:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: var(--azul-500);
transition: all var(--transition-fast);
t /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "azul/index.html",
"template_mtime": 1756758448,
"template_mtime_human": "2025-09-01T20:27:28+00:00",
"css_links_found": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css",
"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
],
"css_links_external": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css",
"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 3,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}