:root{
    --if-bg:#fff;
    --if-bg-panel:#f9fafb;
    --if-border:#e5e7eb;
    --if-text:#111827;
    --if-muted:#6b7280;
    --if-accent:#2563eb; /* azul institucional; ajusta si ocupas */
  }

  .agej-if{ display:block; max-width:100%; }
  .agej-if__group + .agej-if__group{ margin-top:0.5rem; }

  .agej-if__item{
    width:100%;
    display:flex; align-items:center; gap:12px;
    padding:1rem 1.25rem;
    background:var(--if-bg);
    border:1px solid var(--if-border);
    border-radius:10px;
    cursor:pointer;
    text-align:left;
  }
  .agej-if__item:hover{ background:#fbfdff; border-color:#dbeafe; }
  .agej-if__item:focus-visible{
    outline:2px solid var(--if-accent);
    outline-offset:2px;
  }

  .agej-if__dot{
    width:10px; height:10px; border-radius:50%;
    background:var(--if-accent);
    flex:0 0 auto;
  }
  .agej-if__text{ display:flex; flex-direction:column; }
  .agej-if__title{ color:var(--if-text); font-weight:600; line-height:1.2; }
  .agej-if__subtitle{ color:var(--if-muted); font-size:0.92rem; margin-top:2px; }

  /* Chevron con pseudo-elemento (sin íconos externos) */
  .agej-if__chev{
    margin-left:auto; width:1rem; height:1rem; position:relative; flex:0 0 auto;
  }
  .agej-if__chev::before{
    content:"";
    position:absolute; inset:0;
    margin:auto;
    width:8px; height:8px;
    border:2px solid currentColor;
    border-left:0; border-top:0;
    transform:rotate(45deg);
    transition:transform .2s ease;
    color:#6b7280;
  }
  .agej-if__item[aria-expanded="true"] .agej-if__chev::before{
    transform:rotate(-135deg);
    color:var(--if-accent);
  }

  .agej-if__panel{
    border:1px solid var(--if-border);
    border-top:none;
    border-radius:0 0 10px 10px;
    background:var(--if-bg-panel);
    padding:0.75rem 1.25rem 1rem;
  }
  .agej-if__links{ list-style:disc; margin:0.25rem 0 0 1.25rem; }
  .agej-if__links a{
    color:#0f172a; text-decoration:underline;
    text-underline-offset: 2px;
  }
  .agej-if__links a:hover{ color:var(--if-accent); }