MIX · extractor de estilos
Template: administracion-ra.com.ar/index.html · mtime: 2026-04-01 18:25
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 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: administracion-ra.com.ar/index.html */
/* Template mtime: 2026-04-01 18:25:33 */

/* 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=Playfair+Display:wght@700;800;900&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&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 ===== */
/* ============================================
       VARIABLES & RESET
    ============================================ */
    :root {
      --navy:        #071d35;
      --navy-mid:    #0a2b4a;
      --blue:        #124b7a;
      --blue-light:  #1e6aab;
      --accent:      #1697af;       /* gold accent */
      --accent-dim:  rgba(200,169,110,.15);
      --cream:       #f8f5ef;
      --off-white:   #fafcff;
      --text:        #0b1c2e;
      --muted:       #5a6e84;
      --border:      rgba(10,43,74,.1);
      --r-card:      28px;
      --r-btn:       60px;
      --ease:        cubic-bezier(.22,.9,.36,1);
    }

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

    html { scroll-behavior: smooth; }

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


    body {
      font-family: 'DM Sans', system-ui, sans-serif;
      background: #fff;
      color: var(--text);
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--cream); }
    ::-webkit-scrollbar-thumb { background: var(--navy-mid); border-radius: 12px; }

    img { display: block; max-width: 100%; }

    a { text-decoration: none; color: inherit; }

    /* ============================================
       TYPOGRAPHY
    ============================================ */
    h1, h2, h3, .display { font-family: 'Playfair Display', Georgia, serif; }

    .section-title {
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      font-weight: 800;
      color: var(--navy);
      line-height: 1.12;
      letter-spacing: -.02em;
      margin-bottom: 16px;
    }

    .section-subtitle {
      font-size: 1.05rem;
      color: var(--muted);
      max-width: 640px;
      margin: 0 auto;
      line-height: 1.65;
      font-weight: 400;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 5px 18px;
      border-radius: 60px;
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--accent);
      background: var(--accent-dim);
      border: 1px solid rgba(200,169,110,.3);
      margin-bottom: 20px;
    }

    /* ============================================
       SECTIONS
    ============================================ */
    .section { padding: 112px 0; position: relative; }
    .section-alt { background: var(--cream); }

    /* ============================================
       BUTTONS
    ============================================ */
    .btn-main {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 30px;
      min-height: 54px;
      border-radius: var(--r-btn);
      font-weight: 600;
      font-size: .9rem;
      transition: all .35s var(--ease);
      border: none;
      cursor: pointer;
      text-decoration: none;
      letter-spacing: .01em;
    }

    .btn-primary-dark {
      background: var(--navy);
      color: #fff;
      box-shadow: 0 12px 32px -8px rgba(7,29,53,.35);
    }
    .btn-primary-dark:hover {
      background: var(--blue);
      transform: translateY(-3px);
      box-shadow: 0 20px 40px -1    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "administracion-ra.com.ar/index.html",
    "template_mtime": 1775067933,
    "template_mtime_human": "2026-04-01T18:25:33+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&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=Playfair+Display:wght@700;800;900&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&display=swap",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}