.t-HeroRegion{
    padding: 9px;
    margin-left: 25px;
}

.t-Footer {
	padding: 9px;

}
.resalta-rojo{
    background-color: #944350;
    color: white;
}
.boton-ayuda{
    color: white;
}
/***** SECCION PARA DOCUMENTACION DE MANUALES *****/
/* Contenedor principal */
.inth-doc-page { max-width:860px; padding:24px 16px; }

/* Header de pagina */
.inth-doc-header { border-bottom:3px solid #0F2043; padding-bottom:14px; margin-bottom:20px; }
.inth-doc-header h1 { color:#0F2043; font-size:22px; font-weight:600; margin:0; }
.inth-doc-sub { color:#656D76; font-size:13px; margin-top:4px; }

/* Breadcrumb */
.inth-doc-bc { font-size:13px; color:#656D76; margin-bottom:18px; }
.inth-doc-bc a { color:#0F2043; text-decoration:none; }
.inth-doc-bc a:hover { text-decoration:underline; }

/* Títulos de sección */
.inth-doc-h2 { color:#0F2043; font-size:17px; font-weight:600; margin:24px 0 10px; padding-bottom:5px; border-bottom:1px solid #D0D7DE; }
.inth-doc-h3 { font-size:15px; font-weight:600; margin:16px 0 8px; }

/* Tablas */
.inth-doc-table { width:100%; border-collapse:collapse; margin:10px 0 18px; font-size:13px; }
.inth-doc-table th,
.inth-doc-table td { padding:7px 10px; border:1px solid #D0D7DE; text-align:left; vertical-align:top; }
.inth-doc-table th { background:#F0F3F6; font-weight:600; white-space:nowrap; }

/* Badges */
.inth-doc-badge { display:inline-block; padding:1px 7px; border-radius:10px; font-size:11px; font-weight:600; }
.inth-doc-req { background:#FFEBE9; color:#CF222E; }
.inth-doc-hot { background:#FFF1CC; color:#9A6700; }
.inth-doc-ro { background:#F0F3F6; color:#656D76; }

/* Callouts */
.inth-doc-nota { background:#F6F8FA; border-left:3px solid #D0D7DE; padding:10px 14px; margin:8px 0; font-size:13px; border-radius:0 4px 4px 0; }
.inth-doc-alerta { background:#FFEBE9; border-left:3px solid #CF222E; padding:10px 14px; margin:8px 0; font-size:13px; border-radius:0 4px 4px 0; }
.inth-doc-exito { background:#DAFBE1; border-left:3px solid #1A7F37; padding:10px 14px; margin:8px 0; font-size:13px; border-radius:0 4px 4px 0; }
.inth-doc-confirmar { background:#FFF8C5; border-left:3px solid #C9972A; padding:10px 14px; margin:8px 0; font-size:13px; border-radius:0 4px 4px 0; }

/* Tabla de contenidos (índice) */
.inth-doc-toc { list-style:none; padding:0; }
.inth-doc-toc li { padding:8px 12px; border-bottom:1px solid #D0D7DE; }
.inth-doc-toc li:hover { background:#F6F8FA; }
.inth-doc-toc a { color:#0F2043; text-decoration:none; font-weight:500; }
.inth-doc-toc a:hover { text-decoration:underline; }
.inth-doc-st { float:right; font-size:12px; color:#656D76; }

/* Footer */
.inth-doc-footer { margin-top:32px; padding-top:12px; border-top:1px solid #D0D7DE; font-size:12px; color:#656D76; text-align:center; }

/* Texto vacío / sin datos */
.inth-doc-vacio { color:#656D76; font-style:italic; padding:8px 0; font-size:13px; }
/***** FIN SECCION PARA DOCUMENTACION DE MANUALES *****/

/* Contenedor del drawer — posición fija a la derecha del viewport */
#INTH_HELP_DRAWER {
    position: fixed;
    top: 50px;
    right: 0;
    width: 0;
    height: calc(100vh - 50px);
    overflow: hidden;
    z-index: 200;
    background: #ffffff;
    border-left: 2px solid var(--ut-header-background-color, #0F2043);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(15, 32, 67, 0.12);
}

/* Cuando el body tiene la clase activa, el drawer se abre */
body.inth-help-open #INTH_HELP_DRAWER {
    width: 380px;
}

/* El t-Body-main cede espacio — misma transición */
body.inth-help-open .t-Body-main {
    margin-right: 380px !important;
}

.t-Body-main {
    transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 0 !important;
}

/* Header del drawer */
#INTH_HELP_DRAWER .inth-help-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 52px;
    min-height: 52px;
    background: var(--ut-header-background-color, #0F2043);
    border-bottom: 3px solid #FF7200;
    flex-shrink: 0;
}

#INTH_HELP_DRAWER .inth-help-header h2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
}

#INTH_HELP_DRAWER .inth-help-header h2::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FF7200;
    border-radius: 50%;
    flex-shrink: 0;
}

#INTH_HELP_DRAWER .inth-help-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 20px;
    padding: 4px 8px;
    line-height: 1;
    border-radius: 4px;
    transition: color 0.15s, background 0.15s;
}

#INTH_HELP_DRAWER .inth-help-close:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
}

/* Body scrollable */
#INTH_HELP_DRAWER .inth-help-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: #ffffff;
}

@keyframes inth-spin {
    to { transform: rotate(360deg); }
}

@keyframes fondo_animado {
  50% {background-position: right;}
}
.boton_ac{
    margin-top: 40px;
}
.boton_ac2{
    margin-top: 42px;   
}


.t-Chat .t-Chat--own .t-Comments-icon {
  margin-right: 0;
  margin-left: 12px;
}

.t-Comments-icon {
    background-color: #949043;
    color: white;
    border-radius: 50%;
}

.t-Chat .t-Chat--own {
  flex-direction: row-reverse;
}
.t-Chat .t-Chat--own .t-Comments-icon {
    background-color: #944350;
    color: white;
    border-radius: 50%;
    transform: rotateY(180deg);
}
.t-Chat .t-Chat--own .t-Comments-body {
  align-items: flex-end;
}

.t-Chat .t-Chat--own .t-Comments-comment:after {
  border-left-color: var(--ut-comment-chat-background-color);
  border-right-color: rgba(0,0,0,0);
  right: none;
  left: 100%;
}

@font-face {
  font-family: 'Inthegra-Light';
  src: url('#WORKSPACE_FILES#Inthegra-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 768px) {
    body.inth-help-open .t-Body-main {
        margin-right: 0;
    }
    #inth-help-drawer {
        width: 0;
        z-index: 9999;
    }
    body.inth-help-open #inth-help-drawer {
        width: 100vw;
        max-width: 360px;
    }
}