/* AgentVitrina accent on top of the shared rgcglobalnet.com theme. */
.av-site{
  --av:#2DD4BF;
  --av-dim:rgba(45,212,191,.14);
}
.av-subnav-bar{
  background:rgba(18,24,44,.94);
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(45,212,191,.28);
}
.av-subnav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem 1.05rem;
  padding:.55rem 0;
  font-size:.92rem;
}
.av-subnav a{
  color:var(--muted);
  text-decoration:none;
}
.av-subnav a:hover{color:var(--text)}
.av-subnav a[aria-current="page"]{color:var(--av);font-weight:600}
.av-sub-brand{color:var(--text) !important;font-weight:600;letter-spacing:-0.02em}
.av-langs{margin-left:auto;display:flex;flex-wrap:wrap;gap:.15rem .7rem}
.av-langs a[aria-current="page"]{color:var(--av);font-weight:600}

.av-main{padding:0 0 3rem}
.av-site .hero{
  padding:3.2rem 0 2.2rem;
}
.av-site .hero h1{max-width:22ch}
.av-site .hero p{color:var(--muted);max-width:42rem}
.av-site section{padding:2.6rem 0}
.av-site .grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1.1rem;
}
.av-site .note{
  background:var(--av-dim);
  border:1px solid rgba(45,212,191,.28);
  color:var(--text);
  padding:.7rem 1rem;
  border-radius:14px;
}
.av-site .price{
  font-size:2rem;
  font-weight:600;
  letter-spacing:-0.03em;
  color:var(--av);
  margin:.2rem 0 .6rem;
}
.av-site .price small{
  display:inline;
  font-size:.9rem;
  font-weight:400;
  color:var(--muted);
}
.av-site table{
  width:100%;
  border-collapse:collapse;
  font-size:.95rem;
}
.av-site th,.av-site td{
  text-align:left;
  padding:.65rem .7rem;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.av-site th{color:var(--muted);font-weight:600}
.av-site details{
  border:1px solid var(--line);
  border-radius:14px;
  padding:.7rem 1rem;
  margin:0 0 .7rem;
  background:var(--bg-elev);
}
.av-site summary{cursor:pointer;font-weight:600}
.av-diagram,.av-shot{
  margin:1.2rem 0 0;
  background:var(--bg-elev);
  border:1px solid var(--line);
  border-radius:20px;
  padding:1rem;
}
.av-diagram picture,.av-shot picture{display:block;width:100%;max-width:100%}
.av-diagram img,.av-diagram svg,.av-shot img,.av-shot picture{
  display:block;width:100%;max-width:100%;height:auto;border-radius:12px;
}
.av-diagram figcaption,.av-shot figcaption,.av-code-wrap figcaption{
  color:var(--muted);
  font-size:.92rem;
  margin:.85rem .15rem 0;
}
.av-gallery{
  display:grid;
  gap:1.2rem;
}
@media (min-width: 900px){
  .av-gallery.pair{grid-template-columns:1fr 1fr}
}
.av-code-wrap{
  margin:1.2rem 0 0;
  background:var(--bg-elev);
  border:1px solid var(--line);
  border-radius:20px;
  padding:1rem;
  min-width:0;
  max-width:100%;
}
.av-code-wrap pre{
  margin:0;
  overflow-x:auto;
  max-width:100%;
  background:#070B16;
  color:#D7E0F0;
  border-radius:12px;
  padding:1rem 1.1rem;
  font-size:.86rem;
  line-height:1.5;
  white-space:pre;
  box-sizing:border-box;
}
.av-site, .av-main, .av-site .wrap{min-width:0;max-width:100%}

.av-site input,.av-site select,.av-site textarea,.av-site button:not(.menu-toggle):not(.btn){
  font:inherit;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--bg-elev);
  color:var(--text);
  padding:.45rem .65rem;
}
.av-foot-extra{
  flex-basis:100%;
  display:flex;
  flex-wrap:wrap;
  gap:.85rem 1.1rem;
  margin-top:.2rem;
}
.av-kicker{
  color:var(--av);
  font-weight:600;
  font-size:.8rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 .8rem;
}


.av-site code{overflow-wrap:anywhere;word-break:break-word}
.av-site p,.av-site li,.av-site .note,.av-site td,.av-site th{overflow-wrap:anywhere}

.av-site nav[aria-label="Primary"] a[aria-current="page"]{color:var(--text);font-weight:600}