/* AulaNova UCE v0.3.10.1 · Refinamiento visual y accesibilidad de pestañas
   Marker: unit_tabs_accessibility_v2
   Objetivo: WCAG 2.2 AA / controles táctiles, foco visible, semántica y lectura clara. */

.anu-unit-tabs-wrap[data-version="0.3.10.1"]{
  --anu-tabs-primary:#1748b3;
  --anu-tabs-primary-strong:#123d9b;
  --anu-tabs-primary-soft:#edf3ff;
  --anu-tabs-text:#17253a;
  --anu-tabs-muted:#5d6b7f;
  --anu-tabs-border:#d8e1ee;
  --anu-tabs-surface:#ffffff;
  --anu-tabs-surface-soft:#f7f9fc;
  width:100%;
  margin:18px 0 22px;
  padding:16px 16px 12px;
  border:1px solid #e3e9f2;
  border-radius:16px;
  background:var(--anu-tabs-surface);
  box-shadow:0 6px 22px rgba(15,23,42,.05);
  box-sizing:border-box;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] *,
.anu-unit-tabs-wrap[data-version="0.3.10.1"] *::before,
.anu-unit-tabs-wrap[data-version="0.3.10.1"] *::after{
  box-sizing:border-box;
}

.anu-unit-tabs-heading-v03101{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
}

.anu-unit-tabs-heading-copy-v03101{
  min-width:0;
}

.anu-unit-tabs-title-v03101{
  margin:0;
  color:var(--anu-tabs-text);
  font-size:1.02rem;
  line-height:1.35;
  font-weight:750;
  letter-spacing:-.01em;
}

.anu-unit-tabs-help-v03101{
  margin:4px 0 0;
  max-width:76ch;
  color:var(--anu-tabs-muted);
  font-size:.88rem;
  line-height:1.5;
}

.anu-unit-tabs-count-v03101{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #dbe5f5;
  border-radius:999px;
  background:#f5f8ff;
  color:#365783;
  font-size:.76rem;
  font-weight:700;
  white-space:nowrap;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tabs-scroll{
  display:flex;
  align-items:stretch;
  gap:10px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  margin:0;
  padding:3px 2px 7px;
  scrollbar-width:thin;
  scrollbar-color:#b8c7df transparent;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tabs-scroll::-webkit-scrollbar{
  height:7px;
}
.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tabs-scroll::-webkit-scrollbar-thumb{
  background:#b8c7df;
  border-radius:999px;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab{
  -webkit-appearance:none;
  appearance:none;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  min-width:190px;
  max-width:310px;
  min-height:48px;
  margin:0;
  padding:9px 13px;
  border:1px solid var(--anu-tabs-border);
  border-radius:12px;
  background:var(--anu-tabs-surface-soft);
  color:var(--anu-tabs-text);
  box-shadow:none;
  font:inherit;
  line-height:1.25;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab:hover{
  border-color:#a8bce0;
  background:#f0f5ff;
  color:#153f91;
  transform:translateY(-1px);
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab:focus-visible{
  outline:3px solid rgba(37,99,235,.34);
  outline-offset:3px;
  border-color:#5d86d7;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab[aria-selected="true"]{
  border-color:var(--anu-tabs-primary);
  background:var(--anu-tabs-primary);
  color:#ffffff;
  box-shadow:0 5px 14px rgba(23,72,179,.18);
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab[aria-selected="true"]:hover{
  border-color:var(--anu-tabs-primary-strong);
  background:var(--anu-tabs-primary-strong);
  color:#ffffff;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:66px;
  min-height:28px;
  margin:0;
  padding:4px 8px;
  border:1px solid #cfdbec;
  border-radius:8px;
  background:#ffffff;
  color:#34506f;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.15;
  text-transform:none;
  white-space:nowrap;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab[aria-selected="true"] .anu-unit-tab-kicker{
  border-color:rgba(255,255,255,.38);
  background:rgba(255,255,255,.15);
  color:#ffffff;
}

.anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab-title{
  display:block;
  min-width:0;
  max-width:none;
  margin:0;
  overflow:hidden;
  color:inherit;
  font-size:.84rem;
  font-weight:680;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.anu-unit-panel-v03100.anu-unit-panel-polish-v03101{
  margin-top:14px;
  animation:anuUnitPanelInV03101 .16s ease-out;
}
.anu-unit-panel-v03100.anu-unit-panel-polish-v03101[hidden]{display:none !important}

.anu-unit-panel-polish-v03101 .anu-unit-panel-title-v03101{
  text-transform:none !important;
  letter-spacing:-.01em;
}

@keyframes anuUnitPanelInV03101{
  from{opacity:.55;transform:translateY(2px)}
  to{opacity:1;transform:none}
}

@media (max-width:900px){
  .anu-unit-tabs-wrap[data-version="0.3.10.1"]{padding:14px 12px 10px}
  .anu-unit-tabs-heading-v03101{display:block}
  .anu-unit-tabs-count-v03101{margin-top:10px}
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab{min-width:176px;max-width:270px}
}

@media (max-width:600px){
  .anu-unit-tabs-wrap[data-version="0.3.10.1"]{
    margin:14px 0 18px;
    padding:12px 10px 9px;
    border-radius:13px;
  }
  .anu-unit-tabs-title-v03101{font-size:.98rem}
  .anu-unit-tabs-help-v03101{font-size:.84rem}
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab{
    min-width:164px;
    max-width:240px;
    min-height:48px;
    padding:8px 10px;
    gap:7px;
  }
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab-kicker{
    min-width:59px;
    font-size:.7rem;
  }
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab-title{font-size:.8rem}
}

@media (prefers-reduced-motion:reduce){
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tabs-scroll{scroll-behavior:auto}
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab,
  .anu-unit-panel-v03100.anu-unit-panel-polish-v03101{
    transition:none;
    animation:none;
  }
}

@media (forced-colors:active){
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab{border:1px solid ButtonText}
  .anu-unit-tabs-wrap[data-version="0.3.10.1"] .anu-unit-tab[aria-selected="true"]{
    background:Highlight;
    color:HighlightText;
  }
}