/* ============================================================================
 * review.redesign.css — Superset tokenizado de generaltools/review.css
 *
 * Origen: /tools/components/generaltools/assets/css/review.css (95 líneas, 55 vistas).
 *
 * MODO: SUPERSET REEMPLAZO. Copia íntegra + tokenizations en valores existentes.
 * REGLA ESTRICTA: solo cambia valores de propiedades ya declaradas.
 *
 * Tokenizations:
 *   border-radius: 100px → var(--radius-full)
 *   font-size: 30px      → var(--font-h2) (+6) ← cambio notable, "más cercano" hacia arriba
 *
 * Preservados:
 *   rgba(119, 119, 119, 0.6) (gris con alpha específico)
 *   padding: 7px 18px (mixto fuera de escala)
 *   bottom: -20 (sin unidad — bug del original, preservar literal)
 * ============================================================================ */

.no-selected .labelReviewQualy {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    display: none;
}

.selected .labelReviewQualy {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
}

.contentQualy {
    padding-left: 0px;
    padding-right: 0px;
}

.no-selected.contentQualy:hover .labelReviewQualy {
    display: block;
}

.no-selected.contentQualy:hover .templateUseDesign, .sw-btn-prev {
    display: none;
}

.emojiReviewQualy {
    cursor: pointer;
    position: absolute;
    font-size: var(--font-h2);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-selected .templateUseDesign {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background-color: rgba(119, 119, 119, 0.6) !important;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

#contentEmojiesReview {
    height: 50px;
}

.sw-theme-dots .step-content {
    padding: 0px;
}

.btn-toolbar .btn {
    padding: 7px 18px;
}

.btn-toolbar .sw-btn-prev {
    margin-left: 0px !important;
}

.btn-toolbar .sw-btn-next {
    margin-right: 0px !important;
}

.btn-toolbar .btn-group.mr-2 {
    margin-right: 0px !important;
}

.contentCounterCharacters {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sw-btn-group, .sw-btn-group-extra {
    position: absolute;
    width: 100%;
    bottom: -40px;
}

.sw-btn-group .sw-btn-next, .sw-btn-group-extra .btn-finish {
    position: absolute;
    right: -25px !important;
}

.sw-btn-group .sw-btn-prev {
    position: absolute;
    left: -25px !important;
}

#wizardReview .nav-link {
    text-align: center;
}

.sw-theme-dots > ul.step-anchor > li > a:before {
    left: 47%;
}

@media only screen and (max-width: 767px) {
    .sw-theme-dots > ul.step-anchor > li > a:before {
        left: 45%;
    }
}