MIX · extractor de estilos
Template: sion.com.ar/index.html · mtime: 2026-02-27 17:22
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 Inline styles: 2 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: sion.com.ar/index.html */
/* Template mtime: 2026-02-27 17:22:43 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===== REFACTOR VISUAL PROFESIONAL CON ICONOS ===== */
    :root{
      --accent:#0d6efd;
      --accent-contrast:#ffffff;
      --text:#0f172a;
      --muted:#475569;
      --surface:#ffffff;
      --soft:#f6f7fb;
      --radius:18px;
      --shadow:0 25px 50px -12px rgba(15, 23, 42, 0.25);
      --shadow-soft:0 10px 30px -15px rgba(15, 23, 42, 0.15);
      --nav-h:74px;

      /* Nuevas variables sutiles para profundidad */
      --border-light: rgba(15,23,42,0.06);
      --border-regular: rgba(15,23,42,0.1);
      --border-medium: rgba(15,23,42,0.18);
      --accent-glass: rgba(13, 110, 253, 0.05);
      --accent-soft: rgba(13, 110, 253, 0.08);
    }

    body{
      font-family: "Inter", system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      color: var(--text);
      background: #fff;
      scroll-behavior:smooth;
      font-size: 1rem;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* Tipografía con pesos más definidos */
    h1, h2, h3, h4, h5, h6, .section-title, .card-title, .brand-text, .navbar-nav, .btn {
      font-family: "Inter", system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      letter-spacing: -0.02em;
    }

    .anchor-offset{ scroll-margin-top: calc(var(--nav-h) + 12px); }

    /* ===== NAVBAR MEJORADA ===== */
    .navbar{
      min-height: var(--nav-h);
      backdrop-filter: blur(12px);
      background: rgba(255,255,255,0.85);
      border-bottom: 1px solid var(--border-regular);
      box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    }

    .brand-wrap{
      display:flex;
      align-items:center;
      gap:12px;
      line-height:1;
    }
    .brand-wrap img{
      height:42px;
      width:auto;
      object-fit:contain;
      display:block;
      transition: transform 0.2s ease;
    }
    .brand-wrap:hover img {
      transform: scale(1.02);
    }
    .brand-wrap .brand-text{
      font-weight:700;
      letter-spacing:-0.3px;
      font-size:1.2rem;
      color:var(--text);
      border-left: 1px solid var(--border-regular);
      padding-left: 12px;
    }
    @media (max-width: 575.98px){
      :root{ --nav-h:66px; }
      .navbar{ padding-top: .25rem; padding-bottom: .25rem; }
      .brand-wrap img{ height:36px; }
      .brand-wrap .brand-text{ font-size:1rem; padding-left: 8px; }
    }

    .navbar-nav .nav-link {
      font-weight: 500;
      font-size: 0.95rem;
      padding: 0.5rem 1rem !important;
      color: var(--text);
      transition: color 0.15s ease;
      position: relative;
    }
    .navbar-nav .nav-link:hover {
      color: var(--accent);
    }
    .navbar-nav .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0.2rem;
      left: 1rem;
      right: 1rem;
      height: 2px;
      background: var(--accent);
      transform: scaleX(0);
      transition: transform 0.2s ease;
    }
    .navbar-nav .nav-link:hover::after {
      transform: scaleX(1);
    }

    /* ===== BOTONES CON ACABADO INSTITUCIONAL ===== */
    .btn {
      border-radius: 60px;
      font-weight: 600;
      padding: 0.6rem 1.5rem;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      letter-spacing: -0.01em;
      font-size: 0.95rem;
    }
    .btn-sm {
      padding: 0.4rem 1.2rem;
      font-size: 0.9rem;
    }
    .btn-accent{
     /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "sion.com.ar/index.html",
    "template_mtime": 1772212963,
    "template_mtime_human": "2026-02-27T17:22:43+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}