/* Chat privado en el diseño nuevo de kinestops (23-oct-2026): las vistas del chat (chat/partials/embed-box) se escriben con
   clases de utilidad de Bootstrap 5, que el diseño nuevo no carga. Aquí van solo esas utilidades, con los valores de
   Bootstrap y acotadas a .chat-lightbox-root, para que la caja del chat se vea como en la ficha clásica sin tocar el resto. */
.chat-lightbox-root{font-size:14px;line-height:1.5;color:#212529;box-sizing:border-box}
.chat-lightbox-root *,.chat-lightbox-root *::before,.chat-lightbox-root *::after{box-sizing:border-box}
.chat-lightbox-root .js-chat-lightbox-content{padding:0 8px}
/* disposición */
.chat-lightbox-root .d-flex{display:flex!important}.chat-lightbox-root .d-inline-flex{display:inline-flex!important}
.chat-lightbox-root .d-block{display:block!important}.chat-lightbox-root .d-inline{display:inline!important}
.chat-lightbox-root .d-none{display:none!important}
.chat-lightbox-root .flex-column{flex-direction:column!important}.chat-lightbox-root .flex-grow-1{flex-grow:1!important}
.chat-lightbox-root .flex-shrink-0{flex-shrink:0!important}
.chat-lightbox-root .align-items-center{align-items:center!important}.chat-lightbox-root .align-items-baseline{align-items:baseline!important}
.chat-lightbox-root .justify-content-center{justify-content:center!important}.chat-lightbox-root .justify-content-between{justify-content:space-between!important}
.chat-lightbox-root .justify-content-end{justify-content:flex-end!important}.chat-lightbox-root .justify-content-start{justify-content:flex-start!important}
.chat-lightbox-root .gap-0{gap:0!important}.chat-lightbox-root .gap-1{gap:.25rem!important}.chat-lightbox-root .gap-2{gap:.5rem!important}.chat-lightbox-root .gap-3{gap:1rem!important}
.chat-lightbox-root .w-100{width:100%!important}.chat-lightbox-root .h-100{height:100%!important}
.chat-lightbox-root .position-relative{position:relative!important}.chat-lightbox-root .position-absolute{position:absolute!important}
.chat-lightbox-root .row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.chat-lightbox-root .row>*{padding-right:.75rem;padding-left:.75rem;width:100%}
.chat-lightbox-root .g-3{row-gap:1rem}.chat-lightbox-root .col{flex:1 0 0%}.chat-lightbox-root .col-auto{flex:0 0 auto;width:auto}.chat-lightbox-root .col-12{width:100%}
@media(min-width:768px){.chat-lightbox-root .col-md-5{width:41.666%}.chat-lightbox-root .col-md-6{width:50%}.chat-lightbox-root .col-md-7{width:58.333%}}
/* márgenes y relleno (escala de Bootstrap: 1=.25rem 2=.5rem 3=1rem 4=1.5rem) */
.chat-lightbox-root .m-3{margin:1rem!important}.chat-lightbox-root .mb-0{margin-bottom:0!important}.chat-lightbox-root .mb-1{margin-bottom:.25rem!important}
.chat-lightbox-root .mb-2{margin-bottom:.5rem!important}.chat-lightbox-root .mb-3{margin-bottom:1rem!important}.chat-lightbox-root .mb-4{margin-bottom:1.5rem!important}
.chat-lightbox-root .mt-2{margin-top:.5rem!important}.chat-lightbox-root .mt-3{margin-top:1rem!important}.chat-lightbox-root .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.chat-lightbox-root .ms-1{margin-left:.25rem!important}.chat-lightbox-root .ms-2{margin-left:.5rem!important}.chat-lightbox-root .ms-auto{margin-left:auto!important}
.chat-lightbox-root .p-0{padding:0!important}.chat-lightbox-root .p-2{padding:.5rem!important}.chat-lightbox-root .p-3{padding:1rem!important}.chat-lightbox-root .p-4{padding:1.5rem!important}
.chat-lightbox-root .px-1{padding-left:.25rem!important;padding-right:.25rem!important}.chat-lightbox-root .px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.chat-lightbox-root .px-3{padding-left:1rem!important;padding-right:1rem!important}.chat-lightbox-root .px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
.chat-lightbox-root .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.chat-lightbox-root .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.chat-lightbox-root .py-3{padding-top:1rem!important;padding-bottom:1rem!important}
/* texto */
.chat-lightbox-root .small,.chat-lightbox-root small{font-size:.875em}.chat-lightbox-root .text-center{text-align:center!important}.chat-lightbox-root .text-start{text-align:left!important}
.chat-lightbox-root .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-lightbox-root .text-muted{color:#6c757d!important}.chat-lightbox-root .text-white{color:#fff!important}.chat-lightbox-root .text-white-50{color:rgba(255,255,255,.5)!important}
.chat-lightbox-root .text-danger{color:#dc3545!important}.chat-lightbox-root .text-decoration-none{text-decoration:none!important}
.chat-lightbox-root .fw-bold{font-weight:700!important}.chat-lightbox-root .fw-semibold{font-weight:600!important}.chat-lightbox-root .fw-medium{font-weight:500!important}
.chat-lightbox-root .fst-italic{font-style:italic!important}
/* formas */
.chat-lightbox-root .rounded{border-radius:.375rem!important}.chat-lightbox-root .rounded-circle{border-radius:50%!important}.chat-lightbox-root .rounded-pill{border-radius:50rem!important}
.chat-lightbox-root .border{border:1px solid #dee2e6!important}.chat-lightbox-root .border-0{border:0!important}
/* botones */
.chat-lightbox-root .btn{display:inline-block;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:.375rem;background-color:transparent;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}
.chat-lightbox-root .btn:hover{filter:brightness(.95)}.chat-lightbox-root .btn:disabled{pointer-events:none;opacity:.65}
.chat-lightbox-root .btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.chat-lightbox-root .btn-link{font-weight:400;color:#0d6efd;text-decoration:underline;border:0}.chat-lightbox-root .btn-link.text-themed{text-decoration:none}
.chat-lightbox-root .btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.chat-lightbox-root .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.chat-lightbox-root .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.chat-lightbox-root .btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.chat-lightbox-root .btn-outline-danger{color:#dc3545;border-color:#dc3545}.chat-lightbox-root .btn-outline-warning{color:#ffc107;border-color:#ffc107}
.chat-lightbox-root .btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:#000;background:transparent;border:0;border-radius:.375rem;opacity:.5;cursor:pointer}
/* formularios */
.chat-lightbox-root .form-control,.chat-lightbox-root .form-select{display:block;width:100%;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:.375rem;appearance:none;transition:border-color .15s,box-shadow .15s}
.chat-lightbox-root .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}
.chat-lightbox-root .form-control:focus,.chat-lightbox-root .form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.chat-lightbox-root .form-control::placeholder{color:#6c757d;opacity:1}.chat-lightbox-root textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
.chat-lightbox-root .form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.chat-lightbox-root .form-label{margin-bottom:.5rem;display:inline-block}
/* tarjetas, insignias, avisos, listas */
.chat-lightbox-root .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.175);border-radius:.375rem}
.chat-lightbox-root .card-body{flex:1 1 auto;padding:1rem}.chat-lightbox-root .card-header{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.175)}
.chat-lightbox-root .card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.175)}.chat-lightbox-root .card-title{margin-bottom:.5rem}
.chat-lightbox-root .badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}
.chat-lightbox-root .bg-primary{background-color:#0d6efd!important}.chat-lightbox-root .bg-secondary{background-color:#6c757d!important}.chat-lightbox-root .bg-warning{background-color:#ffc107!important}
.chat-lightbox-root .bg-red{background-color:#d63939!important}.chat-lightbox-root .bg-body-tertiary{background-color:#f8f9fa!important}
.chat-lightbox-root .alert{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem}
.chat-lightbox-root .alert-danger{color:#58151c;background-color:#f8d7da;border-color:#f1aeb5}.chat-lightbox-root .alert-secondary{color:#2b2f32;background-color:#e2e3e5;border-color:#c4c8cb}
.chat-lightbox-root .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.375rem}
.chat-lightbox-root .list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.chat-lightbox-root .list-group-flush .list-group-item{border-width:0 0 1px}.chat-lightbox-root .list-group-item-action{cursor:pointer}.chat-lightbox-root .list-group-item.active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
/* el chat ya tiene ancho y alto propios; en el móvil que no quede pegado a los bordes */
@media(max-width:480px){.chat-lightbox-root .js-chat-lightbox-content{padding:0 6px}}
