/* ROXI / EDITORIAL SMALL BANNERS — estilos específicos */
.editorial-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px
}
.editorial {
  height:308px;
  position:relative;
  border-radius:23px;
  overflow:hidden;
  background:var(--swatch-f4dce6);
  display:flex;
  align-items:center;
  padding:35px
}
.editorial>img {
  position:absolute;
  right:-27px;
  bottom:-49px;
  height:115%;
  width:61%;
  object-fit:contain;
  mix-blend-mode:multiply;
  opacity:.94
}
.editorial .content {
  position:relative;
  z-index:1;
  max-width:50%
}
.editorial small {
  font-size:var(--font-size-10);
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--swatch-a6587e)
}
.editorial h3 {
  font:800 32px/1.08 var(--font-heading);
  letter-spacing:-1.3px;
  margin:14px 0
}
.editorial p {
  font-size:var(--font-size-12);
  color:var(--swatch-73566a);
  line-height:1.55;
  margin:0 0 17px
}
.editorial a,.editorial button {
  background:var(--color-white);
  border:0;
  border-radius:999px;
  padding:11px 16px;
  color:var(--pink-dark);
  font-weight:900;
  font-size:var(--font-size-11);
  display:inline-flex;
  gap:6px;
  align-items:center
}
.editorial.second {
  background:var(--swatch-f8ecdf)
}
.editorial.second small {
  color:var(--swatch-a2784b)
}