/* Composición visual de portada inspirada en el portafolio de LIRBA */
.hero-visual{isolation:isolate}
.hero-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(199,154,59,.2),rgba(23,131,93,.08) 58%,transparent 72%);filter:blur(2px);z-index:-2}
.hero-visual .monogram{width:300px;height:300px;border:0;background:radial-gradient(circle,rgba(220,239,245,.98) 0%,rgba(220,239,245,.78) 48%,rgba(220,239,245,.22) 65%,transparent 74%);box-shadow:none;backdrop-filter:none}
.hero-visual .monogram img{width:76%;height:76%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.16))}
.hero-visual .metric{min-width:150px;padding:10px 0 10px 17px;border:0;border-left:2px solid var(--gold);border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none}
.hero-visual .metric strong{font-size:34px;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.22)}
.hero-visual .metric small{display:block;margin-top:7px;color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.04em}
.hero-visual .metric-a{top:68px;right:0}
.hero-visual .metric-b{bottom:55px;left:0}
@media(max-width:900px){.hero-visual .monogram{width:250px;height:250px}.hero-visual:before{width:330px;height:330px}.hero-visual .metric-a{top:30px}.hero-visual .metric-b{bottom:25px}}
@media(max-width:600px){.hero-visual .monogram{width:205px;height:205px}.hero-visual:before{width:275px;height:275px}.hero-visual .metric{min-width:112px;padding-left:11px}.hero-visual .metric strong{font-size:25px}.hero-visual .metric small{font-size:11px}.hero-visual .metric-a{top:22px;right:-2px}.hero-visual .metric-b{bottom:15px;left:-2px}}