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

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

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      /* Paleta mejorada */
      --green: #2E8B57;
      --green-dark: #1e6c45;
      --green-light: #e8f5e9;
      --blue: #1D71B8;
      --blue-dark: #15568a;
      --blue-light: #e3f2fd;
      --accent: #F4A300;
      --accent-dark: #d18a00;
      --accent-light: #fff3cd;
      --ink: #0b1b1b;
      --soft: #f8fbfc;
      --muted: #6b7a7a;
      --white: #ffffff;
      --shadow: 0 10px 30px rgba(0,0,0,0.08);
      --shadow-lg: 0 20px 60px rgba(0,0,0,0.12);
      --radius: 16px;
      --radius-lg: 24px;
    }

    * { box-sizing: border-box; }
    html, body { width:100%; max-width:100%; }
    body {
      font-family: 'Poppins', sans-serif;
      color: var(--ink);
      background: var(--white);
      scroll-behavior: smooth;
      line-height: 1.6;
      overflow-x: hidden; /* evita scroll horizontal en mobile */
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
    }

    
        /* ¿Por qué elegirnos? */
        .why li {
          margin: 1rem 0;
          display: flex;
          gap: 1rem;
          align-items: flex-start;
        }
    
        .why i {
          color: var(--green);
          background: var(--green-light);
          width: 24px;
          height: 24px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          margin-top: 2px;
        }

    .btn-brand {
      background: linear-gradient(135deg, var(--green), var(--blue));
      color: var(--white);
      border: 0;
      border-radius: 50px;
      padding: 12px 28px;
      font-weight: 600;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(29, 113, 184, 0.3);
      position: relative;
      overflow: hidden;
    }
    .btn-brand:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(29, 113, 184, 0.4); color: var(--white); }
    .btn-brand:active { transform: translateY(-1px); }
    .btn-brand::after {
      content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.5s;
    }
    .btn-brand:hover::after { left: 100%; }

    .btn-outline-brand {
      border: 2px solid var(--blue);
      color: var(--blue);
      border-radius: 50px;
      padding: 10px 26px;
      font-weight: 600;
      transition: all 0.3s ease;
      background: transparent;
    }
    .btn-outline-brand:hover { background: var(--blue); color: var(--white); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(29, 113, 184, 0.3); }

    .link-cta {
      color: var(--blue);
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s ease;
      position: relative;
      word-break: break-word;
    }
    .link-cta:hover { color: var(--blue-dark); }
    .link-cta::after {
      content: ''; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background: var(--blue);
      transition: width 0.3s ease;
    }
    .link-cta:hover::after { width: 100%; }

    /* Navbar */
    .navbar {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      padding: 12px 0;
      transition: all 0.3s ease;
    }
    .    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "selvacataratastraslados.com/index.html",
    "template_mtime": 1758733054,
    "template_mtime_human": "2025-09-24T16:57:34+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.css",
        "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap"
    ],
    "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.css",
        "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}