• https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap
• https://unpkg.com/aos@next/dist/aos.css

/* MIXED CSS PACK */
/* Template: laicromados.com.ar/index.html */
/* Template mtime: 2025-07-30 13:30:55 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap */
/* external link (no embedded): https://unpkg.com/aos@next/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ✅ Mostrar contenido mientras AOS aún no cargó */
[data-aos]{opacity:1 !important; transform:none !important}
/* Cuando AOS esté listo, sí aplicamos el pre-oculto + transición */
html.aos-ready [data-aos]{opacity:0 !important; transform:translateY(14px) !important;
  transition:opacity .6s ease, transform .6s ease}
/* Y cuando AOS dispara la animación, aparece */
html.aos-ready [data-aos].aos-animate{opacity:1 !important; transform:none !important}

/* ===== INLINE <style> BLOCK #2 ===== */
:root {
      --red: #FF3B2F;
      --red-dark: #D13228;
      --graphite: #1E1E1E;
      --graphite-light: #2A2A2A;
      --gunmetal: #2B2E34;
      --steel: #C0C7CF;
      --steel-light: #E1E6EC;
      --white: #FFFFFF;
      --black: #0A0B0C;
      --black-light: #101214;
      
      --ticker-size: 500px;
      --ticker-gap: 20px;
      --ticker-speed: 120s;
      --container: 1200px;
      --radius-xl: 16px;
      --radius-2xl: 28px;
      --radius-3xl: 40px;
      --shadow-1: 0 10px 30px rgba(0,0,0,.25);
      --shadow-2: 0 12px 40px rgba(0,0,0,.35);
      --shadow-red: 0 8px 24px rgba(255,59,47,.35);
      --shadow-red-hover: 0 12px 30px rgba(255,59,47,.45);
      
      --grad-hero: radial-gradient(1200px 600px at 20% 10%, rgba(255,59,47,.15), transparent 50%),
                   radial-gradient(900px 500px at 80% 0%, rgba(192,199,207,.12), transparent 60%),
                   linear-gradient(180deg, #101214, #0A0B0C);
      --grad-card: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
      --grad-accent: linear-gradient(90deg, #FF3B2F, #FF6B3B);
    }
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    
    html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    
    body {
      background: var(--black);
      color: var(--steel-light);
      font-family: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial;
      line-height: 1.6;
      overflow-x: hidden;
    }
    
    h1, h2, h3, h4 {
      font-family: 'Montserrat', 'Outfit', sans-serif;
      font-weight: 800;
      line-height: 1.1;
    }
    
    a {
      color: var(--red);
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    img {
      max-width: 100%;
      display: block;
    }
    
    .container {
      width: 100%;
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 20px;
    }
    
    /* Navbar */
    .navbar {
      position: sticky;
      top: 0;
      z-index: 100;
      backdrop-filter: saturate(180%) blur(12px);
      background: rgba(20, 22, 25, 0.85);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
      background: rgba(10, 11, 12, 0.98);
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
    }
    
    .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 14px 0;
    }
    
    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      letter-spacing: 0.5px;
    }
    
    .brand-logo {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: conic-gradient(from 200deg, #9EA7B2, #E6EBF1 30%, #9EA7B2 60%, #CAD2DA);
      border: 2px solid rgba(255, 255, 255, 0.18);
      box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.45), 0 6px 16px rgba(0, 0, 0, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    
    .brand-logo img {
      w    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "laicromados.com.ar/index.html",
    "template_mtime": 1753882255,
    "template_mtime_human": "2025-07-30T13:30:55+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap",
        "https://unpkg.com/aos@next/dist/aos.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap",
        "https://unpkg.com/aos@next/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 8,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}