/* Scoped decorative animation. Inherits Beesible design tokens. */
.baa-directorios-02 {
      --baa-directorios-02-ink:var(--color-text,#1d1d1d);
      --baa-directorios-02-muted:var(--color-text-muted,#666);
      --baa-directorios-02-muted-2:var(--neutral-400,#a4a4a4);
      --baa-directorios-02-line:var(--color-border,#d9d9d9);
      --baa-directorios-02-surface:var(--surface-raised,var(--surface-raised,#fff));
      --baa-directorios-02-surface-soft:var(--surface-subtle,#f4f4f4);
      --baa-directorios-02-purple:var(--color-brand,#6818aa);
      --baa-directorios-02-purple-dark:var(--color-action-hover,#5c1596);
      --baa-directorios-02-purple-soft:var(--color-action-soft,#f8f5ff);
      --baa-directorios-02-cyan:var(--cyan-500,#18d3d6);
      --baa-directorios-02-cyan-dark:#16898E;
      --baa-directorios-02-cyan-soft:var(--cyan-100,#d2f8f9);
      --baa-directorios-02-shadow:var(--shadow-card,0 16px 42px rgba(66,34,92,.08));
    }

.baa-directorios-02 * {box-sizing:border-box}

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

.baa-directorios-02 {display:grid;place-items:center;overflow:visible;}

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

.baa-directorios-02 .baa-directorios-02__demo {
      position:relative;
      width:100%;
      height:auto;
      display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);
      align-items:center;
      gap:clamp(40px, 6cqw, 80px);
    
      padding:0;
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
      min-height:360px;}

.baa-directorios-02 .baa-directorios-02__source-wrap,
.baa-directorios-02 .baa-directorios-02__targets-wrap {position:relative;z-index:3;min-width:0}

.baa-directorios-02 .baa-directorios-02__source-card {
      position:relative;
      width:100%;
      padding:clamp(20px, 2.2cqw, 28px);
      border:1px solid var(--baa-directorios-02-line);
      border-radius:22px;
      background:var(--surface-raised,#fff);
      box-shadow:var(--baa-directorios-02-shadow);
      overflow:hidden;
    }

.baa-directorios-02 .baa-directorios-02__source-card::before {
      content:"";
      position:absolute;
      inset:0 0 auto 0;
      height:66px;
      background:linear-gradient(180deg,rgba(247,243,250,.88),rgba(255,255,255,0));
      pointer-events:none;
    }

.baa-directorios-02 .baa-directorios-02__card-head {
      position:relative;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:20px;
    }

.baa-directorios-02 .baa-directorios-02__business {
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

.baa-directorios-02 .baa-directorios-02__business-avatar {
      width:44px;height:44px;border-radius:var(--radius-md,12px);
      display:grid;place-items:center;
      flex:0 0 44px;
      background:var(--baa-directorios-02-purple-soft);
      color:var(--baa-directorios-02-purple-dark);
    }

.baa-directorios-02 .baa-directorios-02__ds-icon {width:18px;height:18px;display:block;color:inherit}

.baa-directorios-02 .baa-directorios-02__ds-icon path {fill:currentColor}

.baa-directorios-02 .baa-directorios-02__business-copy {min-width:0}

.baa-directorios-02 .baa-directorios-02__business-name {font-size:16px;line-height:1.25;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.baa-directorios-02 .baa-directorios-02__business-meta {margin-top:3px;font-size:12px;color:var(--baa-directorios-02-muted)}

.baa-directorios-02 .baa-directorios-02__fields {display:flex;flex-direction:column;gap:12px;}

.baa-directorios-02 .baa-directorios-02__field {
      min-height:64px;
      padding:12px 14px;
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      border:1px solid #F0EDF2;
      border-radius:13px;
      background:var(--surface-raised,#fff);
      transition:border-color .28s ease,box-shadow .28s ease,background .28s ease;
    }

.baa-directorios-02 .baa-directorios-02__field-label {font-size:12px;color:var(--baa-directorios-02-muted);line-height:1.1}

.baa-directorios-02 .baa-directorios-02__field-value {margin-top:4px;font-size:14px;font-weight:600;line-height:1.15}

.baa-directorios-02 .baa-directorios-02__edit-button {
      position:relative;
      width:29px;height:29px;
      border:1px solid #E5E0E8;
      border-radius:9px;
      background:var(--surface-raised,#fff);
      display:grid;place-items:center;
      color:var(--baa-directorios-02-muted);
      transition:all .25s ease;
    }

.baa-directorios-02 .baa-directorios-02__edit-button .baa-directorios-02__ds-icon {width:14px;height:14px}

.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-editing {
      border-color:rgba(158,81,232,.42);
      box-shadow:0 0 0 3px rgba(158,81,232,.08);
      background:#FEFCFF;
    }

.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-editing .baa-directorios-02__edit-button {
      color:var(--baa-directorios-02-purple-dark);background:var(--baa-directorios-02-purple-soft);border-color:rgba(158,81,232,.18)
    }

.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-saved {
      border-color:rgba(158,81,232,.22);
      background:linear-gradient(90deg,var(--surface-raised,#fff) 0%,#FCF8FF 100%);
    }

.baa-directorios-02 .baa-directorios-02__time-stack {position:relative;height:18px;min-width:88px}

.baa-directorios-02 .baa-directorios-02__time-old,
.baa-directorios-02 .baa-directorios-02__time-new {
      position:absolute;left:0;top:0;
      white-space:nowrap;
      transition:opacity .34s ease,transform .34s cubic-bezier(.2,.75,.25,1);
    }

.baa-directorios-02 .baa-directorios-02__time-old {opacity:1;transform:translateY(0)}

.baa-directorios-02 .baa-directorios-02__time-new {opacity:0;transform:translateY(7px);color:var(--baa-directorios-02-purple-dark)}

.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-editing .baa-directorios-02__time-old,
.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-saved .baa-directorios-02__time-old {opacity:0;transform:translateY(-7px)}

.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-editing .baa-directorios-02__time-new,
.baa-directorios-02 .baa-directorios-02__field.baa-directorios-02__hours.baa-directorios-02__is-saved .baa-directorios-02__time-new {opacity:1;transform:translateY(0)}

.baa-directorios-02 .baa-directorios-02__targets-wrap {width:100%}

.baa-directorios-02 .baa-directorios-02__targets-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}

.baa-directorios-02 .baa-directorios-02__target {
      position:relative;
      min-height:138px;
      padding:22px;
      border:1px solid var(--baa-directorios-02-line);
      border-radius:16px;
      background:var(--surface-raised,#fff);
      box-shadow:0 6px 18px rgba(48,33,60,.035);
      overflow:hidden;
      transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;
    }

.baa-directorios-02 .baa-directorios-02__target::after {
      content:"";position:absolute;inset:0;
      background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.8) 48%,transparent 72%);
      transform:translateX(-130%);opacity:0;
    }

.baa-directorios-02 .baa-directorios-02__target-head {display:flex;align-items:center;gap:12px;min-width:0}

.baa-directorios-02 .baa-directorios-02__target-icon {
      width:40px;height:40px;border-radius:9px;display:grid;place-items:center;
      flex:0 0 40px;background:#F7F4F9;color:#77717C;
      transition:all .3s ease;
    }

.baa-directorios-02 .baa-directorios-02__target-icon .baa-directorios-02__ds-icon {width:15px;height:15px}

.baa-directorios-02 .baa-directorios-02__target-title {font-size:16px;font-weight:600;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}

.baa-directorios-02 .baa-directorios-02__target-bottom {margin-top:16px;display:flex;align-items:center;min-height:20px}

.baa-directorios-02 .baa-directorios-02__target-time {font-size:13px;color:var(--baa-directorios-02-muted);font-weight:500;transition:color .3s ease,font-weight .3s ease}

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__pending {border-color:#E8E3EB;background:#FEFDFE}

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__updating {
      border-color:rgba(158,81,232,.28);
      box-shadow:0 9px 24px rgba(158,81,232,.12);
      background:linear-gradient(135deg,var(--surface-raised,#fff) 35%,#F8F0FE 100%);
    }

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__updating::after {opacity:0}

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__updating .baa-directorios-02__target-icon {background:var(--baa-directorios-02-purple-soft);color:var(--baa-directorios-02-purple-dark)}

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__complete {
      border-color:rgba(158,81,232,.22);
      background:linear-gradient(135deg,var(--surface-raised,#fff) 50%,#FCF8FF 100%);
      box-shadow:0 8px 22px rgba(126,57,196,.06);
    }

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__complete .baa-directorios-02__target-icon {background:var(--baa-directorios-02-purple-soft);color:var(--baa-directorios-02-purple-dark)}

.baa-directorios-02 .baa-directorios-02__target.baa-directorios-02__complete .baa-directorios-02__target-time {color:var(--baa-directorios-02-purple-dark);font-weight:600}

.baa-directorios-02 .baa-directorios-02__wire-layer {position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}

.baa-directorios-02 .baa-directorios-02__wire-layer path {
      fill:none;stroke:#E9E4EC;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;
      transition:stroke .35s ease,opacity .35s ease;
    }

.baa-directorios-02 .baa-directorios-02__demo.baa-directorios-02__syncing .baa-directorios-02__wire-layer path,
.baa-directorios-02 .baa-directorios-02__demo.baa-directorios-02__done .baa-directorios-02__wire-layer path {stroke:rgba(158,81,232,.34)}

.baa-directorios-02 .baa-directorios-02__wire-pulse {
      fill:var(--baa-directorios-02-purple);
      opacity:0;
      filter:drop-shadow(0 0 5px rgba(158,81,232,.34));
    }

.baa-directorios-02 .baa-directorios-02__cursor {
      position:absolute;z-index:20;width:18px;height:22px;opacity:0;pointer-events:none;
      left:20%;top:42%;
      transition:left .68s cubic-bezier(.2,.75,.25,1),top .68s cubic-bezier(.2,.75,.25,1),opacity .2s ease,transform .15s ease;
      filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));
    }

.baa-directorios-02 .baa-directorios-02__cursor::before {content:"";position:absolute;inset:0;clip-path:polygon(0 0,0 100%,30% 72%,46% 100%,60% 93%,45% 63%,79% 63%);background:#242228}

.baa-directorios-02 .baa-directorios-02__cursor.baa-directorios-02__click {transform:scale(.88)}

.baa-directorios-02 .baa-directorios-02__click-ring {
      position:absolute;z-index:19;width:12px;height:12px;border-radius:50%;border:2px solid rgba(158,81,232,.5);opacity:0;pointer-events:none
    }

.baa-directorios-02 .baa-directorios-02__click-ring.baa-directorios-02__play {animation:baa-directorios-02-ring .45s ease-out}

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

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

.baa-directorios-02 .baa-directorios-02__demo.baa-directorios-02__resetting * {transition:none!important;animation:none!important}

@container (max-width:920px) {
.baa-directorios-02 {overflow:visible;}

.baa-directorios-02 .baa-directorios-02__stage {min-height:0;padding:0;}

.baa-directorios-02 .baa-directorios-02__demo {width:100%;height:auto;grid-template-columns:1fr;gap:42px;padding:0;}

.baa-directorios-02 .baa-directorios-02__source-wrap {width:100%;justify-self:center}

.baa-directorios-02 .baa-directorios-02__targets-wrap {width:100%;justify-self:center}

.baa-directorios-02 .baa-directorios-02__targets-grid {grid-template-columns:repeat(2,minmax(185px,1fr));gap:18px 14px}

.baa-directorios-02 .baa-directorios-02__wire-layer {display:block}

.baa-directorios-02 .baa-directorios-02__cursor {display:none}
}

@container (max-width:520px) {
.baa-directorios-02 .baa-directorios-02__demo {width:100%;gap:46px}

.baa-directorios-02 .baa-directorios-02__targets-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}

.baa-directorios-02 .baa-directorios-02__targets-wrap {width:100%}

.baa-directorios-02 .baa-directorios-02__stage {min-height:0;padding-left:0;padding-right:0;}

.baa-directorios-02 .baa-directorios-02__target {min-height:82px;padding:12px 10px}

.baa-directorios-02 .baa-directorios-02__target-head {gap:7px}

.baa-directorios-02 .baa-directorios-02__target-title {font-size:9.5px}
}

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

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


@container (max-width:520px) {
.baa-directorios-02 .baa-directorios-02__target {min-height:116px;padding:16px 12px}
.baa-directorios-02 .baa-directorios-02__target-title {font-size:13px}
.baa-directorios-02 .baa-directorios-02__target-time {font-size:12px}
.baa-directorios-02 .baa-directorios-02__target-icon {width:30px;height:30px;flex-basis:30px}
}