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

/* 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 */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */

/* external @import (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300 */
/* external @import (no embedded): https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500 */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      /* Paleta principal - Profesional construcción */
      --primary: #2A4B8C;
      --primary-dark: #1A3369;
      --primary-light: #3A6BC4;
      --secondary: #FF6B35;
      --secondary-dark: #E55A2B;
      --accent: #6F5BD6;
      --success: #10B981;
      
      /* Escala de grises */
      --ink: #111827;
      --ink-light: #374151;
      --muted: #6B7280;
      --muted-light: #9CA3AF;
      --bg: #FFFFFF;
      --soft: #F9FAFB;
      --soft-dark: #F3F4F6;
      --card: #FFFFFF;
      --border: #E5E7EB;
      --border-light: #F3F4F6;
      
      /* Sombras */
      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      --shadow-primary: 0 10px 30px -5px rgba(42, 75, 140, 0.3);
      --shadow-secondary: 0 10px 30px -5px rgba(255, 107, 53, 0.3);
      
      /* Bordes */
      --radius-sm: 8px;
      --radius: 12px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
      --radius-full: 9999px;
      
      /* Transiciones */
      --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
      --transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
      --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    [data-bs-theme="dark"] {
      --primary: #3B82F6;
      --primary-dark: #1D4ED8;
      --primary-light: #60A5FA;
      --ink: #F9FAFB;
      --ink-light: #E5E7EB;
      --muted: #D1D5DB;
      --muted-light: #9CA3AF;
      --bg: #111827;
      --soft: #1F2937;
      --soft-dark: #374151;
      --card: #1F2937;
      --border: #374151;
      --border-light: #4B5563;
    }

    /* Tipografía personalizada */
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 80px;
      overflow-x: hidden;
    }

    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      color: var(--ink);
      background-color: var(--bg);
      overflow-x: hidden;
      line-height: 1.6;
      font-weight: 400;
      width: 100%;
      position: relative;
    }

    
    /* Watermark logo fijo en el fondo (no molesta al scroll) */
    body::before{
      content:"";
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background-image: url("img/logo.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: min(520px, 70vw);
      opacity: 0.055;
      filter: grayscale(100%);
    }
    /* Asegura que el contenido quede por encima del watermark */
    body > *{
      position: relative;
      z-index: 1;
    }
h1, h2, h3, h4, h5, h6,
     /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "maksytechconstrucciones.com.ar/index.html",
    "template_mtime": 1773663660,
    "template_mtime_human": "2026-03-16T12:21:00+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",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",
        "https://unpkg.com/[email protected]/dist/aos.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",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",
        "https://unpkg.com/[email protected]/dist/aos.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 5,
    "inline_imports_external": [
        "https://fonts.googleapis.com/css2?family=Inter:wght@300",
        "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500"
    ],
    "inline_imports_embedded": [],
    "missing_css_files": []
}