.ab-hero { background: var(--clbb-amarillo); position: relative; overflow: hidden; padding: 5rem 1.5rem 4.5rem; }
  .ab-hero::after { content:""; position:absolute; inset:0; pointer-events:none;
    background-image: url("/static/img/brand/trama_rombos.svg");
    background-repeat: no-repeat; background-position: right center; background-size: auto 120%; }
  .ab-hero__inner { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr; gap: 3rem; align-items: center; }
  @media (max-width: 900px) { .ab-hero__inner { grid-template-columns: 1fr; } }
  .ab-hero h1 { font-family: var(--clbb-font-display); font-weight: 800; font-size: clamp(2.2rem, 4.5vw, 4rem); letter-spacing: .03em; text-transform: uppercase; color: var(--clbb-grafito); margin: 0 0 1rem; line-height: .95; }
  .ab-hero h1 em { font-style: normal; display: block; font-weight: 300; }
  .ab-hero p { font-family: var(--clbb-font-body); font-size: 1.1rem; line-height: 1.55; color: var(--clbb-grafito); max-width: 50ch; margin: 0; }
  .ab-hero__iso img { width: 100%; max-width: 320px; height: auto; filter: drop-shadow(0 8px 24px rgba(60,58,60,.18)); }

  .ab-section { max-width: 1100px; margin: 4rem auto; padding: 0 1.5rem; }
  .ab-section h2 { font-family: var(--clbb-font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: .03em; text-transform: uppercase; color: var(--clbb-grafito); margin: 0 0 1.25rem; line-height: 1.05; padding-bottom: .75rem; border-bottom: 4px solid var(--clbb-amarillo); display: inline-block; }
  .ab-section p { font-family: var(--clbb-font-body); font-size: 1.05rem; line-height: 1.7; color: var(--clbb-grafito); margin: 0 0 1.25rem; }
  .ab-section img { width: 100%; height: auto; display: block; margin: 1.5rem 0; }

  .ab-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 1.5rem; }
  @media (max-width: 800px) { .ab-pillars { grid-template-columns: 1fr; } }
  .ab-pillar {
    background: var(--clbb-blanco); border: 1px solid var(--clbb-grafito-15);
    border-top: 4px solid var(--clbb-amarillo); padding: 1.5rem 1.4rem;
  }
  .ab-pillar__n { font-family: var(--clbb-font-display); font-weight: 700; font-size: 1.5rem; color: var(--clbb-amarillo); letter-spacing: .04em; margin-bottom: .5rem; }
  .ab-pillar h3 { font-family: var(--clbb-font-display); font-weight: 700; font-size: 1rem; letter-spacing: .06em; text-transform: uppercase; color: var(--clbb-grafito); margin: 0 0 .65rem; }
  .ab-pillar p { font-family: var(--clbb-font-body); font-size: .92rem; color: var(--clbb-grafito-70); line-height: 1.55; margin: 0; }

  .ab-mit { background: var(--clbb-grafito); color: var(--clbb-blanco); padding: 5rem 1.5rem; position: relative; overflow: hidden; }
  .ab-mit::after { display: none; }
  .ab-mit__inner { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }
  .ab-mit .clbb-eyebrow { color: var(--clbb-amarillo); margin-bottom: 1rem; }
  .ab-mit h2 { font-family: var(--clbb-font-display); font-weight: 700; font-size: clamp(1.8rem, 3.2vw, 2.5rem); letter-spacing: .03em; text-transform: uppercase; color: var(--clbb-blanco); margin: 0 0 1.5rem; line-height: 1.1; max-width: 28ch; }
  .ab-mit p { font-family: var(--clbb-font-body); font-size: 1.05rem; line-height: 1.7; color: rgba(255,255,255,.85); margin: 0 0 1.25rem; max-width: 65ch; }

  .ab-cta { background: var(--clbb-amarillo); padding: 4rem 1.5rem; }
  .ab-cta__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem; align-items: center; }
  @media (max-width: 800px) { .ab-cta__inner { grid-template-columns: 1fr; } }
  .ab-cta h2 { font-family: var(--clbb-font-display); font-weight: 700; font-size: clamp(1.5rem, 2.5vw, 2rem); letter-spacing: .03em; text-transform: uppercase; color: var(--clbb-grafito); margin: 0 0 .5rem; line-height: 1.1; }
  .ab-cta p { font-family: var(--clbb-font-body); font-size: 1rem; line-height: 1.55; color: var(--clbb-grafito); max-width: 50ch; margin: 0; }
  .ab-cta .actions { display: flex; gap: .75rem; justify-content: flex-end; flex-wrap: wrap; }

  .ab-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 1.75rem 2.5rem; margin-top: 2.5rem; }
  .ab-logos a { display: inline-flex; align-items: center; }
  .ab-logos img { height: 54px; width: auto; max-width: 170px; object-fit: contain; display: block; }
  .ab-logos--dark img { height: 48px; }
  @media (max-width: 600px) { .ab-logos { gap: 1.25rem 1.75rem; } .ab-logos img { height: 40px; } }
  @media (max-width: 800px) { .ab-cta .actions { justify-content: flex-start; } }