/* Sommelier Virtual — Módulo de voz · Viña Urbana */

.sv-voz-controles{
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 6px;
}

.sv-voz-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    padding:0;
    border:none;
    border-radius:50%;
    background:transparent;
    color:#7B1E3E;
    cursor:pointer;
    transition:background .18s ease, color .18s ease, transform .12s ease;
    -webkit-tap-highlight-color:transparent;
}
.sv-voz-btn:hover{ background:rgba(123,30,62,.09); }
.sv-voz-btn:active{ transform:scale(.93); }
.sv-voz-btn:focus-visible{ outline:2px solid #C9A84C; outline-offset:2px; }

/* Micrófono escuchando */
.sv-voz-btn.sv-voz-activo{
    background:#E63956;
    color:#fff;
    animation:sv-latido 1.5s ease-in-out infinite;
}
@keyframes sv-latido{
    0%,100%{ box-shadow:0 0 0 0 rgba(230,57,86,.55); }
    50%    { box-shadow:0 0 0 9px rgba(230,57,86,0); }
}

/* Onda que sale del micrófono mientras escucha */
.sv-voz-onda{
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;
}
.sv-voz-activo .sv-voz-onda::before,
.sv-voz-activo .sv-voz-onda::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid rgba(230,57,86,.5);
    animation:sv-expandir 1.8s ease-out infinite;
}
.sv-voz-activo .sv-voz-onda::after{ animation-delay:.6s; }
@keyframes sv-expandir{
    0%  { transform:scale(1);   opacity:.7; }
    100%{ transform:scale(2.1); opacity:0; }
}

/* Altavoz encendido */
.sv-voz-btn.sv-voz-on{
    color:#C9A84C;
    background:rgba(201,168,76,.14);
}
.sv-voz-btn:not(.sv-voz-on) .sv-onda-1,
.sv-voz-btn:not(.sv-voz-on) .sv-onda-2{ opacity:.25; }

/* Ondas animadas mientras el sommelier habla */
.sv-voz-btn.sv-voz-sonando .sv-onda-1{ animation:sv-onda 1s ease-in-out infinite; }
.sv-voz-btn.sv-voz-sonando .sv-onda-2{ animation:sv-onda 1s ease-in-out .25s infinite; }
@keyframes sv-onda{
    0%,100%{ opacity:.35; }
    50%    { opacity:1; }
}

.sv-voz-estado{
    font-size:12px;
    color:#E63956;
    font-weight:600;
    white-space:nowrap;
    animation:sv-parpadeo 1.4s ease-in-out infinite;
}
@keyframes sv-parpadeo{
    0%,100%{ opacity:1; }
    50%    { opacity:.45; }
}
.sv-voz-estado.sv-hidden{ display:none; }

/* Aviso flotante (permisos, navegador sin soporte, etc.) */
.sv-voz-aviso{
    position:absolute;
    left:12px;
    right:12px;
    bottom:74px;
    z-index:30;
    padding:10px 14px;
    border-radius:10px;
    background:#313131;
    color:#fff;
    font-size:13px;
    line-height:1.4;
    opacity:0;
    transform:translateY(6px);
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
}
.sv-voz-aviso.sv-voz-aviso-visible{
    opacity:1;
    transform:translateY(0);
}

/* Respeta la preferencia de menos movimiento del sistema */
@media (prefers-reduced-motion: reduce){
    .sv-voz-btn.sv-voz-activo,
    .sv-voz-activo .sv-voz-onda::before,
    .sv-voz-activo .sv-voz-onda::after,
    .sv-voz-btn.sv-voz-sonando .sv-onda-1,
    .sv-voz-btn.sv-voz-sonando .sv-onda-2,
    .sv-voz-estado{
        animation:none;
    }
}

@media (max-width:480px){
    .sv-voz-btn{ width:34px; height:34px; }
    .sv-voz-estado{ font-size:11px; }
}