MIX · extractor de estilos
Template: impercar.com.ar/index.html · mtime: 2025-07-25 17:18
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 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: impercar.com.ar/index.html */
/* Template mtime: 2025-07-25 17:18:25 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&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.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --primary-color: #E63946;
      --secondary-color: #1D3557;
      --accent-color: #F1C40F;
      --dark-color: #2C3E50;
      --light-color: #F8F9FA;
      --success-color: #2ECC71;
      --info-color: #3498DB;
      --warning-color: #E67E22;
    }
    
    body {
      font-family: 'Montserrat', sans-serif;
      scroll-behavior: smooth;
      background-color: var(--light-color);
      color: var(--dark-color);
      overflow-x: hidden;
    }
    
    h1, h2, h3, h4, h5, .display-1, .display-2, .display-3, .display-4 {
      font-family: 'Playfair Display', serif;
      font-weight: 600;
    }
    
    /* Navbar */
    .navbar {
      background-color: rgba(29, 53, 87, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
      padding: 15px 0;
      transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
      padding: 10px 0;
      background-color: rgba(29, 53, 87, 0.98);
    }
    
    .navbar-brand {
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: 1px;
    }
    
    .navbar-brand span {
      color: var(--primary-color);
    }
    
    .nav-link {
      font-weight: 500;
      margin: 0 8px;
      padding: 8px 15px !important;
      border-radius: 50px;
      transition: all 0.3s ease;
    }
    
    .nav-link:hover, .nav-link.active {
      background-color: var(--primary-color);
      color: white !important;
    }
    
    .navbar-toggler {
      border: none;
      padding: 0.5rem;
    }
    
    .navbar-toggler:focus {
      box-shadow: none;
    }
    
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    /* Botones flotantes */
.btn-wpp, .btn-ig {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.btn-wpp {
  background-color: #25D366;
  margin-bottom: 70px; /* espacio con el ig */
}

.btn-ig {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.btn-wpp:hover, .btn-ig:hover {
  transform: scale(1.1);
}

    /* Hero Section */
    .hero {
      background: url('img/3.png') no-repeat center center / cover;
      background-color: #1D3557;
      color: white;
      padding: 500px 0 150px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    
    .hero::before {
      content: '';
      position: absolute;
      bottom: -50px;
      left: 0;
      width: 100%;
      height: 100px;
      background: var(--light-color);
      transform: skewY(0deg);
      z-index: 1;
    }
    
    .hero h1 {
      font-size: 3.5rem;
      margin-bottom: 20px;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
      animation: fadeInUp 1s ease;
    }
    
    .hero p {
      font-size: 1.3rem;
      margin-bottom: 30px;
        /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "impercar.com.ar/index.html",
    "template_mtime": 1753463905,
    "template_mtime_human": "2025-07-25T17:18:25+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}