• 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&family=Outfit:wght@300;400;500;600;700;800&display=swap

/* MIXED CSS PACK */
/* Template: sistecsolucionessl.com.ar/index.html */
/* Template mtime: 2025-09-09 17:17:51 */

/* 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&family=Outfit:wght@300;400;500;600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
@font-face {
  font-family: 'AvertaStdPE';
  src: url('fonts/AvertaStdPE-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

    :root {
      /* PALETA MEJORADA */
      --brand-primary: #008cbf;          /* naranja principal */
      --brand-secondary: #011b65;        /* azul moderno */
      --brand-accent: #011b65;           /* verde azulado */
      --brand-dark: #e45a2a;
      --text-dark: #1A1D21;              /* textos fuertes */
      --text-body: #2A2E34;              /* cuerpo */
      --text-muted: #6B7280;             /* gris */
      --bg-primary: #FFFFFF;             /* fondo principal */
      --bg-secondary: #F7F9FC;           /* fondo secundario */
      --bg-dark: #0F172A;                /* fondo oscuro */
      --card-bg: #FFFFFF;                /* tarjetas */
      --border-light: #E5E7EB;           /* bordes claros */
      --border-medium: #D1D5DB;          /* bordes medios */
      
      /* Efectos y sombras */
      --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
      --shadow-md: 0 4px 6px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.1);
      --shadow-lg: 0 10px 25px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.05);
      --shadow-xl: 0 20px 40px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.05);
      
      /* Gradientes */
      --gradient-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-dark) 100%);
      --gradient-secondary: linear-gradient(135deg, var(--brand-secondary) 0%, #5271FF 100%);
      --gradient-accent: linear-gradient(135deg, var(--brand-accent) 0%, #00B389 100%);
      --gradient-hero: linear-gradient(135deg, rgba(255,107,53,0.08) 0%, rgba(45,91,255,0.08) 100%);
      
      /* Ticker */
      --tile-size: 320px;
      --tile-radius: 16px;
      --gap: 20px;
      
      --font-heading: 'AvertaStdPE', sans-serif;
      --font-body: 'AvertaStdPE', sans-serif;

    }

    /* Base */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    html, body {
      font-family: var(--font-body);
      background: var(--bg-primary);
      color: var(--text-body);
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--font-heading);
      font-weight: 700;
      color: var(--text-dark);
    }
    
    a {
      color: var(--brand-primary);
      text-decoration: none;
      transition: all 0.3s ease;
    }
    
    a:hover {
      color: var(--brand-dark);
    }
    
    .section {
      padding: 100px 0;
      position: relative;
    }
    
    .section-title {
      position: relative;
      margin-bottom: 3rem;
    }
    
    .section-title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -12px;
      width: 60px;
      height: 4px;
      background: var(--gradient-primary);
      border-radius: 2px;
    }
    
    .section-title.center:after {
      left: 50%;
      transform: translateX(-50%);
    }

    /* Navbar mejorada */
    .navbar {
      background: rgba(255, 255, 255, 0.95) !important;
      backdrop-filter: blur(10px);
      box-shadow: var(--shadow-md);
      padding: 12px 0;
      transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
      padding: 8px 0;
    }
    
    .navbar .nav-link {
      color: var(--text-dark) !important;
       /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "sistecsolucionessl.com.ar/index.html",
    "template_mtime": 1757438271,
    "template_mtime_human": "2025-09-09T17:17:51+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&family=Outfit:wght@300;400;500;600;700;800&display=swap"
    ],
    "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&family=Outfit:wght@300;400;500;600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}