MIX · extractor de estilos
Template: clusterhr360.com.ar/index.html · mtime: 2025-10-02 14:12
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 5 Embebidos: 0 Externos: 5 Inline styles: 5 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: clusterhr360.com.ar/index.html */
/* Template mtime: 2025-10-02 14:12:06 */

/* 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;900&display=swap */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --primary: #3f37c9;
      --primary-dark: #2a27a8;
      --primary-light: #6c63ff;
      --secondary: #f8f9fa;
      --accent: #4cc9f0;
      --accent-dark: #2bb4d9;
      --dark: #1a1a1a;
      --dark-light: #2d2d2d;
      --light: #ffffff;
      --gray: #6c757d;
      --gray-light: #f5f7fb;
      --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
      --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
      --gradient-dark: linear-gradient(135deg, var(--dark) 0%, var(--dark-light) 100%);
      --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      --shadow-hover: 0 15px 40px rgba(63, 55, 201, 0.15);
    }
    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Poppins', sans-serif;
      background: var(--light);
      color: var(--dark);
      overflow-x: hidden;
      line-height: 1.6;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 10px;
    }
    
    ::-webkit-scrollbar-track {
      background: var(--gray-light);
    }
    
    ::-webkit-scrollbar-thumb {
      background: var(--gradient-primary);
      border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background: var(--primary-dark);
    }

    /* Navbar */
    .navbar {
      background-color: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      padding: 18px 0;
      transition: all 0.4s ease;
    }
    
    .navbar.scrolled {
      padding: 12px 0;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    .navbar-brand {
      font-weight: 800;
      color: var(--primary) !important;
      font-size: 1.8rem;
      display: flex;
      align-items: center;
    }
    
    .navbar-brand span {
      color: var(--accent);
      font-weight: 900;
    }
    
    .nav-link {
      color: var(--dark) !important;
      font-weight: 500;
      margin: 0 8px;
      position: relative;
      transition: all 0.3s ease;
      padding: 8px 12px !important;
      border-radius: 6px;
    }
    
    .nav-link:hover {
      color: var(--primary) !important;
      background: rgba(63, 55, 201, 0.05);
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 3px;
      background: var(--gradient-accent);
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      transition: width 0.3s ease;
      border-radius: 3px;
    }
    
    .nav-link:hover::after {
      width: 70%;
    }
    
    .nav-link.active {
      color: var(--primary) !important;
      font-weight: 600;
    }
    
    .nav-link.active::after {
      width: 70%;
    }
    
    .navbar-toggler {
      border: none;
      padding: 0.5rem;
      box-shadow: none !important;
    }
    
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(63, 55, 201, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    /    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "clusterhr360.com.ar/index.html",
    "template_mtime": 1759414326,
    "template_mtime_human": "2025-10-02T14:12:06+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;900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",
        "https://unpkg.com/[email protected]/dist/aos.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;900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}