MIX · extractor de estilos
Template: podasadonai.com.ar/index.html · mtime: 2026-04-21 16:27
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 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: podasadonai.com.ar/index.html */
/* Template mtime: 2026-04-21 16:27:11 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans: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{
      --accent:#0d701f;
      --accent-dark:#0a5718;
      --accent-light:#e8f5eb;
      --accent-glow:rgba(13,112,31,.15);
      --text:#111111;
      --muted:#5f6368;
      --bg:#ffffff;
      --soft:#f6f8f5;
      --cream:#fafdf9;
      --line:#e7ebe5;
      --shadow:0 24px 48px -12px rgba(0,0,0,.12);
      --shadow-sm:0 4px 12px rgba(0,0,0,.06);
      --shadow-hover:0 32px 64px -16px rgba(13,112,31,.2);
      --radius:24px;
      --radius-lg:32px;
      --radius-sm:16px;
      --transition:all .4s cubic-bezier(.4,0,.2,1);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}

    body{
      font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
      color:var(--text);
      background:var(--bg);
      overflow-x:hidden;
      line-height:1.6;
    }

    /* Utility */
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}

    /* Premium Typography */
    .font-display{font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif}
    h1,h2,h3,h4,.navbar-brand,.btn-main,.btn-outline-main{font-feature-settings:'ss01' on,'cv02' on,'cv03' on;}

    /* Animated Background Pattern */
    .bg-pattern{
      position:fixed;
      inset:0;
      z-index:-1;
      opacity:.4;
      background-image:
        radial-gradient(circle at 20% 80%, var(--accent-glow) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, var(--accent-glow) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(13,112,31,.05) 0%, transparent 30%);
      animation:bgFloat 20s ease-in-out infinite;
    }
    @keyframes bgFloat{
      0%,100%{transform:scale(1) translate(0,0)}
      50%{transform:scale(1.1) translate(-2%,2%)}
    }

    /* Sections */
    .section{padding:120px 0;position:relative}
    .section-sm{padding:80px 0}

    /* Eyebrow Badge */
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 18px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--accent-light) 0%,rgba(13,112,31,.08) 100%);
      color:var(--accent);
      font-weight:700;
      font-size:.75rem;
      letter-spacing:.08em;
      text-transform:uppercase;
      border:1px solid rgba(13,112,31,.12);
      position:relative;
      overflow:hidden;
    }
    .eyebrow::before{
      content:'';
      position:absolute;
      top:0;left:-100%;
      width:100%;height:100%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
      animation:shimmer 3s infinite;
    }
    @keyframes shimmer{
      100%{left:100%}
    }

    /* Section Titles */
    .section-title{
      margin:20px 0 16px;
      font-size:clamp(2.2rem,4vw,3.2rem);
      line-height:1.04;
      font-weight:800;
      color:var(--text);
      letter-spacing:-.035em;
    }
    .section-title .accent{color:var(--accent)}
    .section-subtitle{
      color:var(--muted);
      font-size:1.06rem;
      line-height:1.85;
      max-width:620px;
      font-weight:500;
    }
    .text-center .section-subtitle{margin-inline:auto}

    /* ========== NAVBAR ========== */
    .navbar{
      background:rgba(255,255,255,.85);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(17,17,17,.05);
      padding:16px 0;
      tra    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "podasadonai.com.ar/index.html",
    "template_mtime": 1776788831,
    "template_mtime_human": "2026-04-21T16:27:11+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans: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=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans: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": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}