MIX · extractor de estilos
Template: santanaestudiocontable.com.ar/index.html · mtime: 2026-03-30 13:08
← 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: santanaestudiocontable.com.ar/index.html */
/* Template mtime: 2026-03-30 13:08:32 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap */
/* 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 */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
      --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      
      --brand: #153d4a;
      --brand-light: #1e5266;
      --brand-dark: #0d2830;
      --accent: #c9a467;
      --accent-light: #d4b580;
      --accent-dark: #a88446;
      --accent-glow: rgba(201, 164, 103, 0.4);
      
      --dark: #0a0f14;
      --dark-surface: #121a22;
      --dark-elevated: #1a252f;
      --muted: #7c8a96;
      --light: #f4f6f8;
      --lighter: #fafbfc;
      --white: #ffffff;
      
      --glass: rgba(255, 255, 255, 0.03);
      --glass-border: rgba(255, 255, 255, 0.08);
      --glass-hover: rgba(255, 255, 255, 0.06);
      
      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
      --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.12);
      --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.2);
      --shadow-glow: 0 0 60px var(--accent-glow);
      --shadow-accent: 0 10px 40px rgba(201, 164, 103, 0.3);
      
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
      
      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
      --transition-fast: 0.2s var(--ease-out);
      --transition-medium: 0.4s var(--ease-out);
      --transition-slow: 0.6s var(--ease-out);
    }

    *, *::before, *::after { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 100px;
    }

    body {
      font-family: var(--font-body);
      font-weight: 400;
      color: var(--dark);
      line-height: 1.7;
      overflow-x: hidden;
      background: var(--white);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }


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

    img, svg, video, canvas, iframe {
      max-width: 100%;
      height: auto;
    }

    /* ========== TYPOGRAPHY ========== */
    h1, h2, h3, h4, h5, h6,
    .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
      font-family: var(--font-display);
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.15;
    }

    .text-gradient {
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 50%, var(--accent) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .text-shimmer {
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 25%, var(--white) 50%, var(--accent-light) 75%, var(--accent) 100%);
      background-size: 200% 100%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: shimmer 3s ease-in-out infinite;
    }

    @keyframes shimmer {
      0%, 100% { background-position: 200% 0; }
      50% { background-position: -200% 0; }
    }

    /* ========== NAVBAR ========== */
    .navbar {
      padding: 1.2rem 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1030;
      transition: var(--transition-medium);
      background: transparent;
    }

    .navbar::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "santanaestudiocontable.com.ar/index.html",
    "template_mtime": 1774876112,
    "template_mtime_human": "2026-03-30T13:08:32+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}