• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css
• https://unpkg.com/[email protected]/dist/aos.css
• https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css
• https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap

/* MIXED CSS PACK */
/* Template: serviciosdebombas24hs.com.ar/index.html */
/* Template mtime: 2025-08-21 18:34: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://unpkg.com/[email protected]/dist/aos.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --rojo: #e10600;
      --rojo-oscuro: #c10500;
      --rojo-suave: rgba(225, 6, 0, 0.08);
      --negro: #111111;
      --gris-oscuro: #2d2d2d;
      --gris: #6b7280;
      --gris-claro: #f3f4f6;
      --blanco: #ffffff;
      --sombra: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
      --sombra-hover: 0 20px 45px -10px rgba(0, 0, 0, 0.15), 0 10px 15px -8px rgba(0, 0, 0, 0.15);
      --transicion: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    * {
      box-sizing: border-box;
    }
    
    html {
      scroll-behavior: smooth;
      scroll-padding-top: 80px;
      overflow-x: hidden;
      width: 100%;
    }
    
    body {
      color: var(--negro);
      background: var(--blanco);
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      line-height: 1.6;
      overflow-x: hidden;
      width: 100%;
      position: relative;
    }
    
    /* Tipografía mejorada */
    h1, h2, h3, h4, h5, h6,
    .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 1rem;
      letter-spacing: -0.025em;
    }
    
    .lead {
      font-size: 1.25rem;
      font-weight: 400;
      color: var(--gris);
    }
    
    /* Navbar mejorada */
    .navbar {
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      transition: var(--transicion);
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
    }
    
    .navbar.scrolled {
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    
    .navbar .nav-link {
      font-weight: 500;
      padding: 0.5rem 1rem;
      position: relative;
      color: var(--gris-oscuro);
      transition: var(--transicion);
    }
    
    .navbar .nav-link:hover,
    .navbar .nav-link.active {
      color: var(--rojo);
    }
    
    .navbar .nav-link:after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      bottom: 0;
      left: 1rem;
      background-color: var(--rojo);
      transition: width 0.3s ease;
    }
    
    .navbar .nav-link:hover:after,
    .navbar .nav-link.active:after {
      width: calc(100% - 2rem);
    }
    
    .brand-small {
      font-size: .72rem;
      letter-spacing: .18em;
      color: var(--gris);
      text-transform: uppercase;
      font-weight: 500;
    }
    
    /* Logo más grande en navbar */
    .navbar-brand img {
      height: 60px !important;
      width: auto;
    }
    
    /* Hero section mejorada */
    .hero {
      padding: 8rem 0 6rem;
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      position: relative;
      overflow: hidden;
    }
    
    .hero::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: 
        radial-gradient(circle at 15% 50%, rgba(225, 6, 0, 0.08) 0%, transparent 25%),
        radial-gradient(circle at 85% 30%, rgba(225, 6, 0, 0.05) 0%, transparent 25%);
      z-index: 0;
    }
    
    .hero-content {
      position: relative;
      z-index: 2;
    }
    
    .badge-24 {
      background: linear-gradient(135deg, var(--rojo)    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "serviciosdebombas24hs.com.ar/index.html",
    "template_mtime": 1755801274,
    "template_mtime_human": "2025-08-21T18:34: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://unpkg.com/[email protected]/dist/aos.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&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://unpkg.com/[email protected]/dist/aos.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}