/* Pestañas · vista previa de la página de inicio */
.barra-top { display: none !important; }

.pest-barra { position: sticky; top: 0; z-index: 84; background: rgba(11,19,32,0.9); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); border-block: 1px solid var(--line); }
.pest-barra .wrap { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; }
.pest-lista { display: flex; gap: clamp(4px, 2vw, 34px); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pest-lista::-webkit-scrollbar { display: none; }
.pest-tab { position: relative; flex: none; appearance: none; background: none; border: 0; cursor: pointer; padding: 20px 2px 18px; font-family: var(--mono); font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); white-space: nowrap; transition: color .2s ease; }
.pest-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--yellow); transform: scaleX(0); transform-origin: 0 50%; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.pest-tab:hover { color: var(--ivory); }
.pest-tab[aria-selected="true"] { color: var(--ivory); }
.pest-tab[aria-selected="true"]::after { transform: scaleX(1); }
.pest-tab:focus-visible { outline: 2px solid var(--yellow); outline-offset: -4px; }
.pest-tab i { font-style: normal; color: var(--yellow); margin-right: 8px; }
.pest-cta { align-self: center; flex: none; background: var(--yellow); color: var(--black); text-decoration: none; font-weight: 600; font-size: 14px; padding: 10px 16px; }
.pest-cta:hover { background: var(--yellow-soft); }

.pest-panel[hidden] { display: none !important; }
.pest-panel.entra { animation: pest-entra .45s ease both; }
@keyframes pest-entra { from { opacity: 0; } to { opacity: 1; } }
.pest-panel > section:first-child { border-top: 0; }

/* Las siete herramientas, de a una (solo móvil y tableta) */
.g-chips { display: none; }
.gpanel[hidden] { display: none !important; }
@media (max-width: 980px) {
  .pest-barra .wrap { padding-inline: 0; }
  .pest-lista { width: 100%; justify-content: space-between; gap: 0; padding-inline: 14px; }
  .pest-tab { padding: 17px 8px 15px; font-size: 12px; letter-spacing: 0.08em; }
  .pest-tab i, .pest-tab .x, .pest-cta { display: none; }
  .g-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 var(--gutter) 18px; margin-top: -8px; position: sticky; top: 50px; z-index: 5; background: linear-gradient(var(--ink) 78%, transparent); padding-top: 12px; }
  .g-chips::-webkit-scrollbar { display: none; }
  .g-chip { flex: none; appearance: none; cursor: pointer; background: transparent; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 14px; }
  .g-chip[aria-pressed="true"] { background: var(--yellow); border-color: var(--yellow); color: var(--black); font-weight: 500; }
}
@media (prefers-reduced-motion: reduce) { .pest-panel.entra { animation: none; } .pest-tab::after { transition: none; } }