• 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://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap

/* MIXED CSS PACK */
/* Template: piscinasjm.com.ar/index.html */
/* Template mtime: 2026-01-31 17:27:28 */

/* 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://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --primary: #0ea5e9;
      --primary-dark: #0284c7;
      --primary-light: #38bdf8;
      --primary-soft: #f0f9ff;
      
      --secondary: #1e293b;
      --secondary-light: #334155;
      
      --accent: #06b6d4;
      --accent-light: #22d3ee;
      
      --neutral-50: #f8fafc;
      --neutral-100: #f1f5f9;
      --neutral-200: #e2e8f0;
      --neutral-300: #cbd5e1;
      --neutral-400: #94a3b8;
      --neutral-500: #64748b;
      --neutral-600: #475569;
      --neutral-700: #334155;
      --neutral-800: #1e293b;
      --neutral-900: #0f172a;
      
      --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
      --shadow-md: 0 6px 20px rgba(15, 23, 42, 0.12);
      --shadow-lg: 0 20px 50px rgba(14, 165, 233, 0.15);
      --shadow-xl: 0 30px 80px rgba(14, 165, 233, 0.2);
      
      --radius-sm: 10px;
      --radius-md: 18px;
      --radius-lg: 28px;
      --radius-xl: 40px;
      --radius-full: 9999px;
    }
    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    html {
      scroll-behavior: smooth;
      scroll-padding-top: 80px;
    }
    
    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-weight: 400;
      color: var(--neutral-800);
      background-color: white;
      line-height: 1.6;
      overflow-x: hidden;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      line-height: 1.2;
      color: var(--neutral-900);
      letter-spacing: -0.02em;
    }
    
    /* ===== NAVBAR ===== */
    .navbar {
      padding: 1.25rem 0;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.6);
      transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
      padding: 0.75rem 0;
      box-shadow: var(--shadow-md);
    }
    
    .navbar-brand {
      font-size: 1.75rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    
    .navbar-brand i {
      font-size: 1.5rem;
    }
    
    .nav-link {
      font-weight: 600;
      color: var(--neutral-700);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      transition: all 0.2s ease;
    }
    
    .nav-link:hover {
      color: var(--primary);
      background-color: var(--primary-soft);
    }
    
    .btn-whatsapp {
      background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
      color: white;
      font-weight: 700;
      padding: 0.75rem 1.5rem;
      border-radius: var(--radius-full);
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      border: none;
    }
    
    .btn-whatsapp:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
      color: white;
    }
    
    /* ===== HERO ===== */
    .hero-section {
      padding-top: 140px;
      padding-bottom: 100px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, var(--neutral-50) 0%, white 50    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "piscinasjm.com.ar/index.html",
    "template_mtime": 1769880448,
    "template_mtime_human": "2026-01-31T17:27:28+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://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&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.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 3,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}