/* Scoped redesign: removing identity-clean restores the original card layout. */
.identity-clean { background: #f5f7fb; padding: 88px 0; }
.identity-clean .identity-heading { text-align: center; margin-bottom: 48px; }
.identity-clean .identity-heading .label-tag { background: transparent; color: var(--azul); }
.identity-clean .identity-heading .h2 { color: var(--azul); font-size: clamp(2.25rem, 4.5vw, 3.75rem); line-height: 1.08; letter-spacing: -.04em; }
.identity-clean .identity-heading .h2 { font-weight: 600; }
.identity-clean .identity-heading .h2 span { font-weight: 800; }
.identity-clean .identity-heading .lead { margin: 20px auto 0; max-width: 520px; font-size: 1rem; line-height: 1.7; }
.identity-clean .mascots-grid { gap: 24px; }
.identity-clean .mascot-card {
  --identity-accent: var(--azul);
  --identity-tint: #edf3fb;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto auto;
  align-items: stretch;
  background: #fff;
  border: 1px solid #e3e9f1;
  border-radius: 32px;
  box-shadow: none;
  transition: border-color .25s, box-shadow .25s;
}
.identity-clean .mascot-card.mc-verde {
  --identity-accent: var(--azul);
  --identity-tint: #f1f5e8;
}
.identity-clean .mascot-card:hover {
  transform: none;
  border-color: #9aadc7;
  box-shadow: none;
}
.identity-clean .mascot-stage,
.identity-clean .mascot-card.mc-verde .mascot-stage {
  background: radial-gradient(ellipse at 50% 52%, var(--identity-tint) 0%, #fff 68%);
  min-height: 320px;
  padding: 0 28px 12px;
  align-items: center;
}
.identity-clean .mascot-stage::before {
  content: none;
}
.identity-clean .mascot-particles { display: none; }
.identity-clean .mascot-particles .mp { animation: none; }
.identity-clean .mascot-img {
  width: 100%;
  height: 310px;
  object-fit: contain;
  animation: none;
  filter: drop-shadow(0 8px 8px #17346010);
  transition: transform .3s ease;
}
.identity-clean .mascot-card:hover .mascot-img { transform: translateY(-4px); }
.identity-clean .mascot-info {
  padding: 36px 36px 16px;
  border: 0;
  justify-content: flex-start;
  min-width: 0;
}
.identity-clean .mascot-product-tag,
.identity-clean .mascot-card.mc-verde .mascot-product-tag {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--identity-accent);
  font-size: .7rem;
  letter-spacing: .1em;
  margin-bottom: 14px;
}
.identity-clean .mascot-info h3 {
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.035em;
  margin-bottom: 14px;
}
.identity-clean .mascot-info p { flex: 1; font-size: .95rem; line-height: 1.7; margin-bottom: 0; }
.identity-clean .identity-action .btn {
  align-self: flex-start;
  background: var(--verde);
  color: var(--negro);
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .8rem;
  box-shadow: none;
  gap: 10px;
}
.identity-clean .identity-action .btn:hover { transform: none; background: var(--azul); color: white; }
.identity-clean .identity-action .btn svg { width: 16px; height: 16px; fill: currentColor; }
.identity-clean .identity-action .btn:focus-visible { outline: 3px solid var(--identity-accent); outline-offset: 5px; }
.identity-clean .identity-action { padding: 20px 36px 32px; display: flex; justify-content: flex-start; }
@media (max-width: 900px) {
  .identity-clean .mascots-grid { max-width: 600px; margin: auto; }
}
@media (max-width: 480px) {
  .identity-clean { padding: 56px 0; }
  .identity-clean .mascot-stage { min-height: 260px; padding: 0 20px 12px; }
  .identity-clean .mascot-img { height: 250px; }
  .identity-clean .mascot-info { padding: 28px 24px 16px; }
  .identity-clean .identity-action { padding: 16px 24px 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .identity-clean .mascot-card, .identity-clean .mascot-img { transition: none; }
  .identity-clean .mascot-card:hover .mascot-img { transform: none; }
}