/* Controles compartidos de lectura y dictado, adaptados a pantalla táctil. */
.cm-voice-reader{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;max-width:100%;font-family:Arial,Helvetica,sans-serif}
.cm-product-audio{margin:12px 0 20px}
.cm-voice-settings{min-width:0;max-width:100%;color:#d5cfc5;font:400 12px/1.4 Arial,Helvetica,sans-serif}
.cm-voice-settings summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid #6d5b3c;border-radius:999px;color:#f2c470;cursor:pointer;list-style:none}
.cm-voice-settings summary::-webkit-details-marker{display:none}
.cm-voice-settings summary::after{content:'⌄';margin-left:9px;font-size:15px}
.cm-product-audio > .cm-voice-settings[open]{flex-basis:100%}
.cm-voice-settings[open] summary{justify-content:flex-start;width:fit-content}
.cm-voice-settings[open] summary::after{content:'⌃'}
.cm-voice-settings-body{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 0;max-width:100%;min-width:0}
.cm-voice-settings label{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;font:400 12px/1.4 Arial,Helvetica,sans-serif}
.cm-voice-settings select{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #5a5141;border-radius:9px;background:#191919;color:#f3f0e9;font:400 16px/1.35 Arial,Helvetica,sans-serif}
.cm-voice-settings .cm-voice-preview{background:transparent;color:#f2c470}
.cm-voice-choice-hint{flex-basis:100%;margin:0;color:#bfb9af;font:400 11px/1.4 Arial,Helvetica,sans-serif}
.cm-chat-voice-settings{padding:6px 12px;border-top:1px solid #343434;background:#151515;flex-shrink:0}
.cm-chat-voice-settings summary{min-height:34px;width:fit-content;padding:6px 10px;border:0;font-size:11px}
.cm-chat-voice-settings .cm-voice-settings-body{padding:5px 0 8px;max-height:min(220px,32dvh);overflow-y:auto}
.cm-voice-read{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;padding:9px 15px;border:1px solid #e2a13a;border-radius:999px;background:#e2a13a;color:#111;font:700 12px/1.35 Arial,Helvetica,sans-serif;cursor:pointer;white-space:normal;text-align:center}
.cm-voice-read[data-playing]{background:#f2c470;border-color:#f2c470}
.cm-voice-read:focus-visible,.cm-voice-mic:focus-visible,.cm-voice-settings summary:focus-visible,.cm-voice-settings select:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cm-voice-status{display:block;flex-basis:100%;font:400 12px/1.45 Arial,Helvetica,sans-serif;color:#d5cfc5;overflow-wrap:anywhere}
.cm-voice-status:empty{display:none}
.cm-message-audio{margin-top:9px;white-space:normal}
.cm-message-audio .cm-voice-read{min-height:34px;padding:7px 11px;background:transparent;color:#f2c470;border-color:#74603b;font-size:11px}
.cm-message-audio .cm-voice-read[data-playing]{background:#493719;color:#ffe3ad}
.cm-voice-hint{margin:0!important;padding:9px 12px!important;background:#151515;color:#c7c1b7!important;border-top:1px solid #343434;font:400 11px/1.4 Arial,Helvetica,sans-serif!important;overflow-wrap:anywhere}
.chat-input,.cm-site-chat-compose{align-items:stretch;min-height:50px;flex-shrink:0}
.chat.open{display:flex;flex-direction:column;max-height:calc(100dvh - 120px)}
.chat .chat-body{min-height:0;flex:1;overflow-y:auto}
.chat .chat-head{flex-shrink:0}
.chat-input input,.cm-site-chat-input{min-width:0;font-size:16px!important}
.chat-input .cm-voice-mic,.cm-site-chat-compose .cm-voice-mic{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-height:48px;padding:10px;border:0;border-right:1px solid #393939;background:#222;color:#f2c470;cursor:pointer;border-radius:0}
.cm-voice-mic svg{display:block;width:22px;height:22px;pointer-events:none}
.chat-input .cm-voice-mic[aria-pressed="true"],.cm-site-chat-compose .cm-voice-mic[aria-pressed="true"]{background:#e2a13a;color:#111}
.cm-voice-mic:disabled{opacity:.45;cursor:wait}
@media(max-width:480px){
 .cm-product-audio .cm-voice-read{min-height:44px}
 .cm-message-audio .cm-voice-read{min-height:40px}
 .cm-site-chat-panel .cm-site-chat-messages{min-height:0;height:270px}
 .cm-site-chat-panel,body.cm-chat-with-cart .cm-site-chat-panel{bottom:12px;max-height:calc(100dvh - 24px)}
 .chat.open{bottom:12px;max-height:calc(100dvh - 24px)}
 .chat .chat-body{max-height:min(300px,38dvh)}
}