/* Approved pearl and silk banner; the supplied black PNG stays unaltered. */
.portal-v2 .beneficios-banner{
  position:relative;isolation:isolate;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,448px);align-items:center;
  gap:32px;min-height:200px;padding:17px 75px;
  border:1px solid #b79c67;border-radius:10px;background:#f7f7f5;
}
.beneficios-backdrop{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;pointer-events:none}
.beneficios-banner::before,.beneficios-banner::after{content:"";position:absolute;inset:0;pointer-events:none}
.beneficios-banner::before{
  z-index:-2;
  background:linear-gradient(74deg,rgba(181,171,177,.88) 0%,rgba(207,202,207,.72) 15%,rgba(235,232,235,.48) 35%,rgba(247,247,245,0) 54%);
}
.beneficios-banner::after{
  z-index:-1;
  background:radial-gradient(circle 350px at -100px 80%,rgba(98,12,25,.28) 0%,rgba(98,12,25,.10) 55%,rgba(98,12,25,0) 100%);
}
.beneficios-logo{display:block;width:auto;max-width:100%;height:164px;object-fit:contain;object-position:left center}
.beneficios-copy{min-width:0;color:#620c19}
.portal-v2 .beneficios-heading{font-family:var(--sans);font-size:1.375rem;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;margin:0;text-wrap:balance}
.beneficios-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:8px;font-family:var(--sans);font-size:.875rem;font-weight:500;color:#620c19}
.beneficios-link svg{width:26px;height:18px;stroke-width:1.25}
.beneficios-link:hover{text-decoration:underline;text-underline-offset:5px}
.beneficios-link:focus-visible{outline:2px solid #620c19;outline-offset:4px;border-radius:2px}
@media(max-width:1200px){
  .portal-v2 .beneficios-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:20px 40px}
  .beneficios-logo{height:auto;width:380px}
  .portal-v2 .beneficios-heading{font-size:1.25rem}
}
@media(max-width:767px){
  .portal-v2 .beneficios-banner{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px;min-height:0;text-align:center}
  .beneficios-logo{width:310px;height:auto;justify-self:center}
  .beneficios-copy{justify-self:center}
  .portal-v2 .beneficios-heading{font-size:1.125rem}
  .beneficios-link{margin-top:6px}
  .beneficios-banner::before{background:linear-gradient(115deg,rgba(181,171,177,.65),rgba(235,232,235,.35) 46%,transparent 80%)}
}