/* Navigation, contextual contact and commercial conditions. */
.reading-progress { position:absolute; bottom:0; left:0; width:100%; height:3px; overflow:hidden; pointer-events:none; background:rgba(255,255,255,.03); }
.reading-progress span { display:block; width:100%; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
.main-nav a[aria-current="location"] { color:var(--orange-light); position:relative; }
.main-nav a[aria-current="location"]::after { content:""; height:2px; background:var(--orange); position:absolute; bottom:-8px; left:0; right:0; }
.commercial-panel { display:grid; grid-template-columns:1.1fr 1fr; gap:32px; margin-top:32px; padding:30px; border:1px solid rgba(255,106,0,.32); border-radius:var(--radius); background:var(--surface-dark); box-shadow:var(--shadow-dark); }
.commercial-panel h3 { font-size:clamp(1.35rem,2vw,1.65rem); line-height:1.25; margin:8px 0 14px; }
.commercial-panel p { color:var(--muted); font-size:.93rem; }
.commercial-panel .commercial-summary { margin-top:12px; }
.commercial-facts { display:grid; gap:12px; align-content:center; list-style:none; padding:0; margin:0; }
.commercial-facts li { display:flex; align-items:center; gap:14px; padding:14px 16px; background:rgba(8,20,31,.34); border:1px solid var(--border-dark); border-radius:10px; }
.commercial-facts .fact-symbol { width:32px; height:32px; display:grid; place-items:center; color:var(--orange-light); flex-shrink:0; }
.commercial-facts svg { width:26px; height:26px; stroke:currentColor; fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.commercial-facts strong { display:block; color:var(--text); font-size:.94rem; }
.commercial-facts span:not(.fact-symbol) { display:block; color:var(--muted); font-size:.82rem; }
.contact-context { margin:0 0 20px; padding:15px 17px; background:rgba(255,106,0,.07); border:1px solid rgba(255,106,0,.25); border-radius:10px; }
.contact-context p { margin:0; font-size:.86rem; }
.contact-context .text-link { font-size:.8rem; margin-top:8px; }
.copy-button.is-copied { background:rgba(100,203,125,.12); color:#9fdfad; border-color:rgba(100,203,125,.4); }
#tecnologias .ng-tech-tile { scroll-margin-top:310px; }
@media (max-width:850px) { #tecnologias .ng-tech-tile { scroll-margin-top:106px; } }
.soft-enter { animation:softEnter .4s ease-out both; }
@keyframes softEnter { from { opacity:.6; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1101px) { .main-nav { gap:20px; } .main-nav a { font-size:.79rem; } }
@media (max-width:800px) { .commercial-panel { grid-template-columns:1fr; gap:22px; padding:24px; } }
@media (max-width:560px) { .commercial-panel { padding:20px; } .commercial-facts li { padding:12px; } .main-nav a[aria-current="location"]::after { bottom:0; width:26px; right:auto; } }
@media (prefers-reduced-motion:reduce) { .soft-enter { animation:none; } }