Preview de mixed.css
/* MIXED CSS PACK */
/* Template: techosenemergenciarobertoramirez.com/index.html */
/* Template mtime: 2026-04-20 15:53:46 */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+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 ===== */
/* ═══════════════════════════════════════════════════════════════
VARIABLES & BASE
═══════════════════════════════════════════════════════════════ */
:root {
--accent: #e6e04e;
--accent-dark: #b4ae26;
--accent-glow: rgba(230, 224, 78, 0.4);
--text: #111111;
--muted: #5c5c5c;
--bg: #ffffff;
--soft: #f7f7f2;
--border: rgba(0, 0, 0, 0.08);
--shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 32px 64px rgba(0, 0, 0, 0.12);
--shadow-accent: 0 16px 40px rgba(230, 224, 78, 0.35);
--radius: 24px;
--radius-lg: 32px;
--font-display: 'Outfit', system-ui, sans-serif;
--font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
--transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--transition-fast: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: var(--font-body);
color: var(--text);
background: var(--bg);
overflow-x: hidden;
line-height: 1.6;
}
img {
max-width: 100%;
display: block;
}
a {
text-decoration: none;
transition: var(--transition-fast);
}
/* ═══════════════════════════════════════════════════════════════
ANIMACIONES
═══════════════════════════════════════════════════════════════ */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(60px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-12px); }
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@keyframes shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.animate-on-scroll {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.animate-on-scroll.visible {
opacity: 1;
transform: translateY(0);
}
/* ═══════════════════════════════════════════════════════════════
COMPONENTES GLOBALES
═══════════════ /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "techosenemergenciarobertoramirez.com/index.html",
"template_mtime": 1776700426,
"template_mtime_human": "2026-04-20T15:53:46+00:00",
"css_links_found": [
"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+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=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+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": 2,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}