.tricolor-lineahero{position:relative;overflow:hidden;isolation:isolate;background:var(--tono);color:var(--tono-texto);padding:calc(var(--cab-h) + clamp(30px,5vw,70px)) 0 clamp(40px,5vw,70px)}
.tricolor-lineahero__fondo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 80% at 85% 30%,color-mix(in srgb,var(--tono-texto) 12%,transparent),transparent 70%),linear-gradient(to bottom,rgba(0,0,0,.12),transparent 40%)}
.tricolor-lineahero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);align-items:center}
.tricolor-lineahero__k{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.tricolor-lineahero__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--tono-texto) 16%,transparent)}
.tricolor-lineahero__ico .tricolor-icono{width:22px;height:22px}
.tricolor-lineahero__txt{container-type:inline-size}
.tricolor-lineahero__h1{margin:14px 0 18px;font-size:clamp(40px,17cqi,132px);font-weight:700;letter-spacing:-.055em;line-height:.9}
.tricolor-lineahero__claim{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.015em;line-height:1.25;max-width:24ch}
.tricolor-lineahero__desc{margin-top:18px;font-size:15px;line-height:1.7;opacity:.85;max-width:52ch}

.tricolor-lineahero__visual{position:relative;justify-self:end;width:min(100%,520px);aspect-ratio:1}
.tricolor-lineahero__foto{position:absolute;inset:8%;overflow:hidden;border-radius:50% 50% var(--r-l) var(--r-l)}
.tricolor-lineahero__foto img{width:100%;height:100%;object-fit:cover}
.tricolor-lineahero__motivo{position:absolute;right:-6%;bottom:-6%;width:46%;aspect-ratio:1;color:var(--tono-texto);filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}
.tricolor-lineahero--diana .tricolor-lineahero__motivo,.tricolor-lineahero--gota .tricolor-lineahero__motivo{color:#fff}
.tricolor-lineahero__motivo svg{width:100%;height:100%}
.tricolor-lineahero__bens{margin-top:clamp(36px,4vw,56px)}
.tricolor-lineahero__bens .tricolor-beneficio{background:color-mix(in srgb,var(--tono-texto) 10%,transparent);box-shadow:none;color:var(--tono-texto);backdrop-filter:blur(6px)}
.tricolor-lineahero__bens .tricolor-beneficio strong{color:inherit}
.tricolor-lineahero__bens .tricolor-beneficio small{color:inherit;opacity:.8}
.tricolor-lineahero__bens .tricolor-beneficio__ico{background:var(--tono-texto);color:var(--tono)}

@media (max-width:1024px){
  .tricolor-lineahero__in{grid-template-columns:minmax(0,1fr)}
  .tricolor-lineahero__visual{justify-self:start;width:min(100%,420px)}
}