/*
Theme Name: Impulse Lead SEO
Theme URI: https://impulselead.com.br/
Author: Impulse Lead
Author URI: https://impulselead.com.br/
Description: Tema WordPress próprio da Impulse Lead com foco em criação de sites, Google Meu Negócio, SEO local, páginas por serviço, segmento e cidade.
Version: 2.3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: Proprietary
Text Domain: impulse-lead-seo
*/

.il-home,
    .il-home * {
      box-sizing: border-box;
    }

    .il-home {
      --bg: #020814;
      --bg2: #061426;
      --card: #07182f;
      --blue: #1288ff;
      --cyan: #20dfff;
      --green: #22e879;
      --yellow: #ffd21f;
      --white: #ffffff;
      --text: #dcecff;
      --muted: #9fb8d6;
      --border: rgba(55, 165, 255, .24);
      --shadow: 0 24px 70px rgba(0, 90, 255, .20);
      font-family: Inter, Arial, Helvetica, sans-serif;
      background: #020814;
      color: #fff;
      overflow: hidden;
    }

    .il-home a {
      color: inherit;
      text-decoration: none;
    }

    .il-container {
      width: min(1240px, calc(100% - 32px));
      margin: 0 auto;
    }

    /* HEADER */
    .il-header {
      position: sticky;
      top: 0;
      z-index: 999;
      background: rgba(2, 8, 20, .94);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .il-header-inner {
      min-height: 98px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .il-logo {
      display: flex;
      align-items: center;
      flex: 0 0 auto;
    }

    .il-logo img {
      height: 96px;
      width: auto;
      display: block;
      object-fit: contain;
    }

    .il-nav {
      display: flex;
      align-items: center;
      gap: 24px;
      font-size: 14px;
      font-weight: 900;
      color: #f2f8ff;
    }

    .il-nav a {
      opacity: .92;
      transition: .2s ease;
    }

    .il-nav a:hover {
      opacity: 1;
      color: var(--cyan);
    }

    .il-header-cta {
      min-height: 46px;
      padding: 0 18px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #0d73ff, #1ad9ff);
      color: #fff !important;
      box-shadow: 0 14px 34px rgba(0,120,255,.32);
      font-weight: 900;
      white-space: nowrap;
    }

    .il-menu-toggle {
      display: none;
      width: 46px;
      height: 46px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.04);
      color: #fff;
      font-size: 24px;
      cursor: pointer;
    }

    /* HERO DESKTOP OFICIAL */
    .il-desktop-hero {
      position: relative;
      min-height: 690px;
      background: #020814;
      overflow: hidden;
      display: block;
    }

    .il-desktop-slider {
      position: relative;
      min-height: 690px;
    }

    .il-desktop-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      transition: opacity .7s ease;
      background-size: cover;
      background-position: center right;
      background-repeat: no-repeat;
    }

    .il-desktop-slide.active {
      opacity: 1;
      pointer-events: auto;
      z-index: 2;
    }

    .il-desktop-slide-google {
      background-image:
        linear-gradient(
          90deg,
          rgba(2,8,20,.98) 0%,
          rgba(2,8,20,.94) 26%,
          rgba(2,8,20,.60) 45%,
          rgba(2,8,20,.16) 72%,
          rgba(2,8,20,.05) 100%
        ),
        url("https://impulselead.com.br/wp-content/uploads/2026/06/01-banner-hero-google-meu-negocio-seo-local.png");
    }

    .il-desktop-slide-site {
      background-image:
        linear-gradient(
          90deg,
          rgba(2,8,20,.98) 0%,
          rgba(2,8,20,.94) 26%,
          rgba(2,8,20,.60) 45%,
          rgba(2,8,20,.16) 72%,
          rgba(2,8,20,.05) 100%
        ),
        url("https://impulselead.com.br/wp-content/uploads/2026/06/02-banner-hero-site-profissional.png");
    }

    .il-desktop-hero-content {
      position: relative;
      z-index: 3;
      min-height: 690px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 58px 0 78px;
    }

    .il-desktop-hero-text {
      width: 100%;
      max-width: 450px;
      margin-left: 0;
    }

    .il-eyebrow {
      display: inline-flex;
      align-items: center;
      padding: 9px 15px;
      border-radius: 999px;
      border: 1px solid rgba(36,170,255,.36);
      background: rgba(0,125,255,.14);
      color: #47ddff;
      font-size: 11px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: .13em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .il-desktop-hero h1,
    .il-desktop-hero .il-hero-title {
      margin: 0 0 16px;
      max-width: 440px;
      font-size: clamp(34px, 3.25vw, 52px);
      line-height: 1.02;
      letter-spacing: -0.052em;
      font-weight: 950;
      color: #fff;
    }

    .il-gradient {
      background: linear-gradient(135deg, #1d92ff 0%, #20e0ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #20e0ff;
    }

    .il-desktop-hero p {
      margin: 0;
      max-width: 390px;
      font-size: 16px;
      line-height: 1.65;
      color: #dcecff;
    }

    .il-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 26px;
    }

    .il-btn {
      min-height: 54px;
      padding: 0 24px;
      border-radius: 15px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border: 1px solid transparent;
      font-size: 15px;
      font-weight: 950;
      transition: .22s ease;
      cursor: pointer;
      text-align: center;
    }

    .il-btn-primary {
      background: linear-gradient(135deg, #0d72ff, #16d6ff);
      color: #fff;
      box-shadow: 0 18px 45px rgba(0,120,255,.34);
    }

    .il-btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 24px 58px rgba(0,120,255,.45);
    }

    .il-btn-outline {
      background: rgba(255,255,255,.035);
      border-color: rgba(125,190,255,.30);
      color: #fff;
    }

    .il-btn-outline:hover {
      color: var(--cyan);
      border-color: rgba(32,223,255,.58);
      transform: translateY(-2px);
    }

    .il-trust {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 18px;
      color: #cfe3ff;
      font-size: 14.5px;
      line-height: 1.5;
    }

    .il-trust svg {
      width: 20px;
      height: 20px;
      color: #20e0ff;
      flex: 0 0 auto;
    }

    .il-desktop-dots {
      position: absolute;
      z-index: 5;
      left: 50%;
      bottom: 28px;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    .il-desktop-dot {
      width: 34px;
      height: 8px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.20);
      cursor: pointer;
      transition: .2s ease;
    }

    .il-desktop-dot.active {
      width: 56px;
      background: linear-gradient(90deg, #0f83ff, #1ee4ff);
      box-shadow: 0 0 24px rgba(0,200,255,.55);
    }

    /* HERO TABLET + CELULAR SEPARADA */
    .il-mobile-hero {
      display: none;
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 180, 255, .16), transparent 34%),
        radial-gradient(circle at 100% 50%, rgba(0, 120, 255, .10), transparent 34%),
        linear-gradient(180deg, #020814 0%, #031020 100%);
      color: #fff;
      overflow: hidden;
    }

    .il-mobile-hero-wrap {
      width: min(100% - 24px, 860px);
      margin: 0 auto;
      padding: 34px 0 34px;
    }

    .il-mobile-slider {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .il-mobile-slide {
      display: none;
      animation: ilMobileFade .35s ease;
    }

    .il-mobile-slide.active {
      display: block;
    }

    @keyframes ilMobileFade {
      from {
        opacity: 0;
        transform: translateY(8px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .il-mobile-hero-text {
      max-width: 680px;
      margin: 0 auto 22px;
      text-align: left;
    }

    .il-mobile-eyebrow {
      display: inline-flex;
      align-items: center;
      padding: 8px 13px;
      border-radius: 999px;
      border: 1px solid rgba(36,170,255,.36);
      background: rgba(0,125,255,.14);
      color: #47ddff;
      font-size: 10px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .il-mobile-hero h1,
    .il-mobile-hero .il-hero-title {
      margin: 0 0 14px;
      color: #fff;
      font-size: clamp(34px, 7vw, 54px);
      line-height: 1.02;
      letter-spacing: -0.055em;
      font-weight: 950;
    }

    .il-mobile-gradient {
      background: linear-gradient(135deg, #168cff 0%, #20e0ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #20e0ff;
    }

    .il-mobile-hero p {
      margin: 0;
      color: #dcecff;
      font-size: clamp(15px, 2.6vw, 18px);
      line-height: 1.65;
      max-width: 620px;
    }

    .il-mobile-banner {
      width: 100%;
      max-width: 760px;
      margin: 22px auto 22px;
      border-radius: 24px;
      overflow: hidden;
      background: rgba(255,255,255,.025);
      border: 1px solid rgba(55,165,255,.18);
      box-shadow:
        0 26px 70px rgba(0, 90, 255, .22),
        inset 0 0 0 1px rgba(255,255,255,.03);
    }

    .il-mobile-banner img {
      width: 100%;
      height: auto;
      display: block;
    }

    .il-mobile-actions {
      width: 100%;
      max-width: 680px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .il-mobile-btn {
      min-height: 54px;
      padding: 0 18px;
      border-radius: 15px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 15px;
      line-height: 1.2;
      font-weight: 950;
      border: 1px solid transparent;
    }

    .il-mobile-btn-primary {
      background: linear-gradient(135deg, #0d72ff, #16d6ff);
      color: #fff;
      box-shadow: 0 18px 45px rgba(0,120,255,.34);
    }

    .il-mobile-btn-outline {
      background: rgba(255,255,255,.035);
      border-color: rgba(125,190,255,.30);
      color: #fff;
    }

    .il-mobile-trust {
      width: 100%;
      max-width: 680px;
      margin: 16px auto 0;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #cfe3ff;
      font-size: 14.5px;
      line-height: 1.45;
    }

    .il-mobile-trust svg {
      width: 20px;
      height: 20px;
      color: #20e0ff;
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .il-mobile-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 9px;
      margin-top: 24px;
    }

    .il-mobile-dot {
      width: 32px;
      height: 8px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.22);
      cursor: pointer;
      transition: .2s ease;
    }

    .il-mobile-dot.active {
      width: 54px;
      background: linear-gradient(90deg, #0f83ff, #1ee4ff);
      box-shadow: 0 0 24px rgba(0,200,255,.55);
    }

    /* SEÇÕES */
    .il-section {
      padding: 92px 0;
      background:
        radial-gradient(circle at 10% 5%, rgba(0,119,255,.12), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(0,220,255,.10), transparent 32%),
        linear-gradient(180deg, #041224 0%, #020814 100%);
    }

    .il-section-alt {
      background:
        radial-gradient(circle at 85% 0%, rgba(255,210,31,.10), transparent 22%),
        radial-gradient(circle at 15% 8%, rgba(0,220,255,.11), transparent 30%),
        linear-gradient(180deg, #020814 0%, #07172c 100%);
    }

    .il-title {
      max-width: 850px;
      margin: 0 auto 48px;
      text-align: center;
    }

    .il-kicker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(0,119,255,.15);
      border: 1px solid rgba(46,170,255,.25);
      color: #42dfff;
      font-size: 12px;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }

    .il-kicker-yellow {
      background: rgba(255,210,31,.12);
      border-color: rgba(255,210,31,.32);
      color: #ffd21f;
    }

    .il-title h2 {
      margin: 0;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.04;
      letter-spacing: -0.05em;
      font-weight: 950;
    }

    .il-title p {
      max-width: 710px;
      margin: 16px auto 0;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.72;
    }

    /* SERVIÇOS */
    .il-services {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 26px;
    }

    .il-service-card {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      padding: 34px;
      background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.24);
      box-shadow: var(--shadow);
      min-height: 100%;
    }

    .il-service-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      pointer-events: none;
      background:
        radial-gradient(circle at 90% 0%, rgba(0,210,255,.18), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(0,119,255,.14), transparent 28%);
      opacity: .75;
    }

    .il-service-card.il-google::before {
      background:
        radial-gradient(circle at 90% 0%, rgba(255,210,31,.20), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(34,232,121,.18), transparent 28%),
        radial-gradient(circle at 30% 0%, rgba(0,119,255,.16), transparent 26%);
    }

    .il-service-card > * {
      position: relative;
      z-index: 1;
    }

    .il-service-label {
      display: inline-flex;
      align-items: center;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(0,119,255,.15);
      color: #45dfff;
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .il-google .il-service-label {
      background: rgba(255,210,31,.13);
      color: #ffd21f;
      border: 1px solid rgba(255,210,31,.20);
    }

    .il-service-card h3 {
      margin: 0 0 14px;
      font-size: clamp(30px, 3vw, 42px);
      line-height: .98;
      letter-spacing: -0.045em;
      font-weight: 950;
    }

    .il-service-card p {
      margin: 0 0 18px;
      color: #d8e8ff;
      font-size: 16.5px;
      line-height: 1.72;
    }

    .il-service-extra {
      margin-bottom: 24px;
      padding: 18px;
      border-radius: 18px;
      background: rgba(255,255,255,.045);
      border: 1px solid rgba(255,255,255,.075);
      color: #c8dcf5;
      font-size: 15px;
      line-height: 1.68;
    }

    .il-feature-list {
      display: grid;
      gap: 12px;
      list-style: none;
      padding: 0;
      margin: 0 0 28px;
    }

    .il-feature-list li {
      position: relative;
      padding: 13px 14px 13px 39px;
      border-radius: 14px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.07);
      color: #edf6ff;
      font-size: 14.5px;
      line-height: 1.48;
    }

    .il-feature-list li::before {
      content: "✓";
      position: absolute;
      left: 15px;
      top: 12px;
      font-weight: 950;
      color: var(--green);
    }

    .il-service-bottom {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
      margin-top: auto;
    }

    .il-price small {
      display: block;
      margin-bottom: 8px;
      color: #9fb9d9;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .10em;
      font-weight: 950;
    }

    .il-price strong {
      display: block;
      color: #23a5ff;
      font-size: 48px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: -0.055em;
    }

    .il-google .il-price strong {
      background: linear-gradient(135deg, #ffd21f, #22e879);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: var(--yellow);
    }

    /* ESTRATÉGIA */
    .il-strategy-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 22px;
    }

    .il-strategy-card {
      padding: 28px;
      border-radius: 26px;
      background: linear-gradient(145deg, rgba(7,24,47,.96), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.22);
      box-shadow: 0 20px 54px rgba(0,0,0,.24);
      position: relative;
      overflow: hidden;
    }

    .il-strategy-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 100% 0%, rgba(255,210,31,.14), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(34,232,121,.12), transparent 32%);
      pointer-events: none;
    }

    .il-strategy-card > * {
      position: relative;
      z-index: 1;
    }

    .il-strategy-number {
      width: 44px;
      height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 14px;
      background: linear-gradient(135deg, #0f80ff, #20dfff);
      font-size: 15px;
      font-weight: 950;
      margin-bottom: 18px;
    }

    .il-strategy-card h3 {
      margin: 0 0 12px;
      font-size: 25px;
      line-height: 1.08;
      letter-spacing: -0.035em;
      font-weight: 950;
    }

    .il-strategy-card p {
      margin: 0;
      color: #bcd1ec;
      font-size: 15.5px;
      line-height: 1.68;
    }

    /* EXEMPLOS */
    .il-examples {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 20px;
    }

    .il-example-card {
      border-radius: 24px;
      overflow: hidden;
      background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.22);
      box-shadow: 0 20px 54px rgba(0,0,0,.28);
    }

    .il-example-thumb {
      height: 205px;
      background:
        radial-gradient(circle at 50% 50%, rgba(0,140,255,.08), transparent 40%),
        #03101f;
      border-bottom: 1px solid rgba(255,255,255,.08);
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px;
    }

    .il-example-thumb img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center center;
      display: block;
      transition: .28s ease;
    }

    .il-example-card:hover .il-example-thumb img {
      transform: scale(1.02);
    }

    .il-example-body {
      padding: 20px;
    }

    .il-example-tag {
      display: inline-flex;
      margin-bottom: 10px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(0,119,255,.15);
      color: #43dfff;
      font-size: 10px;
      font-weight: 950;
      letter-spacing: .10em;
      text-transform: uppercase;
    }

    .il-example-body h3 {
      margin: 0 0 8px;
      font-size: 20px;
      font-weight: 950;
      letter-spacing: -0.025em;
    }

    .il-example-body p {
      margin: 0 0 16px;
      color: #abc1dd;
      font-size: 14px;
      line-height: 1.55;
    }

    .il-example-actions {
      display: grid;
      gap: 9px;
    }

    .il-example-actions a {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      font-size: 13px;
      font-weight: 950;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      color: #fff;
    }

    .il-example-actions a:first-child {
      background: linear-gradient(135deg, #0d72ff, #16d6ff);
      border-color: transparent;
    }

    /* BENEFÍCIOS */
    .il-benefits {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .il-benefit-card {
      padding: 24px;
      border-radius: 22px;
      background: linear-gradient(145deg, rgba(7,24,47,.94), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.20);
      box-shadow: 0 18px 48px rgba(0,0,0,.25);
    }

    .il-benefit-card::before {
      content: "";
      display: block;
      width: 52px;
      height: 4px;
      border-radius: 999px;
      margin-bottom: 18px;
      background: linear-gradient(90deg, #1488ff, #22e879, #ffd21f);
    }

    .il-benefit-card h3 {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 950;
    }

    .il-benefit-card p {
      margin: 0;
      color: #b7cce8;
      font-size: 15px;
      line-height: 1.65;
    }

    /* QUEM SOMOS */
    .il-about-new {
      display: grid;
      grid-template-columns: 1fr .85fr;
      gap: 34px;
      align-items: stretch;
    }

    .il-about-text,
    .il-about-photo-card {
      border-radius: 28px;
      background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.22);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .il-about-text {
      padding: 38px;
    }

    .il-about-text h2 {
      margin: 0 0 18px;
      font-size: clamp(34px, 4vw, 52px);
      line-height: 1.04;
      letter-spacing: -0.05em;
      font-weight: 950;
    }

    .il-about-text p {
      margin: 0 0 17px;
      color: #d8e8ff;
      font-size: 16.5px;
      line-height: 1.75;
    }

    .il-about-photo-card {
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }

    .il-about-photo {
      width: 100%;
      min-height: 520px;
      background:
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(2,8,20,.35)),
        url("https://impulselead.com.br/wp-content/uploads/2026/06/foto-felipe-impulselead.png");
      background-size: cover;
      background-position: center top;
    }

    .il-about-photo-content {
      padding: 28px;
      background:
        radial-gradient(circle at 90% 0%, rgba(0,210,255,.18), transparent 34%),
        linear-gradient(145deg, #071a31, #03101f);
      border-top: 1px solid rgba(55,165,255,.22);
    }

    .il-about-photo-content span {
      display: inline-flex;
      margin-bottom: 10px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(0,119,255,.16);
      border: 1px solid rgba(46,170,255,.22);
      color: #42dfff;
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .il-about-photo-content h3 {
      margin: 0 0 12px;
      font-size: 30px;
      line-height: 1.05;
      letter-spacing: -0.035em;
      font-weight: 950;
    }

    .il-about-photo-content p {
      margin: 0;
      color: #c7ddf8;
      font-size: 15.5px;
      line-height: 1.65;
    }

    /* PROCESSO */
    .il-process {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      counter-reset: step;
    }

    .il-step {
      padding: 24px;
      border-radius: 22px;
      background: linear-gradient(145deg, rgba(7,24,47,.94), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.20);
      box-shadow: 0 18px 48px rgba(0,0,0,.25);
    }

    .il-step::before {
      counter-increment: step;
      content: "0" counter(step);
      width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 13px;
      margin-bottom: 16px;
      background: linear-gradient(135deg, #0e7bff, #20dfff);
      color: #fff;
      font-size: 14px;
      font-weight: 950;
      box-shadow: 0 14px 30px rgba(0,120,255,.28);
    }

    .il-step h3 {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 950;
    }

    .il-step p {
      margin: 0;
      color: #b7cce8;
      font-size: 15px;
      line-height: 1.65;
    }

    /* CONTATO */
    .il-contact {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 30px;
      align-items: stretch;
    }

    .il-contact-info,
    .il-contact-form {
      padding: 32px;
      border-radius: 28px;
      background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
      border: 1px solid rgba(55,165,255,.22);
      box-shadow: var(--shadow);
    }

    .il-contact-info h2 {
      margin: 0 0 14px;
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.05;
      letter-spacing: -0.05em;
      font-weight: 950;
    }

    .il-contact-info p {
      margin: 0 0 22px;
      color: #d5e7ff;
      font-size: 16.5px;
      line-height: 1.72;
    }

    .il-contact-links {
      display: grid;
      gap: 13px;
    }

    .il-contact-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 16px;
      border-radius: 16px;
      background: rgba(255,255,255,.045);
      border: 1px solid rgba(255,255,255,.07);
      color: #eaf5ff;
      font-size: 15px;
      font-weight: 800;
    }

    .il-contact-form form {
      display: grid;
      gap: 14px;
    }

    .il-field,
    .il-textarea {
      width: 100%;
      border: 1px solid rgba(125,190,255,.18);
      background: rgba(0,0,0,.18);
      color: #fff;
      border-radius: 14px;
      padding: 15px 16px;
      font-size: 15px;
      outline: none;
      font-family: inherit;
    }

    .il-field::placeholder,
    .il-textarea::placeholder {
      color: #839bb8;
    }

    .il-textarea {
      min-height: 140px;
      resize: vertical;
    }

    .il-form-note {
      color: #91a9c7;
      font-size: 13px;
      line-height: 1.5;
    }

    /* FOOTER */
    .il-footer {
      padding: 70px 0 28px;
      background: #020814;
      border-top: 1px solid rgba(255,255,255,.07);
    }

    .il-footer-grid {
      display: grid;
      grid-template-columns: 1.2fr .8fr .8fr 1fr;
      gap: 30px;
      margin-bottom: 36px;
    }

    .il-footer-logo img {
      height: 78px;
      width: auto;
      display: block;
      margin-bottom: 16px;
    }

    .il-footer p,
    .il-footer a {
      color: #a8bed9;
      font-size: 14px;
      line-height: 1.7;
    }

    .il-footer h3 {
      margin: 0 0 14px;
      font-size: 13px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: #fff;
    }

    .il-footer-links {
      display: grid;
      gap: 9px;
    }

    .il-socials {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-top: 16px;
    }

    .il-socials img {
      width: 28px;
      height: 28px;
      object-fit: contain;
      display: block;
    }

    .il-copy {
      padding-top: 20px;
      border-top: 1px solid rgba(255,255,255,.07);
      font-size: 13px;
      color: #6f86a5;
    }

    .il-whatsapp-float {
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 999;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .2s ease;
    }

    .il-whatsapp-float img {
      width: 60px;
      height: 60px;
      object-fit: contain;
      filter: drop-shadow(0 10px 22px rgba(0,255,120,.30));
    }

    .il-whatsapp-float:hover {
      transform: translateY(-2px) scale(1.03);
    }

    /* RESPONSIVO */
    @media (max-width: 1100px) {
      .il-examples,
      .il-benefits,
      .il-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .il-strategy-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 1024px) {
      .il-desktop-hero {
        display: none !important;
      }

      .il-mobile-hero {
        display: block;
      }

      .il-header-inner {
        min-height: 92px;
      }

      .il-logo img {
        height: 82px;
      }

      .il-nav {
        gap: 16px;
        font-size: 13px;
      }

      .il-about-new,
      .il-contact,
      .il-services,
      .il-footer-grid {
        grid-template-columns: 1fr;
      }

      .il-about-photo {
        min-height: 620px;
      }
    }

    @media (min-width: 1025px) {
      .il-mobile-hero {
        display: none !important;
      }
    }

    @media (max-width: 860px) {
      .il-header-inner {
        min-height: 84px;
        flex-wrap: wrap;
        padding: 10px 0;
      }

      .il-logo img {
        height: 66px;
      }

      .il-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .il-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 12px 0 8px;
      }

      .il-nav.active {
        display: flex;
      }

      .il-header-cta {
        width: 100%;
      }
    }

    @media (max-width: 640px) {
      .il-container {
        width: min(100% - 22px, 1240px);
      }

      .il-logo img {
        height: 58px;
      }

      .il-mobile-hero-wrap {
        width: min(100% - 22px, 860px);
        padding: 30px 0 30px;
      }

      .il-mobile-hero-text {
        margin-bottom: 18px;
      }

      .il-mobile-hero h1,
    .il-mobile-hero .il-hero-title {
        font-size: 34px;
        line-height: 1.03;
      }

      .il-mobile-hero p {
        font-size: 15.5px;
      }

      .il-mobile-banner {
        margin: 20px auto 20px;
        border-radius: 18px;
      }

      .il-mobile-actions {
        grid-template-columns: 1fr;
      }

      .il-mobile-btn {
        width: 100%;
        min-height: 54px;
      }

      .il-mobile-trust {
        font-size: 14px;
      }

      .il-section {
        padding: 68px 0;
      }

      .il-title {
        margin-bottom: 34px;
      }

      .il-title h2 {
        font-size: 33px;
      }

      .il-title p {
        font-size: 15px;
      }

      .il-service-card,
      .il-about-text,
      .il-contact-info,
      .il-contact-form {
        padding: 24px;
        border-radius: 22px;
      }

      .il-service-bottom {
        flex-direction: column;
        align-items: flex-start;
      }

      .il-price strong {
        font-size: 40px;
      }

      .il-examples,
      .il-benefits,
      .il-process {
        grid-template-columns: 1fr;
      }

      .il-example-thumb {
        height: 190px;
        padding: 10px;
      }

      .il-about-photo {
        min-height: 460px;
      }

      .il-contact-link {
        flex-direction: column;
        align-items: flex-start;
      }

      .il-whatsapp-float {
        right: 14px;
        bottom: 14px;
        width: 54px;
        height: 54px;
      }

      .il-whatsapp-float img {
        width: 54px;
        height: 54px;
      }
    }


/* PÁGINAS INTERNAS SEO - V2 */
.il-internal-page {
  background: #020814;
  color: #fff;
}

.il-page-hero {
  padding: 96px 0 76px;
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 119, 255, .18), transparent 34%),
    radial-gradient(circle at 88% 15%, rgba(32, 223, 255, .13), transparent 30%),
    linear-gradient(180deg, #020814 0%, #061426 100%);
}

.il-page-hero-segment {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 210, 31, .12), transparent 28%),
    radial-gradient(circle at 88% 15%, rgba(32, 223, 255, .14), transparent 30%),
    linear-gradient(180deg, #020814 0%, #061426 100%);
}

.il-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 34px;
  align-items: center;
}

.il-page-hero h1 {
  max-width: 820px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(38px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -0.06em;
  font-weight: 950;
}

.il-page-hero p {
  max-width: 720px;
  margin: 0;
  color: #dcecff;
  font-size: 18px;
  line-height: 1.72;
}

.il-page-price-card {
  padding: 30px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(32, 223, 255, .18), transparent 34%),
    linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.24);
  box-shadow: var(--shadow);
}

.il-page-price-card small {
  display: block;
  margin-bottom: 12px;
  color: #9fb9d9;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 950;
}

.il-page-price-card strong {
  display: block;
  margin-bottom: 14px;
  color: #23a5ff;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.055em;
}

.il-page-price-card p {
  font-size: 15.5px;
  color: #c7ddf8;
}

.il-content-block {
  margin-top: 22px;
  color: #d8e8ff;
  font-size: 16px;
  line-height: 1.72;
}

.il-content-block p,
.il-content-block ul,
.il-content-block ol {
  margin-top: 0;
}

.il-faq-grid {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.il-faq-item {
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(7,24,47,.96), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.20);
  overflow: hidden;
}

.il-faq-item summary {
  cursor: pointer;
  padding: 20px 22px;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  list-style: none;
}

.il-faq-item summary::-webkit-details-marker {
  display: none;
}

.il-faq-item p {
  margin: 0;
  padding: 0 22px 22px;
  color: #b7cce8;
  font-size: 15.5px;
  line-height: 1.68;
}

.il-cta-band {
  padding: 70px 0;
  background:
    radial-gradient(circle at 90% 0%, rgba(0,220,255,.16), transparent 32%),
    linear-gradient(180deg, #061426 0%, #020814 100%);
}

.il-cta-band-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.24);
  box-shadow: var(--shadow);
}

.il-cta-band h2 {
  margin: 0 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  font-weight: 950;
}

.il-cta-band p {
  margin: 0;
  color: #c7ddf8;
  font-size: 16px;
  line-height: 1.65;
}

@media (max-width: 920px) {
  .il-page-hero-grid,
  .il-cta-band-inner {
    grid-template-columns: 1fr;
    display: grid;
  }

  .il-page-price-card {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .il-page-hero {
    padding: 54px 0 48px;
  }

  .il-page-hero h1 {
    font-size: 36px;
  }

  .il-page-hero p {
    font-size: 15.5px;
  }

  .il-page-price-card,
  .il-cta-band-inner {
    padding: 24px;
    border-radius: 22px;
  }
}

/* V3 - Conteúdo SEO das páginas internas */
.il-seo-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.il-seo-content-card,
.il-related-card,
.il-keyword-box {
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(7,24,47,.96), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.22);
  box-shadow: 0 20px 54px rgba(0,0,0,.24);
}

.il-seo-content-card {
  padding: 28px;
}

.il-seo-content-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -.03em;
  font-weight: 950;
}

.il-seo-content-card p {
  margin: 0;
  color: #bcd1ec;
  font-size: 15.5px;
  line-height: 1.72;
}

.il-keyword-box {
  margin-top: 20px;
  padding: 16px;
}

.il-keyword-box span {
  display: block;
  color: #9fb8d6;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.il-keyword-box b {
  color: #42dfff;
  font-size: 17px;
  line-height: 1.3;
}

.il-keyword-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.il-keyword-list span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(125,190,255,.20);
  color: #dcecff;
  font-size: 14px;
  font-weight: 850;
}

.il-keyword-list span:first-child {
  color: #020814;
  background: linear-gradient(135deg, #20dfff, #22e879);
  border-color: transparent;
}

.il-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.il-related-card {
  padding: 24px;
  transition: .22s ease;
}

.il-related-card:hover {
  transform: translateY(-3px);
  border-color: rgba(32,223,255,.45);
}

.il-related-card span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #42dfff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.il-related-card strong {
  display: block;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.025em;
  font-weight: 950;
}

@media (max-width: 1024px) {
  .il-seo-content-grid,
  .il-related-grid {
    grid-template-columns: 1fr;
  }
}

/* V5 - Página de serviço mais visual e com linguagem para cliente final */
.il-service-visual-hero {
  position: relative;
  overflow: hidden;
}

.il-service-visual-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 38%, rgba(32,223,255,.17), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(34,232,121,.10), transparent 26%);
  pointer-events: none;
}

.il-service-visual-hero > * {
  position: relative;
  z-index: 1;
}

.il-service-showcase {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(32,223,255,.20), transparent 36%),
    linear-gradient(145deg, rgba(7,24,47,.98), rgba(2,8,20,.98));
  border: 1px solid rgba(55,165,255,.28);
  box-shadow: 0 28px 80px rgba(0,90,255,.26);
}

.il-showcase-top {
  height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}

.il-showcase-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.30);
}

.il-showcase-screen {
  padding: 26px 24px 20px;
  min-height: 250px;
  background:
    linear-gradient(135deg, rgba(13,114,255,.18), rgba(32,223,255,.06)),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.10), transparent 26%);
}

.il-showcase-bar {
  width: 58%;
  height: 12px;
  border-radius: 999px;
  margin-bottom: 24px;
  background: linear-gradient(90deg, #0d72ff, #20dfff);
  box-shadow: 0 0 24px rgba(32,223,255,.32);
}

.il-showcase-hero-line,
.il-showcase-subline {
  border-radius: 999px;
  background: rgba(255,255,255,.82);
}

.il-showcase-hero-line {
  width: 82%;
  height: 20px;
  margin-bottom: 12px;
}

.il-showcase-subline {
  width: 62%;
  height: 10px;
  opacity: .50;
  margin-bottom: 22px;
}

.il-showcase-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 26px;
}

.il-showcase-buttons i {
  display: block;
  width: 96px;
  height: 32px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0d72ff, #16d6ff);
}

.il-showcase-buttons i:nth-child(2) {
  width: 74px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.14);
}

.il-showcase-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.il-showcase-cards span {
  min-height: 58px;
  border-radius: 16px;
  background: rgba(2,8,20,.62);
  border: 1px solid rgba(125,190,255,.18);
}

.il-showcase-price {
  padding: 24px;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 100% 0%, rgba(34,232,121,.13), transparent 32%),
    rgba(2,8,20,.40);
}

.il-showcase-price small {
  display: block;
  margin-bottom: 10px;
  color: #9fb9d9;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 950;
}

.il-showcase-price strong {
  display: block;
  margin-bottom: 10px;
  color: #23a5ff;
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.055em;
}

.il-showcase-price p {
  max-width: 100%;
  color: #c7ddf8;
  font-size: 15px;
  line-height: 1.55;
}

.il-visual-card {
  position: relative;
  overflow: hidden;
}

.il-visual-card::before {
  content: "";
  display: block;
  width: 54px;
  height: 5px;
  border-radius: 999px;
  margin-bottom: 18px;
  background: linear-gradient(90deg, #0d72ff, #20dfff, #22e879);
}

.il-client-keyword-list span:first-child {
  color: #020814;
  background: linear-gradient(135deg, #20dfff, #22e879);
}

@media (max-width: 920px) {
  .il-service-showcase {
    max-width: 520px;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .il-showcase-screen {
    min-height: 210px;
    padding: 22px 18px 18px;
  }

  .il-showcase-cards {
    grid-template-columns: 1fr;
  }

  .il-showcase-cards span {
    min-height: 42px;
  }
}

/* V6 - Página Criação de Sites seguindo o mockup aprovado */
.il-site-sales-page {
  background: #020814;
  color: #fff;
}

.il-site-hero {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(2,8,20,.96) 0%, rgba(2,8,20,.72) 34%, rgba(2,8,20,.06) 68%, rgba(2,8,20,.02) 100%),
    var(--hero-desktop);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.il-site-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 160px;
  background: linear-gradient(180deg, rgba(2,8,20,0), #020814 78%);
  pointer-events: none;
}

.il-site-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 470px) 1fr;
  gap: 34px;
  align-items: center;
  width: min(1240px, calc(100% - 32px));
  padding: 86px 0 105px;
}

.il-site-hero-copy h1 {
  margin: 0 0 18px;
  font-size: clamp(38px, 4.4vw, 66px);
  line-height: .94;
  letter-spacing: -.06em;
  font-weight: 950;
}

.il-site-hero-copy h1::first-line {
  color: #fff;
}

.il-site-hero-copy p {
  max-width: 430px;
  margin: 0;
  color: #dcecff;
  font-size: 17px;
  line-height: 1.68;
}

.il-site-hero-mobile-visual {
  display: none;
}

.il-site-benefits-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.il-site-benefits-row article {
  min-height: 100%;
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(7,24,47,.96), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.22);
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}

.il-site-benefits-row article span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 14px;
  color: #20dfff;
  font-size: 22px;
  background: rgba(0,119,255,.14);
  border: 1px solid rgba(32,223,255,.28);
}

.il-site-benefits-row h3 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -.02em;
}

.il-site-benefits-row p {
  margin: 0;
  color: #b7cce8;
  font-size: 14px;
  line-height: 1.6;
}

.il-site-includes-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: start;
}

.il-site-includes-intro {
  padding: 30px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(7,24,47,.55), rgba(3,12,25,.35));
  border: 1px solid rgba(55,165,255,.16);
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
}

.il-site-includes-grid h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -.05em;
  font-weight: 950;
}

.il-site-includes-intro p {
  margin: 18px 0 0;
  color: #a9c2df;
  font-size: 16px;
  line-height: 1.7;
  max-width: 520px;
}

.il-site-includes-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.il-site-includes-highlights span {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(62,180,255,.14);
  color: #ecf7ff;
  font-size: 13px;
  font-weight: 900;
}

.il-site-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.il-site-checks span {
  position: relative;
  padding: 14px 16px 14px 42px;
  border-radius: 15px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(125,190,255,.16);
  color: #edf6ff;
  font-size: 14.5px;
  line-height: 1.35;
  font-weight: 800;
}

.il-site-checks span::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 12px;
  color: #22e879;
  font-weight: 950;
}

.il-section-head-action {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 34px;
}

.il-section-head-action h2 {
  margin: 0;
  max-width: 620px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -.05em;
  font-weight: 950;
}

.il-section-head-action p {
  max-width: 720px;
  margin: 14px 0 0;
  color: #9fb8d6;
  font-size: 16px;
  line-height: 1.7;
}

.il-real-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.il-real-project-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(7,24,47,.98), rgba(3,12,25,.98));
  border: 1px solid rgba(55,165,255,.22);
  box-shadow: 0 20px 54px rgba(0,0,0,.28);
  transition: .22s ease;
}

.il-real-project-card:hover {
  transform: translateY(-4px);
  border-color: rgba(32,223,255,.42);
  box-shadow: 0 28px 76px rgba(0,90,255,.22);
}

.il-real-project-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 215px;
  padding: 10px;
  background: radial-gradient(circle at 50% 50%, rgba(0,140,255,.10), transparent 42%), #03101f;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.il-real-project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.il-real-project-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.il-real-project-body span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #42dfff;
  background: rgba(0,119,255,.15);
  border: 1px solid rgba(46,170,255,.18);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.il-real-project-body h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 950;
}

.il-real-project-body p {
  margin: 0 0 16px;
  color: #abc1dd;
  font-size: 14px;
  line-height: 1.55;
}

.il-real-project-body a {
  margin-top: auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(135deg, #0d72ff, #16d6ff);
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.il-site-faq-cta-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 36px;
  align-items: start;
}

.il-site-faq-cta-grid h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.04;
  letter-spacing: -.05em;
  font-weight: 950;
}

.il-final-cta-actions {
  display: grid;
  gap: 12px;
  justify-items: end;
}

.il-final-cta-actions span {
  color: #cfe3ff;
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .il-site-benefits-row,
  .il-real-portfolio-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .il-site-hero {
    min-height: auto;
    display: block;
    background-image:
      radial-gradient(circle at 50% 0%, rgba(0,180,255,.16), transparent 34%),
      linear-gradient(180deg, #020814 0%, #031020 100%);
  }

  .il-site-hero-grid {
    display: flex;
    flex-direction: column;
    padding: 28px 0 58px;
  }

  .il-site-hero-mobile-visual {
    display: block;
    width: 100%;
    order: -1;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(55,165,255,.18);
    box-shadow: 0 26px 70px rgba(0,90,255,.22);
  }

  .il-site-hero-mobile-visual img {
    width: 100%;
    display: block;
  }

  .il-site-hero-copy {
    width: 100%;
    max-width: 680px;
    padding-top: 8px;
  }

  .il-site-hero-copy h1 {
    font-size: clamp(34px, 8vw, 54px);
  }

  .il-site-includes-grid,
  .il-section-head-action,
  .il-site-faq-cta-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .il-section-head-action .il-btn {
    width: max-content;
  }

  .il-site-checks,
  .il-site-benefits-row,
  .il-real-portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .il-final-cta-actions {
    justify-items: start;
  }
}

@media (max-width: 640px) {
  .il-site-hero-grid {
    width: min(100% - 22px, 1240px);
    padding-top: 18px;
  }

  .il-site-hero-copy .il-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .il-site-hero-copy .il-btn {
    width: 100%;
  }

  .il-site-checks,
  .il-site-benefits-row,
  .il-real-portfolio-grid {
    grid-template-columns: 1fr;
  }

  .il-real-project-thumb {
    height: 230px;
  }

  .il-section-head-action .il-btn {
    width: 100%;
  }
}


/* V8 - Página Google Meu Negócio */
.il-gmb-page {
  background: #020814;
}

.il-gmb-includes-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 30px;
  align-items: stretch;
  margin-bottom: 26px;
}

.il-gmb-includes-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(7,24,47,.55), rgba(3,12,25,.35));
  border: 1px solid rgba(55,165,255,.16);
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
}

.il-gmb-includes-visual img {
  width: 100%;
  max-width: 560px;
  display: block;
}

.il-gmb-checks {
  margin-top: 4px;
}

@media (max-width: 920px) {
  .il-gmb-includes-grid {
    grid-template-columns: 1fr;
  }
}


/* V9 - ajustes Google Meu Negócio */
.il-gmb-hero {
  background-size: cover, 76% auto;
  background-position: center center, right -18px top 6px;
}

.il-gmb-feature-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 18px;
  align-items: start;
}

.il-gmb-feature-main {
  padding: 24px;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(7,24,47,.8), rgba(3,12,25,.92));
  border: 1px solid rgba(55,165,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

.il-gmb-feature-main h2 {
  margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 950;
}

.il-gmb-feature-main p {
  margin: 0 0 18px;
  color: #b4cbe7;
  font-size: 15px;
  line-height: 1.65;
}

.il-gmb-feature-main img {
  width: 100%;
  display: block;
  margin-top: 10px;
  border-radius: 12px;
}

.il-gmb-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.il-gmb-feature-grid article {
  min-height: 126px;
  padding: 18px 18px 16px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(7,24,47,.9), rgba(3,12,25,.96));
  border: 1px solid rgba(55,165,255,.18);
  box-shadow: 0 16px 38px rgba(0,0,0,.18);
  position: relative;
}

.il-gmb-feature-grid article::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(18,115,255,.18);
  border: 1px solid rgba(63,191,255,.18);
  color: #57c8ff;
  font-size: 13px;
  font-weight: 900;
}

.il-gmb-feature-grid h3 {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.02em;
}

.il-gmb-feature-grid p {
  margin: 0;
  color: #a9c2df;
  font-size: 13.5px;
  line-height: 1.55;
}

.il-gmb-feature-support {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.il-gmb-page #portfolio-google .il-real-portfolio-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.il-gmb-page .il-real-project-thumb {
  height: 205px;
  padding: 18px;
  align-items: center;
  justify-content: center;
}

.il-gmb-page .il-real-project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 1240px) {
  .il-gmb-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .il-gmb-hero {
    background-size: auto;
    background-position: center center;
  }

  .il-gmb-feature-layout {
    grid-template-columns: 1fr;
  }

  .il-gmb-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .il-gmb-page #portfolio-google .il-real-portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .il-gmb-feature-support {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  .il-gmb-feature-grid,
  .il-gmb-page #portfolio-google .il-real-portfolio-grid {
    grid-template-columns: 1fr;
  }
}

/* V10 - ajuste dos cards de Google Meu Negócio */
.il-gmb-page .il-real-project-thumb {
  height: 230px;
  padding: 0;
  background: radial-gradient(circle at 50% 50%, rgba(0,140,255,.13), transparent 44%), #03101f;
  overflow: hidden;
}

.il-gmb-page .il-real-project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transform: scale(1.04);
}

@media (max-width: 920px) {
  .il-gmb-page .il-real-project-thumb {
    height: 240px;
  }
}

@media (max-width: 640px) {
  .il-gmb-page .il-real-project-thumb {
    height: 260px;
  }
}

/* V11 - Página Combo Site + Google Meu Negócio */
.il-combo-page .il-combo-hero {
  background-image:
    linear-gradient(90deg, rgba(2,8,20,.96) 0%, rgba(2,8,20,.74) 36%, rgba(2,8,20,.12) 70%, rgba(2,8,20,.04) 100%),
    var(--hero-desktop);
}

.il-combo-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 22px 0 0;
  padding: 14px 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,192,0,.18), rgba(0,132,255,.16));
  border: 1px solid rgba(255,210,61,.35);
  color: #ffd13d;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.04em;
  box-shadow: 0 18px 55px rgba(255,188,0,.10);
}

.il-combo-offer-grid {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 34px;
  align-items: stretch;
}

.il-combo-price-card {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(3,12,25,.9), rgba(7,24,47,.8));
  border: 1px solid rgba(255,210,61,.22);
}

.il-combo-price-card small {
  color: #41dfff;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 950;
}

.il-combo-price-card strong {
  color: #ffd13d;
  font-size: 48px;
  line-height: 1;
  font-weight: 950;
}

.il-combo-price-card span {
  color: #cfe5ff;
  font-size: 14px;
  font-weight: 800;
}

.il-combo-page #portfolio-combo .il-real-portfolio-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.il-combo-page .il-real-project-thumb {
  height: 220px;
  padding: 10px;
}

@media (max-width: 920px) {
  .il-combo-offer-grid {
    grid-template-columns: 1fr;
  }
  .il-combo-page #portfolio-combo .il-real-portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .il-combo-page #portfolio-combo .il-real-portfolio-grid {
    grid-template-columns: 1fr;
  }
}

/* V12 - Hero definitivo da página Combo Site + Google */
.il-combo-page .il-combo-hero {
  min-height: 720px;
  background-image:
    linear-gradient(90deg, rgba(2,8,20,.96) 0%, rgba(2,8,20,.82) 30%, rgba(2,8,20,.25) 55%, rgba(2,8,20,.04) 100%),
    var(--hero-desktop);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.il-combo-page .il-site-hero-copy h1 {
  max-width: 560px;
}

.il-combo-page .il-site-hero-copy p {
  max-width: 500px;
}

@media (max-width: 920px) {
  .il-combo-page .il-combo-hero {
    background-image:
      radial-gradient(circle at 50% 0%, rgba(0,180,255,.16), transparent 34%),
      linear-gradient(180deg, #020814 0%, #031020 100%);
  }
}

/* V13 - menu principal ajustado e flutuante em todo o site */
.il-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

.il-nav {
  gap: 20px;
}

@media (max-width: 1180px) {
  .il-nav {
    gap: 14px;
    font-size: 13px;
  }

  .il-header-cta {
    padding: 0 14px;
  }
}