MIX · extractor de estilos
Template: quiñonesconstrucciones.com.ar/index.html · mtime: 2026-04-08 11:32
← 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: quiñonesconstrucciones.com.ar/index.html */
/* Template mtime: 2026-04-08 11:32:23 */

/* 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@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
      --accent:#497474;
      --accent-2:#497474;
      --accent-light:rgba(73,116,116,.08);
      --accent-glow:rgba(73,116,116,.15);
      --bg:#f7f4ef;
      --surface:#ffffff;
      --text:#1f1f1f;
      --muted:#5a5a5a;
      --line:rgba(0,0,0,.06);
      --footer:#497474;
      --shadow-sm:0 4px 20px rgba(0,0,0,.04);
      --shadow:0 24px 48px rgba(0,0,0,.08);
      --shadow-lg:0 32px 64px rgba(0,0,0,.10);
      --shadow-accent:0 20px 40px rgba(73,116,116,.20);
      --radius:24px;
      --radius-sm:16px;
      --radius-xs:12px;
      --nav-h:90px;
      --font-display:'Playfair Display', Georgia, serif;
      --font-body:'DM Sans', system-ui, sans-serif;
      --transition-fast:.2s cubic-bezier(.4,0,.2,1);
      --transition:.4s cubic-bezier(.4,0,.2,1);
    }

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

    body{
      font-family:var(--font-body);
      color:var(--text);
      background:var(--bg);
      overflow-x:hidden;
      line-height:1.7;
      font-size:16px;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    /* Fondo sutil con textura */
    body::before{
      content:'';
      position:fixed;
      top:0;left:0;right:0;bottom:0;
      background:
        radial-gradient(ellipse 80% 50% at 50% -20%, var(--accent-glow), transparent),
        linear-gradient(180deg, #fcfbf8 0%, var(--bg) 50%, #f0ebe3 100%);
      z-index:-2;
    }

    img{max-width:100%;height:auto;display:block}
    a{text-decoration:none;transition:color var(--transition-fast)}


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

    body{
      width:100%;
    }

    .navbar,
    .navbar .container-custom,
    .navbar-collapse,
    .navbar-nav,
    .hero,
    .section,
    .site-footer{
      max-width:100%;
    }

    .container-custom{
      width:min(1200px, calc(100% - 48px));
      margin-inline:auto;
    }

    /* Secciones */
    .section{
      padding:120px 0;
      position:relative;
    }

    /* Eyebrow badge premium */
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.6rem;
      padding:.6rem 1.2rem;
      border-radius:100px;
      background:linear-gradient(135deg, var(--accent-light), rgba(176,109,44,.04));
      border:1px solid rgba(176,109,44,.12);
      color:var(--accent-2);
      font-size:.75rem;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.14em;
      margin-bottom:1.5rem;
      backdrop-filter:blur(8px);
    }
    .eyebrow::before{
      content:'';
      width:6px;height:6px;
      background:var(--accent);
      border-radius:50%;
      animation:pulse 2s ease-in-out infinite;
    }
    @keyframes pulse{
      0%,100%{opacity:.4;transform:scale(1)}
      50%{opacity:1;transform:scale(1.2)}
    }

    /* Títulos con tipografía editorial */
    .section-title{
      font-family:var(--font-display);
      font-size:clamp(2.2rem, 4.5vw, 3.5rem);
      line-height:1.1;
      font-weight:700;
      margin:0 0 1rem;
      letter-spacing:-.02em;
      color:var(--text);
    }
    .section-title span{
      background:linear-gradient(135deg, var(--accent), var(--accent-2));
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }

    .section-subtitle{
      font-size:1.1rem;
      color:var(--muted);
      max-width:640px;
      margin:0     /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "quiñonesconstrucciones.com.ar/index.html",
    "template_mtime": 1775647943,
    "template_mtime_human": "2026-04-08T11:32:23+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@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}