/* Navegación común de IA4People */
.desktop-nav-links, .desktop-nav-cta { display: none; }
.mobile-nav { display: block; position: relative; }
.mobile-nav summary { display: inline-flex; align-items: center; gap: .5rem; list-style: none; cursor: pointer; padding: .55rem .9rem; border: 1px solid #cbd5e1; border-radius: 9999px; background: #fff; color: #334155; font-size: .875rem; font-weight: 500; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary::after { content: "⌄"; color: #64735f; font-size: 1rem; line-height: 1; }
.mobile-nav[open] summary::after { content: "⌃"; }
.mobile-nav summary:focus-visible, .mobile-nav-link:focus-visible { outline: 3px solid #64735f; outline-offset: 2px; }
.mobile-nav-panel { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 50; display: grid; gap: .125rem; width: min(17rem, calc(100vw - 2rem)); padding: .5rem; border: 1px solid #e8ebe7; border-radius: 1rem; background: #fff; box-shadow: 0 16px 40px rgba(51, 65, 85, .14); }
.mobile-nav-link { display: block; padding: .7rem .9rem; border-radius: .75rem; color: #475569; font-size: .9rem; text-decoration: none; }
.mobile-nav-link:hover { background: #e8ebe7; color: #334155; }
.mobile-nav-link[aria-current="page"] { color: #a6533f; font-weight: 600; }
@media (min-width: 1024px) { .desktop-nav-links { display: flex; } .desktop-nav-cta { display: inline-block; } .mobile-nav { display: none; } }