• https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..900&display=swap
• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css

/* MIXED CSS PACK */
/* Template: sculls.com.ar/index.html */
/* Template mtime: 2026-02-20 12:39:34 */

/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..900&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
/* ===== VARIABLES Y RESET ===== */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
  /* ===== BRAND (UI principal) -> AZUL del logo ===== */
  --brand-light: #eef6ff;
  --brand: #1f78b4;                          /* 🔵 azul */
  --brand-dark: #155a86;                     /* azul profundo */
  --brand-glow: rgba(31, 120, 180, 0.28);
  --brand-soft: rgba(31, 120, 180, 0.08);

  /* ===== ACENTOS del logo ===== */
  --accent-red: #e10600;                     /* 🔴 rojo */
  --accent-red-dark: #b80000;
  --accent-red-soft: rgba(225, 6, 0, 0.08);
  --accent-red-glow: rgba(225, 6, 0, 0.22);

  --accent-yellow: #f4c400;                  /* 🟡 amarillo */
  --accent-yellow-dark: #c99d00;
  --accent-yellow-soft: rgba(244, 196, 0, 0.14);

  --accent-black: #111111;                   /* ⚫ negro */

  /* ===== BASE UI ===== */
  --bg: #ffffff;
  --bg-alt: #f4f5f7;
  --surface: rgba(255, 255, 255, 0.86);
  --surface-solid: #ffffff;

  /* ===== TEXTOS ===== */
  --text-primary: #111827;
  --text-secondary: #1f2937;
  --text-muted: #4b5563;
  --text-light: #6b7280;

  /* ===== BORDES ===== */
  --border-light: rgba(17, 24, 39, 0.08);
  --border-medium: rgba(17, 24, 39, 0.16);

  /* ===== SOMBRAS ===== */
  --shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.02);
  --shadow-md: 0 12px 24px -8px rgba(0, 32, 64, 0.12), 0 4px 12px -4px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 32px 48px -16px rgba(0, 48, 80, 0.2), 0 8px 16px -8px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 48px 64px -24px rgba(0, 64, 96, 0.25);

  /* ===== RADIOS ===== */
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* ===== TRANSICIONES ===== */
  --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}


    body {
      font-family: "Inter", system-ui, -apple-system, sans-serif;
      background: var(--bg-alt);
      color: var(--text-primary);
      line-height: 1.5;
      overflow-x: hidden;
    }

    /* ===== BACKGROUNDS SUTILES ===== */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background: 
        radial-gradient(800px at 10% 20%, rgba(35, 182, 201, 0.08), transparent 50%),
        radial-gradient(600px at 90% 70%, rgba(35, 182, 201, 0.06), transparent 50%),
        repeating-linear-gradient(45deg, transparent 0px, transparent 20px, rgba(35, 182, 201, 0.02) 20px, rgba(35, 182, 201, 0.02) 40px);
      pointer-events: none;
      z-index: -1;
    }

    /* ===== UTILIDADES ===== */
    .anchor-offset {
      scroll-margin-top: 88px;
    }

    .container {
      max-width: 1280px;
      padding-inline: 24px;
    }

    /* ===== ESPACIADO ENTRE SECCIONES (más aire entre fin de una sección y el eyebrow de la siguiente) ===== */
    section {
      padding: 88px 0;
    }
    /* Mantener HERO con su propio padding (ya definido) */
    header.hero {
      padding: 140px 0 120px;
      position: relative;
      background: url('img/hero2.jpg') center / cover no-repeat;
    }
    .hero::before{
      content:'';
      position:absolute;
      inset:0;
      /* overlay mínimo (sin gradiente) para que se vea la foto y el texto tenga contraste */
      background: rgba(    /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "sculls.com.ar/index.html",
    "template_mtime": 1771591174,
    "template_mtime_human": "2026-02-20T12:39:34+00:00",
    "css_links_found": [
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..900&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "css_links_external": [
        "https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300..900&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 4,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}