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

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Outfit:wght@300;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.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
      
      --brand: #7a2b2f;
      --brand-light: #93363a;
      --brand-dark: #652125;
      --accent: #c9a467;
      --accent-light: #d4b57e;
      --accent-dark: #a88446;
      
      --dark: #0d1117;
      --dark-soft: #161b22;
      --muted: #8b949e;
      --light: #f0f3f6;
      --lighter: #f8fafc;
      --white: #ffffff;
      
      --gold-gradient: linear-gradient(135deg, #d4af37 0%, #c9a467 25%, #f4d03f 50%, #c9a467 75%, #a88446 100%);
      --brand-gradient: linear-gradient(135deg, #5c1d21 0%, #8d3236 48%, #74272b 100%);
      
      --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.15);
      --shadow-gold: 0 10px 40px rgba(201, 164, 103, 0.25);
      --shadow-brand: 0 10px 40px rgba(122, 43, 47, 0.22);
      
      --radius: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
      
      --ease-smooth: cubic-bezier(0.25, 0.8, 0.25, 1);
      --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
      --ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
    }

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

    html {
      scroll-behavior: smooth;
    }

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

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

    .display-4 { font-size: clamp(2.5rem, 5vw, 4rem); }
    .display-5 { font-size: clamp(2rem, 4vw, 3rem); }
    .display-6 { font-size: clamp(1.75rem, 3vw, 2.25rem); }

    .lead {
      font-size: 1.15rem;
      font-weight: 400;
      line-height: 1.8;
      color: var(--muted);
    }

    /* ========================================
       NAVIGATION
    ======================================== */
    .navbar {
      padding: 1.25rem 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1030;
      transition: all 0.5s var(--ease-smooth);
      background: transparent;
    }

    .navbar.scrolled {
      background: rgba(13, 17, 23, 0.97);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding: 0.75rem 0;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    }

    .navbar .navbar-brand {
      font-family: var(--font-body);
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--white);
      display: flex;
      align-items: center;
      gap: 0.85rem;
      text-decoration: none;
      transition: all 0.3s var(--ease-smooth);
    }

    .navbar .navbar-brand:hover {
      transform: translateX(3px);
    }

    .navbar .navbar-brand img {
      height: 44px;
      width: auto;
      display: block;
      object-fit: contain;
          /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "abogadorodriguezcastroyasociados.com.ar/index.html",
    "template_mtime": 1775149475,
    "template_mtime_human": "2026-04-02T17:04:35+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Outfit:wght@300;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.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Outfit:wght@300;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.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 6,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}