MIX · extractor de estilos
Template: estudioalejandrapastuch.com/index.html · mtime: 2026-02-11 20:13
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 6 Embebidos: 0 Externos: 6 Inline styles: 3 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: estudioalejandrapastuch.com/index.html */
/* Template mtime: 2026-02-11 20:13:07 */

/* 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.5.1/css/all.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.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;900&family=Playfair+Display:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      /* Paleta de colores premium mejorada */
      --brand-primary: #2B2410;
      --brand-secondary: #6A571A;
      --brand-tertiary: #B08D2A;
      --brand-accent: #ECDF98;
      --accent-primary: #ECDF98;
      --accent-secondary: #D8C36A;
      --accent-glow: rgba(236, 223, 152, 0.35);
      --text-primary: #0F172A;
      --text-secondary: #475569;
      --text-muted: #64748B;
      --bg-primary: #FFFFFF;
      --bg-secondary: #F8FAFC;
      --bg-tertiary: #F1F5F9;
      --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
      --border-light: rgba(15, 23, 42, 0.06);
      --border-medium: rgba(15, 23, 42, 0.1);
      --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
      --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
      --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.12);
      --shadow-xl: 0 30px 60px rgba(15, 23, 42, 0.15);
      --shadow-glow: 0 0 40px var(--accent-glow);
      --radius-sm: 12px;
      --radius-md: 20px;
      --radius-lg: 28px;
      --radius-xl: 36px;
      --radius-pill: 100px;
      --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      --glass-bg: rgba(255, 255, 255, 0.85);
      --glass-border: rgba(255, 255, 255, 0.2);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

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

    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            font-size: 0.95rem;
color: var(--text-primary);
      background-color: var(--bg-primary);
      line-height: 1.7;
      overflow-x: hidden;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* Tipografía premium ultra */
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.01em;
      color: var(--text-primary);
    }

    h1 { 
      font-size: 3rem;
      line-height: 1.1;
      background: linear-gradient(135deg, var(--text-primary) 0%, var(--brand-primary) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    h2 { 
      font-size: 2.4rem;
      position: relative;
      display: inline-block;
    }
    
    h3 { font-size: 1.6rem; }
    h4 { font-size: 1.25rem; }
    h5 { font-size: 1.25rem; }
    h6 { font-size: 1rem; }

    @media (max-width: 768px) {
      h1 { font-size: 3rem; }
      h2 { font-size: 2.4rem; }
      h3 { font-size: 1.6rem; }
    }

    /* Fondo animado sutil */
    .animated-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 0.03;
      background: 
        radial-gradient(circle at 10% 20%, var(--brand-accent) 0%, trans    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "estudioalejandrapastuch.com/index.html",
    "template_mtime": 1770840787,
    "template_mtime_human": "2026-02-11T20:13:07+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.5.1/css/all.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.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;900&family=Playfair+Display:wght@400;500;600;700&display=swap",
        "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.5.1/css/all.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.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;900&family=Playfair+Display:wght@400;500;600;700&display=swap",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}