MIX · extractor de estilos
Template: frioexpressservice.com.ar/index.html · mtime: 2025-10-13 17:51
← 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: frioexpressservice.com.ar/index.html */
/* Template mtime: 2025-10-13 17:51:56 */

/* 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.2/css/all.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --azul-900: #0D47A1; --azul-800: #1565C0; --azul-700: #1976D2; --azul-050: #E3F2FD;
      --gris-900: #0b2239; --gris-700: #334155; --gris-500: #64748B; --borde: #e6edf5; --r: 16px;
      --gradient-primary: linear-gradient(135deg, var(--azul-800) 0%, var(--azul-900) 100%);
      --gradient-hero: linear-gradient(135deg, #f4f8ff 0%, #e8f2ff 100%);
      --shadow-sm: 0 4px 12px rgba(16, 24, 40, 0.08);
      --shadow-md: 0 10px 26px rgba(16, 24, 40, 0.12);
      --shadow-lg: 0 20px 40px rgba(16, 24, 40, 0.15);
    }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
      color: var(--gris-900); line-height: 1.6;
    }
    .container { max-width: 1140px; }
    .container-xxl { max-width: 1400px; }
    .section { padding: 100px 0; }
    .section-title { font-weight: 800; letter-spacing: -0.5px; margin-bottom: 12px; position: relative; }
    .section-title::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 60px; height: 4px; background: var(--gradient-primary); border-radius: 2px; }
    .section-title.text-center::after { left: 50%; transform: translateX(-50%); }
    .section-sub { color: var(--gris-500); max-width: 860px; font-size: 1.125rem; }
    .bg-azul-soft { background: var(--gradient-hero); position: relative; overflow: hidden; }
    .bg-azul-soft::before { content: ''; position: absolute; top: 0; right: 0; width: 40%; height: 100%;
      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(21, 101, 192, 0.03)\"/></svg>') no-repeat center/cover; z-index: 0; }
    .soft-card { background: #fff; border: 1px solid var(--borde); border-radius: var(--r); box-shadow: var(--shadow-sm); transition: all 0.3s ease; overflow: hidden; }
    .soft-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
    .icon-badge { width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center; background: var(--gradient-primary); color: white; font-size: 1.5rem; box-shadow: var(--shadow-sm); }
    .btn-primary {
      --bs-btn-bg: var(--azul-800); --bs-btn-border-color: var(--azul-800);
      --bs-btn-hover-bg: #0f5aae; --bs-btn-hover-border-color: #0f5aae;
      --bs-btn-active-bg: #0d4a8c; --bs-btn-active-border-color: #0d4a8c;
      font-weight: 600; border-radius: 12px; padding: 12px 24px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(21, 101, 192, 0.3);
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(21, 101, 192, 0.4); }
    .btn-lg { padding: 14px 28px; font-size: 1.1rem; }
    .whatsapp-pill { background: #25D366; color: #fff; border-radius: 50px; padding: 12px 24px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3); }
    .whatsapp-pill:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4); color: #fff; opacity: 1; }
    .spacer { height: 80px; }

    /* ===== NAVBAR NUEVA (compacta y centrada) ===== */
    .navbar { background:#fff; transition: box-shadow .2s ease, padding .2s ease; }
    .navbar.scrolled { box-shadow: 0 8px 24px rgba(16,24,40,.06); }
    .navbar-compact { padding: 10px 0; }
    .nav    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "frioexpressservice.com.ar/index.html",
    "template_mtime": 1760377916,
    "template_mtime_human": "2025-10-13T17:51:56+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.2/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    ],
    "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.2/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}