/* Ami y franja «en vivo» · mimarcapersonal.online (14-oct-2026). La misma de todos los productos Amiga. */
:root{--ami-g1:rgba(255,255,255,.55);--ami-g2:rgba(120,240,200,.85);--ami-g3:rgba(0,168,150,.95);--ami-tx:#062638;--ami-mu:#5b6f7a;--ami-c:#00A896}
.ami-cinta{position:fixed;top:0;left:0;right:0;z-index:9998;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:linear-gradient(90deg,var(--va,#062638),var(--vb,#0b4f78) 50%,var(--va,#062638));color:#fff;font:500 13.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
.ami-cinta.off{background:linear-gradient(90deg,#374151,#4b5563 50%,#374151)}
.ami-cinta::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);transform:translateX(-100%);animation:amibrillo 6s infinite}
@keyframes amibrillo{60%,100%{transform:translateX(100%)}}
.ami-cinta__izq{display:flex;align-items:center;gap:10px;min-width:0;flex:1;justify-content:center}
.ami-cinta__punto{width:10px;height:10px;border-radius:50%;background:#22c55e;flex:none;animation:amiring 1.6s infinite}
.ami-cinta.off .ami-cinta__punto{background:#9ca3af;animation:none}
@keyframes amiring{0%{box-shadow:0 0 0 0 rgba(34,197,94,.75)}80%,100%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
.ami-cinta__msg{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.45;animation:amientra .55s ease both}
.ami-cinta__msg b{font-weight:700}
@keyframes amientra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ami-cinta__reloj{display:inline-flex;align-items:center;gap:7px;flex:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:4px 12px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.ami-cinta__fecha{display:none}.ami-cinta{font-size:12.5px;padding:0 10px}}
@media(max-width:400px){.ami-cinta__reloj{display:none}}
/* La franja va arriba de todo: lo fijo de cada plantilla baja 38 px */
body.ami-con-cinta{padding-top:38px}
body.ami-con-cinta .header{top:38px}
body.ami-con-cinta .header-toggle{top:53px}
body.ami-con-cinta .fixed-top{top:38px}
/* Ami flotante */
.ami{position:fixed;z-index:9999;right:24px;bottom:22px;width:72px;height:68px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.ami:hover,.ami:focus-visible{transform:translateY(-3px) scale(1.04);outline:0}
.ami__cuerpo{position:absolute;inset:0;background:linear-gradient(150deg,var(--ami-g1) 0%,var(--ami-g2) 38%,var(--ami-g3) 100%);border:1px solid rgba(255,255,255,.6);border-radius:47% 53% 51% 49%/57% 55% 45% 43%;box-shadow:0 14px 30px -12px rgba(0,120,105,.6),inset 0 -10px 16px rgba(0,120,105,.25),inset 0 8px 12px rgba(255,255,255,.4);animation:amijalea 9s ease-in-out infinite}
@keyframes amijalea{0%,100%{border-radius:47% 53% 51% 49%/57% 55% 45% 43%}33%{border-radius:53% 47% 49% 51%/47% 53% 55% 45%;transform:scaleY(1.02)}66%{border-radius:50% 50% 54% 46%/54% 46% 46% 54%;transform:scaleX(1.02)}}
.ami__brillo{position:absolute;left:14px;top:8px;width:24px;height:12px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));transform:rotate(-16deg);filter:blur(1px)}
.ami__ojo{position:absolute;top:28px;width:9px;height:11px;border-radius:50%;background:#16263a;animation:amiparpadea 5s infinite;transition:translate .15s ease-out}
.ami__ojo.i{left:22px}.ami__ojo.d{right:22px;animation-delay:.07s}
.ami__ojo:after{content:"";position:absolute;right:1.5px;top:1.5px;width:3px;height:3px;border-radius:50%;background:#fff}
@keyframes amiparpadea{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
.ami.abierta .ami__ojo{height:6px;top:31px;border-radius:50% 50% 0 0;animation:none}
.ami__sombra{position:absolute;left:50%;bottom:-8px;width:48px;height:8px;margin-left:-24px;border-radius:50%;background:rgba(14,34,51,.18);filter:blur(3px)}
.ami__estado{position:absolute;right:6px;bottom:8px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:3px solid #fff;z-index:3;pointer-events:none;animation:amiring 1.6s infinite}
.ami__estado.off{background:#9ca3af;animation:none}
.ami__burbuja{position:absolute;bottom:calc(100% + 12px);right:-4px;white-space:nowrap;background:#fff;color:var(--ami-tx);font:600 13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:9px 14px;border-radius:15px 15px 4px 15px;box-shadow:0 12px 26px -12px rgba(14,34,51,.45);opacity:0;transform:translateY(8px) scale(.9);transform-origin:bottom right;transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.ami__burbuja.ver{opacity:1;transform:none}
.ami-panel{position:fixed;z-index:10000;right:20px;bottom:104px;width:330px;max-width:calc(100vw - 24px);max-height:calc(100vh - 160px);overflow-y:auto;border-radius:24px;padding:10px;color:var(--ami-tx);background:rgba(255,255,255,.97);box-shadow:0 30px 60px -20px rgba(6,38,56,.4);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.ami-panel[hidden]{display:none}
.ami-panel__cab{position:relative;padding:10px 40px 12px 12px}
.ami-panel__cab b{display:block;font-size:19px;font-weight:700;color:var(--ami-tx)}
.ami-panel__cab small{display:block;color:var(--ami-mu);font-size:13px;line-height:1.45;margin-top:2px}
.ami-panel__cab button{position:absolute;right:6px;top:6px;width:32px;height:32px;border-radius:999px;border:0;background:#eef6f3;color:var(--ami-c);cursor:pointer;font-size:13px}
.ami-panel a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;text-decoration:none;color:var(--ami-tx)}
.ami-panel a:hover,.ami-panel a:focus-visible{background:#ecfaf5;outline:0;color:var(--ami-tx)}
.ami-panel a i{font-style:normal;font-size:20px;width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#fff,#e6f7f1);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(0,120,105,.4)}
.ami-panel a b{display:block;font-size:15px;color:var(--ami-tx)}
.ami-panel a small{display:block;color:var(--ami-mu);font-size:12.5px;line-height:1.35}
.ami-panel a.wa{background:#e9f8ef;margin-top:4px}
.ami-panel a.amiga{border-top:1px dashed #cfe9e1;border-radius:0 0 16px 16px;margin-top:6px;padding-top:14px}
@media (max-width:760px){
 .ami{right:14px;bottom:16px;width:60px;height:57px}
 .ami__ojo{top:23px;width:8px;height:10px}.ami__ojo.i{left:18px}.ami__ojo.d{right:18px}
 .ami__brillo{left:11px;top:7px;width:20px;height:10px}
 .ami-panel{right:12px;bottom:86px}
}
.scroll-top.active{bottom:104px}
@media(prefers-reduced-motion:reduce){.ami-cinta::after,.ami-cinta__punto,.ami-cinta__msg,.ami__cuerpo,.ami__ojo,.ami__estado{animation:none!important}}