MIX · extractor de estilos
Template: espejosfw.com.ar/index.html · mtime: 2025-06-17 17:58
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 3 Embebidos: 0 Externos: 3 Inline styles: 4 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: espejosfw.com.ar/index.html */
/* Template mtime: 2025-06-17 17:58:50 */

/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */
/* 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=Poppins:wght@300;400;500;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
html, body {
      margin: 0;
      font-family: 'Poppins', 'Segoe UI', sans-serif;
      background-color: #000;
      color: #fff;
    }
    
    .carousel-item img {
      width: 100%;
      max-height: 100vh;
      object-fit: contain;
      margin: 0 auto;
      display: block;
      filter: brightness(0.7);
    }
    
    .navbar-blur {
      backdrop-filter: blur(10px);
      background-color: rgba(0, 0, 0, 0.4) !important;
    }
    
    .navbar {
      justify-content: flex-end;
    }
    
    .navbar .nav-link {
      color: #fff !important;
      font-weight: 500;
      margin-left: 1.5rem;
    }
    
    .hero-content {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 10;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 2.5rem;
      border-radius: 16px;
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      width: 90%;
      max-width: 800px;
    }
    
    .hero-content h1 {
      font-size: clamp(2rem, 5vw, 3.5rem);
      font-weight: 700;
      margin-bottom: 1rem;
    }
    
    .hero-content p {
      font-size: clamp(1rem, 2vw, 1.25rem);
      color: rgba(255, 255, 255, 0.9);
      margin-bottom: 2rem;
    }
    
    .catalogo-link-btn {
      pointer-events: auto;
      background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
      border: 1px solid rgba(255, 255, 255, 0.2);
      padding: 0.8rem 1.8rem;
      border-radius: 12px;
      text-decoration: none;
      color: #fff;
      font-weight: 500;
      transition: all 0.3s ease;
      backdrop-filter: blur(5px);
      font-size: clamp(0.8rem, 1.8vw, 0.95rem); opacity: 0.85;
    }
    
    .catalogo-link-btn:hover {
      background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
      transform: scale(1.05);
      color: #fff;
    }
    
    footer {
      background-color: rgba(0, 0, 0, 0.8);
      text-align: center;
      padding: 1.5rem;
      color: #ccc;
      position: relative;
      z-index: 20;
    }
    
    /* WhatsApp Chat - EXACTAMENTE COMO ESTABA ORIGINALMENTE */
    #btnWsp {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      color: white;
      border: none;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      font-size: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      z-index: 999;
    }
    
    #chatBox {
      display: none;
      position: fixed;
      bottom: 90px;
      right: 20px;
      width: 320px;
      border-radius: 8px;
      border: 1px solid #ddd;
      background: #fff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      z-index: 998;
      overflow: hidden;
    }
    
    .chatHeader {
      background-color: #25D366;
      color: white;
      padding: 12px 16px;
      font-weight: 500;
      font-size: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .chatHeader .cerrar {
      font-size: 18px;
      cursor: pointer;
    }
    
    .chatBody {
      padding: 16px;
          /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "espejosfw.com.ar/index.html",
    "template_mtime": 1750183130,
    "template_mtime_human": "2025-06-17T17:58:50+00:00",
    "css_links_found": [
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
    ],
    "css_links_external": [
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 4,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}