MIX · extractor de estilos
Template: gestionsaludedith.com.ar/index.html · mtime: 2026-04-09 12:08
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 2 Embebidos: 0 Externos: 2 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: gestionsaludedith.com.ar/index.html */
/* Template mtime: 2026-04-09 12:08:18 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --navy:        #0EA5A4;
      --navy-dark:   #071e34;
      --navy-mid:    #123456;
      --navy-light:  #1a4a70;
      --navy-soft:   #e6eef6;
      --navy-softer: #f0f5fa;
      --white:       #ffffff;
      --offwhite:    #f8fafc;
      --text:        #0f1923;
      --text-light:  #344155;
      --muted:       #64748b;
      --border:      #e2e8f0;
      --border-dark: #c8d5e3;

      --shadow-sm:  0 2px 8px rgba(10,43,74,.06);
      --shadow-md:  0 8px 28px rgba(10,43,74,.10);
      --shadow-lg:  0 20px 50px rgba(10,43,74,.14);
      --shadow-xl:  0 32px 72px rgba(10,43,74,.18);

      --radius-sm:  12px;
      --radius-md:  20px;
      --radius-lg:  28px;
      --radius-xl:  36px;
      --radius-full: 999px;

      --font-display: 'Bricolage Grotesque', sans-serif;
      --font-body:    'DM Sans', sans-serif;

      --transition: .3s cubic-bezier(.25,.46,.45,.94);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; font-size: 16px; }

    body {
      font-family: var(--font-body);
      color: var(--text);
      background: var(--white);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 100%;
      max-width: 100%;
    }

    html, body {
      max-width: 100%;
      overflow-x: clip;
    }

    img { max-width: 100%; height: auto; display: block; }
    a { text-decoration: none; color: inherit; }

    
    .reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .65s cubic-bezier(.25,.46,.45,.94), transform .65s cubic-bezier(.25,.46,.45,.94);
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .reveal-delay-1 { transition-delay: .1s; }
    .reveal-delay-2 { transition-delay: .2s; }
    .reveal-delay-3 { transition-delay: .3s; }
    .reveal-delay-4 { transition-delay: .4s; }
    .reveal-delay-5 { transition-delay: .5s; }

    
    .section { padding: 100px 0; position: relative; }
    .section-alt { background: var(--offwhite); }
    .section-navy { background: var(--navy); }

    
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      padding: .42rem 1rem;
      border-radius: var(--radius-full);
      background: var(--navy-soft);
      color: var(--navy);
      font-family: var(--font-body);
      font-size: .72rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      margin-bottom: 1.2rem;
      border: 1px solid rgba(10,43,74,.12);
    }
    .eyebrow::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--navy);
      opacity: .7;
    }

    
    .section-title {
      font-family: var(--font-display);
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1.06;
      font-weight: 800;
      color: var(--text);
      margin-bottom: 1rem;
      letter-spacing: -.03em;
    }
    .section-subtitle {
      font-size: 1.05rem;
      color: var(--muted);
      max-width: 700px;
      margin: 0 auto;
      line-height: 1.7;
    }
    .text-center .section-title { letter-spacing: -.04em; }

    
    .navbar {
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) satur    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "gestionsaludedith.com.ar/index.html",
    "template_mtime": 1775736498,
    "template_mtime_human": "2026-04-09T12:08:18+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}