/* Duna, la asistente de Dunaras, en la guía ("asistencia de cortesía"). Mismo backend que dunaras.com.ar. */
#duna-abrir{position:fixed;right:18px;bottom:24px;z-index:80;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;cursor:pointer;isolation:isolate;overflow:hidden;border-radius:999px;border:0;
  background:linear-gradient(120deg,#0f2f3a 0%,#14463f 55%,#0b5d73 100%);color:#fbf8f1;font-family:var(--f-titulo);text-align:left;
  box-shadow:inset 0 0 0 1px rgba(227,198,140,.45),0 18px 36px -16px rgba(15,47,58,.65);transition:translate .5s var(--ease-salida),box-shadow .5s,opacity .3s}
#duna-abrir::before{content:"";position:absolute;top:-40%;bottom:-40%;width:42%;left:-55%;background:linear-gradient(100deg,transparent,rgba(255,236,200,.32),transparent);transform:skewX(-18deg);pointer-events:none;z-index:1}
#duna-abrir:hover{translate:0 -2px;box-shadow:inset 0 0 0 1px rgba(227,198,140,.95),0 0 26px -4px rgba(227,198,140,.45),0 22px 40px -16px rgba(15,47,58,.7)}
#duna-abrir[hidden]{display:none}
.duna-cara{position:relative;z-index:2;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f6dfb0,#b08442);color:#0f2f3a;font-family:var(--f-display);font-style:italic;font-size:1.05rem}
.duna-cara::after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#6fd39b;box-shadow:0 0 0 2px #0f2f3a}
.duna-etq{position:relative;z-index:2;display:flex;flex-direction:column;line-height:1.15}
.duna-etq b{font-weight:500;font-size:.88rem;letter-spacing:.01em}
.duna-etq small{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#e3c68c}
@media (prefers-reduced-motion:no-preference){
  #duna-abrir{animation:duna-entra 1s var(--ease-salida) 1.8s both}
  #duna-abrir::before{animation:duna-brillo 5s ease-in-out 3s infinite}
  .duna-cara::after{animation:duna-latir 2.6s ease-in-out infinite}
}
@keyframes duna-entra{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes duna-brillo{0%{left:-55%}30%,100%{left:140%}}
@keyframes duna-latir{0%{box-shadow:0 0 0 2px #0f2f3a,0 0 0 2px rgba(111,211,155,.6)}70%,100%{box-shadow:0 0 0 2px #0f2f3a,0 0 0 8px rgba(111,211,155,0)}}

#duna{position:fixed;right:18px;bottom:24px;z-index:85;width:min(390px,calc(100vw - 32px));height:min(580px,74svh);display:flex;flex-direction:column;overflow:hidden;border-radius:22px;
  background:linear-gradient(180deg,#123a3f 0%,#0c2228 100%);color:#e9e5da;font-family:var(--f-titulo);
  box-shadow:inset 0 0 0 1px rgba(227,198,140,.3),0 40px 80px -30px rgba(0,0,0,.6);opacity:0;translate:0 14px;pointer-events:none;transition:opacity .35s,translate .6s var(--ease-salida)}
#duna.on{opacity:1;translate:0 0;pointer-events:auto}
.duna-top{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(227,198,140,.18);background:linear-gradient(100deg,rgba(244,123,69,.16),transparent 60%)}
.duna-top .duna-cara{width:36px;height:36px;font-size:1.25rem}
.duna-top div{flex:1;min-width:0}
.duna-top b{display:block;font-family:var(--f-display);font-style:italic;font-weight:400;font-size:1.35rem;color:#fbf8f1;line-height:1}
.duna-top span{display:block;margin-top:4px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#e3c68c}
.duna-x{background:none;border:0;cursor:pointer;color:#93a49b;font-size:26px;line-height:1;padding:0 2px}
.duna-x:hover{color:#fff}
#duna-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:14px}
.duna-m{font-size:.92rem;line-height:1.55;max-width:88%}
.duna-m.yo{align-self:flex-end;background:linear-gradient(180deg,#1f5a5c,#164448);color:#fbf8f1;padding:10px 14px;border-radius:16px 16px 4px 16px;box-shadow:inset 0 0 0 1px rgba(227,198,140,.18)}
.duna-m.el{align-self:flex-start}
.duna-m.el strong{font-weight:600;color:#fff}
.duna-m a{color:#f2d6a2}
.duna-p{align-self:flex-start;display:flex;gap:5px;padding:4px 0}
.duna-p i{width:5px;height:5px;background:#e3c68c;border-radius:50%;opacity:.35;animation:duna-puntos 1.1s ease-in-out infinite}
.duna-p i:nth-child(2){animation-delay:.16s}.duna-p i:nth-child(3){animation-delay:.32s}
@keyframes duna-puntos{0%,100%{opacity:.25;translate:0 0}50%{opacity:1;translate:0 -3px}}
.duna-gracias{margin:0;padding:8px 18px 0;font-family:var(--f-display);font-style:italic;font-size:.9rem;color:#e3c68c;text-align:center}
.duna-gracias a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(227,198,140,.4)}
.duna-aviso{margin:0;padding:2px 18px 8px;font-size:.7rem;color:#93a49b;text-align:center}
.duna-bajo{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid rgba(227,198,140,.18)}
#duna-in{flex:1;border:0;background:none;outline:none;font:inherit;font-size:16px;color:#fbf8f1;padding:8px 2px}
#duna-in::placeholder{color:#7f938b}
.duna-env{background:none;border:0;cursor:pointer;padding:8px;color:#e3c68c;transition:translate .3s}
.duna-env:hover{color:#fff;translate:2px 0}
.duna-env svg{width:19px;height:19px;fill:currentColor;display:block}
@media (max-width:899px){
  #duna-abrir{right:12px;bottom:calc(var(--barra, 72px) + 14px + env(safe-area-inset-bottom));padding:8px 14px 8px 9px}
  #duna{right:0;left:0;bottom:0;width:100%;height:min(80svh,640px);border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);z-index:120}
}
@media (prefers-reduced-motion:reduce){.duna-p i{animation:none}}
/* verde Dunaras */
#duna-abrir{background:linear-gradient(120deg,#0f241d 0%,#24483c 55%,#3f7a63 100%)}
#duna{background:linear-gradient(180deg,#183a2f 0%,#0f241d 100%)}
.duna-top{background:linear-gradient(100deg,rgba(111,180,140,.16),transparent 60%)}
.duna-m.yo{background:linear-gradient(180deg,#2c574a,#1b3a31)}
