Preview de mixed.css
/* MIXED CSS PACK */
/* Template: aire-central.com.ar/index.html */
/* Template mtime: 2025-08-26 15:01:08 */
/* 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.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */
/* ===== INLINE <style> BLOCK #1 ===== */
:root{
--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#38bdf8;--secondary:#f97316;
--dark:#0f172a;--darker:#e67e22;--light:#f1f5f9;--gray:#94a3b8;--success:#22c55e;
--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
--gradient-dark:linear-gradient(135deg,var(--dark) 0%,#1e293b 100%);
--gradient-card:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);
--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
--shadow-primary:0 10px 30px -10px rgba(14,165,233,.4);
--border-radius-lg:16px;
--desk-size:520px;
/* Acento rojo (para botones/chips) */
--accent-red:#ff3b3b;
--accent-red-dark:#e01515;
--accent-red-light:#ff6868;
--gradient-brand-red:linear-gradient(135deg,var(--accent-red-dark) 0%, var(--accent-red) 55%, var(--secondary) 100%);
--shadow-brand-red:0 16px 36px -14px rgba(255,59,59,.45),0 12px 28px -16px rgba(249,115,22,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'Inter',sans-serif;
color:var(--light);
background:var(--darker);
line-height:1.6;overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}
a{text-decoration:none;transition:all .3s ease}
<style id="hero-mas-calido">
:root{ --accent-red:#ff3b3b; }
/* Fondo del hero: prioriza NARANJA/ROJO y baja el azul */
.hero{
background:
radial-gradient(920px 540px at 85% 80%, rgba(255,122,26,.28), transparent 62%),
radial-gradient(820px 480px at 12% 8%, rgba(255,59,59,.22), transparent 58%),
radial-gradient(760px 460px at 0% 100%, rgba(255,122,26,.22), transparent 60%),
radial-gradient(1000px 600px at 110% 10%, rgba(111,211,255,.06), transparent 55%), /* azul MUY suave */
linear-gradient(160deg, rgba(255,122,26,.14), rgba(255,59,59,.12)),
var(--gradient-dark) !important;
border-bottom:1px solid rgba(255,255,255,.14) !important;
}
/* Luz animada más cálida */
.hero::after{
content:""; position:absolute; inset:-10% -20%; pointer-events:none; z-index:0;
background:
radial-gradient(38% 32% at 18% 32%, rgba(255,122,26,.22), transparent 60%),
radial-gradient(34% 30% at 78% 68%, rgba(255,59,59,.18), transparent 60%),
radial-gradient(26% 22% at 58% 18%, rgba(255,122,26,.18), transparent 60%);
filter:blur(24px); opacity:.75;
animation:heroDriftWarm 16s linear infinite;
}
@keyframes heroDriftWarm{
0%{transform:translate3d(0,0,0) rotate(0deg)}
50%{transform:translate3d(-1.8%,1.6%,0) rotate(2deg)}
100%{transform:translate3d(0,0,0) rotate(0deg)}
}
@media (prefers-reduced-motion:reduce){ .hero::after{animation:none} }
/* Menos azul en iconos del hero */
.hero .text-info{ color:var(--secondary) !important; }
/* Título: subrayado solo cálido (naranja→rojo) */
.hero-title{ color:#fff; text-shadow:0 8px 28px rgba(0,0,0,.35); position:relative; }
.hero-title::after{
content:""; position:absolute; /* ...cortado... agregá ?full=1 para ver todo ... */
Manifest preview
{
"template": "aire-central.com.ar/index.html",
"template_mtime": 1756220468,
"template_mtime_human": "2025-08-26T15:01:08+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.css",
"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
"https://unpkg.com/[email protected]/dist/aos.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
],
"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.css",
"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
"https://unpkg.com/[email protected]/dist/aos.css",
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
],
"css_links_embedded": [],
"inline_style_blocks": 6,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}