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

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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{
      --bg:#ffffff;
      --text:#111111;
      --muted:#5f6470;
      --line:#e9ebef;
      --card:#ffffff;
      --soft:#f6f7f9;
      --accent:#1f5fae;
      --accent-2:#0f3d73;
      --accent-soft:#eaf2fc;
      --accent-rgb:31,95,174;
      --accent-2-rgb:15,61,115;
      --success:#1f7a4d;
      --shadow:0 20px 50px rgba(17,17,17,.08);
      --radius:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      background:
        radial-gradient(circle at top left, rgba(var(--accent-rgb),.05), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcff 46%, #ffffff 100%);
      color:var(--text);
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none}
    .section{padding:92px 0;position:relative}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.84rem;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:var(--accent);
      margin-bottom:16px;
    }
    .eyebrow::before{
      content:"";
      width:34px;
      height:2px;
      border-radius:99px;
      background:var(--accent);
    }
    .section-title{
      font-size:clamp(2rem,3vw,3.25rem);
      line-height:1.05;
      letter-spacing:-.04em;
      font-weight:800;
      margin-bottom:18px;
    }
    .section-subtitle{
      font-size:1.05rem;
      color:var(--muted);
      max-width:760px;
      margin:0 auto;
      line-height:1.75;
    }
    .navbar{
      padding:16px 0;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(17,17,17,.06);
    }
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .navbar-brand img{
      height:40px;
      width:auto;
      object-fit:contain;
      flex:0 0 auto;
    }
    .brand-copy{
      display:flex;
      flex-direction:column;
      min-width:0;
      line-height:1;
    }
    .brand-copy strong{
      font-size:1rem;
      font-weight:800;
      color:var(--text);
      white-space:nowrap;
    }
    .brand-copy span{
      font-size:.74rem;
      color:var(--muted);
      font-weight:600;
      margin-top:5px;
      white-space:nowrap;
    }
    .navbar-nav .nav-link{
      color:var(--text);
      font-weight:600;
      padding:.8rem 1rem !important;
      position:relative;
    }
    .navbar-nav .nav-link::after{
      content:"";
      position:absolute;
      left:1rem;
      bottom:.45rem;
      width:0;
      height:2px;
      background:var(--accent);
      transition:width .25s ease;
      border-radius:99px;
    }
    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-link.active::after{width:calc(100% - 2rem)}
    .navbar-toggler{
      border:1px solid rgba(17,17,17,.12);
      box-shadow:none !important;
      padding:.55rem .7rem;
    }
    .navbar-toggler:focus{box-shadow:none}
    .navbar-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      background:linear-gradient(135deg,var(--accent),var(--accent-2));
      color:#fff;
      font-weight:700;
      padding:13px 18px;
      border-radius:999px;
      box-shadow:0 14px 32px rgba(    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "costalaboral.com.ar/index.html",
    "template_mtime": 1776448624,
    "template_mtime_human": "2026-04-17T17:57:04+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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=Inter:wght@400;500;600;700;800&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": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}