MIX · extractor de estilos
Template: pcsdeportes.com.ar /index.html · mtime: 2026-01-27 18:27
← 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: pcsdeportes.com.ar     /index.html */
/* Template mtime: 2026-01-27 18:27:56 */

/* 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{
      --sky:#4aa3df;         /* celeste */
      --sky-2:#e7f4ff;       /* celeste suave */
      --ink:#0d1b2a;         /* texto oscuro */
      --muted:#5b6b7b;
      --card:#ffffff;
      --border: rgba(13,27,42,.10);
      --radius: 18px;
      --shadow: 0 18px 40px rgba(13,27,42,.10);
    }

    html{ scroll-behavior:smooth; }
    body{
      color: var(--ink);
      background:
        radial-gradient(900px 380px at 20% -10%, rgba(74,163,223,.18), transparent 55%),
        radial-gradient(900px 380px at 85% 0%, rgba(74,163,223,.14), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #f7fbff 100%);
    }

    /* helpers */
    .eyebrow{
      display:inline-flex;align-items:center;gap:.5rem;
      font-weight:700;letter-spacing:.08em;text-transform:uppercase;
      color: var(--sky);
      background: rgba(74,163,223,.10);
      padding:.35rem .6rem;border-radius:999px;
      font-size:.78rem;
    }
    .section{ padding: 80px 0; }
    .section-title{ font-weight: 800; letter-spacing:-.02em; }
    .section-subtitle{ color: var(--muted); max-width: 860px; margin: 0 auto; }

    .soft-card{
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
    }
    .icon-pill{
      width:46px;height:46px;border-radius:14px;
      display:inline-flex;align-items:center;justify-content:center;
      background: rgba(74,163,223,.12);
      color: var(--sky);
      font-size: 1.2rem;
      flex: 0 0 auto;
    }

    /* navbar */
    .navbar{
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(13,27,42,.08);
    }
    .brand-mark{
      width:38px;height:38px;border-radius:12px;
      background: linear-gradient(135deg, rgba(74,163,223,.95), rgba(74,163,223,.35));
      box-shadow: 0 10px 22px rgba(74,163,223,.25);
    }
    .nav-link{ color: var(--ink); font-weight: 600; }
    .nav-link:hover{ color: var(--sky); }
    .btn-sky{
      background: var(--sky);
      border-color: var(--sky);
      color: #fff;
      font-weight: 700;
      border-radius: 999px;
      padding: .65rem 1rem;
    }
    .btn-sky:hover{ filter: brightness(.96); color:#fff; }
    .btn-ghost{
      border: 1px solid rgba(13,27,42,.14);
      border-radius: 999px;
      font-weight: 700;
      padding: .65rem 1rem;
      background: #fff;
      color: var(--ink);
    }
    .btn-ghost:hover{ border-color: rgba(74,163,223,.55); color: var(--sky); }

    /* hero */
    .hero{
      padding: 110px 0 70px;
      position: relative;
    }
    .hero h1{ font-weight: 900; letter-spacing:-.03em; }
    .hero p{ color: var(--muted); }
    .hero-badges{
      display:flex;flex-wrap:wrap;gap:.5rem;margin-top: 14px;
    }
    .hero-badge{
      display:inline-flex;align-items:center;gap:.45rem;
      padding:.45rem .7rem;border-radius:999px;
      border: 1px solid rgba(13,27,42,.10);
      background: rgba(255,255,255,.85);
      color: var(--ink);
      font-weight: 600;
      font-size:.92rem;
    }
    .hero-media{
      border-radius: 24px;
      overflow:hidden;
      border: 1px solid rgba(13,27,42,.10);
      box-shadow: var(--shadow);
      background: #fff;
      min-height: 360px;
      display:flex;align-items:center;justify-content:center;
      padding: 10px;
    }
    .hero-media img{
      width: 100%;
      height: 100%;
      max-height: 520px;
      object-fit: contain;
      object-position: center;
      /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "pcsdeportes.com.ar     /index.html",
    "template_mtime": 1769538476,
    "template_mtime_human": "2026-01-27T18:27:56+00:00",
    "css_links_found": [
        "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://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": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}