@charset "UTF-8";
/**
* Branding $COLORS*/
/*------------------------*\
|      $MIXINS
/*------------------------*/
@font-face {
    font-family: "PT Sans";
    src: url("fonts/PTSans-Bold.woff2") format("woff2"), url("fonts/PTSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Albra Text";
    src: url("fonts/AlbraTextBold.woff2") format("woff2"), url("fonts/AlbraTextBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PT Sans";
    src: url("fonts/PTSans-Regular.woff2") format("woff2"), font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sometype Mono";
    src: url("fonts/SometypeMono.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 16px;
}

body {
    color: #1D1E1E;
    font-weight: normal;
    width: 100%;
    max-width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.3;
}

body,
html {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

body,
.smooth-container {
    scroll-behavior: smooth;
}

p {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 1.4rem;
}

    p b {
        font-weight: bold;
    }

    p a {
        text-decoration: underline !important;
    }

figure {
    margin: 0;
}

.clear {
    clear: both;
}

.wow {
    visibility: hidden;
}

.fadein {
    opacity: 0;
}

.hidden_a {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.wrapper {
    position: relative;
}

    .wrapper.wrapper-home {
        padding-top: 148px;
    }

.wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 2.5rem;
}

@media only screen and (max-width: 991px) {
    .wrap {
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .wrap {
        padding: 0 1rem;
    }
}

.wrap2 {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 11.25rem;
}

@media only screen and (max-width: 991px) {
    .wrap2 {
        padding: 0 4rem;
    }
}

@media only screen and (max-width: 768px) {
    .wrap2 {
        padding: 0 1rem;
    }
}

*,
::after,
::before {
    box-sizing: border-box;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutters > [class^=col-],
    .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.row.row-small {
    margin-right: -0.3em;
    margin-left: -0.3em;
}

    .row.row-small > [class^=col-],
    .row.row-small > [class*=" col-"] {
        padding-right: 0.3em;
        padding-left: 0.3em;
    }

.row.row-big {
    margin-right: -1.2rem;
    margin-left: -1.2rem;
}

    .row.row-big > [class^=col-],
    .row.row-big > [class*=" col-"] {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

@media only screen and (max-width: 550px) {
    .row.row-big {
        margin-right: -15px;
        margin-left: -15px;
    }

        .row.row-big > [class^=col-],
        .row.row-big > [class*=" col-"] {
            padding-right: 15px;
            padding-left: 15px;
        }
}

* {
    outline: none;
}

a,
button {
    transition: all 0.3s ease;
    cursor: pointer;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mt-2 {
    margin-top: 2rem;
}

.btn {
    font-weight: 800;
    font-size: 1.083rem;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    padding: 1.2rem 2rem 0.9rem;
    min-width: 13rem;
    text-align: center;
    transition: all 0.5s ease;
}

    .btn i {
        font-size: 0.9rem;
        margin-left: 0.5rem;
    }

    .btn img {
        height: auto;
    }

    .btn.btn-verde {
        background: #01A31A;
    }

        .btn.btn-verde:hover {
            background: #09be25;
            color: #fff;
        }

    .btn.btn-small {
        font-size: 1.083rem;
        height: 2.5rem;
        min-width: 10rem;
        padding: 0.85rem 1rem 0.5rem;
        display: inline-block;
    }

    .btn.btn-descarga {
        padding: 0.7rem 1rem 0.5rem;
        font-size: 1.083rem;
        height: 2.5rem;
        min-width: 10rem;
        display: inline-block;
    }

        .btn.btn-descarga img {
            width: 0.6rem !important;
        }

@media screen and (max-width: 1366px) and (max-height: 768px) {
    #btn-enviar-prueba {
        width: 42% !important;
    }
}

@media only screen and (max-width: 550px) {
    .btn {
        min-width: 10rem;
        padding: 1rem 1rem 0.7rem;
        font-size: 0.9rem;
    }

        .btn.btn-small {
            height: auto;
        }

        .btn.btn-descarga {
            height: auto;
        }
}

@media (max-width: 1980px) {
    html,
    body,
    p {
        font-size: 16px;
    }
}

@media (max-width: 1700px) {
    html,
    body,
    p {
        font-size: 16px;
    }
}

@media (max-width: 1500px) {
    html,
    body,
    p {
        font-size: 16px;
    }
}

.form-group {
    margin-bottom: 1.1rem;
    text-align: left;
}

    .form-group.horizontal {
        margin-bottom: 1.8rem;
    }

        .form-group.horizontal .label {
            font-weight: 600;
        }

        .form-group.horizontal .label-small {
            color: #475467;
            font-size: 0.875rem;
        }

            .form-group.horizontal .label-small.light {
                color: #6F7A88;
                font-size: 0.75rem;
                margin-bottom: 0;
            }

        .form-group.horizontal .link-label {
            color: #ea337e;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.4;
            margin-top: 0.3rem;
            display: block;
        }

            .form-group.horizontal .link-label img {
                width: 10px;
            }

.label {
    color: #344054;
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.input {
    width: 100%;
    height: 2.75rem;
    padding: 0.5rem 0.8rem;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    color: #101B31;
    font-size: 1rem;
    transition: all 0.3s ease;
}

    .input:focus, input-invalid {
        border-color: #f5b2d0;
        box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
        -webkit-box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
        -moz-box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
    }

    .input.con-edit {
        background-image: url("../images/ic-edit-input.svg");
        background-repeat: no-repeat;
        background-position: 0.8rem center;
        padding-left: 2.7rem;
        padding-right: 2.5rem;
    }

    .input.con-tag {
        background-image: url("../images/ic-tag.svg");
        background-repeat: no-repeat;
        background-position: 0.8rem center;
        padding-left: 2.7rem;
    }

    .input.con-mail {
        background-image: url("../images/ic-mail2.svg");
        background-repeat: no-repeat;
        background-position: 0.8rem center;
        padding-left: 2.7rem;
    }

.input-group-text {
    height: 2.75rem;
    background: #fff;
    border-radius: 8px 0 0 8px;
}

.w-input {
    position: relative;
}

.ic-input {
    background-repeat: no-repeat;
    background-position: 0.8rem center;
    padding-left: 2.7rem;
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    top: 0.3rem;
    right: 0;
}

    .ic-input.success {
        background-image: url("../images/check-verde.svg");
    }

    .ic-input.error {
        background-image: url("../images/alert-circle.svg");
    }

.textarea {
    width: 100%;
    height: 7.75rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    color: #101B31;
    font-size: 1rem;
    line-height: 1.4;
    padding-right: 40px;
}

    .textarea.con-edit {
        background-image: url("../images/ic-edit-input.svg");
        background-repeat: no-repeat;
        background-position: 0.8rem 0.8rem;
        padding-left: 2.7rem;
    }

    .textarea.big {
        height: 12.5rem;
    }

.btn {
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    height: 2.8rem;
    padding: 0.86rem 1rem;
    text-transform: none;
    width: auto;
    min-width: 112px;
}

    .btn.text-small {
        font-size: 0.82rem;
    }

    .btn.btn-primary {
        background-color: #ea337e;
    }

        .btn.btn-primary:hover {
            background: #e2176a;
        }

    .btn.btn-secondary {
        border: 1px solid #ea337e;
        background: transparent;
        color: #ea337e;
    }

        .btn.btn-secondary:hover {
            background: rgba(152, 97, 243, 0.05);
        }

    .btn.btn-gris {
        border: 1px solid #C6C9CE;
        color: #293449;
    }

        .btn.btn-gris i {
            color: #979FA9;
            margin-right: 0.4rem;
            margin-left: 0;
            font-size: 0.9rem;
        }

    .btn.btn-text {
        color: #344054;
    }

        .btn.btn-text.morado {
            color: #ea337e;
        }

    .btn.btn-full {
        width: 100%;
    }

.form-check label {
    color: #344054;
    font-size: 0.75rem;
    font-weight: 600;
}

.olvidaste {
    font-size: 0.8rem;
}

.text-link {
    color: #ea337e;
    font-weight: 600;
}

.no-cuenta {
    color: #475467;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
}

    .no-cuenta a {
        text-decoration: none;
    }

        .no-cuenta a:hover {
            color: #e81c6f;
        }

.msg {
    color: #6F7A88;
    font-size: 0.875rem;
    font-weight: 400;
    padding-top: 0.3rem;
}

    .msg.small {
        font-size: 0.75rem;
        font-weight: 400;
    }

    .msg.success {
        color: #1FB43F;
        font-weight: 600;
    }

    .msg.error {
        color: #FF5A5A;
        font-weight: 600;
    }

    .msg .editor {
        color: #F04438;
        display: block;
    }

    .msg .info {
        color: gray;
        display: block;
    }

.btn-estado {
    border-radius: 16px;
    padding: 0.3rem 0.8rem;
    font-size: 0.67rem;
    color: #475467;
    background: #fff;
    border: 1px solid #C6C9CE;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}

.btn-estado--revision {
    border-radius: 16px;
    border: 1px solid #EA337E;
    background: #FCE7F1;
    color: #EA337E;
}

.btn-estado--observacion {
    border-radius: 16px;
    border: 1px solid #114FC4;
    background: #E7EDFC;
    color: #114FC4;
}

.btn-estado--rechazado {
    border-radius: 16px;
    border: 1px solid rgba(255, 184, 3, 0.3);
    background: rgba(255, 184, 3, 0.2);
    color: #FF8B03;
}

.btn-estado--aprobado {
    border-radius: 16px;
    border: 1px solid #53389E;
    background: #F1E7FC;
    color: #53389E;
}

.btn-estado--borrador {
    border-radius: 16px;
    border: 1px solid #17B26A;
    background: linear-gradient(0deg, rgba(3, 178, 100, 0.1), rgba(3, 178, 100, 0.1)), #FFFFFF;
    color: #17B26A;
}

.tag {
    border-radius: 30px;
    border: 1px solid rgba(46, 144, 250, 0.15);
    background: linear-gradient(0deg, rgba(46, 144, 250, 0.05) 0%, rgba(46, 144, 250, 0.05) 100%), #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    font-size: 0.67rem;
    display: inline-block;
    color: #344054;
    /*height: 1.65rem;*/
    padding: 0.3rem 0.5rem;
    /*width: 10.0em*/
}

    .tag:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
        background: #475467;
        margin-right: 0.3rem;
    }

.tag--celeste:before {
    background: #2E90FA;
}

.tag--morado:before {
    background: #ea337e;
}

.tag--morado {
    border: 1px solid rgba(152, 97, 243, 0.15);
    background: linear-gradient(0deg, rgba(152, 97, 243, 0.05) 0%, rgba(152, 97, 243, 0.05) 100%), #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
}

.tag--violeta-claro,
.tag--verde-claro,
.tag--amarillo-claro,
.tag--melon-claro,
.tag--verde-limon-claro,
.tag--amarillo-limon-claro {
    border: 1px solid rgba(152, 97, 243, 0.15);
    background: linear-gradient(0deg, rgba(152, 97, 243, 0.05) 0%, rgba(152, 97, 243, 0.05) 100%), #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
}

.tag--violeta-claro {
    background: #F9F5FF;
}

.tag--verde-claro {
    background: #E7FCF7;
}

.tag--amarillo-claro {
    background: #FDFAF0;
}

.tag--melon-claro {
    background: #FDF0F0;
}

.tag--verde-limon-claro {
    background: #F0FDF5;
}

.tag--amarillo-limon-claro {
    background: #FDF8F0;
}

.tag--lila {
    border: 1px solid rgba(152, 97, 243, 0.15);
    background: linear-gradient(0deg, rgba(152, 97, 243, 0.05) 0%, rgba(152, 97, 243, 0.05) 100%), #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
}

    .tag--lila:before {
        background: #9E77ED;
    }

.mas-tag {
    border-radius: 30px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    font-size: 0.68rem;
    display: inline-block;
    height: 2rem;
    color: #344054;
    width: 2rem;
    padding: 0.3rem 0.5rem;
    min-width: 1rem;
    text-align: center;
    min-height: 1rem;
}

.paginador {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
}

    .paginador a {
        color: #475467;
        font-size: 0.875rem;
    }

    .paginador .pages a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .paginador .pages a.current {
            background: #FFF;
            box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.07);
        }

.tabs-nota {
    display: flex;
    border: none;
}

    .tabs-nota .nav-link {
        color: #6F7A88;
        font-size: 0.875rem;
        font-weight: 600;
        display: block;
        padding: 0.6rem 0.5rem;
        margin-right: 1rem;
        border: none;
        border-radius: 0;
        background: transparent;
        border-bottom: 3px solid transparent;
    }

        .tabs-nota .nav-link.active {
            border-color: #ea337e;
            color: #ea337e;
            background: transparent;
        }

        .tabs-nota .nav-link:last-child {
            margin-right: 0;
        }

    .tabs-nota a {
        color: #6F7A88;
        font-size: 0.875rem;
        font-weight: 600;
        display: block;
        padding: 0.6rem 0.5rem;
        margin-right: 1rem;
        border: none;
        border-radius: 0;
        background: transparent;
        border-bottom: 3px solid transparent;
    }

        .tabs-nota a.active {
            border-color: #ea337e;
            color: #ea337e;
            background: transparent;
        }

        .tabs-nota a:last-child {
            margin-right: 0;
        }

.form-title {
    margin-bottom: 1.8rem;
}

    .form-title h3 {
        color: #293449;
        font-size: 1.125rem;
        margin: 0 0 0.5rem;
        font-weight: 600;
    }

    .form-title p {
        font-size: 0.75rem;
        color: #6F7A88;
        margin-bottom: 0;
    }

        .form-title p.big {
            font-size: 0.875rem;
        }

.separador {
    background: #EAEAEA;
    height: 1px;
    margin-bottom: 1.25rem;
}

.con-tag .choices__inner {
    background-image: url("../images/ic-tag.svg");
    background-repeat: no-repeat;
    background-position: 0.8rem center;
    padding-left: 2.5rem;
}

.choices {
    margin-bottom: 0;
}

.choices__inner {
    padding: 0.5rem 0.8rem;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    background-color: #fff;
    background-image: url("../images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.6rem) center;
}

.choices__input {
    background: transparent;
    margin: 0;
}

.choices__list--dropdown[aria-expanded] {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    top: calc(100% + 0.2rem);
}

.choices__item--selectable {
    word-break: break-word;
}

    .choices__item--selectable.is-selected {
        background: #ea337e !important;
        color: #fff !important;
    }

        .choices__item--selectable.is-selected:hover {
            background: #ea337e !important;
            color: #fff !important;
        }

    .choices__item--selectable:hover {
        background: #eee !important;
        color: #111;
    }

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    color: #111;
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted:hover,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:hover {
        color: #111;
    }

.choices__list--multiple .choices__item {
    font-size: 0.7rem;
    color: #293449;
    border-radius: 30px;
    border: 1px solid rgba(152, 97, 243, 0.15);
    background: linear-gradient(0deg, rgba(152, 97, 243, 0.05) 0%, rgba(152, 97, 243, 0.05) 100%), #FFF;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    height: 1.65rem;
}

    .choices__list--multiple .choices__item:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
        background: #475467;
        margin-right: 0.3rem;
    }

    .choices__list--multiple .choices__item:nth-child(4n+1) {
        border: 1px solid rgba(152, 97, 243, 0.15);
        background: linear-gradient(0deg, rgba(152, 97, 243, 0.05) 0%, rgba(152, 97, 243, 0.05) 100%), #FFF;
        box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    }

        .choices__list--multiple .choices__item:nth-child(4n+1):before {
            background: #9861F3;
        }

    .choices__list--multiple .choices__item:nth-child(4n+2) {
        border: 1px solid rgba(46, 144, 250, 0.15);
        background: linear-gradient(0deg, rgba(46, 144, 250, 0.05) 0%, rgba(46, 144, 250, 0.05) 100%), #FFF;
        box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    }

        .choices__list--multiple .choices__item:nth-child(4n+2):before {
            background: #2E90FA;
        }

    .choices__list--multiple .choices__item:nth-child(4n+3) {
        border: 1px solid rgba(23, 178, 106, 0.15);
        background: linear-gradient(0deg, rgba(23, 178, 106, 0.05) 0%, rgba(23, 178, 106, 0.05) 100%), #FFF;
        box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    }

        .choices__list--multiple .choices__item:nth-child(4n+3):before {
            background: #17B26A;
        }

    .choices__list--multiple .choices__item:nth-child(4n+4) {
        border: 1px solid rgba(238, 70, 188, 0.15);
        background: linear-gradient(0deg, rgba(238, 70, 188, 0.05) 0%, rgba(238, 70, 188, 0.05) 100%), #FFF;
        box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    }

        .choices__list--multiple .choices__item:nth-child(4n+4):before {
            background: #EE46BC;
        }

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    display: none;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    border: none;
    background-image: url("../images/x-close.svg");
    width: 11px;
    background-size: 11px;
    margin-left: 0;
}

.ic-pass {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    color: #6F7A88;
    cursor: pointer;
}

    .ic-pass .ocultar-pass {
        display: none;
    }

    .ic-pass.activo .ver-pass {
        display: none;
    }

    .ic-pass.activo .ocultar-pass {
        display: block;
    }

.checkbox-container {
    position: relative;
}

    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        left: 0;
        z-index: 10;
        background: #f00;
        height: 100%;
    }

    .checkbox-container label {
        position: absolute;
        top: 3px;
        left: 0;
        width: 16px;
        /* Ancho del checkbox personalizado */
        height: 16px;
        /* Altura del checkbox personalizado */
        background-color: #fff;
        border: 1px solid #D0D5DD;
        /* Color de fondo del checkbox no marcado */
        border-radius: 4px;
        /* Bordes redondeados */
        cursor: pointer;
    }

    .checkbox-container input:checked + label {
        background-color: #ea337e;
        border-color: #ea337e;
        background-image: url("../images/ic-check.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
    }

    .checkbox-container span {
        color: #344054;
        font-size: 0.75rem;
        font-weight: 600;
        margin-left: 1.5rem;
    }

        .checkbox-container span:hover {
            text-decoration: underline;
            cursor: pointer;
        }

.tool {
    cursor: pointer;
}

.file-drop {
    min-height: 118px;
    height: auto;
    padding: 16px;
    cursor: pointer;
    border-radius: 12px;
    background: #fff;
}

.file-input {
    display: none;
}

.file-label {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
}

    .file-label img {
        margin-bottom: 0rem;
        width: 2rem;
    }

.nombreArchivo {
    text-align: center;
    color: #ea337e;
    margin-top: 0.5rem;
}

    .nombreArchivo p {
        font-weight: bold;
        margin-bottom: 0;
    }

.file-label span {
    display: block;
    margin-top: 0rem;
    line-height: 1.6;
}

    .file-label span b {
        color: #ea337e;
    }

    .file-label span .small {
        font-size: 12px;
    }

.file-drop.dragover {
    border-color: #4CAF50;
}

.w-select .choices[data-type*=select-one] .choices__button {
    display: none;
}

.w-select .select {
    background-image: none;
}



.w-select .choices[data-type*=select-one]::after {
    display: none;
}

.w-select .choices__item--selectable:hover {
    background: #fff !important;
}

.filtrar-chart {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.2rem;
    margin-bottom: 0.5rem;
}

    .filtrar-chart select {
        /*appearance: none;
    background-image: none;*/
        width: 10rem;
    }

    .filtrar-chart .choices__inner {
        background-image: url("../images/ic-filter.svg");
        background-position: 0.6rem center;
        padding: 0.35rem 0.5rem 0.5rem 2rem;
        min-height: 30px;
        height: 40px;
        width: 9rem;
        border-radius: 10px !important;
    }

        .filtrar-chart .choices__inner .choices__list--single {
            padding-right: 0;
        }

    .filtrar-chart .choices__list--dropdown .choices__item--selectable,
    .filtrar-chart .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 0;
    }

    .filtrar-chart .choices[data-type*=select-one] .choices__input {
        display: none;
    }

.texto-top {
    font-size: 0.9rem;
    color: #6F7A88;
    margin-bottom: 2rem;
}

    .texto-top a {
        color: #ea337e;
        text-decoration: none;
        font-weight: 600;
    }

        .texto-top a img {
            width: 10px;
        }

.texto-input {
    font-size: 0.75rem;
    color: #475467;
    margin-bottom: 0;
    padding-top: 0.2rem;
}

.w-editar {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

    .w-editar div {
        flex-grow: 1;
    }

    .w-editar .editar {
        width: auto;
        color: #ea337e;
        font-size: 0.75rem;
        font-weight: 600;
        margin-left: 1rem;
        padding-top: 0.9rem;
    }

.invalid {
    border-color: #f00;
}

.validation-message {
    font-size: 0.8rem;
    color: #f00;
    padding-top: 0.4rem;
}

.invalid .choices__inner {
    border-color: #f00;
}

header {
    padding: 0.8rem 3rem;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 768px) {
    header {
        padding: 0.8rem 0.5rem;
    }
}

header .logo {
    width: 10rem;
    display: block;
}

    header .logo img {
        width: 100%;
    }

.s-login {
    min-height: 100vh;
}

@media only screen and (max-width: 768px) {
    .s-login {
        padding-top: 5rem;
    }
}

.s-login .col-login {
    display: flex;
    align-items: center;
    min-height: 100vh;
}

@media only screen and (max-width: 768px) {
    .s-login .col-login {
        min-height: 0;
    }
}

.s-login .col-der {
    background: #E6F0F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 1rem;
}

    .s-login .col-der h2 {
        margin: 0 0 0.5rem;
        font-weight: 400;
        color: #475467;
        font-size: 1.56rem;
    }

    .s-login .col-der p {
        color: #6F7A88;
        font-size: 1rem;
        max-width: 475px;
    }

    .s-login .col-der.col-registro {
        text-align: right;
        padding-right: 0;
    }

        .s-login .col-der.col-registro .img-registro {
            width: 90%;
            margin: 0 0 0 auto;
        }

        .s-login .col-der.col-registro .testimonio {
            display: flex;
            margin-bottom: 2.5rem;
            max-width: 100%;
        }

        .s-login .col-der.col-registro .testimonio__img {
            width: 110px;
            min-width: 110px;
        }

            .s-login .col-der.col-registro .testimonio__img img {
                width: 100%;
            }

        .s-login .col-der.col-registro .testimonio__txt {
            max-width: calc(100% - 110px);
        }

            .s-login .col-der.col-registro .testimonio__txt .dialog {
                border-radius: 16px;
                background: rgba(111, 122, 136, 0.06);
                padding: 1.2rem 1.5rem;
                width: 440px;
                max-width: 100%;
                text-align: left;
                margin-bottom: 1rem;
                position: relative;
                margin-left: 1rem;
            }

                .s-login .col-der.col-registro .testimonio__txt .dialog:before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border-style: solid;
                    border-width: 0px 24px 22px 0;
                    border-color: transparent rgba(111, 122, 136, 0.06) transparent transparent;
                    transform: rotate(0deg);
                    position: absolute;
                    left: -24px;
                    top: 20%;
                }

                .s-login .col-der.col-registro .testimonio__txt .dialog p {
                    color: #475467;
                    font-size: 1.56rem;
                    margin-bottom: 0;
                }

            .s-login .col-der.col-registro .testimonio__txt .autor {
                text-align: left;
                padding-left: 2rem;
            }

                .s-login .col-der.col-registro .testimonio__txt .autor h4 {
                    color: #98A2B3;
                    font-weight: 600;
                    font-size: 0.875rem;
                    margin: 0;
                }

                    .s-login .col-der.col-registro .testimonio__txt .autor h4:before {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 2px;
                        background-color: #98A2B3;
                        vertical-align: middle;
                        margin-bottom: 0.2rem;
                        margin-right: 0.2rem;
                    }

                .s-login .col-der.col-registro .testimonio__txt .autor h5 {
                    color: #98A2B3;
                    font-weight: 400;
                    font-size: 0.875rem;
                    margin: 0;
                }

.w-login {
    width: 390px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 1rem;
}

    .w-login.w-reestablecer {
        padding: 35px;
        width: 400px;
        border-radius: 20px;
        background: var(--Blanco, #FFF);
        /* Sombra Card */
        box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.07);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .w-login .p-reestablecer {
        color: #475467;
        text-align: center;
        font-family: Inter;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .w-login .title-reestablecer {
        color: #101828;
        text-align: center;
        /* Titulo 2 */
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 37px;
        /* 132.143% */
        letter-spacing: -0.42px;
    }

    .w-login .img-container-reestablecer {
        border-radius: 60px;
        border: 12px solid #FBFBFB;
        background: #F7F7FA;
        width: 125px;
        margin: 0 auto;
    }

    .w-login .text-container-reestablecer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
        align-self: stretch;
        text-align: center;
    }

    .w-login .img-container-reestablecer img {
        width: 60px;
        height: 100px;
        flex-shrink: 0;
    }

@media only screen and (max-width: 768px) {
    .w-login {
        padding-bottom: 5rem;
    }
}

.w-login h1 {
    margin: 0 0 1rem;
    font-size: 1.875rem;
    color: #101828;
    font-weight: 600;
}

.w-login .bajada {
    color: #344054;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 1.8rem;
}

    .w-login .bajada.light {
        color: #475467;
        font-weight: 400;
    }

.crear-cuenta {
    background: #F7F7FA;
    min-height: 100vh;
    padding-top: 7rem;
    padding-bottom: 4rem;
    text-align: center;
}

    .crear-cuenta h1 {
        color: #101828;
        margin: 0 0 0.6rem;
        font-size: 2rem;
        font-weight: 600;
    }

    .crear-cuenta .bajada {
        color: #6F7A88;
        font-size: 1rem;
        font-weight: 400;
    }

    .crear-cuenta .pasos-registro {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 512px;
        margin: 2rem auto;
        max-width: 100%;
        position: relative;
    }

        .crear-cuenta .pasos-registro:after {
            content: "";
            background: #C6C9CE;
            position: absolute;
            width: 60%;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 2px;
            top: 1.3rem;
        }

        .crear-cuenta .pasos-registro .item-paso {
            margin: 0 2rem;
            position: relative;
            z-index: 2;
        }

            .crear-cuenta .pasos-registro .item-paso .circulo {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #C6C9CE;
                color: #fff;
                font-size: 1rem;
                font-weight: 600;
                margin: 0 auto 0.6rem;
                border: 6px solid #F7F7FA;
            }

            .crear-cuenta .pasos-registro .item-paso p {
                color: #475467;
                font-size: 0.875rem;
                font-weight: 500;
            }

            .crear-cuenta .pasos-registro .item-paso.success .circulo {
                background: #1FB43F;
            }

            .crear-cuenta .pasos-registro .item-paso.current .circulo {
                background: #ea337e;
            }

    .crear-cuenta .form-registro {
        width: 824px;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }

        .crear-cuenta .form-registro h3 {
            font-size: 1.15rem;
            color: #293449;
            font-weight: 600;
            margin: 0 0 2rem;
        }

.card-cuenta {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.07);
    width: 360px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 373px;
    padding: 2.3rem 2.125rem;
    text-align: center;
}

.card-cuenta__icon {
    width: 86px;
    height: 86px;
    margin: 0 auto 1rem;
    text-align: center;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .card-cuenta__icon img {
        margin: 0 auto;
        max-width: 60px;
    }

.card-cuenta h1 {
    color: #101828;
    font-size: 1.875rem;
    font-weight: 600;
    margin: 1rem 0 0.5rem;
}

.card-cuenta p {
    color: #344054;
    font-size: 0.875rem;
    font-weight: 600;
    margin: 1.2rem 0 1.8rem;
}

    .card-cuenta p.light {
        font-weight: 400;
    }

        .card-cuenta p.light a {
            color: #ea337e;
        }

.card-cuenta.card-bienvenido p {
    margin: 2.5rem 0;
}

.modal .modal-content {
    background: none;
    border: none;
}

.modal .cerrar-modal {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    color: #979FA9;
    font-size: 0.7rem;
}

    .modal .cerrar-modal img {
        width: 1.25rem;
    }

.modal .card-cuenta {
    padding: 2.8rem 0.9rem;
}

    .modal .card-cuenta h3 {
        color: #101828;
        font-size: 1.875rem;
        font-weight: 600;
        margin: 1rem 0 0rem;
        min-height: 60px;
    }

    .modal .card-cuenta p {
        margin: 1rem 0;
        font-weight: 400;
        min-height: 40px;
        margin: 0.4rem 0 1.2rem;
    }

    .modal .card-cuenta .botones {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

.modal#modal-crear-nota .modal-content {
    width: 440px;
    max-width: 100%;
    position: relative;
}

    .modal#modal-crear-nota .modal-content .card-cuenta {
        width: 100%;
        padding: 2rem;
        text-align: left;
    }

    .modal#modal-crear-nota .modal-content .card-cuenta__icon {
        margin: 0 auto 0 0;
        width: 4rem;
        height: 4rem;
        border: 8px solid #F9F5FF;
        background: #F4EBFF;
    }

    .modal#modal-crear-nota .modal-content .card-cuenta h3 {
        font-size: 1.38rem;
        margin-bottom: 0;
        min-height: 0;
    }

    .modal#modal-crear-nota .modal-content .card-cuenta .textarea {
        height: 84px;
        margin-bottom: 2rem;
    }

.modal#modal-enviar-prueba .modal-content {
    width: 440px;
    max-width: 100%;
    position: relative;
}

    .modal#modal-enviar-prueba .modal-content .card-cuenta {
        width: 100%;
        padding: 2rem;
        text-align: left;
    }

    .modal#modal-enviar-prueba .modal-content .card-cuenta__icon {
        margin: 0 auto 0 0;
        width: 4rem;
        height: 4rem;
        border: 8px solid #F9F5FF;
        background: #F4EBFF;
    }

    .modal#modal-enviar-prueba .modal-content .card-cuenta h3 {
        font-size: 1.38rem;
        margin-bottom: 0;
        min-height: 0;
    }

    .modal#modal-enviar-prueba .modal-content .card-cuenta .textarea {
        height: 84px;
        margin-bottom: 2rem;
    }

.modal#modal-ver-nota .modal-dialog {
    width: 698px;
    max-width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.modal#modal-ver-nota .cerrar-modal {
    top: 0;
}

.modal#modal-ver-nota .modal-content {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
}

    .modal#modal-ver-nota .modal-content::-webkit-scrollbar {
        width: 6px;
    }

    .modal#modal-ver-nota .modal-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .modal#modal-ver-nota .modal-content::-webkit-scrollbar-thumb {
        background: #ea337e;
        border-radius: 20px;
    }

        .modal#modal-ver-nota .modal-content::-webkit-scrollbar-thumb:hover {
            border-radius: 20px;
            background: #ea337e;
        }

.modal#modal-enviar-prueba .modal-dialog {
    position: relative;
    width: 400px;
    max-width: 100%;
    margin: 0 0 0 auto;
    transform: translate(50px, 0px);
}

    .modal#modal-enviar-prueba .modal-dialog .card-cuenta {
        border-radius: 0;
        height: 100vh;
    }

.modal#modal-enviar-prueba.show .modal-dialog {
    transform: none;
}

.card-cuenta.card-mensaje h1 {
    margin-bottom: 1rem;
}

.card-cuenta.card-mensaje h3 {
    font-size: 1.25rem;
    margin: 0 0 1.2rem;
}

.card-cuenta.card-mensaje p {
    margin: 1rem 0 2rem;
    color: #6F7A88;
}

.name-avatar {
    height: 50px;
    width: 50px;
    background-color: #9E77ED;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: white;
    align-content: center;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .loading.small {
        position: absolute;
    }

        .loading.small .lds-ring div {
            width: 56px;
            height: 56px;
            border: 6px solid #ea337e;
            border-color: #ea337e transparent transparent transparent;
        }

    .loading.visible {
        opacity: 1;
        visibility: visible;
        z-index: 999999;
    }

    .loading .lds-ring {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
    }

        .loading .lds-ring div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 50px;
            height: 50px;
            margin: 8px;
            border: 6px solid #ea337e;
            border-radius: 50%;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #ea337e transparent transparent transparent;
        }

            .loading .lds-ring div:nth-child(1) {
                animation-delay: -0.45s;
            }

            .loading .lds-ring div:nth-child(2) {
                animation-delay: -0.3s;
            }

            .loading .lds-ring div:nth-child(3) {
                animation-delay: -0.15s;
            }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dashboard {
    display: flex;
    width: 100%;
    background: #f7f7fa;
    min-height: 100vh;
}

.dashboard_none {
    display: none;
}

.border-valid {
    border: 2px dashed #33ea7e;
}

.border-invalid {
    border: 2px dashed #ea337e;
}

@media only screen and (max-width: 991px) {
    .dashboard {
        flex-direction: column;
    }
}

.dashboard .sidebar {
    width: 280px;
    height: auto;
    background: #fff;
    box-shadow: 3px 0px 26px 0px rgba(217, 217, 217, 0.3);
    padding: 0.875rem 1rem 0.7rem 3rem;
}

@media only screen and (max-width: 991px) {
    .dashboard .sidebar {
        width: 100%;
        padding: 0.9rem 1rem;
    }
}

.dashboard .sidebar .logo {
    width: 10rem;
    display: block;
}

    .dashboard .sidebar .logo img {
        width: 100%;
    }

@media only screen and (max-width: 550px) {
    .dashboard .sidebar .logo {
        width: 8rem;
    }
}

.dashboard .sidebar__menu ul {
    padding: 0;
    margin: 2rem 0 0;
    list-style: none;
}

@media only screen and (max-width: 991px) {
    .dashboard .sidebar__menu ul {
        margin: 2rem 0 0;
    }
}

.dashboard .sidebar__menu ul li a:not(.except-a) {
    color: #101828;
    font-size: 1rem;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.4rem;
    display: block;
}

    .dashboard .sidebar__menu ul li a:not(.except-a) span {
        width: 1.5rem;
        display: inline-block;
    }

    .dashboard .sidebar__menu ul li a:not(.except-a).activo {
        background: #F9FAFB;
    }

    .dashboard .sidebar__menu ul li a:not(.except-a).active {
        background: #F9FAFB;
    }

        .dashboard .sidebar__menu ul li a:not(.except-a).active.bold-link {
            font-weight: bold;
        }

.dashboard .main {
    display: block;
    flex-grow: 1;
}

.dashboard .main__header {
    background: #fff;
    box-shadow: 3px 0px 26px 0px rgba(217, 217, 217, 0.3);
    text-align: right;
    padding: 0.5rem 2.25rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .dashboard .main__header .btn {
        font-size: 0.875rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dashboard .main__header .btn i {
            display: none;
        }

@media only screen and (max-width: 640px) {
    .dashboard .main__header .btn {
        font-size: 0;
        min-width: 60px;
        padding: 0.8rem 0.4rem;
    }

        .dashboard .main__header .btn i {
            font-size: 1rem;
            display: block;
            margin-left: 0;
        }
}

@media only screen and (max-width: 991px) {
    .dashboard .main__header {
        position: absolute;
        top: 0.5rem;
        right: 0rem;
        padding-right: 1rem;
    }
}

.dashboard .main__header .user {
    position: relative;
}

.user-avatar {
    cursor: pointer;
}

.color-icon-pink .dot {
    background-color: #FF00D6 !important;
    margin-left: 0.8rem;
}

.menu-user {
    border: 1px solid #EAECF0;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 12px;
    width: auto;
    min-width: 240px;
    text-align: left;
    position: absolute;
    right: 0;
    margin-top: 1rem;
    display: none;
}

.menu-user {
    z-index: 999;
}

    .menu-user.visible {
        display: block;
    }

    .menu-user .datos {
        font-size: 0.87rem;
        color: #344054;
        padding: 0.6rem 1rem;
        border-bottom: 1px solid #EAECF0;
        word-wrap: break-word;
    }

        .menu-user .datos p {
            margin: 0;
        }

    .menu-user a {
        display: block;
        padding: 0.6rem 1rem;
        color: #475467;
        font-weight: 500;
        font-size: 0.87rem;
        margin-top: 0.5rem;
    }

        .menu-user a img {
            margin-right: 0.5rem;
        }

        .menu-user a:hover {
            background: #f8f8f8;
        }

.dashboard .main__contenido {
    padding: 2.2rem 1.75rem;
    padding-right: 2rem !important;
    background: #f7f7fa !important;
    /*background: white !important;*/
}

    .dashboard .main__contenido h1 {
        margin: 0 0 2.5rem;
        font-size: 1.5rem;
        color: #101828;
        font-weight: 700;
        display: flex;
        align-items: center;
    }

        .dashboard .main__contenido h1 img {
            margin-right: 0.6rem;
        }

    .dashboard .main__contenido:has(.embed-container) {
        padding: revert;
    }

    .dashboard .main__contenido .bajada {
        color: #293449;
        font-size: 1.125rem;
        font-weight: 600;
        padding-left: 2.1rem;
        margin-bottom: 2.5rem;
    }

    .dashboard .main__contenido .link-label {
        color: #ea337e;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1.4;
        margin-top: 0.3rem;
        margin-bottom: 1.5rem;
        display: block;
    }

        .dashboard .main__contenido .link-label.c-p {
            padding-left: 2.1rem;
        }

        .dashboard .main__contenido .link-label img {
            width: 10px;
        }

    .dashboard .main__contenido .estado-nota {
        margin-top: 0.5rem;
        font-size: 1.125rem;
        color: #344054;
        font-weight: 300;
        padding-left: 2.1rem;
        margin-bottom: 2rem;
    }

        .dashboard .main__contenido .estado-nota span {
            font-size: 0.65rem;
            font-weight: 500;
            border-radius: 16px;
            height: 26px;
            padding: 0.3rem 0.7rem;
            display: inline-block;
            margin-left: 0.4rem;
        }

            .dashboard .main__contenido .estado-nota span.observacion {
                color: #FF8B03;
                border-radius: 16px;
                border: 1px solid rgba(255, 184, 3, 0.3);
                background: rgba(255, 184, 3, 0.2);
            }

            .dashboard .main__contenido .estado-nota span.borrador {
                color: #475467;
                border-radius: 16px;
                border: 1px solid #C6C9CE;
                background: transparent;
            }

            .dashboard .main__contenido .estado-nota span.publicado {
                color: #ea337e;
                border-radius: 16px;
                border: 1px solid rgba(249, 167, 229, 0.2);
                background: linear-gradient(0deg, rgba(255, 188, 238, 0.2) 0%, rgba(250, 178, 233, 0.2) 100%), #FFF;
            }

.dashboard .main.c-sidebar-right {
    width: calc(100% - 280px);
    position: relative;
}

@media only screen and (max-width: 991px) {
    .dashboard .main.c-sidebar-right {
        width: 100%;
    }
}

.dashboard .main.c-sidebar-right .main__contenido {
    padding-right: 400px;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .dashboard .main.c-sidebar-right .main__contenido {
        padding-right: 0;
    }
}

.sidebar-revisar,
.sidebar-send-test {
    position: fixed;
    top: 0px;
    z-index: 99;
    right: 0;
    width: 370px;
    background: #fff;
    padding: 1.3rem;
    height: 100%;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
    padding-top: 5rem;
    transform: translateX(100%);
    transition: all 0.3s ease;
}

.sidebar-send-test {
    position: fixed;
    top: 0px;
    z-index: 99;
    right: 0;
    width: 370px;
    background: #fff;
    padding: 1.3rem;
    height: 100%;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
    padding-top: 5rem;
    transform: translateX(100%);
    transition: all 0.3s ease;
}

    .sidebar-revisar.visible,
    .sidebar-send-test.visible {
        transform: translateX(0);
    }

    .sidebar-revisar .cerrar,
    .sidebar-send-test .cerrar {
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .sidebar-revisar .cerrar img,
        .sidebar-send-test .cerrar img {
            width: 1.5rem;
        }

        .sidebar-revisar .cerrar:hover,
        .sidebar-send-test .cerrar:hover {
            opacity: 0.8;
        }

@media only screen and (max-width: 991px) {
    .sidebar-revisar,
    .sidebar-send-test {
        position: relative;
        width: 100%;
        height: auto;
        top: auto;
    }
}

.sidebar-revisar__head,
.sidebar-send-test__head {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

    .sidebar-revisar__head img,
    .sidebar-send-test__head img {
        margin-right: 1rem;
    }

    .sidebar-revisar__head .sidebar-revisar__titulo,
    .sidebar-send-test__head .sidebar-send-test__titulo {
        text-align: left;
    }

        .sidebar-revisar__head .sidebar-revisar__titulo h3,
        .sidebar-send-test__head .sidebar-send-test__titulo h3 {
            margin: 0 0 0.2rem;
            color: #293449;
            font-size: 1.2rem;
            font-weight: 600;
        }

        .sidebar-revisar__head .sidebar-revisar__titulo p,
        .sidebar-send-test__head .sidebar-send-test__titulo p {
            font-size: 0.875rem;
            color: #475467;
            margin-bottom: 0;
        }

            .sidebar-revisar__head .sidebar-revisar__titulo p a,
            .sidebar-send-test__head .sidebar-send-test__titulo p a {
                color: #ea337e;
                text-decoration: none;
            }

.sidebar-revisar .enviar-revision,
.sidebar-send-test .enviar-revision {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6F7A88;
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.2rem 1rem;
}

    .sidebar-revisar .enviar-revision img,
    .sidebar-send-test .enviar-revision img {
        margin-right: 1rem;
    }

    .sidebar-revisar .enviar-revision .check,
    .sidebar-send-test .enviar-revision .check {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #ea337e;
        position: absolute;
        right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
    }

        .sidebar-revisar .enviar-revision .check img,
        .sidebar-send-test .enviar-revision .check img {
            margin-right: 0;
        }

.sidebar-revisar .w-destinatarios,
.sidebar-send-test .w-destinatarios {
    background: #F9F5FF;
    padding: 1.2rem;
    border-radius: 0 0 20px 20px;
}

    .sidebar-revisar .w-destinatarios p,
    .sidebar-send-test .w-destinatarios p {
        color: #6F7A88;
        font-size: 0.875rem;
        margin-bottom: 1.2rem;
    }

        .sidebar-revisar .w-destinatarios p span,
        .sidebar-send-test .w-destinatarios p span {
            color: #475467;
            font-size: 1.125rem;
            font-weight: 600;
            display: inline-block;
            margin-left: 0.2rem;
        }

    .sidebar-revisar .w-destinatarios .btn,
    .sidebar-send-test .w-destinatarios .btn {
        width: 100%;
    }

.sidebar-send-right-bar {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
}

.sidebar-send-right-bar__head {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

    .sidebar-send-right-bar__head img {
        margin-right: 1rem;
    }

.sidebar-send-right-bar .sidebar-send-right-bar__titulo {
    text-align: left;
}

    .sidebar-send-right-bar .sidebar-send-right-bar__titulo h3 {
        width: 336px;
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #101B31;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        z-index: 0;
    }

    .sidebar-send-right-bar .sidebar-send-right-bar__titulo p {
        width: 336px;
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #475467;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        z-index: 1;
    }

        .sidebar-send-right-bar .sidebar-send-right-bar__titulo p a {
            width: 210px;
            font-family: "Inter";
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
            color: #EA337E;
            flex: none;
            order: 2;
            flex-grow: 0;
            z-index: 2;
        }

.sidebar-send-right-bar .enviar-revision {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6F7A88;
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.2rem 1rem;
}

    .sidebar-send-right-bar .enviar-revision img {
        margin-right: 1rem;
    }

    .sidebar-send-right-bar .enviar-revision .check {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #ea337e;
        position: absolute;
        right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
    }

        .sidebar-send-right-bar .enviar-revision .check img {
            margin-right: 0;
        }

.sidebar-send-right-bar .w-destinatarios {
    background: #F9F5FF;
    padding: 1.2rem;
    border-radius: 0 0 20px 20px;
}

    .sidebar-send-right-bar .w-destinatarios p {
        color: #6F7A88;
        font-size: 0.875rem;
        margin-bottom: 1.2rem;
    }

        .sidebar-send-right-bar .w-destinatarios p span {
            color: #475467;
            font-size: 1.125rem;
            font-weight: 600;
            display: inline-block;
            margin-left: 0.2rem;
        }

    .sidebar-send-right-bar .w-destinatarios .btn {
        width: 100%;
    }

.card-number {
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 1.9rem 1.5rem 2rem;
    margin-bottom: 1.3rem;
}

.card-number__title {
    color: #475467;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0 0 0.4rem;
    text-align: center;
}

@media only screen and (max-width: 1225px) {
    .card-number__title {
        font-size: 0.575rem;
    }

        .card-number__title img {
            width: 0.8rem;
        }
}

.card-number__cifra {
    font-size: 2rem;
    color: #101828;
    font-weight: 600;
}

.card-number__p {
    color: #6F7A88;
    font-size: 0.75rem;
    margin-bottom: 0;
    font-weight: 600;
}

.card-number.tipo2 {
    padding: 1.25rem;
}

    .card-number.tipo2 .card-number__title {
        font-weight: 600;
    }

    .card-number.tipo2 .card-number__cifra {
        font-size: 1.625rem;
        margin: 1rem 0 0.9rem;
    }

.chart-mini {
    width: 40px;
}

.card-number.tipo2 .card-number__cifra {
    font-size: 2.0625rem;
    margin: 1rem 0 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .card-number.tipo2 .card-number__cifra img {
        margin-left: 30px;
        position: absolute;
        right: 30px;
    }

@media only screen and (max-width: 1320px) {
    .card-number.tipo2 .card-number__cifra img {
        position: relative;
        right: auto;
    }
}

.card-number.tipo2 .card-number__cifra .tasa {
    margin-left: 30px;
    position: absolute;
    right: 30px;
    padding: 1px 4px;
    min-width: auto;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ABEFC6;
    background: #ECFDF3;
    color: #067647;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    font-weight: bold;
}

/* Personalizando el tooltip para que se vea como una nube */
.tooltip-inner {
    background-color: #80C7E8; /* Color suave, tipo nube */
    border-radius: 15px; /* Bordes redondeados para darle forma de nube */
    padding: 8px 15px; /* Espaciado dentro del tooltip */
    font-size: 14px; /* Tamaño de fuente */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave para dar un efecto de profundidad */
}

.tooltip-arrow {
    border-top-color: #80C7E8; /* Mismo color para la flecha */
}

@media only screen and (max-width: 1320px) {
    .card-number.tipo2 .card-number__cifra .tasa {
        position: relative;
        right: auto;
    }
}

.card-chart {
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 1rem 1.5rem 1rem;
    margin-bottom: 1.3rem;
    height: calc(100% - 1.3rem);
}

.card-chart__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .card-chart__head h2 {
        font-size: 1.125rem;
        color: #293449;
        font-weight: 600;
    }

.card-chart__title {
    margin: 0;
    color: #101828;
    font-size: 1rem;
    font-weight: 600;
}

.escritorio {
    margin-top: 1.5rem;
}

.escritorio__header {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .escritorio__header {
        flex-direction: column;
    }
}

.escritorio__header h2 {
    color: #293449;
    font-weight: 600;
    font-size: 1.375rem;
    margin: 0 0 1rem;
}

.escritorio__tabla {
    overflow: hidden;
}

    .escritorio__tabla .td {
        white-space: pre-wrap;
        word-wrap: break-word;
        padding-right: 2rem;
    }

.escritorio__tabla__thead {
    display: flex;
}

    .escritorio__tabla__thead .th {
        font-size: 0.75rem;
        font-weight: 400;
        color: #475467;
        flex-grow: 1;
        padding: 0.75rem 0;
    }

        .escritorio__tabla__thead .th:first-child {
            width: 46%;
            min-width: 46%;
            max-width: 46%;
        }

        .escritorio__tabla__thead .th:nth-child(2) {
            width: 150px;
            min-width: 150px;
            max-width: 150px;
        }

        .escritorio__tabla__thead .th:nth-child(3) {
            width: 165px;
            min-width: 165px;
            max-width: 195px;
            padding-right: 15px;
        }

        .escritorio__tabla__thead .th:nth-child(4) {
            width: 104px;
            min-width: 104px;
        }

        .escritorio__tabla__thead .th:nth-child(5) {
            flex-grow: 1;
            min-width: 100px;
        }

.escritorio__tabla__tbody .tr {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 16px;
    min-height: 60px;
}

@media only screen and (max-width: 991px) {
    .escritorio__tabla__tbody .tr {
        overflow: auto;
    }
}

.escritorio__tabla__tbody .tr:nth-child(odd) {
    background: #F0F1F4;
}

.escritorio__tabla__tbody .tr .td {
    flex-grow: 1;
    font-size: 0.875rem;
    color: #293449;
    font-weight: 500;
}

    .escritorio__tabla__tbody .tr .td .fecha {
        color: #293449;
        font-size: 0.75rem;
    }

    .escritorio__tabla__tbody .tr .td .acciones-tabla {
        display: flex;
    }

        .escritorio__tabla__tbody .tr .td .acciones-tabla a {
            margin-right: 0.7rem;
            display: block;
        }

            .escritorio__tabla__tbody .tr .td .acciones-tabla a:hover {
                opacity: 1;
            }

            .escritorio__tabla__tbody .tr .td .acciones-tabla a:last-child {
                margin-right: 0;
            }

    .escritorio__tabla__tbody .tr .td:first-child {
        width: 40%;
        min-width: 40%;
        max-width: 40%;
    }

    .escritorio__tabla__tbody .tr .td:nth-child(2) {
        /*width: 140px;
        min-width: 140px;
        max-width: 1400px;*/
    }

    .escritorio__tabla__tbody .tr .td:nth-child(3) {
        width: 165px;
        min-width: 165px;
        max-width: 200px;
        padding-right: 15px;
    }

    .escritorio__tabla__tbody .tr .td:nth-child(4) {
        width: 104px;
        min-width: 104px;
    }

    .escritorio__tabla__tbody .tr .td:nth-child(5) {
        flex-grow: 1;
        min-width: 100px;
    }

.container-dash {
    width: calc(100% - 370px);
}

.nota-header {
    display: flex;
    /*justify-content: space-between;*/
}

@media only screen and (max-width: 768px) {
    .nota-header {
        flex-direction: column-reverse;
    }
}

.nota-header nav {
    border-bottom: 1px solid #EAECF0;
}

.nota-header__botones {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .nota-header__botones {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
}

.nota-header__botones .btn {
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
}

    .nota-header__botones .btn:first-child {
        margin-left: 0;
    }

@media only screen and (max-width: 768px) {
    .nota-header__botones .btn {
        margin-left: 0;
        margin-right: 0.9rem;
        margin-bottom: 0.5rem;
    }
}

.nota-contenido {
    padding: 2rem 0;
}

.nota {
    background: #fff;
    border-radius: 12px;
    padding: 2rem 1.25rem;
}

.nota__epigrafe {
    margin: 0;
    color: #6F7A88;
    font-size: 0.875rem;
    font-weight: 400;
}

.nota__titulo {
    color: #101B31;
    font-weight: 600;
    font-size: 2rem;
    margin: 0.2rem 0 0.8rem;
}

.nota__bajada {
    color: #475467;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.nota__meta {
    color: #6F7A88;
    font-size: 0.75rem;
    margin-bottom: 0.8rem;
}

    .nota__meta a {
        color: #ea337e;
    }

.nota__img img {
    width: 100%;
}

.nota__img figcaption {
    color: #293449;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.5rem 0 0.8rem;
}

.nota__texto p {
    font-size: 0.875rem;
    color: #293449;
    line-height: 1.5;
}

.nota__autor {
    background: #F7F7FA;
    border-radius: 16px;
    padding: 1rem;
}

    .nota__autor .autor-header {
        display: flex;
        margin-bottom: 1rem;
    }

    .nota__autor .autor-header__img {
        width: 40px;
    }

        .nota__autor .autor-header__img img {
            width: 100%;
        }

    .nota__autor .autor-header__txt {
        padding-left: 0.6rem;
    }

        .nota__autor .autor-header__txt p {
            font-size: 0.68rem;
            color: #000;
            margin-bottom: 0.2rem;
        }

        .nota__autor .autor-header__txt h4 {
            margin: 0;
            color: #000;
            font-weight: 600;
            font-size: 0.875rem;
        }

    .nota__autor p {
        color: #6F7A88;
        font-size: 0.68rem;
        margin-bottom: 1rem;
    }

        .nota__autor p:last-child {
            margin-bottom: 0;
        }

.cifra-destinatarios {
    color: #101B31;
    font-size: 1.75rem;
    font-weight: 600;
}

#nav-revisar {
    padding-right: 4rem;
}

.error-404 {
    padding: 8rem 0 4rem;
    background-image: url(../images/bg-hero.html);
    background-color: #fff;
    text-align: center;
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center top;
}

    .error-404 h2 {
        font-size: 3.75rem;
        margin: 1rem 0;
        color: #344054;
        font-weight: 600;
    }

@media only screen and (max-width: 768px) {
    .error-404 h2 {
        font-size: 3rem;
    }
}

.error-404 p {
    font-size: 1.2rem;
}

.error-404 .botones {
    display: flex;
    justify-content: center;
    margin: 3rem 0 5rem;
}

    .error-404 .botones .btn {
        height: 3.75rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0.5rem 1.75rem;
        font-size: 1.125rem;
        margin: 0 0.5rem;
    }

        .error-404 .botones .btn.btn-secondary2 {
            border: 1px solid #D0D5DD;
            background: #fff;
            color: #344054;
        }

        .error-404 .botones .btn i {
            margin-right: 0.5rem;
            font-size: 1.2rem;
        }

.error-404__img {
    text-align: center;
}

    .error-404__img img {
        max-width: 100%;
    }

.note_signature {
    background-color: #f7f7fa;
    border-radius: 10px;
    padding: 10px;
}

.signature_logo {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    padding: 10px;
}

.img-small-div {
    grid-row: 1/3;
    height: 70px;
    width: 50px;
}

.img-small {
    height: 40px;
    border-radius: 10px;
}

.small-text-note {
    font-size: 14px;
}

.container-tooltip {
    margin: 5px 5px 5px 5px;
}

.container-bundle-payment {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .container-bundle-payment > .row {
        width: 850px;
    }

.bundle-payment-card {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
    height: 70vh;
    max-height: 500px;
    flex-wrap: wrap;
    text-align: center;
    max-width: 250px;
    margin: auto;
    --bs-gutter-x: 0rem;
}

    .bundle-payment-card > .card-header {
        background-color: #ea337e;
        color: aliceblue;
        border-radius: inherit;
    }

    .bundle-payment-card ul {
        position: relative;
        top: 2rem;
        text-align: left;
    }

    .bundle-payment-card button {
        position: relative;
        top: 6rem;
    }

.disabled-link {
    color: #979FA9 !important;
    text-decoration: none;
    cursor: not-allowed;
}

    .disabled-link::after {
        /*content: url(../images/ic-stop.svg);*/
        display: inline-block;
        opacity: 0;
        margin-right: 3rem;
        vertical-align: middle;
        transition: opacity 0.3s ease;
        position: absolute;
        right: 0rem;
    }

    .disabled-link:hover:after {
        opacity: 1;
    }

    .disabled-link img {
        opacity: 0.3;
    }

.planes-switch {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 1.5rem 0;
}

    .planes-switch label {
        color: #475467;
        font-weight: 600;
        font-size: 14px;
    }

    .planes-switch input.switch {
        position: relative;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 35px !important;
        height: 20px;
        border-radius: 30px;
        cursor: pointer;
        background: #EA337E;
        transition: all 0.3s ease-in-out, padding 0.25s ease-in-out;
        transition-delay: 0.1s, 0s;
        margin: 0 0.5rem;
    }

        .planes-switch input.switch:hover {
            background: #EA337E;
        }

        .planes-switch input.switch:focus {
            border: 0;
            outline: 0;
        }

        .planes-switch input.switch:checked {
            padding-left: 15px;
            background: #eee;
        }

            .planes-switch input.switch:checked:hover {
                background: #eee;
            }

        .planes-switch input.switch:before {
            display: inline-block;
            height: 14px;
            width: 14px;
            margin: 3px;
            background-color: #fff;
            border-radius: 2.1em;
            transition: all 0.1s ease 0.1s;
        }

        .planes-switch input.switch:before,
        .planes-switch input.switch:after {
            content: "";
            display: block;
        }

        .planes-switch input.switch:active::before {
            transition: all 0.1s ease 0.05s;
        }

.planes {
    display: flex;
    border-top: 8px solid #EA337E;
    width: 100%;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

@media only screen and (max-width: 768px) {
    .planes {
        flex-direction: column;
    }
}

.planes .card-plan {
    text-align: center;
    padding: 40px 32px;
    background: #fff;
    position: relative;
}

    .planes .card-plan:after {
        content: "";
        width: 1px;
        height: calc(100% - 80px);
        position: absolute;
        right: 0;
        background: #EAECF0;
        top: 40px;
        display: block;
    }

    .planes .card-plan:last-child:after {
        display: none;
    }

    .planes .card-plan.actual {
        background: #FDF2F7;
    }

        .planes .card-plan.actual:after {
            display: none;
        }

    .planes .card-plan .btn-tipo-plan {
        border-radius: 16px;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid;
        display: inline-block;
        padding: 0.3rem 0.8rem;
        margin-bottom: 1rem;
    }

        .planes .card-plan .btn-tipo-plan.rosado {
            border-color: #DB2868;
            color: #DB2868;
            background: #FDF2F7;
        }

        .planes .card-plan .btn-tipo-plan.verde {
            border-color: #17B26A;
            color: #17B26A;
            background: rgba(3, 178, 100, 0.1);
        }

        .planes .card-plan .btn-tipo-plan.azul {
            border-color: #114FC4;
            color: #114FC4;
            background: #F9F5FF;
        }

    .planes .card-plan .precio-plan {
        font-size: 33px;
        font-weight: 600;
        color: #101828;
        margin-bottom: 5px;
    }

        .planes .card-plan .precio-plan span {
            font-size: 18px;
            font-weight: 600;
            color: #475467;
        }

    .planes .card-plan p {
        font-size: 16px;
        color: #475467;
        font-weight: 400;
    }

    .planes .card-plan .botones {
        padding-bottom: 20px;
        border-bottom: 1px solid #EAECF0;
    }

        .planes .card-plan .botones .btn {
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            width: 100%;
            height: 48px;
            padding-top: 0.9rem;
            margin-bottom: 12px;
        }

            .planes .card-plan .botones .btn.btn--azul {
                background: #114FC4;
                border: 1px solid #53389E;
            }

                .planes .card-plan .botones .btn.btn--azul:hover {
                    background: #6941c2;
                    border-color: #6941c2;
                }

            .planes .card-plan .botones .btn.btn--rosado {
                background: #EA337E;
                border: 1px solid #BE194F;
            }

                .planes .card-plan .botones .btn.btn--rosado:hover {
                    background: #6941c2;
                    border-color: #6941c2;
                }

            .planes .card-plan .botones .btn.btn--blanco {
                border: 1px solid #D0D5DD;
                color: #344054;
                background: #fff;
            }

    .planes .card-plan ul {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 2rem 0 0;
    }

        .planes .card-plan ul li {
            color: #475467;
            position: relative;
            padding-left: 30px;
            margin-bottom: 1rem;
        }

            .planes .card-plan ul li:before {
                content: "";
                background-image: url("../images/ic-check-verde.svg");
                background-size: 100%;
                width: 24px;
                height: 24px;
                display: block;
                position: absolute;
                left: 0;
            }

.btn-ia {
    background: linear-gradient(45deg, #89FFF1, #AE3DF3, #D60B5E, #FF4D00);
    font-size: 16px;
    font-weight: 600;
}

    .btn-ia img {
        margin-right: 0.4rem;
        margin-left: 0;
    }

/*.panel-ia {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
height: 100vh;
background: #fff;
display: flex;
}*/
.panel-ia {
    position: relative;
    top: 0;
    height: auto;
    z-index: 999;
    width: 100%;
    min-height: 100vh;
    overflow: auto;
    background: #fff;
    display: flex;
}

    /*.panel-ia .sidebar {
width: 437px;
min-width: 437px;
background: linear-gradient(45deg, #89FFF1, #AE3DF3, #D60B5E, #D60B5E);
height: auto;
padding: 32px 50px;
}*/
    .panel-ia .sidebar {
        width: 437px;
        min-width: 437px;
        background: linear-gradient(45deg, #89FFF1, #AE3DF3, #D60B5E, #D60B5E);
        height: auto;
        padding: 32px 50px;
    }

        .panel-ia .sidebar img {
            width: 73px;
            margin-bottom: 0.5rem;
        }

        .panel-ia .sidebar h2 {
            color: #fff;
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .panel-ia .sidebar p {
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            line-height: 22px;
        }

    .panel-ia .content {
        flex-grow: 1;
        padding: 120px 100px;
        background: #fff;
    }

        .panel-ia .content .w-content {
            max-width: 1000px;
        }

        .panel-ia .content .barra-progreso {
            border-radius: 100px;
            height: 7px;
            overflow: hidden;
            background: #EAECF0;
            margin-bottom: 30px;
        }

            .panel-ia .content .barra-progreso span {
                background: #EA337E;
                display: block;
                width: 100px;
                height: 100%;
                border-radius: 100px;
            }

        .panel-ia .content .form-group .label {
            color: #293449;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 8px;
        }

    .panel-ia .preguntas {
        min-height: 400px;
        padding-bottom: 2rem;
    }

    .panel-ia .botonera {
        border-top: 1px solid #CFCFCF;
        text-align: center;
        padding-top: 1rem;
    }

        .panel-ia .botonera.tipo2 {
            border: none;
        }

        .panel-ia .botonera .btn {
            height: 40px;
            margin: 0 3px;
            display: inline-flex;
            padding: 0 1rem;
            align-items: center;
            justify-content: center;
        }

    .panel-ia .continuar {
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        color: #344054;
        margin-top: 0rem;
    }

    .panel-ia .group-radio .label {
        font-weight: 600;
    }

    .panel-ia .group-radio .item-radio {
        position: relative;
        border-radius: 8px;
        border: 1px solid #CFCFCF;
        display: inline-flex;
        height: 42px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-right: 2px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .panel-ia .group-radio .item-radio input {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .panel-ia .group-radio .item-radio label {
            font-size: 13px;
            color: #344054;
            font-weight: 500;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            height: 100%;
            cursor: pointer;
        }

            .panel-ia .group-radio .item-radio label i {
                margin-right: 0.3rem;
                color: #EA337E;
                font-size: 15px;
            }

        .panel-ia .group-radio .item-radio input:checked ~ label {
            background: #EA337E;
            color: #fff;
            font-weight: 500;
        }

            .panel-ia .group-radio .item-radio input:checked ~ label i {
                color: #fff;
            }

        .panel-ia .group-radio .item-radio input:checked {
            border-color: #EA337E;
        }

        .panel-ia .group-radio .item-radio:hover {
            border-color: #EA337E;
            box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
            -webkit-box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
            -moz-box-shadow: 0px 0px 0px 3px rgb(255, 242, 251);
        }

            .panel-ia .group-radio .item-radio:hover label {
                color: #EA337E;
            }

    .panel-ia .advertencia {
        text-align: center;
        width: 640px;
        max-width: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }

        .panel-ia .advertencia img {
            margin-bottom: 0.5rem;
        }

        .panel-ia .advertencia h3 {
            margin: 0 0 0.5rem;
            color: #EA337E;
            font-weight: 500;
            font-size: 32px;
        }

        .panel-ia .advertencia p {
            font-weight: 500;
            color: #293449;
        }

            .panel-ia .advertencia p span {
                color: #EA337E;
                font-weight: 600;
            }

    .panel-ia .propuesta {
        max-width: 640px;
        margin: 0 auto;
    }

    .panel-ia .propuesta-header {
        display: flex;
        margin-bottom: 25px;
    }

        .panel-ia .propuesta-header i {
            color: #EA337E;
            margin-right: 10px;
        }

        .panel-ia .propuesta-header p {
            color: #EA337E;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 0;
        }

    .panel-ia .propuesta-body {
        border: 1px solid #CFCFCF;
        border-radius: 12px 12px 0 0;
        padding: 28px 43px;
    }

        .panel-ia .propuesta-body h4 {
            margin: 0 0 0.5rem;
            color: #6F7A88;
            font-size: 14px;
            font-weight: 400;
        }

        .panel-ia .propuesta-body h2 {
            margin: 0 0 0.5rem;
            font-size: 28px;
            font-weight: 600;
            color: #101B31;
        }

        .panel-ia .propuesta-body .bajada {
            font-size: 14px;
            font-weight: 400;
            color: #101828;
        }

        .panel-ia .propuesta-body p {
            font-size: 14px;
            font-weight: 400;
            color: #293449;
        }

        .panel-ia .propuesta-body .zona-img {
            padding: 35px 24px;
            border: 2px dashed #EA337E;
            border-radius: 8px;
            margin: 18px 0;
            text-align: center;
        }

            .panel-ia .propuesta-body .zona-img img {
                margin-bottom: 0.5rem;
            }

            .panel-ia .propuesta-body .zona-img p {
                margin-bottom: 0;
            }

    .panel-ia .cargando-ia {
        text-align: center;
    }

        .panel-ia .cargando-ia img {
            margin-bottom: 0.8rem;
            width: 88px;
            height: auto;
        }

        .panel-ia .cargando-ia p {
            font-size: 14px;
            font-weight: 400;
            color: #344054;
        }

.container-pago {
    width: calc(100% - 4rem);
    max-width: 1100px;
    padding: 48px 0;
}

    .container-pago .form-title.c-borde {
        border-bottom: 1px solid #EAECF0;
        padding-bottom: 20px;
    }

    .container-pago .form-title p {
        font-size: 14px;
    }

    .container-pago .form-group.horizontal .label-small {
        font-size: 14px;
    }

    .container-pago .item-radio {
        display: flex;
        align-items: flex-start;
    }

        .container-pago .item-radio input[type=radio] {
            cursor: pointer;
        }

        .container-pago .item-radio .label-radio {
            padding-left: 8px;
            margin-top: -2px;
            flex-grow: 1;
        }

            .container-pago .item-radio .label-radio .label {
                margin-bottom: 2px;
                cursor: pointer;
            }

            .container-pago .item-radio .label-radio p {
                margin-bottom: 1rem;
            }

            .container-pago .item-radio .label-radio .input {
                margin-top: 0.5rem;
                width: 90%;
                max-width: 450px;
            }

    .container-pago .c-borde {
        border-bottom: 1px solid #EAECF0;
        padding-bottom: 20px;
    }

.card-pago {
    border: 1px solid #EAECF0;
    border-radius: 12px;
    background: #fff;
    padding: 16px;
    display: flex;
    margin-bottom: 12px;
    position: relative;
}

.card-pago__check {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #FDF2F7;
    border: 1px solid #D0D5DD;
}

    .card-pago__check img {
        opacity: 0;
        width: 100%;
        height: 100%;
    }

.card-pago__img {
    width: 46px;
    min-width: 46px;
}

    .card-pago__img img {
        max-width: 100%;
    }

.card-pago__content {
    padding-left: 16px;
}

    .card-pago__content p {
        font-size: 14px;
        color: #344054;
        font-weight: 400;
        margin-bottom: 0.8rem;
    }

        .card-pago__content p b {
            font-weight: 500;
        }

    .card-pago__content .botones a {
        font-size: 14px;
        font-weight: 600;
        color: #475467;
        display: inline-block;
        margin-right: 12px;
    }

        .card-pago__content .botones a.edit {
            color: #EA337E;
        }

.card-pago.activo {
    background: #FDF2F7;
    border: 2px solid #EA337E;
}

    .card-pago.activo p {
        color: #EA337E;
    }

    .card-pago.activo .card-pago__check {
        border: none;
    }

        .card-pago.activo .card-pago__check img {
            opacity: 1;
            vertical-align: top;
        }

    .card-pago.activo .botones a {
        color: #EA337E;
    }

.agregar-pago {
    color: #EA337E;
    font-size: 16px;
    font-weight: 600;
}

.modal-pago {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: flex-end;
}

    .modal-pago .w-modal {
        background: #fff;
        width: 400px;
        padding: 27px 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: auto;
        scrollbar-width: none;
        position: relative;
        /* Oculta la barra de scroll en Firefox */
    }

    .modal-pago .scrollable-div::-webkit-scrollbar {
        display: none;
        /* Oculta la barra de scroll en Chrome, Safari y Opera */
    }

    .modal-pago .cerrar-modal {
        cursor: pointer;
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

        .modal-pago .cerrar-modal img {
            width: 20px;
        }

.modal-pago__header {
    display: flex;
    margin-bottom: 24px;
}

.modal-pago__header__img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #EEF0F4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-pago__header__txt {
    padding-left: 16px;
}

    .modal-pago__header__txt h3 {
        font-size: 22px;
        font-weight: 600;
        color: #293449;
        margin: 0;
    }

    .modal-pago__header__txt p {
        font-size: 14px;
        font-weight: 400;
        color: #475467;
        margin-bottom: 0;
    }

.modal-pago .img-tarjeta {
    margin-bottom: 24px;
}

    .modal-pago .img-tarjeta img {
        width: 100%;
    }

.modal-pago .datos-tarjeta .num-tarjeta {
    padding-left: 50px;
}

    .modal-pago .datos-tarjeta .num-tarjeta.mastercard {
        background-image: url("../images/mastercard.svg");
        background-size: 23px auto;
        background-repeat: no-repeat;
        background-position: 15px center;
    }

.modal-pago .botones {
    border-top: 1px solid #EAECF0;
    margin: 0 -24px;
    padding: 16px 24px 0;
}

    .modal-pago .botones .btn {
        width: 100%;
        margin-bottom: 3px;
    }

.datos-comprador {
    margin-bottom: 1.8rem;
}

    .datos-comprador h4 {
        font-size: 18px;
        font-weight: 600;
        color: #344054;
        margin: 0 0 1rem;
    }

.medio-pago {
    margin-bottom: 2rem;
    position: relative;
}

    .medio-pago .ic-editar {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .medio-pago h4 {
        font-size: 18px;
        font-weight: 600;
        color: #344054;
        margin: 0 0 1rem;
    }

    .medio-pago .item-medio {
        display: flex;
        align-items: center;
    }

        .medio-pago .item-medio img {
            margin-right: 8px;
        }

        .medio-pago .item-medio p {
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
        }

.total-pagar h4 {
    font-size: 18px;
    font-weight: 600;
    color: #344054;
    margin: 0 0 1rem;
}

.total-pagar .w-codigo {
    display: flex;
}

    .total-pagar .w-codigo .btn-copiar {
        width: 44px;
        min-width: 44px;
        background: #EA337E;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        margin-left: 12px;
    }

.datos-pago {
    padding-bottom: 3rem;
}

    .datos-pago .item-dato {
        display: flex;
        justify-content: space-between;
        margin-bottom: 17px;
    }

    .datos-pago .plan-seleccionado {
        display: flex;
    }

    .datos-pago .tag {
        background: #fff;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        color: #344054;
        height: 24px;
        display: flex;
        align-items: center;
        margin-right: 16px;
    }

    .datos-pago .d-precio {
        font-size: 16px;
        color: #293449;
        font-weight: 600;
    }

    .datos-pago .descuento-aurora {
        color: #EA337E;
        font-size: 14px;
        font-weight: 400;
    }

    .datos-pago .d-precio-descuento {
        color: #EA337E;
        font-size: 14px;
        font-weight: 600;
    }

    .datos-pago .valor-total {
        font-size: 16px;
        font-weight: 600;
        color: #293449;
    }

    .datos-pago .valor-total-precio {
        font-size: 18px;
        font-weight: 600;
        color: #293449;
    }

.mensaje-modal {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .mensaje-modal img {
        width: 128px;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 32px;
    }

    .mensaje-modal h3 {
        font-size: 28px;
        font-weight: 600;
        color: #344054;
    }

    .mensaje-modal p {
        font-size: 14px;
        font-weight: 400;
        color: #475467;
        margin-bottom: 30px;
    }

    .mensaje-modal .btn {
        margin-bottom: 1rem;
    }

#modal-plan h3 {
    font-size: 22px;
    margin: 0;
    min-height: 0;
}

    #modal-plan h3 span {
        color: #EA337E;
    }

.modal#modal-plan .modal-content {
    width: 440px;
    height: 300px;
    max-width: 100%;
    position: relative;
}

    .modal#modal-plan .modal-content .card-cuenta {
        min-height: 300px;
    }

    .modal#modal-plan .modal-content .card-cuenta {
        width: 100%;
        padding: 2rem;
        text-align: left;
    }

    .modal#modal-plan .modal-content .card-cuenta__icon {
        margin: 0 auto 1rem 0;
        width: 4rem;
        height: 4rem;
        border: 8px solid #F9F5FF;
        background: #F4EBFF;
    }

.edit-box-comments {
    position: absolute;
    background: white;
    padding: 4px;
    border-radius: 10px;
    width: 300px;
    right: 40px;
    min-height: 400px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    padding: 15px;
    top: 180px;
}

    .edit-box-comments::after {
        position: absolute;
        display: inline-block;
        content: "";
        top: -11px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #fff;
        left: 40px;
    }

    .edit-box-comments::before {
        position: absolute;
        display: inline-block;
        content: "";
        top: -12px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ccc;
        left: 41px;
    }

.edit-box-main {
    position: absolute;
    right: 155px;
    top: 110px;
    gap: 10px;
}

    .edit-box-main div h2 {
        color: #344054;
        font-family: "Inter";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .edit-box-main div p {
        color: #475467;
        font-family: "Inter";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 5px;
    }

.edit-box-comments h3 {
    border-color: #ea337e;
    color: #ea337e;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    max-width: 220px;
}

.edit-box-comments h5 {
    font-size: 0.875rem;
    font-weight: 600;
    max-width: 220px;
}

.edit-box-comments p {
    background: transparent;
    font-size: 0.875rem;
}

.edit-comment-container {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    margin: 3px;
}

.edit-comment-container-error {
    background-color: rgba(242, 12, 239, 0.05);
    color: #ea337e !important;
}

.edit-comment-container-fixed {
    background-color: rgba(78, 249, 9, 0.1);
    color: #3cae1b !important;
}

.edit-box-comments button {
    position: relative;
    left: 10px;
    margin: 10px;
}

.image-transform {
    width: 100%;
}

.dashboard .sidebar {
    position: relative;
}

    .dashboard .sidebar .logo img {
        max-width: 146px;
    }

.ic-flecha {
    position: absolute;
    top: 1.7rem;
    right: 0rem;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding-right: 2px;
}

    .ic-flecha img {
        transition: all 0.3s ease;
    }

.dashboard .sidebar {
    transition: all 0.5s ease;
    transition-delay: 0s;
    min-width: 280px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
}

    .dashboard .sidebar .logo {
        height: 44px;
        display: block;
        padding-left: 8px;
    }

    .dashboard .sidebar .logo-2 {
        display: none;
    }

    .dashboard .sidebar .logo-1 {
        display: none;
    }

    .dashboard .sidebar .sidebar__menu li a:not(.except-a) {
        transition: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 50px;
    }

        .dashboard .sidebar .sidebar__menu li a:not(.except-a) .text {
            width: auto;
            padding-left: 11px;
            transition: all 0.5s ease;
            padding-top: 1px;
        }

    .dashboard .sidebar.animated {
        width: 80px;
        min-width: 80px;
        padding-left: 16px;
        padding-right: 16px;
        transition-delay: 0s;
    }

    .dashboard .sidebar.show-logo-1 .logo-1 {
        display: block !important;
    }

    .dashboard .sidebar.show-logo-2 .logo-2 {
        display: block !important;
        width: 41px !important;
    }

    .dashboard .sidebar.animated .sidebar__menu {
        width: 100%;
    }

        .dashboard .sidebar.animated .sidebar__menu li {
            width: 100%;
        }

            .dashboard .sidebar.animated .sidebar__menu li a:not(.except-a) .text {
                display: none;
                transition-delay: 0s;
            }

            .dashboard .sidebar.animated .sidebar__menu li .push-avatar {
                display: none;
                transition-delay: 0s;
            }

.name-avatar-width {
    position: absolute;
    left: 20px;
    width: 50px !important;
    background: #F55252 !important;
}

.name-avatar-text-width {
    position: relative;
    left: 20px;
    font-size: 12px !important;
}

.dashboard .sidebar.animated .ic-flecha {
    box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, 0.1);
    right: -0.9rem;
    padding-right: 0;
    padding-left: 2px;
}

    .dashboard .sidebar.animated .ic-flecha img {
        transform: rotate(-180deg);
    }

.dashboard .sidebar.collapsed .sidebar__menu {
    width: 100%;
}

    .dashboard .sidebar.collapsed .sidebar__menu li {
        width: 100%;
    }

        .dashboard .sidebar.collapsed .sidebar__menu li a:not(.except-a) {
            max-height: 50px;
        }

.menu-user .datos .dashboard .sidebar.collapsed .sidebar__menu li a:not(.except-a) .text {
    opacity: 0;
    transition-delay: 0s;
}

.menu-user-position {
    position: relative;
    left: 2.5rem;
    top: -50px;
}

.dashboard hr {
    margin: 0;
    background: #eaeaea;
    opacity: 1;
}

.user-avatar {
    display: flex;
    align-items: start;
    position: relative;
    justify-content: flex-start;
}

    .user-avatar .ic-user {
        position: absolute;
        right: 0;
        top: 2px;
        width: 15px;
    }

    .user-avatar .name-avatar {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        position: relative;
        left: 0;
    }

    .user-avatar .name-avatar-text-width {
        left: 0;
        padding-left: 12px;
        max-width: 200px;
        word-wrap: break-word;
    }

.dashboard .sidebar .name-avatar-text-width {
    transition: all 0.3s ease;
    font-size: 0.87rem !important;
}

.dashboard .sidebar .user-avatar .ic-user {
    transition: all 0.3s ease;
}

.dashboard .sidebar.collapsed .name-avatar-text-width {
    opacity: 0;
    transition-delay: 0s;
}

.dashboard .sidebar.collapsed .user-avatar .ic-user {
    opacity: 0;
    transition-delay: 0s;
}

.dashboard .sidebar.animated .name-avatar-text-width {
    display: none;
}

.dashboard .sidebar.animated .user-avatar .ic-user {
    display: none;
}

.dashboard .sidebar .disabled-link img {
    opacity: 0.56 !important;
}

.tooltip {
    font-size: 0.875rem;
    background-color: transparent;
    opacity: 1 !important;
}

/* Fondo y color del tooltip */
.tooltip-inner {
    background-color: #293449;
    color: #ffffff;
    padding: 8px 12px;
    opacity: 1 !important;
    border-radius: 6px;
    border: 1px solid #293449;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

/* Flecha del tooltip */
.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #293449;
}

.tooltip-arrow::before {
    border-width: 8px;
}

.btn-create-note {
    position: absolute;
    width: 200px;
    left: 45%;
    height: 60px;
}

.menu-main-position {
    display: flex !important;
}

.font-dashboard {
    color: #EA337E;
    font-family: "Sometype Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.font-no-data {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

@media only screen and (max-width: 1050px) {
    .font-dashboard {
        font-size: 14px;
    }

    .font-no-data {
        font-size: 12px;
    }
}

.container-no-data {
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
}

.container-text-dashboard {
    height: 120px;
}

.title-assistant {
    color: #EA337E;
    text-align: center;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.body-assistant {
    color: #475467;
    text-align: center;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.btn-container-assistant {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.btn-assistant {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--Base-White, #FFF);
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

    .btn-assistant span {
        color: #344054;
        font-family: "Inter";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.title-container-assistant {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.img_pattern_assistant {
    margin: 0 auto;
    background-image: url(../images/pattern_assistant_2.png);
    background-size: 430px 511px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f7f7facf;
    background-blend-mode: overlay;
}

.pattern-log-out {
    background-color: #ffffffb0;
    width: 450px;
    height: 450px;
    position: absolute;
    left: 35%;
    top: 130px;
    z-index: -1;
}

@media only screen and (max-width: 991px) {
    .pattern-log-out {
        left: 24%;
    }
}

@media only screen and (max-width: 799px) {
    .pattern-log-out {
        left: 15%;
    }
}

@media only screen and (max-width: 595px) {
    .pattern-log-out {
        left: 5%;
    }
}

@media only screen and (max-width: 425px) {
    .pattern-log-out {
        width: 100%;
        height: 100%;
        background-position: top;
    }
}

.img-meddia-cloud {
    background-image: url(../images/meddia-cloud.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    left: 2rem;
    margin-left: 4rem;
    margin-top: -5rem;
}

@media only screen and (max-width: 550px) {
    .img-meddia-cloud {
        margin-left: -1rem;
        background-position: center;
    }
}

.cuadro_cerrar-sesion {
    width: 100%;
    position: fixed;
    align-content: center;
}

.pattern-log-out {
    background-color: rgba(255, 255, 255, 0.7411764706);
    width: 550px;
    height: 100%;
    z-index: -1;
    /* margin: 0px auto; */
    background-position-y: 8rem;
    align-content: center;
}

@media only screen and (max-height: 1200px) {
    .pattern-log-out {
        background-position-y: -5rem;
    }
}

@media only screen and (max-width: 550px) {
    .pattern-log-out {
        width: 390px;
        background-position-y: -2rem;
    }
}
/*@media only screen and (max-width: 991px) {
  .pattern-log-out {
      left: 24%;
  }
}

@media only screen and (max-width: 799px) {
  .pattern-log-out {
      left: 15%;
  }
}

@media only screen and (max-width: 595px) {
  .pattern-log-out {
      left: 5%;
  }
}

@media only screen and (max-width:425px) {
  .pattern-log-out {
      width: 100%;
      height: 100%;
      background-position: top;
  }
}
*/
/*.mt-log-out {
  padding-top: 10rem;
}*/
.img-glass {
    background-image: url(../images/glass.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 60px;
}

.modal-content-note {
    width: 700px;
    height: 358px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.07);
}

.modal-note-title {
    color: #293449;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.22px;
}

.modal-note-subtitle {
    color: #475467;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.modal-note-input {
    display: flex;
    width: 324px;
    height: 38px;
    padding: 10px 14px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #475467;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.modal-note-container-img {
    width: 280px;
    height: 358px;
    flex-shrink: 0;
    border-radius: 16px 0px 0px 16px;
    background: rgba(235, 230, 227, 0.2);
    margin-right: 3rem;
    display: flex;
    justify-items: center;
    align-items: center;
}

.modal-note-close {
    position: absolute;
    top: 1rem;
    right: -15rem;
    cursor: pointer;
    color: #979FA9;
}

    .modal-note-close img {
        width: 1.25rem;
    }

.container-image-dashboard {
    padding-top: 3.4rem;
    margin-left: -2rem;
}

    .container-image-dashboard img {
        width: 200px;
    }

@media only screen and (max-width: 1213px) {
    .container-image-dashboard {
        padding-top: 4.6rem;
    }

        .container-image-dashboard img {
            width: 170px;
        }
}

@media only screen and (max-width: 1050px) {
    .container-image-dashboard {
        padding-top: 6.5rem;
    }

        .container-image-dashboard img {
            width: 140px;
        }
}

.btn-hover-secondary:hover i {
    color: #ea337e !important;
    margin-right: 0.4rem;
    margin-left: 0;
    font-size: 0.9rem;
}

.btn-hover-secondary:hover {
    border: 1px solid #ea337e;
    background: transparent;
    color: #ea337e;
}

.btn-hover-secondary i {
    transition: all 0.5s ease;
    color: inherit;
    margin-right: 0;
    margin-left: 0;
    font-size: 1rem;
}

.btn-send-comment {
    background: #F9F5FF;
    color: #EA337E;
    margin-right: 0.7rem;
}

.color-icon-pink .dot {
    box-shadow: 0px 3px 26px 0px rgba(217, 217, 217, 0.3);
    color: #EA337E;
    margin-right: 0.7rem;
}

.btn-send-comment img {
    margin-right: 0.4rem;
}

.sidebar-send-right-bar {
    position: fixed;
    top: 0px;
    z-index: 999;
    right: 0;
    width: 370px;
    background: #fff;
    padding: 1.3rem;
    height: 100%;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
    padding-top: 5rem;
    transform: translateX(100%);
    transition: all 0.3s ease;
}

    .sidebar-send-right-bar.visible {
        transform: translateX(0);
    }

    .sidebar-send-right-bar .cerrar {
        position: absolute;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #979FA9;
    }

        .sidebar-send-right-bar .cerrar img {
            width: 20px;
        }

        .sidebar-send-right-bar .cerrar:hover {
            opacity: 0.8;
        }

    .sidebar-send-right-bar textarea {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px 14px;
        gap: 16px;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #C6C9CE;
        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
        border-radius: 8px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin-bottom: 1rem;
    }

    .sidebar-send-right-bar .comment-heigth {
        height: 189px;
    }

    .sidebar-send-right-bar a {
        width: 210px;
        height: 22px;
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        color: #EA337E;
        order: 2;
        text-decoration: none !important;
    }

.img-create-note {
    width: 20px !important;
    margin-right: 0.6rem;
}

.agend-demo {
    border-radius: 8px;
    background: var(--Violeta-claro, #F9F5FF);
    display: flex;
    padding: 9px 16px 9px 13px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--Rosa-principal, var(--rojo, #EA337E));
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-right: 12px;
    line-height: 22px;
}

.line-separation-01 {
    width: 100%;
    height: 1px;
    margin: 10px 0px;
    background: #EAEAEA;
}

.nav-featured-card {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Rosa-Meddia-50, #FDF2F7);
    margin-bottom: 24px;
}

.info-nav-featured-card p {
    margin-bottom: 0px;
    color: var(--Gray-600, #475467);
    align-self: stretch;
    /* Text sm/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.strong-message {
    font-weight: 600 !important;
}

.progress-and-exit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.exit-btn-001 {
    width: 20px;
    height: 20px;
}

.delete-plan-01 {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.upgrate-plan-01 {
    color: var(--rosa-meddia-500-principal, var(--rojo, #EA337E));
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.delete-and-upgrate-plan {
    display: flex;
    gap: 16px;
}

.user-info-nav-aside {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.user-nam-aside {
    color: var(--Gris-9, #293449);
    /* Text sm/Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
}

.avatar-user-aside {
    width: 40px;
    height: 40px;
}

.logout-icon-001 {
    width: 32px;
    height: 32px;
}

.user-ema-aside {
    color: var(--Gris-8, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0px;
    /* 142.857% */
}

.white-dashboard {
    background: #fff;
}

.box-btn-blur-img img {
    width: 100%;
    height: 180px;
}

.prensa-note-btn {
    color: var(--Error-700, #B42318);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid var(--Error-200, #FECDCA);
    background: var(--Error-50, #FEF3F2);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 140px;
    height: 40px;
    position: absolute;
}

.gap-content-023 {
    gap: 23px;
}

.content-report-01 h5 {
    color: var(--Gris-9, #293449);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.content-report-01 h3 {
    color: var(--Negro, #101B31);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.content-report-01 p {
    color: var(--Gris-9, #293449);
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}

.content-misenvios-01 p {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
}

.content-misenvios-01 h3 {
    color: var(--Gray-900, #101828);
    /* Text lg/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 155.556% */
}

.content-report-01 .user-link {
    color: var(--Auzl, #114FC4);
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
}

.content-report-01 .pink-link {
    color: var(--Rosa-principal, #EA337E);
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
}

.box-pills-content {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.pill-green {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Success-200, #ABEFC6);
    background: var(--Success-50, #ECFDF3);
    color: var(--Success-700, #067647);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-red {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Error-200, #FECDCA);
    background: var(--Error-50, #FEF3F2);
    color: #B42318;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-pink {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 16px;
    border: 1px solid var(--Pink-200, #FCCEEE);
    background: var(--Pink-50, #FDF2FA);
    mix-blend-mode: multiply;
    color: #B42318;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-blue {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Blue-light-200, #B9E6FE);
    background: var(--Blue-light-50, #F0F9FF);
    color: #026AA2;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-gray {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Gray-blue-200, #D5D9EB);
    background: var(--Gray-blue-50, #F8F9FC);
    mix-blend-mode: multiply;
    color: #363F72;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-purple {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Primary-200, #E9D7FE);
    background: var(--Primary-50, #F9F5FF);
    mix-blend-mode: multiply;
    color: var(--Primary-700, #6941C6);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.pill-yellow {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Warning-200, #FEDF89);
    background: var(--Warning-50, #FFFAEB);
    color: #B54708;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.class {
    display: inline-flex;
    padding: 4px 12px;
    align-items: center;
    border-radius: 16px;
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    font-size: 11px;
}

.class--green {
    border: 1px solid var(--Verde, #17B26A);
    background: var(--Verde-claro, linear-gradient(0deg, rgba(3, 178, 100, 0.1) 0%, rgba(3, 178, 100, 0.1) 100%), #FFF);
    color: var(--Verde, #17B26A);
}

.class--red {
    border: 1px solid var(--Rosa-principal, #EA337E);
    background: var(--Rosa-Claro, #FCE7F1);
    color: var(--Rosa-principal, #EA337E);
}

.class--blue {
    border: 1px solid var(--Auzl, #114FC4);
    background: #E7EDFC;
    color: var(--Auzl, #114FC4);
}

.class--purple {
    border: 1px solid var(--Violeta-oscuro, #53389E);
    background: #F1E7FC;
    color: var(--Violeta-oscuro, #53389E);
}

.class--orange {
    border: 1px solid #FF7A28;
    background: #FFEEE3;
    color: #DD6617;
}

.class--skyblue {
    border: 1px solid #088FA1;
    background: #ECFCFF;
    color: #088FA1;
}

.class--sin-data {
    border: 1px solid var(--Gris-6, #979FA9);
    background: #E7FCF7;
    color: var(--Gris-6, #979FA9);
}

.pin-number-table {
    border-radius: 30px;
    border: 1px solid var(--Gris-4, #EAEAEA);
    background: var(--Base-White, #FFF);
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    width: 27px;
    height: 24px;
    padding: 4px 8px;
    align-items: center;
    gap: 4px;
    color: var(--Gris-8, #475467);
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin: 0px;
}

.box-info-rectangle {
    border: 1px solid #ECEAEA;
    width: 100%;
    margin-left: 0px;
}

.divisor-line-gray {
    width: 100%;
    height: 1px;
    background-color: #EAECF0;
}

.box-info-rectangle .card-number {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}

.info span {
    font-weight: bold;
    font-size: 16px;
}

.filters select {
    padding: 6px;
    margin-right: 10px;
}

.actions {
    display: flex;
    align-items: center;
}

.export-btn {
    padding: 8px 16px;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
}

.search-box {
    padding: 6px 12px;
}

.export-btn,
.search-box,
select {
    border-radius: 8px !important;
}

    .export-btn:hover,
    .search-box:hover,
    .filters select:hover {
        border-color: #EA337E;
    }

a.export-btn:hover {
    color: #EA337E !important;
    border-color: #EA337E !important;
}

.container-custom {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin: 0px;
    margin-top: -4px;
}

.publicaciones-number {
    border-radius: 12px 12px 0px 0px;
    background: var(--Blanco, #FFF);
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 160px;
    height: 45px;
    color: var(--Gris-9, #293449);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 169.231% */
}

.bg-grey-publis {
    background: var(--Gris-2, #F7F7FA);
    padding: 20px;
    margin-top: 40px;
    /*width: calc(100% + 110px);*/ /* Si el container tiene padding de 30px a cada lado */
    /*margin-left: -55px;
    margin-right: -30px;*/
}

.main-contenido-custom {
    padding-right: 0px !important;
}

.filters-custom select {
    border-radius: 8px;
    border: 1px solid var(--Gris-4, #EAEAEA);
    background: var(--Base-White, #FFF);
    display: flex;
    align-items: center;
    color: var(--Gris-9, #293449);
    background-image: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-right: 55px;
    width: auto;
}

.search-box-custom {
    background-image: url(../images/search-md.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding-left: 40px;
    background-color: var(--Gris-3, #F0F1F4);
    color: var(--Gris-7, #6F7A88);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    width: 233px;
    height: 36px;
    align-items: center;
}

.export-btn {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--Base-White, #FFF);
    /*display: flex;*/
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--Gray-700, #344054);
    width: 160px;
    height: 40px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.box-filter-custom {
    justify-content: space-between;
}

.tabla-publi-custom {
    margin-top: 28px;
}

.valor-tabla-publi-custom {
    color: var(--Gris-8, #475467);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}

.valor-tabla-publi-custom-02 {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 24px 12px 0px !important;
}

.redirect {
    overflow: hidden;
    color: var(--Auzl, #114FC4);
    text-overflow: ellipsis;
    /* Medio - Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 157.143% */
}

.tabla-publi-custom tr {
    border-color: #EAEAEA;
    border-style: solid;
    border-width: 0;
}

.tabla-publi-custom .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #EAEAEA;
}

.tbody-tabla-publi-custom tr th {
    padding: 18px 10px;
}

.tbody-tabla-publi-custom tr td {
    padding: 18px 0px;
}

.tbody-tabla-publi-custom-02 tr {
    padding: 18px 24px;
    background: var(--Gris-3, #F0F1F4);
    border-bottom: unset;
}

    .tbody-tabla-publi-custom-02 tr th {
        border-bottom-width: 0px;
        padding: 18px 24px;
        border-radius: 16px 0px 0px 16px;
    }

    .tbody-tabla-publi-custom-02 tr td:last-child {
        border-radius: 0px 16px 16px 0px;
    }

    .tbody-tabla-publi-custom-02 tr td {
        border-bottom-width: 0px;
    }

    .tbody-tabla-publi-custom-02 tr td {
        padding: 18px 5px;
    }

.name-public-row h3 {
    color: var(--Gris-9, #293449);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.name-public-row p {
    color: var(--Gris-7, #6F7A88);
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;
}

.autor-pink-name {
    color: var(--Rosa-principal, #EA337E);
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.flex-pin-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.full-rounded-pills {
    border-radius: 16px;
}

.ver-public-table-btn {
    display: inline-flex;
    padding: 6px 14px 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Gris-8, #475467);
    /* Chico - Bold */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 166.667% */
    border-radius: 6px;
    border: 1px solid var(--Gris-5, #C6C9CE);
}

    .ver-public-table-btn img {
        filter: grayscale(1);
    }

.img-table-function {
    margin: 0px 10px;
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
}

    .table-wrapper::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari y Edge */
    }

    .table-wrapper::-webkit-scrollbar {
        height: 10px;
        /* Ajusta el tamaño de la barra de desplazamiento */
    }

    .table-wrapper::-webkit-scrollbar-thumb {
        background-color: #888;
        /* Color de la barra */
        border-radius: 10px;
        /* Redondea las esquinas */
    }

    .table-wrapper::-webkit-scrollbar-track {
        background-color: #f1f1f1;
        /* Color de fondo de la barra */
    }

/* CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - CIRCLE CHART - 
 */
.progress-circle {
    width: 77px;
    height: 77px;
    border-radius: 100%;
    background: conic-gradient(#ff0066 calc(var(--progress) * 360deg), #e0e0e0 0);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background 0.3s ease;
}

    .progress-circle::before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: #FDF2F7;
        border-radius: 50%;
    }

    .progress-circle span {
        position: absolute;
        color: var(--Gray-950, #0C111D);
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

.range-input {
    margin-top: 0px;
    display: none;
}

@media only screen and (max-width: 768px) {
    .nav-featured-card {
        display: flex;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-radius: 16px;
        background: var(--Rosa-Meddia-50, #FDF2F7);
        margin-bottom: 24px;
        width: 224px;
    }

    .tbody-tabla-publi-custom tr td {
        padding: 18px 13px;
    }

    .user-info-nav-aside {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    .box-pills-content {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
        .box-info-rectangle .col-md-3 .card-number {
            padding: 20px 20px 0px 20px;
        }

    .dashboard .main-contenido-custom {
        padding: 0px 15px;
        padding-right: 15px !important;
    }

    .bg-grey-publis {
        background: var(--Gris-2, #F7F7FA);
        padding: 20px 0px;
        margin-top: 40px;
        /*width: calc(100% + 110px);*/ /* Si el container tiene padding de 30px a cada lado */
        /*margin-left: -55px;
        margin-right: -30px;*/
    }

    .box-filter-custom {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        gap: 12px;
        margin-left: 0px;
    }

    .flex-custom-mobile {
        justify-content: flex-start !important;
    }

    .search-box-custom {
        width: 160px;
        height: 36px;
    }

    .export-btn {
        font-size: 13px;
        line-height: unset;
    }

    .box-info-rectangle .card-number {
        border: 1px solid #EAECF0;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .box-info-rectangle {
        margin-top: 30px;
        border: 1px solid #ECEAEA;
        width: 100%;
        margin-left: 0px;
    }

    .gap-content-023 {
        gap: 43px;
        justify-content: center;
        align-items: center;
    }

    .box-btn-blur-img img {
        width: 212px;
        height: 180px;
    }

    .user-info-nav-aside {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-top: 15px;
    }
}

.image-container {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blurred-image {
    width: 100%;
    height: auto;
    filter: blur(3px);
    transition: filter 0.3s ease-in-out;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease-in-out;
}

.btn-view-note {
    background-color: rgb(254, 243, 242);
    color: rgb(188, 61, 51);
    border: 1px solid rgb(254, 205, 201);
    padding: 7px 7px;
    border-radius: 5px;
    font-size: 0.9rem;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

    .btn-view-note:hover {
        background-color: rgb(254, 243, 242);
        color: rgb(188, 61, 51);
        border: 1px solid rgb(254, 205, 201);
    }

.image-container:hover .blurred-image {
    filter: blur(1px);
}

.image-container:hover .overlay {
    opacity: 1;
}

.title-input {
    font-weight: bold;
}

.tool-tip-button-table-container {
    position: relative;
    /*display: inline-block;*/
    cursor: pointer;
}

    .tool-tip-button-table-container .tool-tip-button-table {
        visibility: hidden;
        width: 180px;
        background-color: #ea337e;
        color: #fff;
        /*text-align: center;*/
        border-radius: 10px;
        padding: 10px 15px 10px 15px;
        z-index: 1;
        position: absolute;
        bottom: 125%;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 11px;
    }

.card-number__title .tool-tip-button-table-container .tool-tip-button-table {
    display: inline-block;
    max-width: 200px;
    position: relative !important;
    bottom: 60px;
    left: 25px;
}

.card-number__title .tool-tip-button-table-container {
    position: absolute !important;
}

    .card-number__title .tool-tip-button-table-container img {
        position: absolute;
        left: 0.2rem;
    }

.tool-tip-button-table-container:hover .tool-tip-button-table {
    visibility: visible;
    opacity: 1 !important;
}

.tool-tip-button-table-container .tool-tip-button-table::after {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: -4px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ea337e;
    left: 40%;
}

.tasa-badge {
    margin-left: 75%;
    position: relative;
    left: 30px;
    right: 30px;
    padding: 4px 6px;
    width: 50px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #ABEFC6;
    background: #ECFDF3;
    color: #067647;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    font-weight: bold;
}

/* Contenedor del tooltip */
.custom-tooltip-container {
    position: absolute;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip oculto por defecto */
.custom-tooltip-box .custom-tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 125px;
    background-color: #fff;
    color: #555;
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    bottom: 125%;
    left: 45%;
    transform: translateX(35%);
    transition: opacity 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 10;
    border: 1px solid #ccc;
}

/* Mostrar el tooltip en hover */
.custom-tooltip-container:hover .custom-tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Flechita del tooltip */
.custom-tooltip-text::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 40%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff; /* flecha blanca */
    z-index: 11;
}

.alert-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    /* top: 0; right: 0; bottom: 0; left: 0 */
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    /* Fondo semitransparente para el overlay */
}

.alert {
    display: block;
    width: 510px;
    height: 300px;
    padding: 16px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    animation: fadeInScale 0.2s ease-out;
}

.panel {
    display: flex;
    width: 510px;
    height: 300px;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid var(--Gray-200, #EAECF0);
    background: var(--Base-White, #FFF);
    /* Shadow/lg */
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.x-close {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

.x-circle {
    width: 56px;
    height: 54px;
    position: absolute;
    left: 44px;
    top: 32px;
}

.x-body {
    /* position: absolute; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* line-height: 284px; */
    text-align: center;
    height: 300px;
    justify-content: center;
}

    .x-body h3 {
        color: var(--Negro, #101B31);
        /* Titulo 4 */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        /* 133.333% */
    }

    .x-body p {
        color: var(--Gris-9, #293449);
        /* Medio - Regular */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 157.143% */
    }

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOutScale {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

.alert.hidden {
    animation: fadeOutScale 0.2s ease-in;
    opacity: 0;
    pointer-events: none;
}

.state-selected {
    /* Medio - Bold */
    font-family: "Inter";
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* Verde */
    color: #17B26A;
}

.nombreArchivoSucess {
    color: #17B26A;
}

.file-label .state-selected span {
    margin-top: 10px;
}

.file-drop {
    position: relative;
}

.img-type-input {
    position: absolute;
    right: -20px;
    top: 50px;
}

.class-type-img p {
    width: 30px;
    height: 16px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    background-color: #17B26A;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 3px;
    border-radius: 2px;
    left: -15px;
    top: 16px;
}

.tabs-meddia {
    border-bottom: none;
}

    .tabs-meddia .nav-link {
        color: #475467;
        font-weight: 600;
        font-size: 13px;
        border-radius: 12px 12px 0 0;
        border: none;
        height: 42px;
    }

.head-table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
    padding: 12px;
    margin-bottom: 20px;
}

    .head-table .head-table__izq {
        display: flex;
        align-items: center;
    }

        .head-table .head-table__izq .form-group {
            margin-bottom: 0;
        }

    .head-table .head-table__der {
        display: flex;
        align-items: center;
    }

        .head-table .head-table__der .btn {
            height: 36px;
            padding: 5px 12px 5px 9px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 400;
            color: #344054;
            border: 1px solid #C6C9CE;
            margin-right: 26px;
            border-radius: 8px;
        }

            .head-table .head-table__der .btn img {
                margin-right: 6px;
                width: 16px;
            }

        .head-table .head-table__der .buscador-tabla {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
        }

            .head-table .head-table__der .buscador-tabla input {
                width: 100%;
                border: none;
                height: 36px;
                background: #F0F1F4;
                padding-left: 38px;
            }

            .head-table .head-table__der .buscador-tabla button {
                border: none;
                background: transparent;
                position: absolute;
                left: 6px;
                top: 7px;
            }

    .head-table .select {
        appearance: none;
        background-repeat: no-repeat;
        background-image: url("../images/bg-select.svg");
        background-size: 10px auto;
        background-position: 90% center;
        background-color: transparent;
        border-radius: 8px;
        border: 1px solid #EAEAEA;
        height: 36px;
        width: 94px;
        padding: 5px 14px;
        font-size: 14px;
        font-weight: 400;
        color: #293449;
        margin-right: 8px;
    }

.table-media {
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    border-radius: 12px;
    overflow: hidden;
}

    .table-media table {
        width: 100%;
    }

        .table-media table thead tr th {
            background: #F9FAFB;
            text-align: left;
            font-size: 12px;
            color: #475467;
            height: 43px;
            font-weight: 500;
            padding: 5px;
        }

            .table-media table thead tr th:first-child {
                padding-left: 50px;
            }

        .table-media table tbody tr td {
            font-size: 14px;
            font-weight: 400;
            color: #475467;
            padding: 24px 5px;
            border-bottom: 1px solid #EAECF0;
        }

            .table-media table tbody tr td a {
                color: #114FC4;
                font-weight: 500;
            }

            .table-media table tbody tr td:first-child {
                padding-left: 50px;
            }

        .table-media table tbody .acciones-tabla a {
            margin-right: 15px;
        }

            .table-media table tbody .acciones-tabla a:last-child {
                margin-right: 0;
            }

    .table-media .footer-table {
        padding: 15px 24px;
    }

        .table-media .footer-table .paginador {
            margin: 0;
        }

            .table-media .footer-table .paginador .btn {
                height: 36px;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 115px;
                font-size: 14px;
                font-weight: 600;
            }

            .table-media .footer-table .paginador .pag-prev {
                width: 99px;
            }

                .table-media .footer-table .paginador .pag-prev img {
                    margin-right: 7px;
                }

            .table-media .footer-table .paginador .pag-next {
                width: 121px;
            }

                .table-media .footer-table .paginador .pag-next img {
                    margin-left: 7px;
                }

            .table-media .footer-table .paginador ul {
                display: flex;
                align-items: center;
                padding: 0;
                margin: 0;
                list-style: none;
            }

                .table-media .footer-table .paginador ul li a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 40px;
                    height: 40px;
                    border-radius: 8px;
                    font-weight: 500;
                    color: #475467;
                }

                    .table-media .footer-table .paginador ul li a.activo {
                        background: #F9FAFB;
                        color: #1D2939;
                    }

.panel-periodista {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 24px;
    width: 400px;
    height: 100vh;
    overflow: auto;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
}

    .panel-periodista .cerrar-panel {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

        .panel-periodista .cerrar-panel img {
            width: 20px;
        }

    .panel-periodista .nombre-periodista {
        color: #293449;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 43px;
    }

        .panel-periodista .nombre-periodista img {
            width: 52px;
            margin-right: 4px;
        }

    .panel-periodista .form-group.horizontal {
        margin-bottom: 1.2rem;
    }

        .panel-periodista .form-group.horizontal .row {
            align-items: center;
        }

            .panel-periodista .form-group.horizontal .row label {
                font-size: 12px;
            }

            .panel-periodista .form-group.horizontal .row input {
                width: 100%;
                border: none;
                border-bottom: 1px solid #C6C9CE;
                color: #475467;
                font-size: 12px;
                padding-bottom: 5px;
            }

            .panel-periodista .form-group.horizontal .row .valor {
                font-size: 12px;
                font-weight: 400;
                color: #475467;
            }

    .panel-periodista .w-editar {
        position: relative;
    }

    .panel-periodista .ic-copiar {
        position: absolute;
        right: 0;
        cursor: pointer;
    }

    .panel-periodista .botones {
        display: flex;
        justify-content: space-between;
        margin-top: 3rem;
        margin-bottom: 55px;
    }

        .panel-periodista .botones .btn {
            font-size: 12px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48%;
            border-radius: 6px;
        }

    .panel-periodista .historia__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;
    }

        .panel-periodista .historia__head h3 {
            color: #293449;
            font-size: 14px;
            font-weight: 600;
            margin: 0;
            display: flex;
            align-items: center;
        }

            .panel-periodista .historia__head h3 img {
                margin-right: 8px;
            }

        .panel-periodista .historia__head .botones-historia a {
            color: #114FC4;
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
            margin-left: 20px;
        }

    .panel-periodista .historia .item-historia {
        display: flex;
        padding-bottom: 2.5rem;
        position: relative;
    }

        .panel-periodista .historia .item-historia:after {
            content: "";
            width: 2px;
            height: 90%;
            background: #EAECF0;
            display: block;
            position: absolute;
            left: 15px;
            bottom: 10px;
        }

    .panel-periodista .historia .item-historia__avatar {
        width: 32px;
        min-width: 32px;
        position: relative;
        z-index: 2;
    }

        .panel-periodista .historia .item-historia__avatar img {
            width: 100%;
        }

    .panel-periodista .historia .item-historia__content {
        padding-left: 12px;
    }

    .panel-periodista .historia .item-historia__head {
        display: flex;
        align-items: start;
    }

        .panel-periodista .historia .item-historia__head h4 {
            font-size: 14px;
            font-weight: 500;
            color: #344054;
            margin: 0 7px 0 0;
            flex: 1;
        }

        .panel-periodista .historia .item-historia__head .fecha {
            color: #475467;
            font-size: 12px;
            font-weight: 400;
        }

    .panel-periodista .historia .item-historia p {
        font-size: 14px;
        font-weight: 500;
        color: #475467;
        margin-bottom: 0;
    }

        .panel-periodista .historia .item-historia p a {
            color: #6941C6;
            font-weight: 500;
            text-decoration: none !important;
        }

    .panel-periodista .historia .cuadro-contenido {
        margin-top: 12px;
        cursor: pointer;
    }

        .panel-periodista .historia .cuadro-contenido .pdf {
            display: flex;
        }

        .panel-periodista .historia .cuadro-contenido .pdf__ic img {
            width: 40px;
            min-width: 40px;
        }

        .panel-periodista .historia .cuadro-contenido .pdf__content {
            padding-left: 12px;
        }

            .panel-periodista .historia .cuadro-contenido .pdf__content h5 {
                margin: 0;
                font-size: 14px;
                font-weight: 500;
                color: #344054;
            }

            .panel-periodista .historia .cuadro-contenido .pdf__content p {
                margin-bottom: 0;
                color: #475467;
                font-size: 14px;
                font-weight: 400;
            }

        .panel-periodista .historia .cuadro-contenido .nota {
            font-size: 14px;
            font-weight: 400;
            color: #344054;
            border: 1px solid #EAECF0;
            padding: 10px;
            border-radius: 0;
        }

.panel-medio {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 24px;
    width: 400px;
    height: 100vh;
    overflow: auto;
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
}

    .panel-medio .cerrar-panel {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

        .panel-medio .cerrar-panel img {
            width: 20px;
        }

    .panel-medio .nombre-medio {
        display: flex;
        margin-bottom: 24px;
    }

    .panel-medio .nombre-medio__ic {
        width: 52px;
        min-width: 52px;
        height: 50px;
        width: 50px;
        background-color: #9E77ED;
        border-radius: 50% !important;
        display: inline-block;
        text-align: center;
        color: white;
        align-content: center;
    }

.panel-medio .nombre-medio__content {
    padding-left: 16px;
}

        .panel-medio .nombre-medio__content h4 {
            margin: 0;
            font-size: 22px;
            font-weight: 600;
        }

        .panel-medio .nombre-medio__content a {
            font-size: 14px;
            font-weight: 500;
            color: #EA337E;
        }

    .panel-medio .datos-medio {
        margin-bottom: 32px;
    }

        .panel-medio .datos-medio .item-dato {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

            .panel-medio .datos-medio .item-dato label {
                display: block;
                width: 100px;
                min-width: 100px;
                font-size: 12px;
                font-weight: 600;
            }

            .panel-medio .datos-medio .item-dato .tag {
                font-size: 12px;
                font-weight: 400;
                border-radius: 7px;
                padding: 2px 10px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                height: 24px;
            }

                .panel-medio .datos-medio .item-dato .tag:before {
                    display: none;
                }

                .panel-medio .datos-medio .item-dato .tag.azul {
                    background: rgba(32, 93, 209, 0.05);
                    border: 1px solid rgba(32, 93, 209, 0.2);
                    color: #114FC4;
                }

                .panel-medio .datos-medio .item-dato .tag.verde {
                    background: rgba(23, 178, 106, 0.05);
                    border: 1px solid rgba(23, 178, 106, 0.2);
                    color: #00713E;
                }

    .panel-medio .periodistas-medio {
        margin-bottom: 32px;
    }

        .panel-medio .periodistas-medio h3 {
            color: #293449;
            font-size: 14px;
            font-weight: 600;
            margin: 0 0 24px;
            display: flex;
            align-items: center;
        }

            .panel-medio .periodistas-medio h3 img {
                margin-right: 8px;
            }

        .panel-medio .periodistas-medio .card-periodista {
            background: #F7F7FA;
            border-radius: 12px;
            margin-bottom: 8px;
            padding: 16px;
            display: flex;
        }

        .panel-medio .periodistas-medio .card-periodista__content {
            padding-left: 16px;
        }

            .panel-medio .periodistas-medio .card-periodista__content h4 {
                margin: 0 0 2px;
                font-size: 14px;
                font-weight: 600;
                color: #293449;
            }

            .panel-medio .periodistas-medio .card-periodista__content p {
                color: #6F7A88;
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 0;
            }

            .panel-medio .periodistas-medio .card-periodista__content a {
                color: #114FC4;
                font-size: 12px;
                font-weight: 600;
            }

    .panel-medio .ver-todos {
        text-align: right;
    }

        .panel-medio .ver-todos a {
            font-size: 12px;
            font-weight: 600;
            color: #114FC4;
        }

    .panel-medio .publicaciones-medio h3 {
        color: #293449;
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 24px;
        display: flex;
        align-items: center;
    }

        .panel-medio .publicaciones-medio h3 img {
            margin-right: 8px;
        }

    .panel-medio .publicaciones-medio .item-publicacion {
        margin-bottom: 20px;
    }

        .panel-medio .publicaciones-medio .item-publicacion h4 {
            margin: 0 0 5px;
            line-height: 1;
        }

            .panel-medio .publicaciones-medio .item-publicacion h4 a {
                color: #114FC4;
                font-size: 16px;
                font-weight: 600;
                line-height: 1;
            }

        .panel-medio .publicaciones-medio .item-publicacion .fecha {
            font-size: 12px;
            font-weight: 400;
            color: #6F7A88;
        }

.panel-conectar {
    transition: all 0.3s ease;
}

    .panel-conectar.oculto {
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
    }

.modal-importar {
    display: block;
    text-align: center;
    padding: 20px 10px;
    overflow: auto;
    height: 100vh;
}

    .modal-importar.oculto {
        display: none;
    }

    .modal-importar .x-close img {
        width: 18px;
    }

    .modal-importar .alert.panel {
        width: 1118px;
        padding: 32px;
        height: auto;
        margin: 0 auto;
    }

    .modal-importar .panel-body {
        text-align: center;
        width: 100%;
        padding-bottom: 25px;
    }

        .modal-importar .panel-body.oculto {
            display: none;
        }

        .modal-importar .panel-body.c-footer {
            padding-bottom: 100px;
        }

    .modal-importar .footer-panel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #ea337e;
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: calc(100% + 2px);
        border-radius: 0 0 12px 12px;
        padding: 15px 25px;
    }

        .modal-importar .footer-panel p {
            color: #fff;
            margin-bottom: 0;
        }

            .modal-importar .footer-panel p a {
                color: #fff;
                font-weight: bold;
            }

        .modal-importar .footer-panel .btn {
            border: 1px solid #fff;
            height: 40px;
            width: 150px;
            font-size: 14px;
            padding-top: 11px;
        }

    .modal-importar .card-ic {
        text-align: left;
    }

        .modal-importar .card-ic.center {
            display: inline-block;
            margin: 0 auto;
            padding: 20px 0;
        }

            .modal-importar .card-ic.center img {
                margin-bottom: 20px;
            }

            .modal-importar .card-ic.center a {
                width: 160px;
                font-size: 14px;
                height: 42px;
                margin-top: 10px;
            }

        .modal-importar .card-ic img {
            margin-bottom: 12px;
        }

        .modal-importar .card-ic h4 {
            margin: 0 0 5px;
            color: #293449;
            font-size: 22px;
            font-weight: 600;
        }

        .modal-importar .card-ic h5 {
            margin: 0 0 5px;
            color: #101B31;
            font-size: 18px;
            font-weight: 600;
        }

        .modal-importar .card-ic p {
            font-size: 14px;
            font-weight: 400;
            color: #475467;
            margin-bottom: 15px;
        }

    .modal-importar .cards-importar {
        width: 817px;
        margin: 45px auto 0;
        max-width: 100%;
    }

    .modal-importar .card-importar {
        height: 300px;
        padding: 45px 24px 24px;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0px 2px 3px 0px rgba(16, 24, 40, 0.05);
        border: 1px solid #EAEAEA;
        cursor: pointer;
    }

        .modal-importar .card-importar:hover {
            border: 1px solid #EA337E;
        }

    .modal-importar .card-importar__ic {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        margin: 0 auto 1.5rem;
        background: #fde6f0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 15px solid #fef3f7;
    }

    .modal-importar .card-importar h4 {
        font-size: 16px;
        font-weight: 600;
        color: #293449;
        margin: 0 0 5px;
    }

    .modal-importar .card-importar p {
        font-size: 14px;
        font-weight: 400;
        color: #475467;
    }

    .modal-importar .card-ayuda {
        position: relative;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        border: 1px solid #D0D5DD;
        width: 817px;
        margin: 0 auto;
        border-radius: 12px;
        padding: 16px;
        margin-top: 36px;
        display: flex;
    }

        .modal-importar .card-ayuda .x-close {
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
        }

    .modal-importar .card-ayuda__ic {
        border: 1px solid #EAECF0;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal-importar .card-ayuda__txt {
        text-align: left;
        padding-left: 16px;
    }

        .modal-importar .card-ayuda__txt h4 {
            margin: 0 0 5px;
            font-size: 14px;
            font-weight: 600;
            color: #344054;
        }

        .modal-importar .card-ayuda__txt p {
            font-size: 14px;
            font-weight: 400;
            color: #475467;
            margin-bottom: 5px;
        }

        .modal-importar .card-ayuda__txt a {
            font-size: 14px;
            font-weight: 600;
            color: #EA337E;
        }

    .modal-importar .pasos-importar {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto 2rem;
        padding-top: 2rem;
        position: relative;
    }

        .modal-importar .pasos-importar:after {
            content: "";
            position: absolute;
            width: 88%;
            height: 2px;
            right: 20px;
            top: 46px;
            background: #EAECF0;
        }

        .modal-importar .pasos-importar .item-paso {
            text-align: center;
            position: relative;
            z-index: 2;
        }

            .modal-importar .pasos-importar .item-paso .circulo {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 12px;
            }

                .modal-importar .pasos-importar .item-paso .circulo span {
                    width: 24px;
                    height: 24px;
                    border: 1.5px solid #EAECF0;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #fff;
                }

                    .modal-importar .pasos-importar .item-paso .circulo span:after {
                        background: #EAECF0;
                        content: "";
                        width: 8px;
                        height: 8px;
                        border-radius: 50%;
                    }

            .modal-importar .pasos-importar .item-paso h5 {
                margin: 0 0 3px;
                font-size: 14px;
                font-weight: 600;
                color: #344054;
            }

            .modal-importar .pasos-importar .item-paso p {
                font-size: 14px;
                color: #475467;
            }

            .modal-importar .pasos-importar .item-paso.activo .circulo {
                background: #f5ebff;
            }

                .modal-importar .pasos-importar .item-paso.activo .circulo span {
                    border-color: #ea337e;
                }

                    .modal-importar .pasos-importar .item-paso.activo .circulo span:after {
                        background: #EA337E;
                    }

            .modal-importar .pasos-importar .item-paso.activo h5 {
                color: #EA337E;
            }

            .modal-importar .pasos-importar .item-paso.activo p {
                color: #EA337E;
            }

            .modal-importar .pasos-importar .item-paso.listo .circulo {
                background: #f5ebff;
            }

                .modal-importar .pasos-importar .item-paso.listo .circulo span {
                    background: #fde6f0;
                }

                    .modal-importar .pasos-importar .item-paso.listo .circulo span:after {
                        background: #EA337E;
                        display: none;
                    }

            .modal-importar .pasos-importar .item-paso.listo h5 {
                color: #EA337E;
            }

            .modal-importar .pasos-importar .item-paso.listo p {
                color: #EA337E;
            }

    .modal-importar .importar-hoja {
        text-align: left;
        padding: 0 40px;
        margin-bottom: 40px;
    }

        .modal-importar .importar-hoja h3 {
            font-size: 22px;
            font-weight: 600;
            color: #293449;
        }

        .modal-importar .importar-hoja p {
            color: #475467;
            font-size: 14px;
            margin-bottom: 5px;
        }

            .modal-importar .importar-hoja p a {
                color: #EA337E;
                text-decoration: underline;
            }

                .modal-importar .importar-hoja p a img {
                    width: 12px;
                }

    .modal-importar .subir-importar {
        text-align: left;
        width: 637px;
        margin: 0 auto;
        max-width: 100%;
    }

        .modal-importar .subir-importar .descarga-aqui {
            color: #EA337E;
            display: block;
            margin-bottom: 0.8rem;
            font-size: 14px;
        }

            .modal-importar .subir-importar .descarga-aqui span {
                text-decoration: underline;
            }

            .modal-importar .subir-importar .descarga-aqui img {
                width: 12px;
            }

        .modal-importar .subir-importar .file-drop {
            width: 100%;
            height: 132px;
            border: 1px dashed #EA337E;
            border-radius: 12px;
            margin-bottom: 1rem;
        }

            .modal-importar .subir-importar .file-drop .file-label img {
                width: 22px;
                margin-bottom: 0.5rem;
            }

            .modal-importar .subir-importar .file-drop .file-label span span {
                display: inline-block;
                color: #EA337E;
                cursor: pointer;
            }

    .modal-importar .tablas {
        width: 540px;
        margin: 0 auto;
    }

        .modal-importar .tablas .labels {
            display: flex;
            text-align: left;
            margin-bottom: 5px;
            justify-content: space-between;
        }

            .modal-importar .tablas .labels label {
                width: 48.5%;
                min-width: 48.5%;
                display: block;
                font-size: 12px;
                font-weight: 500;
                color: #475467;
            }

                .modal-importar .tablas .labels label img {
                    margin-left: 5px;
                }

        .modal-importar .tablas .tabla .col-tabla {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0px;
            position: relative;
        }

            .modal-importar .tablas .tabla .col-tabla .form-group {
                margin-bottom: 10px;
            }

            .modal-importar .tablas .tabla .col-tabla .acciones {
                position: absolute;
                display: flex;
                left: 100%;
                top: 10px;
                opacity: 0;
                visibility: hidden;
            }

                .modal-importar .tablas .tabla .col-tabla .acciones div {
                    margin-left: 10px;
                    cursor: pointer;
                }

            .modal-importar .tablas .tabla .col-tabla:hover .acciones {
                opacity: 1;
                visibility: visible;
            }

            .modal-importar .tablas .tabla .col-tabla .form-group {
                width: 48.5%;
                min-width: 48.5%;
                position: relative;
            }

                .modal-importar .tablas .tabla .col-tabla .form-group img {
                    position: absolute;
                    right: 1rem;
                    top: 50%;
                    transform: translateY(-50%);
                    opacity: 0;
                }

                .modal-importar .tablas .tabla .col-tabla .form-group:hover img {
                    opacity: 1;
                }

            .modal-importar .tablas .tabla .col-tabla input {
                width: 100%;
                height: 44px;
                border: 1px solid #D0D5DD;
                padding-left: 10px;
                font-size: 16px;
                color: #101828;
            }

                .modal-importar .tablas .tabla .col-tabla input.error {
                    border: 1px solid #ea337e;
                }

            .modal-importar .tablas .tabla .col-tabla .select {
                appearance: none;
                background-repeat: no-repeat;
                background-image: url("images/bg-select.svg");
                background-size: 10px auto;
                background-position: 90% center;
                background-color: transparent;
                border-radius: 8px;
                border: 1px solid #D0D5DD;
                height: 44px;
                width: 100%;
                padding: 5px 14px;
                font-size: 14px;
                font-weight: 400;
                color: #293449;
                margin-right: 8px;
                cursor: pointer;
            }

                .modal-importar .tablas .tabla .col-tabla .select.error {
                    border: 1px solid #ea337e;
                }

    .modal-importar .cargando-importar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
    }

        .modal-importar .cargando-importar label {
            font-size: 14px;
            color: #344054;
            font-weight: 600;
        }

        .modal-importar .cargando-importar .loading-importar {
            width: 320px;
            height: 8px;
            background: #EAECF0;
            border-radius: 4px;
            margin-left: 20px;
        }

            .modal-importar .cargando-importar .loading-importar span {
                width: 30%;
                height: 100%;
                background: #EA337E;
                border-radius: 4px;
                display: block;
                position: relative;
            }

                .modal-importar .cargando-importar .loading-importar span .tool-loading {
                    position: absolute;
                    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
                    border-radius: 8px;
                    border: 1px solid #EAECF0;
                    background: #fff;
                    font-size: 12px;
                    color: #344054;
                    font-weight: 600;
                    width: 50px;
                    height: 34px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    top: calc(100% + 5px);
                    right: 0;
                }

    .modal-importar .tabs-datos {
        text-align: left;
        padding: 0 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 60px;
        padding-left: 55px;
        gap: 20px;
    }

        .modal-importar .tabs-datos .item-tab {
            color: #C6C9CE;
            font-size: 14px;
            border-bottom: 2px solid #C6C9CE;
            border-radius: 0px;
            padding: 8px 14px 8px 0;
            position: relative;
            display: block;
        }

            .modal-importar .tabs-datos .item-tab.activo {
                color: #344054;
                border-color: #EA337E;
            }

                .modal-importar .tabs-datos .item-tab.activo:before {
                    background: #EA337E;
                }

            .modal-importar .tabs-datos .item-tab.listo {
                color: #344054;
                border-color: #6F7A88;
            }

                .modal-importar .tabs-datos .item-tab.listo:before {
                    background: #17B26A;
                }

            .modal-importar .tabs-datos .item-tab:before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #C6C9CE;
                display: block;
                position: absolute;
                left: -15px;
                top: 50%;
                transform: translateY(-50%);
            }

    .modal-importar .tabla-datos {
        padding: 0 30px;
    }

        .modal-importar .tabla-datos table {
            width: 100%;
        }

            .modal-importar .tabla-datos table tr th {
                color: #101828;
                font-size: 16px;
                font-weight: 400;
                text-align: left;
                padding: 10px;
            }

            .modal-importar .tabla-datos table tr td {
                padding: 5px;
            }

                .modal-importar .tabla-datos table tr td:first-child {
                    width: 140px;
                }

                .modal-importar .tabla-datos table tr td:nth-child(2) {
                    width: 140px;
                }

                .modal-importar .tabla-datos table tr td:nth-child(3) {
                    width: 215px;
                }

                .modal-importar .tabla-datos table tr td:nth-child(4) {
                    width: 150px;
                }

        .modal-importar .tabla-datos input {
            width: 100%;
            height: 44px;
            border: 1px solid #D0D5DD;
            padding-left: 10px;
            font-size: 14px;
            color: #979FA9;
            border-radius: 8px;
        }

            .modal-importar .tabla-datos input.error {
                border: 1px solid #ea337e;
                background-image: url("../images/ic-error-input.svg");
                background-repeat: no-repeat;
                background-position: 96% center;
            }

            .modal-importar .tabla-datos input.error-2 {
                border: 1px solid #ea337e;
            }

        .modal-importar .tabla-datos .select {
            appearance: none;
            background-repeat: no-repeat;
            background-image: url("../images/bg-select.svg");
            background-size: 10px auto;
            background-position: 90% center;
            background-color: transparent;
            border-radius: 8px;
            border: 1px solid #D0D5DD;
            height: 44px;
            width: 100%;
            padding: 5px 14px;
            font-size: 14px;
            font-weight: 400;
            color: #979FA9;
            margin-right: 8px;
            cursor: pointer;
        }

            .modal-importar .tabla-datos .select.error {
                border: 1px solid #ea337e;
            }

    .modal-importar .resumen-datos {
        display: flex;
        padding: 0 40px;
    }

        .modal-importar .resumen-datos .resumen__izq {
            text-align: left;
            width: 230px;
            min-width: 230px;
        }

            .modal-importar .resumen-datos .resumen__izq .item-resumen {
                margin-bottom: 20px;
            }

                .modal-importar .resumen-datos .resumen__izq .item-resumen p {
                    color: #475467;
                    margin-bottom: 5px;
                }

                .modal-importar .resumen-datos .resumen__izq .item-resumen .num {
                    font-size: 30px;
                    font-weight: 600;
                    color: #101828;
                }

                .modal-importar .resumen-datos .resumen__izq .item-resumen.contactos-importados {
                    border-bottom: 4px solid #EA337E;
                    padding-bottom: 14px;
                    margin-bottom: 40px;
                }

        .modal-importar .resumen-datos .resumen__der {
            padding-left: 90px;
            text-align: left;
        }

            .modal-importar .resumen-datos .resumen__der .nombre-lista {
                display: flex;
                margin-bottom: 35px;
            }

                .modal-importar .resumen-datos .resumen__der .nombre-lista .label {
                    margin-right: 20px;
                    width: 200px;
                    padding-top: 10px;
                }

                    .modal-importar .resumen-datos .resumen__der .nombre-lista .label p {
                        font-size: 14px;
                        color: #344054;
                        margin-bottom: 4px;
                        line-height: 1.3;
                    }

                .modal-importar .resumen-datos .resumen__der .nombre-lista input {
                    border: 1px solid #D0D5DD;
                    border-radius: 8px;
                    flex-grow: 1;
                    height: 44px;
                    padding: 10px;
                }

            .modal-importar .resumen-datos .resumen__der .btn {
                font-size: 14px;
                width: 170px;
                height: 40px;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 500;
                margin-bottom: 40px;
            }

            .modal-importar .resumen-datos .resumen__der .checkbox-container {
                margin-bottom: 20px;
            }

                .modal-importar .resumen-datos .resumen__der .checkbox-container span {
                    font-size: 14px;
                    font-weight: 500;
                }

            .modal-importar .resumen-datos .resumen__der .texto {
                padding-left: 28px;
            }

                .modal-importar .resumen-datos .resumen__der .texto p {
                    color: #475467;
                    font-size: 14px;
                }

                    .modal-importar .resumen-datos .resumen__der .texto p span {
                        font-size: 12px;
                    }

.listas-activas {
    display: flex;
    padding: 0 40px;
}

.listas-activas__izq {
    text-align: left;
    width: 250px;
    min-width: 250px;
}

    .listas-activas__izq p {
        color: #475467;
        font-size: 14px;
        margin-bottom: 0;
    }

        .listas-activas__izq p.small {
            font-size: 12px;
            color: #475467;
        }

.listas-activas__der {
    padding-left: 40px;
}

    .listas-activas__der .listas-form {
        border: 1px solid #D0D5DD;
        width: 500px;
        border-radius: 8px;
        padding: 15px;
    }

    .listas-activas__der .listas-form__buscador {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .listas-activas__der .listas-form__buscador img {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 14px;
        }

        .listas-activas__der .listas-form__buscador input {
            flex-grow: 1;
            height: 40px;
            border: 1px solid #C6C9CE;
            border-radius: 8px;
            color: #6F7A88;
            padding-left: 30px;
            font-size: 14px;
        }

        .listas-activas__der .listas-form__buscador button {
            color: #EA337E;
            font-size: 14px;
            font-weight: 600;
            border: none;
            background: transparent;
            margin-left: 15px;
        }

    .listas-activas__der .listas-form .w-listas {
        text-align: left;
        overflow: auto;
        height: 180px;
    }

        .listas-activas__der .listas-form .w-listas h4 {
            font-size: 14px;
            font-weight: 600;
            color: #293449;
            margin-bottom: 12px;
        }

        .listas-activas__der .listas-form .w-listas .checkbox-container {
            margin-bottom: 12px;
        }

            .listas-activas__der .listas-form .w-listas .checkbox-container span {
                font-size: 14px;
                color: #293449;
                font-weight: normal;
            }
/*# sourceMappingURL=estilos.css.map */


.pagination-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

/*    .pagination-controls a {
        margin: 0 5px;
        padding: 5px 5px;
        cursor: pointer;
    }*/

.modal-visualizar {
    max-height: -webkit-fill-available;
}

    .modal-visualizar .modal-dialog {
        max-width: 698px;
        border-radius: 0;
        padding: 25px;
        background: #fff;
    }

        .modal-visualizar .modal-dialog .nota {
            background: #F9FAFB;
            padding: 64px 33px 0;
            border-radius: 0;
        }

        .modal-visualizar .modal-dialog .noticia-wrapper .noticia__head {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            background: #EA337E;
            padding: 13px 15px;
        }

        .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content {
            background: #fff;
            padding: 50px 23px;
        }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__cat {
                color: #6F7A88;
                font-size: 12px;
                font-weight: 400;
                margin-bottom: 20px;
            }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__title {
                color: #101828;
                font-size: 36px;
                margin: 0 0 20px;
                font-weight: 600;
            }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__bajada {
                color: #344054;
                font-size: 18px;
                line-height: 28px;
                font-weight: 400;
                margin-bottom: 10px;
            }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__meta {
                color: #6F7A88;
                font-size: 12px;
                margin-bottom: 44px;
            }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__meta a {
                    color: #EA337E;
                }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content figure {
                width: 100%;
                margin-bottom: 40px;
            }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content figure img {
                    width: 100%;
                    margin-bottom: 18px;
                }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content figure figcaption {
                    font-size: 12px;
                    font-weight: 600;
                }

                    .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content figure figcaption p {
                        font-size: 12px !important;
                        font-weight: 600 !important;
                    }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__text {
                color: #293449;
                font-size: 14px;
                line-height: 22px;
            }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__content .noticia__text h4 {
                    color: #293449;
                    margin: 10px 0 20px;
                    font-size: 14px;
                    font-weight: 600;
                }

        .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer {
            padding: 40px 40px 10px;
        }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .autor-wrapper {
                background: #F7F7FA;
                padding: 16px;
                border-radius: 16px;
            }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .noticia__autor {
                display: flex;
                align-items: center;
                margin-bottom: 12px;
                gap: 10px;
            }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .noticia__autor .noticia__autor__img {
                    width: auto;
                }

                .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .noticia__autor .noticia__autor__content {
                    padding-left: 12px;
                    flex: 1;
                }

                    .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .noticia__autor .noticia__autor__content p {
                        font-size: 11px;
                        margin: 0;
                        color: #000;
                    }

                    .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer .noticia__autor .noticia__autor__content h4 {
                        font-size: 14px;
                        margin: 0;
                        font-weight: 600;
                    }

            .modal-visualizar .modal-dialog .noticia-wrapper .noticia__footer p {
                font-size: 11px;
                color: #6F7A88;
            }

.destinatarios .filtros {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

    .destinatarios .filtros .buscador-tabla {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .destinatarios .filtros .buscador-tabla input {
            width: 100%;
            border: none;
            height: 36px;
            background: #F0F1F4;
            padding-left: 38px;
        }

        .destinatarios .filtros .buscador-tabla button {
            border: none;
            background: transparent;
            position: absolute;
            left: 6px;
            top: 7px;
        }

    .destinatarios .filtros .form-group {
        margin-bottom: 0;
        margin-left: 8px;
    }

    .destinatarios .filtros .select {
        appearance: none;
        background-repeat: no-repeat;
        background-image: url("../images/bg-select.svg");
        background-size: 10px auto;
        background-position: 90% center;
        background-color: transparent;
        border-radius: 8px;
        border: 1px solid #EAEAEA;
        height: 36px;
        width: auto;
        min-width: 94px;
        padding: 5px 28px 5px 14px;
        font-size: 14px;
        font-weight: 400;
        color: #293449;
        max-width: 200px;
    }

.destinatarios .destinatarios__head {
    background: #F9FAFB;
    border-bottom: 1px solid #EAECF0;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 14px 22px;
}

    .destinatarios .destinatarios__head .el-sel {
        font-size: 12px;
        font-weight: 500;
        color: #475467;
        margin-right: 80px;
    }

        .destinatarios .destinatarios__head .el-sel span {
            display: inline-block;
        }

    .destinatarios .destinatarios__head .delete-sel {
        color: #114FC4;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
    }

        .destinatarios .destinatarios__head .delete-sel img {
            margin-right: 6px;
        }

.destinatarios .destinatarios__list .row {
    border-bottom: 1px solid #EAECF0;
}

.destinatarios .destinatarios__list .item-dest {
    text-align: left;
    padding: 20px 24px 20px 0;
}

    .destinatarios .destinatarios__list .item-dest .checkbox-container label {
        top: 50%;
        transform: translateY(-50%);
        width: 19px;
        height: 19px;
    }

    .destinatarios .destinatarios__list .item-dest .checkbox-container span {
        display: block;
        padding-left: 13px;
    }

        .destinatarios .destinatarios__list .item-dest .checkbox-container span span {
            margin-left: 0;
            padding-left: 0;
        }

            .destinatarios .destinatarios__list .item-dest .checkbox-container span span.name-medio {
                color: #101828;
                font-size: 14px;
                font-weight: 500;
            }

            .destinatarios .destinatarios__list .item-dest .checkbox-container span span.num-dest {
                font-size: 14px;
                color: #475467;
                font-weight: 400;
            }

.destinatarios .destinatarios__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .destinatarios .destinatarios__footer .paginador {
        margin-bottom: 0;
    }

        .destinatarios .destinatarios__footer .paginador a {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #475467;
            font-size: 14px;
            font-weight: 500;
        }

            .destinatarios .destinatarios__footer .paginador a.current {
                background: #F9FAFB;
                border-radius: 8px;
            }

    .destinatarios .destinatarios__footer .btn-page {
        width: 112px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: space-around;
        color: #344054;
        font-weight: 600;
        border: 1px solid #D0D5DD;
        border-radius: 8px;
        padding: 10px;
    }

        .destinatarios .destinatarios__footer .btn-page:hover {
            background: #f5f5f5;
        }

        .destinatarios .destinatarios__footer .btn-page.next {
            width: 121px;
        }

    .destinatarios .destinatarios__footer .paginador {
        margin-bottom: 0;
    }

        .destinatarios .destinatarios__footer .paginador a {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #475467;
            font-size: 14px;
            font-weight: 500;
        }

            .destinatarios .destinatarios__footer .paginador a.current {
                background: #F9FAFB;
                border-radius: 8px;
            }

    .destinatarios .destinatarios__footer .btn-page {
        width: 112px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: space-around;
        color: #344054;
        font-weight: 600;
        border: 1px solid #D0D5DD;
        border-radius: 8px;
        padding: 10px;
    }

        .destinatarios .destinatarios__footer .btn-page:hover {
            background: #f5f5f5;
        }

        .destinatarios .destinatarios__footer .btn-page.next {
            width: 121px;
        }

.modal#modal-eliminar-dest .modal-content {
    width: 440px;
    max-width: 100%;
    position: relative;
}

    .modal#modal-eliminar-dest .modal-content .card-cuenta {
        width: 100%;
        padding: 2rem;
        text-align: left;
    }

    .modal#modal-eliminar-dest .modal-content .card-cuenta__icon {
        margin: 0 auto 0 0;
        width: 4rem;
        height: 4rem;
        border: 8px solid #F9F5FF;
        background: #F4EBFF;
    }

    .modal#modal-eliminar-dest .modal-content .card-cuenta h3 {
        font-size: 1.38rem;
        margin-bottom: 0;
        min-height: 0;
    }

    .modal#modal-eliminar-dest .modal-content .card-cuenta .textarea {
        height: 84px;
        margin-bottom: 2rem;
    }

.card-number .tool-tip-button-table-container {
    width: 26px;
    height: 26px;
}

.acciones-tabla .tool-tip-button-table {
    width: auto;
}

.border-success {
    border-width: 2px;
    border-style: dashed;
    border-color: rgb(33, 180, 63);
    border-image: initial;
}

    .border-success .nombreArchivo {
        color: rgb(33, 180, 63);
    }

    .border-success .file-label span b {
        color: rgb(33, 180, 63);
    }

.widget-notas {
    position: fixed;
    top: 82px;
    width: 300px;
    right: 22px;
    z-index: 999;
}

    .widget-notas .edit-box-main {
        position: relative;
        top: auto;
        right: auto;
    }

    .widget-notas .edit-box-comments {
        top: 68px;
        right: 28px;
    }

input.error {
    border-color: #f5b2d0;
}

textarea.error {
    border-color: #f5b2d0;
}

input.success {
    border-color: rgb(33, 180, 63);
}

textarea.success {
    border-color: rgb(33, 180, 63);
}

.edit-box-comments p {
    margin-bottom: 0;
}

.tabs-nota {
    min-width: 300px;
}

.dot.name-avatar.name-avatar-width {
    color: #fff;
}

.destinatary-text {
    color: #ea337e !important;
    font-size: small;
    margin-left: 10px;
}

.ocultar-dialog {
    visibility: hidden;
}

    .ocultar-dialog .rz-dialog-content {
        visibility: visible;
    }

.delete-media-container {
    border-radius: 1rem;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 4px 11px 0px rgba(16, 24, 40, 0.13);
    display: flex;
    width: 27.5rem;
    padding: 2rem 2rem 1rem 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    position: relative;
}

.header-delete-media {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

    .header-delete-media .title {
        align-self: stretch;
        color: var(--Gris-9, #293449);
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: 2rem;
        letter-spacing: -0.01375rem;
    }

    .header-delete-media .body {
        align-self: stretch;
        color: var(--Gray-600, #475467);
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.375rem;
    }

    .header-delete-media .icon-header {
        width: 4rem;
        height: 4rem;
    }

.body-delete-media {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

    .body-delete-media .btn-delete {
        display: flex;
        padding: 0.625rem 1.125rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
        align-self: stretch;
    }

    .body-delete-media .btn-close-2 {
        display: flex;
        height: 2.625rem;
        padding: 0.625rem 1.125rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        align-self: stretch;
        color: #EA337E;
    }

.x-close-2 {
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.rz-dialog-wrapper {
    left: 0 !important;
}

#myChart2 {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none;
    border-radius: 12px;
}

.select-custom {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 2px solid #e9e8e8;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.3s ease;
    width: 160px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="gray" d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 35px;
    line-height: inherit;
}

    .select-custom:hover {
        border-color: #007bff;
    }


    .select-custom:focus {
        border-color: #EA337E !important;
        box-shadow: 0 0 5px rgba(0, 91, 187, 0.5);
    }


    .select-custom::-ms-expand {
        display: none;
    }

.escritorio__tabla__thead,
.tr {
    display: grid;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    grid-template-columns: 4fr 2fr 2.5fr 1.5fr 1.5fr;
}

.th, .td {
    text-align: left;
    padding: 0.25rem 0.5rem;
}

.subtitulo-nota {
    padding-top: 40px;
    margin-bottom: 50px;
}

.subtitulo-nota h3 {
    font-size: 18px;
    margin: 0 0 5px;
    color: #293449;
    font-weight: 600;
}

.subtitulo-nota p {
    font-size: 12px;
    color: #6F7A88;
}


.planes-nota {
    padding-top: 0;
    margin-top: 0;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
}

.planes-nota input.switch {
    margin-top: 2px;
    background: #eee;
}

    .planes-nota input.switch:checked {
        background: #EA337E;
    }

.planes-nota .w-label label {
    font-size: 14px;
    font-weight: 500;
    color: #344054;
}

.planes-nota .w-label p {
    font-weight: 400;
    color: #475467;
    font-size: 14px;
    margin-bottom: 0;
}

.bg-grey-publis .tabs {
    display: flex;
}

.bg-grey-publis .tabs .publicaciones-number {
    margin-right: 10px;
    box-shadow: none;
    font-size: 13px;
    color: #293449;
    font-weight: 500;
}

.bg-grey-publis .tabs .publicaciones-number.active {
    font-weight: 600;
}

.box-info-rectangle.sin-borde {
    border: none;
}

.w-grafico {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.card-reporte {
    display: flex;
}

.card-reporte__img {
    width: 268px;
    border: 1px solid #ECEAEA;
    margin-right: 40px;
}

.tbody-tabla-publi-custom tr td {
    padding: 18px 0px;
    font-size: 14px;
    color: #667085;
}

.pill-orange {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Error-200, #FF9F43);
    background: var(--Error-50, #FFE8CC);
    color: #D35400;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.text-left {
    text-align: left;
}

@media (width: 1355px) and (height: 768px) {
    .card-reporte__img {
        width: 38.1%;
    }
}

.item-dest {
    display: flex;
    margin-bottom: 1rem;
}

.item-dest__number {
    color: #979FA9;
    font-size: 1.375rem;
    font-weight: 600;
    width: 100px;
    min-width: 100px;
}

.item-dest__txt p {
    font-size: 0.875rem;
    color: #667085;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
}

.item-dest__txt a {
    color: #EA337E !important;
    font-size: 0.875rem;
    font-weight: 600;
}

.item-dest.total {
    align-items: center;
    border-top: 1px solid #000000;
    padding-top: 1.2rem;
    margin-top: 0.7rem;
}

    .item-dest.total .item-dest__number {
        color: #101B31;
        font-weight: 600;
    }

    .item-dest.total .item-dest__txt p {
        color: #344054;
    }

@media (max-width: 1366px) {
    .col-custom-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.datos-periodista .choices__item.choices__item--selectable {
    font-size: 12px;
    font-weight: 400;
    color: #475467;
}
}

.modal-importar .tabs-datos span {
    display: inline-block;
    color: #C6C9CE;
    font-size: 13px;
    margin-right: 0.9rem;
}

.copiar-enlace {
    font-weight: 600;
    color: #475467;
    font-size: 12px;
}

.copiar-enlace:hover {
    color: #EA337E;
    border-color: #EA337E;
}

.desc-screen {
    font-weight: 600;
    color: #475467;
    font-size: 12px;
}

.desc-screen:hover {
    color: #EA337E;
    border-color: #EA337E;
}

.ver-ficha-res {
    display: inline-flex;
    padding: 6px 14px 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Gris-8, #475467);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid var(--Gris-5, #C6C9CE);
}

.ver-ficha-res:hover {
    color: #EA337E;
    border-color: #EA337E;
}

.modal.modal-default .modal-content .card-cuenta {
    width: 100%;
    padding: 2rem;
    text-align: left;
    min-height: 0;
}

.modal.modal-default .modal-content .card-cuenta__icon {
    margin: 0 auto 0 0;
    width: 4rem;
    height: 4rem;
    border: 8px solid #FDF2F7;
    background: #FBE7F0;
}

.modal.modal-default .modal-content .card-cuenta h3 {
    font-size: 1.125rem;
    margin-bottom: 0;
    min-height: 0;
}

.modal.modal-default .modal-content .card-cuenta p {
    margin-bottom: 16px;
    min-height: 0;
}

.modal .img img {
    width: 100%;
}

.modal.modal-default .modal-content .card-cuenta .textarea {
    height: 84px;
    margin-bottom: 2rem;
}

.modal .card-cuenta .botones.flex {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    margin-top: 2rem;
}

    .modal .card-cuenta .botones.flex .btn {
        margin-bottom: 0;
        flex-grow: 1;
    }

.item-ficha {
    display: flex;
    align-items: center;
    border-radius: 7px;
    padding: 10px 16px;
    background: #F7F7FA;
    font-size: 14px;
    position: relative;
    margin-bottom: 40px;
}

    .item-ficha:last-child {
        margin-bottom: 0;
    }

    .item-ficha h5 {
        font-size: 14px;
        font-weight: 600;
        color: #344054;
        margin: 0;
        width: 170px;
    }

    .item-ficha a {
        color: #1570EF;
    }

    .item-ficha .copiar-enlace {
        position: absolute;
        right: 1rem;
    }

    .item-ficha p {
        margin: 0 !important;
    }

    .item-ficha span {
        margin-right: 0.8rem;
    }

    .item-ficha a {
        color: #1570EF !important;
    }

.wrap-card-numbers {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 50px;
}

.card-number.tipo2 .card-number__title {
    word-wrap: break-word;
}

.wrap-card-numbers {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 50px;
}

    .wrap-card-numbers .card-number.tipo2 {
        margin-bottom: 0;
        border: none;
        box-shadow: none;
    }
/*# sourceMappingURL=estilos.css.map */


.export-btn i {
    margin-right: 8px;
}
.col-md-7.d-flex {
    gap: 15px; 
}

.export-btn {
    display: flex;
    align-items: center;
    padding: 8px 12px; 
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f9fa;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.btn-text-gris {
    color: #344054;
    border: 1px solid #D0D5DD;
}

.ver-reporte-btn {
    width: 136px;
    min-width: 136px;
}

.main__contenido__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.no_cursor {
    cursor: default !important;
}

/********* CUSTOM *************/
.btn.btn-primary.disabled,
.btn.btn-primary:disabled {
  background-color: #BE194F; /* fondo plomo */
  border-color: #b0b0b0;
  color: #fff; /* texto gris oscuro */
  cursor: not-allowed;
  opacity: 1; /* evita el efecto de transparencia de Bootstrap */
}
/* Contenedor general */
.align-left{
  text-align: left;
  margin-left: 5%;
}

/* Contenedor del bloque */
.section-header{
  max-width: 68ch;        /* evita líneas muy largas */
}

/* Título */
.section-header h2 {
  font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 145.455% */
letter-spacing: -0.22px;
}

/* Texto */
.section-header p{
  margin: 0 0 .4rem 0;
}

/* Enlace debajo del texto */
.section-header .link-label{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #e91e63;
  text-decoration: underline;
}

.section-header .link-label img{
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

/* Opcional: en pantallas chicas ocupa todo el ancho */
@media (max-width: 900px){
  .section-header{ max-width: 100%; }
}

.no_cursor {
    cursor: default !important;
}