.avatarEjecutivo{
    width: 20px;
    height: 20px;
    position:relative;
    margin: 8px 0;
}

.avatarEjecutivo img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.avatarFallback{
    width:100%;
    height:100%;
    display:none;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-weight:bold;
    font-size: 14px;
    color:white;
    background: #000000;
}

.btn-primary {
    color: #fff !important;
    background-color: #20b2a9 !important;
    border-color: #20b2a9 !important;
}
.btn-primary:hover {
    border-color: #20b2a9 !important;
    background-color: #10928a !important;
    color: #FFFFFF !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #20b2a9;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #dee2e6 #dee2e6 #fff;
}
.modal-backdrop {
    background-color: #bfbfbf;
}
.form-control:focus {
    border-color: #716a6a;
}
.table th, .table td {
    border-top: none;
}
body.modal-open {
    overflow: visible !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 6px !important;
    margin-top: 0 !important;
    background-color: #4fc5be !important;
    border-color: #1fb2a9 !important;
    color: #FFFFFF;
    margin-right: 8px !important;
    margin-bottom: 2px;
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    min-height: 36px;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] {
    min-height: 36px;
}
.select2-results__option[aria-selected] {
    min-height: 36px;
}    
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 4.5rem !important;
    font-weight: bolder !important;
    font-size: 16px !important;
    line-height: 21px !important;
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #4fc5be !important;
    color: #FFFFFF !important;
}
.btn-outline-danger {
    color: #F44336 !important;
    border-color: #F44336;
}
.email-fixed-search,.list-group{
    position: relative !important;
}
.users-list-padding {
    padding-top: 0px !important;
}
.badge-nia{
    background-color: violet;
}
.nia{
    color: violet;
}

/* ============================================================
   Badge "Favorito QuieroMusicos" + estrellas + cards de artista
   Usado en: contenido/perfil.html, aaideo/js/evento-cliente.js,
   aaideo/ideofolio_ver_seccion.php // By Claude
   ============================================================ */
.qm-badge-fav { background:#ede7f6; color:#6d28d9; border-radius:20px; padding:3px 10px; font-size:.78rem; font-weight:600; display:inline-flex; align-items:center; }
.qm-badge-fav-off { background:#eee; color:#999; opacity:.6; }
.qm-badge-fav-clickable { cursor:pointer; }
.qm-badge-fav-clickable:hover { opacity:.85; }
.qm-rating-badge { display:inline-flex; align-items:center; gap:4px; font-size:.9rem; color:#555; }
.qm-rating-clickable { cursor:pointer; }
.qm-rating-clickable:hover strong { text-decoration:underline; }
.qm-rating-badge .far { color:#888; margin-right:2px; }
.qm-rating-sep { margin:0 2px; color:#ddd; font-weight:400; }

/* Anular reglas legacy de ".contenedor_general_artista span" (entrada_seccion*.css:
   float:left; margin-left:11.4%; margin-top:14px; color:rgb(133,132,132); font-style:italic;)
   que pisaban nuestros badges dentro de las cards de sección (ideofolio_ver_seccion.php) // By Claude */
.contenedor_general_artista .qm-badge-fav,
.contenedor_general_artista .qm-badge-fav-off,
.contenedor_general_artista .qm-rating-badge,
.contenedor_general_artista .qm-badge-fav span,
.contenedor_general_artista .qm-rating-badge span {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    font-style: normal !important;
}
.contenedor_general_artista .qm-badge-fav { color: #6d28d9 !important; }
.contenedor_general_artista .qm-badge-fav-off { color: #999 !important; }
.contenedor_general_artista .qm-rating-sep { margin: 0 2px !important; }

/* El CSS de .qm-price-card (tarjeta de precio/contratación del sidebar en
   contenido/perfil.html), .qm-subtarifas-modal y .qm-calidad-modal se movió a
   style/perfil-price-card.css el 19/07/2026 (este archivo ya iba en ~800
   líneas y ese bloque era más de la mitad). Ver <link> en theme_2025.html. // By Claude */

/* Badge favorito + estrellas: pasar a un renglón nuevo cuando el contenedor
   mide menos de 540px (container query, no viewport) // By Claude */
.qm-fav-rating-wrap { container-type: inline-size; }
@container (max-width: 540px) {
    .qm-fav-rating-row {
        flex-direction: column;
        gap: 6px;
    }
}

.qm-media-principal { overflow: hidden; border-radius: 6px; }
.qm-play-overlay {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    opacity: .9; pointer-events: none;
    text-shadow: 0 2px 12px rgba(0,0,0,.8);
}
.qm-artista-card { border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.qm-artista-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }

/* Estilo tipo .comentarios_artista (opiniones.php): comilla naranja,
   fecha en naranja como encabezado, autor con ícono azul // By Claude */
.qm-opinion-card { padding: 16px 20px; background:#f7f7f7; border-radius:8px; margin-bottom:14px; }
.qm-opinion-comilla { color:#fa7a3b; font-size:1.1rem; margin-bottom:6px; display:block; }
.qm-opinion-fecha { font-size:.85rem; font-weight:600; color:#fa7a3b; }
.qm-opinion-stars { font-size:.8rem; }
.qm-opinion-texto { color:#333; }
.qm-opinion-meta { font-size:.8rem; color:#4ab8ff; }
.qm-opinion-meta .fa-user { margin-right:6px; }

/* ============================================================
   qm-cotizar-modal — "¿Cómo prefieres continuar?" (WhatsApp / Email),
   paso intermedio antes de pedir propuesta. Vive acá (no en
   perfil-price-card.css) porque el modal está en theme_2025.html y se
   abre en CUALQUIER página del sitio (botón "Obtén un presupuesto" del
   menú), no solo en el perfil de artista. Ver aaideo/js/qmCotizarModal.js
   y el modal #qmCotizarModal en contenido/theme_2025.html. // By Claude
   ============================================================ */
.qm-cotizar-modal .modal-content {
    --qmc-radius-xl: 24px;
    --qmc-radius-lg: 16px;
    --qmc-color-ink: #16181d;
    --qmc-color-muted: #767a82;
    --qmc-color-line: rgba(22, 24, 29, .07);
    --qmc-color-brand: #6d28d9;
    --qmc-color-brand-bg: #ede7f6;
    --qmc-color-whatsapp: #16a34a;
    --qmc-color-whatsapp-bg: #dcfce7;
    --qmc-color-email: #2563eb;
    --qmc-color-email-bg: #e3edfd;
    border: none;
    border-radius: var(--qmc-radius-xl);
    padding: 40px 32px 32px;
    text-align: center;
}
.qm-cotizar-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--qmc-color-line);
    background: #fff;
    color: var(--qmc-color-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.qm-cotizar-modal__close:hover { color: var(--qmc-color-ink); }
.qm-cotizar-modal__icon-wrap {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: var(--qmc-color-brand-bg);
    color: var(--qmc-color-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}
/* Destellos decorativos alrededor del ícono, como en la referencia. // By Claude */
.qm-cotizar-modal__spark {
    position: absolute;
    width: 3px;
    height: 14px;
    border-radius: 2px;
    background: #d8b4fe;
}
.qm-cotizar-modal__spark--1 { top: -10px; right: 14px; transform: rotate(-15deg); }
.qm-cotizar-modal__spark--2 { top: 2px; right: -8px; height: 10px; transform: rotate(45deg); }
.qm-cotizar-modal__spark--3 { top: 18px; right: -14px; height: 8px; transform: rotate(80deg); }
.qm-cotizar-modal__titulo {
    font-size: 24px;
    font-weight: 700;
    color: var(--qmc-color-ink);
    margin-bottom: 8px;
}
.qm-cotizar-modal__subtitulo {
    font-size: 15px;
    line-height: 1.5;
    color: var(--qmc-color-muted);
    max-width: 420px;
    margin: 0 auto 28px;
}
.qm-cotizar-modal__opciones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 28px;
}
.qm-cotizar-modal__opcion {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 1px solid var(--qmc-color-line);
    border-radius: var(--qmc-radius-lg);
    padding: 24px 16px;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.qm-cotizar-modal__opcion:hover,
.qm-cotizar-modal__opcion:focus {
    transform: translateY(-2px);
    outline: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.qm-cotizar-modal__opcion--whatsapp {
    background: #f4fdf6;
    border-color: rgba(22, 163, 74, .25);
}
.qm-cotizar-modal__opcion--email {
    background: #f5f9ff;
    border-color: rgba(37, 99, 235, .2);
}
.qm-cotizar-modal__opcion-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 16px;
}
.qm-cotizar-modal__opcion--whatsapp .qm-cotizar-modal__opcion-icon { background: var(--qmc-color-whatsapp-bg); color: var(--qmc-color-whatsapp); }
.qm-cotizar-modal__opcion--email .qm-cotizar-modal__opcion-icon { background: var(--qmc-color-email-bg); color: var(--qmc-color-email); }
.qm-cotizar-modal__opcion-titulo { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.qm-cotizar-modal__opcion--whatsapp .qm-cotizar-modal__opcion-titulo { color: var(--qmc-color-whatsapp); }
.qm-cotizar-modal__opcion--email .qm-cotizar-modal__opcion-titulo { color: var(--qmc-color-email); }
.qm-cotizar-modal__opcion-divider {
    display: block;
    width: 40px;
    height: 2px;
    border-radius: 2px;
    margin-bottom: 16px;
}
.qm-cotizar-modal__opcion--whatsapp .qm-cotizar-modal__opcion-divider { background: rgba(22, 163, 74, .3); }
.qm-cotizar-modal__opcion--email .qm-cotizar-modal__opcion-divider { background: rgba(37, 99, 235, .3); }
.qm-cotizar-modal__opcion-desc {
    font-size: 14px;
    line-height: 1.4;
    color: var(--qmc-color-muted);
    margin-bottom: 16px;
}
.qm-cotizar-modal__opcion-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 20px;
}
.qm-cotizar-modal__opcion--whatsapp .qm-cotizar-modal__opcion-badge { background: var(--qmc-color-whatsapp-bg); color: var(--qmc-color-whatsapp); }
.qm-cotizar-modal__opcion--email .qm-cotizar-modal__opcion-badge { background: var(--qmc-color-email-bg); color: var(--qmc-color-email); }
.qm-cotizar-modal__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--qmc-color-muted);
}
.qm-cotizar-modal__footer-line {
    flex: 1;
    max-width: 90px;
    height: 1px;
    background: var(--qmc-color-line);
}
.qm-cotizar-modal__footer i { font-size: 13px; }
.qm-cotizar-modal__footer p {
    flex-basis: 100%;
    font-size: 13px;
    line-height: 1.5;
    margin: 8px 0 0;
}
@media (max-width: 575.98px) {
    .qm-cotizar-modal .modal-content { padding: 32px 20px 24px; }
    .qm-cotizar-modal__opciones { grid-template-columns: 1fr; }
}