/* Scoped decorative animation. Inherits Beesible design tokens. */
.baa-acciones-02 {
      --baa-acciones-02-ink:var(--color-text,#1d1d1d);
      --baa-acciones-02-muted:var(--color-text-muted,#666);
      --baa-acciones-02-line:var(--color-border,#d9d9d9);
      --baa-acciones-02-purple:var(--color-brand,#6818aa);
      --baa-acciones-02-purple-dark:var(--color-action-hover,#5c1596);
      --baa-acciones-02-purple-soft:var(--color-action-soft,#f8f5ff);
      --baa-acciones-02-cyan-soft:var(--cyan-100,#d2f8f9);
      --baa-acciones-02-cyan-ink:#0A7078;
      --baa-acciones-02-sand-soft:var(--color-warning-surface,#fff4e5);
      --baa-acciones-02-sand-ink:var(--color-warning-text,#7a5c2e);
      --baa-acciones-02-green:var(--color-success,#15803d);
      --baa-acciones-02-green-soft:var(--color-success-surface,#edf7ed);

      /* Iconos exactos del BEE-DESIGN-SYSTEM usados ya en las animaciones Beesible */
      --baa-acciones-02-icon-clock:url("/animaciones/acciones/assets/icon-clock.svg");
      --baa-acciones-02-icon-newspaper:url("/animaciones/acciones/assets/icon-newspaper.svg");
      --baa-acciones-02-icon-star:url("/animaciones/acciones/assets/icon-star.svg");
    }

.baa-acciones-02 * { box-sizing:border-box; }

.baa-acciones-02 {
      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-02-ink);
    }

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

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

.baa-acciones-02 .baa-acciones-02__shell {
      position:relative;
      width:100%;
      height:auto;
      min-height:0;
      overflow:visible;
      display:block;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    
      padding:0;}

.baa-acciones-02 .baa-acciones-02__content {
      width:100%;
      height:auto;
      min-height:0;
      display:grid;
      grid-template-columns:1fr 1fr;
    
      gap:var(--gap-layout, 32px);}

.baa-acciones-02 .baa-acciones-02__left {
      min-width:0;
      padding:0;
      border-right:0;
      display:flex;
      flex-direction:column;
      justify-content:center;
      background:transparent;
    
      border-bottom:0;}

.baa-acciones-02 .baa-acciones-02__actions {
      width:100%;
      display:flex;
      flex-direction:column;
      gap:13px;
    }

.baa-acciones-02 .baa-acciones-02__action {
      min-height:88px;
      padding:14px 15px;
      display:grid;
      grid-template-columns:44px minmax(0,1fr) auto;
      align-items:center;
      gap:13px;
      border:1px solid var(--baa-acciones-02-line);
      border-radius:18px;
      background:var(--surface-raised,#fff);
      box-shadow:0 6px 18px rgba(48,33,60,.045);
      opacity:0;
      transform:translateY(12px);
      visibility:hidden;
    }

.baa-acciones-02 .baa-acciones-02__action.baa-acciones-02__show {
      visibility:visible;
      animation:baa-acciones-02-actionIn .52s cubic-bezier(.2,.75,.25,1) forwards;
    }

@keyframes baa-acciones-02-actionIn {
from { opacity:0; transform:translateY(12px); }

to { opacity:1; transform:translateY(0); }
}

.baa-acciones-02 .baa-acciones-02__icon-box {
      width:44px;
      height:44px;
      border-radius:var(--radius-lg,14px);
      display:grid;
      place-items:center;
    }

.baa-acciones-02 .baa-acciones-02__reviews .baa-acciones-02__icon-box {
      background:var(--baa-acciones-02-sand-soft);
      color:var(--baa-acciones-02-sand-ink);
    }

.baa-acciones-02 .baa-acciones-02__hours .baa-acciones-02__icon-box,
.baa-acciones-02 .baa-acciones-02__post .baa-acciones-02__icon-box {
      background:var(--baa-acciones-02-cyan-soft);
      color:var(--baa-acciones-02-cyan-ink);
    }

.baa-acciones-02 .baa-acciones-02__ds-icon {
      width:21px;
      height:21px;
      display:block;
      background:currentColor;
      -webkit-mask-image:var(--baa-acciones-02-icon-src);
      mask-image:var(--baa-acciones-02-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-02 .baa-acciones-02__copy {
      min-width:0;
    }

.baa-acciones-02 .baa-acciones-02__title {
      margin:0;
      font-size:12.5px;
      line-height:1.25;
      font-weight:600;
      letter-spacing:-.012em;
    }

.baa-acciones-02 .baa-acciones-02__desc {
      margin:5px 0 0;
      font-size:10px;
      line-height:1.4;
      color:var(--baa-acciones-02-muted);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

.baa-acciones-02 .baa-acciones-02__state {
      display:flex;
      justify-content:flex-end;
      align-items:center;
      justify-self:end;
      min-width:0;
      margin:0;
      padding:0;
    }

.baa-acciones-02 .baa-acciones-02__check {
      width:26px;
      height:26px;
      border-radius:var(--radius-pill,999px);
      display:grid;
      place-items:center;
      background:var(--baa-acciones-02-green-soft);
      color:var(--baa-acciones-02-green);
      opacity:0;
      transform:scale(.55);
    }

.baa-acciones-02 .baa-acciones-02__check::before {
      content:"";
      width:9px;
      height:5px;
      border-left:2px solid currentColor;
      border-bottom:2px solid currentColor;
      transform:translateY(-1px) rotate(-45deg);
    }

.baa-acciones-02 .baa-acciones-02__check.baa-acciones-02__show {
      animation:baa-acciones-02-checkIn .42s cubic-bezier(.2,.85,.3,1.25) forwards;
    }

@keyframes baa-acciones-02-checkIn {
0% { opacity:0; transform:scale(.55); }

70% { opacity:1; transform:scale(1.08); }

100% { opacity:1; transform:scale(1); }
}

.baa-acciones-02 [data-ref="check3"] {
      display:none;
    }

.baa-acciones-02 .baa-acciones-02__review-btn {
      height:34px;
      margin:0;
      padding:0 15px;
      border:1px solid #CFCAD2;
      border-radius:var(--radius-pill,999px);
      background:var(--surface-raised,#fff);
      color:var(--baa-acciones-02-ink);
      font:600 10.5px/1 "Poppins",sans-serif;
      opacity:0;
      transform:translateY(4px);
    }

.baa-acciones-02 .baa-acciones-02__review-btn.baa-acciones-02__show {
      animation:baa-acciones-02-buttonIn .35s ease forwards;
    }

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

.baa-acciones-02 .baa-acciones-02__right {
      position:relative;
      min-width:0;
      padding:0;
      display:flex;
      align-items:center;
      justify-content:center;
      background:transparent;
    
      border-right:0;
      border-bottom:0;}

.baa-acciones-02 .baa-acciones-02__empty-state {
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      pointer-events:none;
    }

.baa-acciones-02 .baa-acciones-02__empty-orbit {
      width:128px;
      height:128px;
      border:1px dashed rgba(158,81,232,.14);
      border-radius:var(--radius-pill,999px);
      opacity:.55;
    }

.baa-acciones-02 .baa-acciones-02__preview {
      position:relative;
      z-index:2;
      width:100%;
      padding:18px;
      border:1px solid var(--baa-acciones-02-line);
      border-radius:22px;
      background:var(--surface-raised,#fff);
      box-shadow:0 16px 40px rgba(66,34,92,.11);
      opacity:0;
      visibility:hidden;
      transform:translateY(14px) scale(.985);
    }

.baa-acciones-02 .baa-acciones-02__preview.baa-acciones-02__show {
      visibility:visible;
      animation:baa-acciones-02-previewIn .5s cubic-bezier(.2,.75,.25,1) forwards;
    }

.baa-acciones-02 .baa-acciones-02__preview.baa-acciones-02__hide {
      visibility:visible;
      animation:baa-acciones-02-previewOut .38s ease forwards;
    }

@keyframes baa-acciones-02-previewIn {
to { opacity:1; transform:translateY(0) scale(1); }
}

@keyframes baa-acciones-02-previewOut {
from { opacity:1; transform:translateY(0) scale(1); }

to { opacity:0; transform:translateY(8px) scale(.985); }
}

.baa-acciones-02 .baa-acciones-02__preview-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:15px;
    }

.baa-acciones-02 .baa-acciones-02__preview-title {
      font-size:14px;
      font-weight:600;
      letter-spacing:-.018em;
    }

.baa-acciones-02 .baa-acciones-02__preview-chip {
      height:26px;
      padding:0 10px;
      display:flex;
      align-items:center;
      border-radius:var(--radius-pill,999px);
      background:var(--baa-acciones-02-purple-soft);
      color:var(--baa-acciones-02-purple-dark);
      font-size:9px;
      font-weight:600;
      white-space:nowrap;
    }

.baa-acciones-02 .baa-acciones-02__post-preview {
      overflow:hidden;
      border:1px solid #F0EDF3;
      border-radius:17px;
    }

.baa-acciones-02 .baa-acciones-02__post-image {
      height:112px;
      padding:15px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 86% 20%, rgba(255,255,255,.55), transparent 24%),
        linear-gradient(135deg, #F1E2FB 0%, #E7F7F6 100%);
    }

.baa-acciones-02 .baa-acciones-02__google-label {
      display:inline-flex;
      align-items:center;
      height:23px;
      padding:0 9px;
      border-radius:var(--radius-pill,999px);
      background:rgba(255,255,255,.75);
      color:#77717C;
      font-size:8.5px;
      font-weight:600;
    }

.baa-acciones-02 .baa-acciones-02__post-heading {
      width:72%;
      margin:12px 0 0;
      font-size:16px;
      line-height:1.2;
      font-weight:700;
      letter-spacing:-.028em;
      background:linear-gradient(90deg, var(--baa-acciones-02-purple) 0%, var(--baa-acciones-02-cyan-ink) 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      -webkit-text-fill-color:transparent;
    }

.baa-acciones-02 .baa-acciones-02__post-copy {
      padding:14px 15px 16px;
      display:flex;
      flex-direction:column;
      gap:8px;
    }

.baa-acciones-02 .baa-acciones-02__skeleton {
      height:9px;
      border-radius:var(--radius-pill,999px);
      background:#EFEDF2;
    }

.baa-acciones-02 .baa-acciones-02__skeleton:nth-child(1) { width:100%; }

.baa-acciones-02 .baa-acciones-02__skeleton:nth-child(2) { width:82%; }

.baa-acciones-02 .baa-acciones-02__skeleton:nth-child(3) { width:60%; }

.baa-acciones-02 .baa-acciones-02__preview-actions {
      margin-top:15px;
      display:flex;
      justify-content:flex-end;
      gap:9px;
    }

.baa-acciones-02 .baa-acciones-02__preview-btn {
      height:36px;
      padding:0 15px;
      border-radius:var(--radius-pill,999px);
      border:1px solid #D8D3DA;
      background:var(--surface-raised,#fff);
      color:var(--baa-acciones-02-ink);
      font:600 10.5px/1 "Poppins",sans-serif;
    }

.baa-acciones-02 .baa-acciones-02__preview-btn.baa-acciones-02__primary {
      border-color:var(--baa-acciones-02-purple);
      background:var(--baa-acciones-02-purple);
      color:var(--surface-raised,#fff);
      box-shadow:0 7px 16px rgba(158,81,232,.17);
    }

.baa-acciones-02 .baa-acciones-02__cursor {
      position:absolute;
      z-index:20;
      width:19px;
      height:23px;
      opacity:0;
      pointer-events:none;
      transition:
        left .72s cubic-bezier(.2,.75,.25,1),
        top .72s cubic-bezier(.2,.75,.25,1),
        opacity .22s ease;
    }

.baa-acciones-02 .baa-acciones-02__cursor::before {
      content:"";
      position:absolute;
      inset:0;
      clip-path:polygon(0 0,0 100%,29% 72%,45% 100%,59% 93%,44% 64%,79% 64%);
      background:#242228;
      filter:drop-shadow(0 3px 7px rgba(0,0,0,.18));
    }

.baa-acciones-02 .baa-acciones-02__click-ring {
      position:absolute;
      z-index:19;
      width:12px;
      height:12px;
      border-radius:var(--radius-pill,999px);
      border:2px solid rgba(158,81,232,.48);
      opacity:0;
      pointer-events:none;
      transform:translate(-50%,-50%) scale(.6);
    }

.baa-acciones-02 .baa-acciones-02__click-ring.baa-acciones-02__play {
      animation:baa-acciones-02-ring .48s ease-out;
    }

@keyframes baa-acciones-02-ring {
0% { opacity:1; transform:translate(-50%,-50%) scale(.6); }

100% { opacity:0; transform:translate(-50%,-50%) scale(2.2); }
}

@container (min-width:761px) {
  .baa-acciones-02 .baa-acciones-02__action { min-height:104px; }
  .baa-acciones-02 .baa-acciones-02__title {
    font-size:clamp(16px, 1.4cqw, 18px);
    line-height:1.35;
  }
  .baa-acciones-02 .baa-acciones-02__desc {
    font-size:14px;
    line-height:1.5;
    white-space:normal;
  }
  .baa-acciones-02 .baa-acciones-02__review-btn,
  .baa-acciones-02 .baa-acciones-02__preview-btn {
    height:40px;
    font-size:14px;
  }
  .baa-acciones-02 .baa-acciones-02__preview-head { flex-wrap:wrap; }
  .baa-acciones-02 .baa-acciones-02__preview-title { font-size:20px; }
  .baa-acciones-02 .baa-acciones-02__preview-chip { height:30px; font-size:12px; }
  .baa-acciones-02 .baa-acciones-02__google-label { height:28px; font-size:12px; }
  .baa-acciones-02 .baa-acciones-02__post-image { height:auto; min-height:148px; }
  .baa-acciones-02 .baa-acciones-02__post-heading { width:100%; font-size:22px; line-height:1.3; }
}

@container (max-width:760px) {
.baa-acciones-02 .baa-acciones-02__shell {
        height:auto;
      }

.baa-acciones-02 .baa-acciones-02__content {
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr;
      }

.baa-acciones-02 .baa-acciones-02__left {
        padding:0;
        border-right:0;
        border-bottom:0;
      }

.baa-acciones-02 .baa-acciones-02__right {
        padding:0;
      }

.baa-acciones-02 .baa-acciones-02__action {
        min-height:72px;
      }
}

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

.baa-acciones-02 { 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-02 *, .baa-acciones-02 *::before, .baa-acciones-02 *::after { box-sizing:border-box; }
.baa-acciones-02 .baa-acciones-02__tag-strong, .baa-acciones-02 .baa-acciones-02__tag-b { font-weight:var(--font-weight-bold,600); }
.baa-acciones-02 .baa-acciones-02__tag-button {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-family:inherit;
      text-align:center;
    }