/* ===== The Flower Kids — experiencia Windows XP + MSN ===== */
:root{--xp-cream:#FFF7E6;--xp-ink:#1c1206;}
body{padding-bottom:48px;}
.tfk-hidden{display:none !important;}

/* Barra de tareas */
#tfk-taskbar{position:fixed;left:0;right:0;bottom:0;height:48px;z-index:99990;display:flex;align-items:stretch;
  background:linear-gradient(180deg,#1b30e0 0%,var(--tfk-blue) 45%,#000c8c 100%);
  border-top:2px solid #4a5cff;box-shadow:0 -2px 10px rgba(0,0,0,.35);font-family:var(--tfk-font);cursor:none;}
#tfk-start-btn{display:flex;align-items:center;gap:.5ch;border:none;cursor:none;
  padding:0 1.6rem 0 1.1rem;font-family:var(--tfk-font);font-weight:700;font-size:1.05rem;text-transform:lowercase;
  color:var(--xp-ink);background:radial-gradient(circle at 30% 30%,#ffe45e,var(--tfk-yellow));
  border-radius:0 16px 16px 0;box-shadow:2px 0 6px rgba(0,0,0,.3);transition:filter .15s;}
#tfk-start-btn:hover{filter:brightness(1.08);}
#tfk-start-btn.tfk-on{filter:brightness(.9) saturate(1.3);}
.tfk-start-flower{font-size:1.3rem;line-height:1;color:var(--tfk-red);}
#tfk-tasks{flex:1;display:flex;align-items:center;padding:0 .8rem;overflow:hidden;}
.tfk-task{display:inline-flex;align-items:center;gap:.5ch;color:#fff;font-weight:600;font-size:.95rem;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.3em .9em;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#tfk-tray{display:flex;align-items:center;gap:.7rem;padding:0 1rem;background:rgba(0,0,0,.18);border-left:1px solid #4a5cff;}
.tfk-tray-icon{background:none;border:none;cursor:none;font-size:1.15rem;line-height:1;padding:.2em;color:#fff;transition:transform .15s;}
.tfk-tray-icon:hover{transform:scale(1.2);}
#tfk-msn-icon{position:relative;width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;}
.tfk-msn-buddy{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7CFC00,#11a30b);display:inline-block;position:relative;box-shadow:0 0 0 1.5px #063;}
.tfk-msn-buddy::after{content:"";position:absolute;inset:5px 4px;border-radius:50%;background:#063;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);}
#tfk-clock{color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.04em;min-width:42px;text-align:center;}

/* Menú Inicio estilo XP */
#tfk-start{position:fixed;left:8px;bottom:54px;width:380px;max-width:94vw;z-index:99991;
  background:var(--xp-cream);border:2px solid var(--tfk-blue);border-radius:10px 10px 8px 8px;overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.5);font-family:var(--tfk-font);animation:tfkStartIn .18s ease;cursor:none;}
@keyframes tfkStartIn{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.tfk-start-header{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;
  background:linear-gradient(180deg,#1b30e0,var(--tfk-blue));color:var(--tfk-yellow);}
.tfk-start-header .tfk-avatar{width:42px;height:42px;border-radius:8px;background:var(--tfk-red);display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:2px solid var(--tfk-yellow);}
.tfk-start-header b{font-size:1.1rem;text-transform:lowercase;display:block;}
.tfk-start-header small{color:#fff;opacity:.85;font-size:.72rem;text-transform:lowercase;}
.tfk-start-body{display:grid;grid-template-columns:1.15fr 1fr;}
.tfk-col-left{background:#fff;padding:.5rem;}
.tfk-col-right{background:#eef0ff;padding:.5rem;border-left:1px solid #c9cfff;}
.tfk-prog,.tfk-link{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;border:none;background:none;cursor:none;
  font-family:var(--tfk-font);font-size:.95rem;color:var(--xp-ink);padding:.5em .55em;border-radius:6px;text-decoration:none;transition:background .12s,color .12s;}
.tfk-prog small{display:block;font-size:.7rem;color:#888;}
.tfk-prog:hover,.tfk-link:hover{background:var(--tfk-blue);color:#fff;}
.tfk-prog:hover small{color:#dfe3ff;}
.tfk-prog b{font-weight:700;}
.tfk-badge{margin-left:auto;background:var(--tfk-red);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:.05em .55em;}
.tfk-sep{height:1px;background:#c9cfff;margin:.35rem .2rem;}
.tfk-start-foot{display:flex;justify-content:flex-end;gap:.4rem;padding:.5rem .7rem;background:linear-gradient(180deg,#1b30e0,var(--tfk-blue));}
.tfk-start-foot button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:none;
  font-family:var(--tfk-font);font-weight:600;font-size:.85rem;padding:.4em .9em;transition:background .12s;}
.tfk-start-foot button:hover{background:var(--tfk-yellow);color:var(--xp-ink);}

/* Ventana MSN Messenger */
#tfk-msn{position:fixed;right:18px;bottom:60px;width:340px;max-width:94vw;z-index:99992;
  background:#fff;border:1px solid #2b5fb3;border-radius:8px 8px 6px 6px;overflow:hidden;
  box-shadow:0 14px 44px rgba(0,0,0,.5);font-family:var(--tfk-font);cursor:none;}
#tfk-msn.tfk-shake{animation:tfkNudge .6s;}
@keyframes tfkNudge{0%,100%{transform:translate(0,0)}10%{transform:translate(-8px,4px)}20%{transform:translate(7px,-6px)}30%{transform:translate(-9px,-3px)}40%{transform:translate(8px,5px)}50%{transform:translate(-6px,6px)}60%{transform:translate(7px,-4px)}70%{transform:translate(-5px,3px)}80%{transform:translate(4px,-2px)}90%{transform:translate(-3px,1px)}}
.tfk-msn-titlebar{display:flex;align-items:center;justify-content:space-between;cursor:none;
  padding:.4rem .7rem;background:linear-gradient(180deg,#3a8df0,#1b5fc6);color:#fff;font-weight:700;font-size:.85rem;}
.tfk-msn-titlebar .tfk-msn-winbtns button{background:#e7eef9;border:1px solid #2b5fb3;color:#13396e;border-radius:3px;cursor:none;width:22px;height:18px;font-weight:700;margin-left:3px;line-height:1;}
.tfk-msn-contact{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-bottom:1px solid #cfe0f5;background:linear-gradient(180deg,#fff,#eef5ff);}
.tfk-msn-dp{width:46px;height:46px;border-radius:6px;background:var(--tfk-red);display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:2px solid var(--tfk-blue);}
.tfk-msn-name{font-weight:700;color:#13396e;font-size:1rem;}
.tfk-status{color:#11a30b;font-size:.78rem;font-weight:600;}
.tfk-msn-pm{color:var(--tfk-red);font-size:.8rem;font-style:italic;}
.tfk-msn-chat{height:200px;overflow-y:auto;padding:.7rem;background:#fff;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem;}
.tfk-msg{max-width:80%;padding:.45em .7em;border-radius:10px;line-height:1.25;}
.tfk-msg b{display:block;font-size:.68rem;color:#888;margin-bottom:.1em;font-weight:700;}
.tfk-msg-in{align-self:flex-start;background:#eef2f7;color:#222;}
.tfk-msg-out{align-self:flex-end;background:var(--tfk-yellow);color:var(--xp-ink);}
.tfk-msg-sys{align-self:center;color:var(--tfk-red);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.tfk-msn-typing{padding:.2rem .8rem;font-size:.74rem;color:#888;font-style:italic;}
.tfk-msn-toolbar{display:flex;gap:.4rem;padding:.35rem .6rem;border-top:1px solid #cfe0f5;background:#f3f7fc;}
#tfk-nudge{background:linear-gradient(180deg,#ffe45e,var(--tfk-yellow));border:1px solid #c9a400;border-radius:5px;cursor:none;
  font-family:var(--tfk-font);font-weight:700;font-size:.8rem;padding:.3em .8em;color:var(--xp-ink);}
#tfk-nudge:hover{filter:brightness(1.05);}
.tfk-msn-input{display:flex;gap:.4rem;padding:.5rem .6rem;border-top:1px solid #cfe0f5;}
.tfk-msn-input textarea{flex:1;resize:none;height:42px;border:1px solid #b7c9e0;border-radius:5px;padding:.4em;font-family:var(--tfk-font);font-size:.88rem;cursor:auto;}
#tfk-msn-send{background:var(--tfk-blue);color:#fff;border:none;border-radius:5px;cursor:none;font-family:var(--tfk-font);font-weight:700;padding:0 1rem;}
#tfk-msn-send:hover{background:#0010a0;}

/* Apagado (easter egg) */
#tfk-shutdown-screen{position:fixed;inset:0;z-index:999999;background:var(--tfk-blue);color:var(--tfk-yellow);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;font-family:var(--tfk-font);cursor:none;}
#tfk-shutdown-screen .tfk-sd-flower{font-size:4rem;animation:tfkSpin 1.2s linear infinite;}
@keyframes tfkSpin{to{transform:rotate(360deg)}}

@media (max-width:600px){
  #tfk-tasks{display:none;}
  #tfk-msn{right:3vw;left:3vw;width:auto;}
}
@media (prefers-reduced-motion:reduce){#tfk-msn.tfk-shake{animation:none;}#tfk-shutdown-screen .tfk-sd-flower{animation:none;}}

/* El footer Elementor lo sustituye la barra de tareas XP */
.elementor-location-footer{display:none !important;}

/* Iconos originales en la bandeja + avatares de marca */
.tfk-msn-ico{width:24px;height:24px;display:block;}
#tfk-msn-icon{width:auto;height:auto;}
.tfk-snd-off{display:none;}
.tfk-muted .tfk-snd-on{display:none;}
.tfk-muted .tfk-snd-off{display:inline;}
#tfk-sound svg{width:18px;height:18px;display:inline-block;vertical-align:middle;}
.tfk-avatar img,.tfk-msn-dp img{width:80%;height:80%;object-fit:contain;display:block;}

/* Fix especificidad toggle de sonido (el icono off salía siempre) */
#tfk-sound .tfk-snd-off{display:none;}
#tfk-sound.tfk-muted .tfk-snd-on{display:none;}
#tfk-sound.tfk-muted .tfk-snd-off{display:inline-block;}
/* Pelín de contraste al icono MSN negro sobre azul */
.tfk-msn-ico{filter:drop-shadow(0 0 1px rgba(255,255,255,.6));}