/* Scoped decorative animation. Inherits Beesible design tokens. */
.baa-acciones-01 {
      --baa-acciones-01-ink:var(--color-text,#1d1d1d);
      --baa-acciones-01-muted:var(--color-text-muted,#666);
      --baa-acciones-01-line:var(--color-border,#d9d9d9);
      --baa-acciones-01-purple:var(--color-brand,#6818aa);
      --baa-acciones-01-purple-dark:var(--color-action-hover,#5c1596);
      --baa-acciones-01-purple-soft:var(--color-action-soft,#f8f5ff);
      --baa-acciones-01-cyan:var(--cyan-500,#18d3d6);
      --baa-acciones-01-cyan-soft:var(--cyan-100,#d2f8f9);
      --baa-acciones-01-green:var(--color-success,#15803d);
      --baa-acciones-01-surface:var(--surface-raised,var(--surface-raised,#fff));

      --baa-acciones-01-icon-clock:url("/animaciones/acciones/assets/icon-clock.svg");
      --baa-acciones-01-icon-newspaper:url("/animaciones/acciones/assets/icon-newspaper.svg");
      --baa-acciones-01-icon-star:url("/animaciones/acciones/assets/icon-star.svg");
      --baa-acciones-01-icon-sparkles:url("/animaciones/acciones/assets/icon-sparkles.svg");
    }

.baa-acciones-01 * {box-sizing:border-box}

.baa-acciones-01 {
      width:100%;
      height:100%;
      margin:0;
      overflow:visible;
      background:transparent;
      font-family:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
      color:var(--baa-acciones-01-ink);
    }

.baa-acciones-01 {
      display:grid;
      place-items:center;
    }

.baa-acciones-01 .baa-acciones-01__stage {
      width:100%;
      height:auto;
      min-height:0;
      display:grid;
      place-items:center;
      padding:0;
      background:transparent;
    
      padding-left:0;
      padding-right:0;
      overflow:visible;}

.baa-acciones-01 .baa-acciones-01__scene {
      width:100%;
      min-height:0;
      padding:clamp(20px, 4cqw, 36px);
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:24px;
      border:1px solid var(--baa-acciones-01-line);
      border-radius:24px;
      background:transparent;
      box-shadow:none;
    
      overflow:visible;}

.baa-acciones-01 .baa-acciones-01__beelma {
      display:flex;
      align-items:center;
      gap:10px;
      padding:0 4px;
      opacity:0;
      transform:translateY(5px);
    }

.baa-acciones-01 .baa-acciones-01__beelma.baa-acciones-01__show {
      animation:baa-acciones-01-fadeUp .42s ease forwards;
    }

.baa-acciones-01 .baa-acciones-01__beelma-logo {
      width:40px;
      height:40px;
      object-fit:contain;
      display:block;
      background:transparent;
      flex:0 0 40px;
    }

.baa-acciones-01 .baa-acciones-01__beelma-state {
      display:flex;
      align-items:flex-end;
      gap:7px;
      color:var(--baa-acciones-01-muted);
      font-size:14px;
      line-height:1.4;
    }

.baa-acciones-01 .baa-acciones-01__typing {
      display:flex;
      gap:3px;
      align-items:flex-end;
      padding-bottom:1px;
    }

.baa-acciones-01 .baa-acciones-01__typing span {
      width:4px;
      height:4px;
      border-radius:50%;
      background:var(--baa-acciones-01-purple);
      opacity:.3;
      animation:baa-acciones-01-typing 1s infinite ease-in-out;
    }

.baa-acciones-01 .baa-acciones-01__typing span:nth-child(2) {animation-delay:.14s}

.baa-acciones-01 .baa-acciones-01__typing span:nth-child(3) {animation-delay:.28s}

@keyframes baa-acciones-01-typing {
0%,60%,100% {opacity:.25;transform:translateY(0)}

30% {opacity:1;transform:translateY(-2px)}
}

.baa-acciones-01 .baa-acciones-01__list-shell {
      position:relative;
      padding:6px 0 0;
    }

.baa-acciones-01 .baa-acciones-01__list-line {
      position:absolute;
      left:24px;
      top:42px;
      bottom:42px;
      width:1px;
      background:linear-gradient(
        180deg,
        rgba(158,81,232,.32),
        rgba(40,198,201,.18)
      );
      opacity:0;
      transform:scaleY(.2);
      transform-origin:top;
    }

.baa-acciones-01 .baa-acciones-01__list-line.baa-acciones-01__show {
      animation:baa-acciones-01-lineIn .55s ease forwards;
    }

@keyframes baa-acciones-01-lineIn {
to {opacity:1;transform:scaleY(1)}
}

.baa-acciones-01 .baa-acciones-01__list {
      position:relative;
      min-height:0;
    
      display:grid;
      gap:12px;}

.baa-acciones-01 .baa-acciones-01__row {
      position:relative;
      left:0;
      right:0;
      height:auto;
      display:grid;
      grid-template-columns:48px minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      padding:0;
      opacity:0;
      transform:translateY(8px);
      transition:
        top .62s cubic-bezier(.2,.78,.22,1),
        opacity .36s ease,
        transform .48s cubic-bezier(.2,.78,.22,1);
    
      min-height:76px;}

.baa-acciones-01 .baa-acciones-01__row.baa-acciones-01__visible {
      opacity:1;
      transform:translateY(0);
    }

.baa-acciones-01 .baa-acciones-01__dot-wrap {
      width:48px;
      height:48px;
      display:grid;
      place-items:center;
      position:relative;
      z-index:2;
    }

.baa-acciones-01 .baa-acciones-01__dot-icon {
      width:40px;
      height:40px;
      border-radius:12px;
      background:var(--surface-raised,#fff);
      border:1px solid var(--baa-acciones-01-line);
      box-shadow:0 4px 12px rgba(55,38,68,.045);
      display:grid;
      place-items:center;
      color:var(--baa-acciones-01-muted);
      transition:
        border-color .3s ease,
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease;
    }

.baa-acciones-01 .baa-acciones-01__ds-icon {
      width:20px;
      height:20px;
      background:currentColor;
      -webkit-mask-image:var(--baa-acciones-01-icon-src);
      mask-image:var(--baa-acciones-01-icon-src);
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat;
      -webkit-mask-position:center;
      mask-position:center;
      -webkit-mask-size:contain;
      mask-size:contain;
    }

.baa-acciones-01 .baa-acciones-01__copy {
      min-width:0;
      padding:8px 0;
    }

.baa-acciones-01 .baa-acciones-01__title {
      font-size:16px;
      font-weight:600;
      line-height:1.35;
      letter-spacing:-.01em;
      white-space:normal;
      overflow:hidden;
      text-overflow:ellipsis;
    }

.baa-acciones-01 .baa-acciones-01__meta {
      margin-top:4px;
      font-size:13px;
      line-height:1.4;
      color:var(--baa-acciones-01-muted);
    }

.baa-acciones-01 .baa-acciones-01__next {
      height:30px;
      padding:0 10px;
      border-radius:var(--radius-pill,999px);
      background:var(--baa-acciones-01-purple-soft);
      color:var(--baa-acciones-01-purple-dark);
      font-size:11px;
      font-weight:600;
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0;
      transform:translateX(4px);
      transition:opacity .3s ease, transform .3s ease;
    }

.baa-acciones-01 .baa-acciones-01__row.baa-acciones-01__priority .baa-acciones-01__dot-icon {
      background:var(--baa-acciones-01-purple-soft);
      border-color:rgba(158,81,232,.22);
      color:var(--baa-acciones-01-purple-dark);
      box-shadow:0 5px 14px rgba(158,81,232,.10);
    }

.baa-acciones-01 .baa-acciones-01__row.baa-acciones-01__priority .baa-acciones-01__title {
      color:var(--baa-acciones-01-purple-dark);
    }

.baa-acciones-01 .baa-acciones-01__row.baa-acciones-01__priority .baa-acciones-01__next {
      opacity:1;
      transform:translateX(0);
    }

@keyframes baa-acciones-01-fadeUp {
to {opacity:1;transform:translateY(0)}
}

/* Evita el pequeño flash al reiniciar el loop:
       durante el reset ocultamos instantáneamente los elementos y anulamos transiciones. */

.baa-acciones-01 .baa-acciones-01__scene.baa-acciones-01__resetting .baa-acciones-01__row,
.baa-acciones-01 .baa-acciones-01__scene.baa-acciones-01__resetting .baa-acciones-01__beelma,
.baa-acciones-01 .baa-acciones-01__scene.baa-acciones-01__resetting .baa-acciones-01__list-line {
      opacity:0 !important;
      visibility:hidden !important;
      transition:none !important;
      animation:none !important;
    }

@container (max-width:560px) {
.baa-acciones-01 .baa-acciones-01__stage {padding:0;}

.baa-acciones-01 .baa-acciones-01__scene {
        min-height:0;
        padding:clamp(20px, 4cqw, 36px);
      
      gap:24px;
      border:1px solid var(--baa-acciones-01-line);
      border-radius:24px;}

.baa-acciones-01 .baa-acciones-01__row {
        grid-template-columns:48px minmax(0,1fr) auto;
        gap:12px;
      
      position:relative;
      height:auto;
      min-height:76px;
      padding:0;}

.baa-acciones-01 .baa-acciones-01__dot-wrap {width:48px;height:48px;}

.baa-acciones-01 .baa-acciones-01__dot-icon {width:40px;height:40px;
      border-radius:12px;}

.baa-acciones-01 .baa-acciones-01__title {font-size:16px;
      line-height:1.35;
      white-space:normal;}

.baa-acciones-01 .baa-acciones-01__meta {font-size:13px;
      line-height:1.4;}
}

@media (prefers-reduced-motion:reduce) {
.baa-acciones-01 *,
.baa-acciones-01 *::before,
.baa-acciones-01 *::after {
        animation-duration:.001ms !important;
        transition-duration:.001ms !important;
      }
}

.baa-acciones-01 { height:auto; min-width:0; width:100%; isolation:isolate; container-type:inline-size; line-height:1.5; font-weight:400; text-align:left; }
.baa-acciones-01 *, .baa-acciones-01 *::before, .baa-acciones-01 *::after { box-sizing:border-box; }
.baa-acciones-01 .baa-acciones-01__tag-strong, .baa-acciones-01 .baa-acciones-01__tag-b { font-weight:var(--font-weight-bold,600); }
.baa-acciones-01 .baa-acciones-01__tag-button { font-family:inherit; text-align:center; }


@container (max-width:420px) {
.baa-acciones-01 .baa-acciones-01__title {font-size:14px}
.baa-acciones-01 .baa-acciones-01__meta {font-size:12px}
.baa-acciones-01 .baa-acciones-01__row {grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
.baa-acciones-01 .baa-acciones-01__dot-wrap {width:40px;height:40px}
.baa-acciones-01 .baa-acciones-01__list-line {left:20px}
.baa-acciones-01 .baa-acciones-01__next {font-size:10px;padding-inline:8px}
}