/* CSS DE LA PLANTILLA EN VISTA DE PC */

/* Forzar el color negro de fondo en toda la plantilla */
body {
    background: #000000 !important;
}

/* Color de fondo del menú superior de usuario de la plantilla */
.navbar {
    background: #000000 !important;
}

/* Color del borde superior del menú de usuario de la plantilla */
.navbar-default .navbar-collapse {
    border-color: #000000 !important;
}

/* Color del borde inferior y superior del menú de usuario de la plantilla */
.navbar {
    border-bottom: 1px solid #1b1f22 !important;
    border-top: 1px solid #1b1f22 !important;
}

/* Color del borde izquierdo y derecho del menú de usuario de la plantilla */
.navbar-default {
    background-color: #000000 !important;
    border-color: #1b1f22 !important;
}

/* Color blanco en títulos en toda la plantilla */
h1, h2, h3, h4, h5, h6, strong {
    color: #ffffff !important;
    font-weight: 700;
}

b {
    color: #ffffff !important;
    font-weight: 700;
}

body {
    font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
    color: #f5f5f0 !important;
    background-color: #000000 !important;
}

#es .o-grid {
    color: #ffffff;
}

/* Color de texto de los campos de descripción */
#es input, #es button, #es select, #es textarea {
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}

/* Color de texto y enlaces más claro que el color de texto predeterminado */
#es .t-text--muted {
    color: #e6e6e6 !important;
}

/* Color de texto de los detalles de la hora de las publicaciones en el muro */
#es .es-stream-mini .es-stream time {
    color: #e6e6e6;
}

/* Color de texto de los likes o reacciones a las publicaciones */
#es .es-reaction-option__link.is-active .es-reaction-option__text {
    color: #e60023;
}

/* Color de texto de los motivos de baneo de un usario por el administrador */
textarea.es-ban-reason {
    color: #888888 !important;
}

/* Color del título de los cuadros de díalogo de las opciones de reportar, bloquear, bannear y eliminar usuarios */
#es .t-fs--sm {
    color: #888888 !important;
}

/* Color de la descripción de los cuadros de díalogo de las opciones de reportar, bloquear, bannear y eliminar usuarios */
#es .t-lg-mt--md {
    color: #888888 !important;
}

/* Color campo de texto de los cuadros de díalogo de los motivos de las opciones de reportar, bloquear, bannear y eliminar usuarios */
es textarea.o-form-control {
    color: #000000 !important;
    background-color: #ffffff;
}

/* Desplazamiento del texto reportar de una foto en la vista móvil */
#es .es-photo-popup-nav {
    margin-right: 24px !important;
}

/* Color del icomo de avertencia de reportar una foto */
#es .fa-exclamation-triangle:before {
    content: "\f071";
    color: #e60023;
}

/* Reposionamiento de los botones de accción de reportar una foto  en la vista móvil */
#es.is-mobile .es-photo-browser .es-media-item-menu {
    position: absolute !important;
}


/* Color de fondo de los botones de acciones de las tarjetas emergentes de los perfiles */
#es .popbox-label {
    background-color:#e60023;
}

/* Color del texto de los botones de acciones de las tarjetas emergentes de los perfiles */
#es .popbox-label__meta {
    color:#ffffff;
}

/* Color del texto de los títulos de los módulos de la izquierda en todo el sitio */
#es .es-side-widget__title {
    color: #ffffff;
}

/* Color de fondo del botón de aceptar solicitudes de amistad en la ventana de las notificaciones */
#fd .o-btn--primary {
    background-color: #e60023 !important;
    border-color: #e60023 !important;
    color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)));
}

/* Color del texto del usuario de las solicitudes de amistad en la ventana de las notificaciones */
a.fd-name {
    color: #ffffff;
    text-decoration: none;
}

/* Color del texto activo del usuario de las solicitudes de amistad en la ventana de las notificaciones */
a.fd-name:hover {
    color: #e60023;
}

/* Color de la insignia de usuario verificado de las solicitudes de amistad en la ventana de las notificaciones */
#fd .text-primary-500 {
    --tw-text-opacity: 1;
    color: #4e72e2 !important;
}

/* Color de fondo de la cabecera de la tabla de posiciones de puntos de usuarios */
#es .es-leaderboard tr th {
    padding: 4px 8px;
    background-color: #e60023;
}

/* Color de fondo de la tabla de posiciones de puntos de usuarios */
#es .es-leaderboard tr td {
    padding: 16px 8px;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    background-color: #000000;
}

/* Color de los títulos de las notificaciones sin leer en la pantalla de todas las notificaciones */
#es .es-noti__title { 
    color: #ffffff !important; 
}

/* Color de fondo de las notificaciones sin leer en la pantalla de todas las notificaciones */
#es .es-noti__item.is-unread {
    background-color: #2b2b2b;
}

/* Color de fondo de las notificaciones leídas en la pantalla de todas las notificaciones */
#es .es-noti__item {
    border-bottom: 1px solid #e1e1e1;
    background-color: #101010;
}

/* Color de fondo de las notificaciones al pasar el cursor en la pantalla de todas las notificaciones */
#es .es-noti__item:hover { 
    background-color: #101010; 
}

/* Corrección del borde balnaco de los emojis de las notificaciones al pasar el cursor en la pantalla de todas las notificaciones */
#es .es-reaction-list-wrapper>div {
    background-color: #101010;
}

/* Color de texto del icono eliminar de una en una las notificaciones al pasar el cursor en la pantalla de todas las notificaciones */
#es .btn-es-danger-o {
    background-color: #000000 !important;
    border-color: #ddd !important;
}

/* Color del icono eliminar todas las notificaciones en la pantalla de todas las notificaciones */
#es .fa-trash-alt:before {
    content: "\f2ed";
    color: #ffffff;
}

/* Color de fondo del icono de los pasos del formulario de registro en del sitio */
#es .es-stepbar .es-stepbar__lists>li.active a {
    background: #e60023;
    color: #ffffff;
}

/* Color de fondo del área del botón enviar del  de registro de usuaurios */
#es .o-form-actions {
    background-color: #000000;
    border-top: 1px solid #1b1f22;
}

/* Color de fondo del formulario de inicio de sesión */
#es .es-login-box__form {
    padding: 28px;
    background-color: #0d0d0d;
    border-radius: 12px;
    margin-bottom: 0px;
}

/* Reajustes de paddings en el banner de portada e inicio de sesión */
.content, .sidebar {
    position: relative;
    padding: 10px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* Color de fondo y borde de la cabecera del cuadro de diálogo del formulario de inicio de sesión cuando se cierra la sesión */
#es .es-dialog-header {
    background: #101010;
    border: 1px solid #1b1f22;
}

/* Color de fondo y borde del cuadro de diálogo del formulario de inicio de sesión cuando se cierra la sesión */
#es .es-dialog-container {
    background: #000000;
    border: 1px solid #1b1f22;
}

/* Color del título del cuadro de diálogo del formulario de inicio de sesión cuando se cierra la sesión */
#es .es-dialog-title {
    color: #ffffff;
}

/* Color del icono de cierre del cuadro de diálogo del formulario de inicio de sesión cuando se cierra la sesión */
#es .fa-times:before {
    content: "\f00d";
    color: #ffffff;
}

/* Color del texto activo del botón del cuadro de diálogo del formulario de inicio de sesión cuando se cierra la sesión */
#es .btn-es-primary-o:hover {
    color: #ffffff !important;
}

/* Color de fondo del footer del cuadro de diálogo del los términos y condiciones */
#es .es-dialog-footer-content .btn, #es .es-dialog-footer-content .btn:hover, #es .es-dialog-footer-content .btn:focus, #es .es-dialog-footer-content .btn:active {
    background-color: #101010! important;
}

/* Color del texto activo del cuadro de diálogo del los términos y condiciones */
#es .es-dialog-footer-content .btn-es-primary, #es .es-dialog-footer-content .btn-es-primary:hover, #es .es-dialog-footer-content .btn-es-primary:focus, #es .es-dialog-footer-content .btn-es-primary:active {
    color: #ffffff !important;
}

/* Color del texto activo de los enlaces y botones del sitio */
#es .btn-es-primary-o:active:hover, #es .btn-es-primary-o:active:focus, #es .btn-es-primary-o:active.focus, #es .btn-es-primary-o.active:hover, #es .btn-es-primary-o.active:focus, #es .btn-es-primary-o.active.focus, .open>.dropdown-toggle#es .btn-es-primary-o:hover, .open>.dropdown-toggle#es .btn-es-primary-o:focus, .open>.dropdown-toggle#es .btn-es-primary-o.focus {
    color: #ffffff !important;
}

/* Color de fondo de los botones de publicar del sitio */
#es .btn-es-primary:active:hover, #es .btn-es-primary:active:focus, #es .btn-es-primary:active.focus, #es .btn-es-primary.active:hover, #es .btn-es-primary.active:focus, #es .btn-es-primary.active.focus, .open>.dropdown-toggle#es .btn-es-primary:hover, .open>.dropdown-toggle#es .btn-es-primary:focus, .open>.dropdown-toggle#es .btn-es-primary.focus {
    color: #fff !important;
    background-color: #e60023 !important;
    border-color: #e60023 !important;
}

/* Color de fondo de los botones de los filtros de búsqueda del sitio */
#es .btn-es-primary:active, #es .btn-es-primary.active, .open>.dropdown-toggle#es .btn-es-primary {
    color: #fff !important;
    background-color: #e60023 !important;
    border-color: #e60023 !important;
}

/* Botón activo personalizado */
.btn.btn-es-primary.active,
.btn-es-primary.active {
    color: #fff !important;
    background-color: #e60023 !important;
    border-color: #e60023 !important;
}


/* Estado inactivo (por defecto) */
.btn-es-primary-o {
    color: #ffffff !important; /* Color del texto en blanco */
    background-color: #e60023 !important; /* Rojo en estado inactivo */
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transición suave */
    outline: none !important; /* Eliminar el contorno azul de enfoque */
}

/* Estado al pasar el cursor */
.btn-es-primary-o:hover {
    background-color: #a61229 !important; /* Rojo más oscuro al pasar el cursor */
    color: #ffffff !important; /* Asegurar color blanco en hover */
    outline: none !important; /* Eliminar outline azul */
}

/* Estado al hacer clic */
.btn-es-primary-o:active {
    background-color: #a61229 !important; /* Rojo más oscuro al hacer clic */
    color: #ffffff !important; /* Asegurar color blanco al hacer clic */
    outline: none !important; /* Eliminar outline azul */
}

/* Eliminar outline y color azul cuando el botón tiene foco */
.btn-es-primary-o:focus {
    outline: none !important; /* Asegurarse de que no aparezca el outline azul */
    color: #ffffff !important; /* Asegurar color blanco */
    background-color: #e60023 !important; /* Rojo en estado de foco */
}

/* Para el estado activo y cualquier tipo de foco en dropdowns */
.open > .dropdown-toggle .btn-es-primary-o,
.btn-es-primary-o:active:hover,
.btn-es-primary-o:active:focus,
.btn-es-primary-o.active:hover,
.btn-es-primary-o.active:focus,
.btn-es-primary-o.active.focus,
.btn-es-primary-o:focus {
    color: #ffffff !important; /* Asegurar que el color del texto es blanco */
    background-color: #a61229 !important; /* Mantener el color de fondo rojo al hacer clic o tener foco */
    outline: none !important; /* Eliminar outline azul */
}


/* Color de fondo del área exterior de todo el sitio */
.master {
    background: #000000 !important;
    padding: 40px 0;
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

/* Color de fondo del área interior de todo el sitio */
.content, .sidebar {
    background: #000000 !important;
}

/* Color de fondo de las cabeceras de los módulos de todo el sitio */
.module .top-heading, .module > h3 {
    background: #1e1e1e !important;
}

/* Color de fondo del área de módulos a la izquierda de todo el sitio */
#es .es-side-widget, #es .es-snackbar .es-stream, #es .es-convo, #es .es-app-item, #es .es-forms__content, #es .o-box {
    background-color: #000000;
}

/* Color del borde del área de módulos a la izquierda de todo el sitio */
#es .es-side-widget {
    border: 1px solid #000000;
    padding: 8px;
}

/* Color de fondo del área de módulos a la derecha de todo el sitio */
.wrap {
    background: #000000 !important;
    border-radius: 3px;
    border: 1px solid #000000 !important;
    display: table;
    width: 100%;
}

/* Color de fondo del área derecha y abajo de los módulos de todo el sitio */
.wrap {
    background: #000000 !important;
    border-radius: 3px;
}

/* Color de fondo y del borde izquierdo de los módulos de la derecha de todo el sitio */
.content:before, .sidebar:before {
    border: solid 1px #000000;
    background: #000000 !important;
}

/* Color del borde de los módulos los grupos de todo el sitio */
#es .mod-card {
    border: 1px solid #1b1f22;
}

/* Color del borde superior de los separadores de las publicaciones de todo el sitio */
#es .es-stream-list>li+li {
    border-top: 1px solid #1b1f22;
}

/* Color de fondo y texto de los items activos del menú principal o toolbar */
#fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state), #fd .fd-toolbar .is-active .fd-toolbar__submenu-link {
    --tw-bg-opacity: 1;
    background-color: #e60023 !important;
    --tw-text-opacity: 1;
    color: #ffffff;
}

/* Color de fondo del botón de crear nuevo del menú principal o toolbar */
#fd .fd-toolbar__link.is-composer {
    --tw-bg-opacity: 1;
    background-color: #e60023 !important;
    --tw-text-opacity: 1;
    color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)));
}

/* Color de las burbujas de notificaciones del menú principal o toolbar */
#fd .fd-toolbar__link-bubble {
    --tw-bg-opacity: 1;
    background-color: #e60023 !important;
}

/* Color de los enlaces de acceso a las notificaciones de los submenús al principal o toolbar */
#fd a.fd-link {
    --tw-text-opacity: 1;
    color: #e60023 !important;
}

/* Color de fondo y borde del área izquierda de los chats a pantalla completa */
#es .es-convo__sidebar-scroll-area, #es .es-convo__content-scroll-area {
    border: 0px solid #e1e1e1;
    background: #000000;
}

/* Color de fondo, texto y borde del botón iniciar una nueva conversación de los chats a pantalla completa */
#es .btn-es-primary-o {
    color: #ffffff !important;
    background-color: #e60023 !important;
}

/* Color de fondo del área superior izquierda de los chats con diferentes usuarios a pantalla completa */
#es .es-convo__sidebar-item.is-active {
    background: #1e1e1e !important;
}

/* Color del texto y nombre de los usuarios de los chats a pantalla completa */
#es .es-convo__sidebar-item {
    color: #ffffff !important;
}

/* Color de fondo y texto de la pestaña activa superior izquierda del número de chats con diferentes usuarios a pantalla completa */
#es .es-convo-sidebar-tab>li.active>a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* Color de fondo de la pestaña inactiva superior derecha de los chats archivados con diferentes usuarios a pantalla completa */
#es .o-nav--fit .o-nav__link {
    background-color: #000000 !important;
}

/* Color de fondo del área exterior y del botón de búsqueda e iniciar nuevos chats con diserentes usuarios a pantalla completa */
#es .es-convo__sidebar-btn-new {
    background: #000000;
    border: 1px solid #e1e1e1;
}

/* Color de fondo y borde del área de los logros obtenidos */
#es .es-stream-embed {
    background: #0a0a0a !important;
    border: 6px solid #0a0a0a !important;
    border-radius: 12px !important;
}

/* Color de fondo y gradiantes de la página de los logros obtenidos y disponibles */
.es-stage__curtain { 
    background-image: -webkit-linear-gradient(top, #101010 0%, #1e1e1e 50%, #e60023 100%) !important;
    background-image: -o-linear-gradient(top, #101010 0%, #1e1e1e 50%, #e60023 100%) !important;
    background-image: linear-gradient(to bottom, #101010 0%, #1e1e1e 50%, #e60023 100%) !important;
}

/* Color del título de las opciones de los filtros de ver las publicaciones en el muro */
#es .es-timeline-filter-dropdown__title {
    color: #ffffff;
}

/* Color del icono de los filtros de búsqueda en todas las páginas del menú del sitio */
#es .btn-popdown.btn-sm .btn-popdown__caret {
    top: 6px;
    color: #ffffff;
}

/* Color del fondo del área de los filtros de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-stream-filter-bar {
    background: #1e1e1e;
}

/* Color del marcador de posición del área de escritura de publicaciones, perfiles, muro, páginas, eventos etc  en tipos de navegadores*/ 

/* Modernos */ #es .mentions textarea.es-story-textfield::placeholder { color: #ffffff; opacity: 1; }

/* Firefox antiguos (Firefox 19- y versiones anteriores) */ #es .mentions textarea.es-story-textfield::-moz-placeholder { color: #ffffff; opacity: 1; } #es .mentions textarea.es-story-textfield:-moz-placeholder { color: #ffffff; opacity: 1; }

/* WebKit (Chrome, Safari) */ #es .mentions textarea.es-story-textfield::-webkit-input-placeholder { color: #ffffff; opacity: 1; }

/* IE 10-11 */ #es .mentions textarea.es-story-textfield::-ms-input-placeholder { color: #ffffff; opacity: 1; }

/* Color del fondo primcipal del área de escritura de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story-body {
    border: 1px solid #e1e1e1;
    background: #1e1e1e;
}

/* Color del fondo del activa área de escritura de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story.is-expanded .es-story-text {
    background-color: #000000;
}

/* Color del borde del área área de escritura de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story-body {
    border: 1px solid #1b1f22;
}

/* Color del fondo del área de subida de archivos del chat privado en pantalla completa */ 
#es .es-upload-wrapper {
    background-color: #1e1e1e;
    border : 1px solid #1e1e1e;
}

/* Color del fondo del área de subida de archivos de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span b {
    position: relative;
    left: -5px;
    background-color: #e60023;
}

/* Color del fondo del área de subida de las fotos de las publicaciones en perfiles, muro, páginas, eventos etc */
#es .es-story .es-album-view .es-album-upload-button {
    background: #e60023;
}

/* Color del fondo del área inactiva de subida de archivos de audio de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story-audio-form .es-audio-upload-button {
    background: #e60023;
    cursor: pointer;
}

/* Color del fondo del área activa de subida de archivos de audio de las publicaciones en perfiles, muro, páginas, eventos etc */
#es .es-story-audio-form .es-audio-upload-button:hover {
    background: #e60023;
}

/* Color del fondo del icono de cierre del módal de fotos de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .fa-times:before {
    content: "\f00d";
    color: #ffffff !important;
}

/* Reajuste  del icio de cierre de fotos de publicaciones en perfiles, muro, páginas, eventos etc */
#es.es-photo-popup .es-photo-close-button {
    font-size: 16px !important;
    padding-right: 10px !important;
    padding-top: 20px !important;
}

/* Color del fondo del área de subida de fotos de las publicaciones en perfiles, muro, páginas, eventos etc */ 
#es .es-story .es-album-view .es-album-upload-button>span b {
    position: relative;
    left: -5px;
    background-color: #e60023;
}

/* Reajuste para cubrir todo el fondo del área de subida de archivos y fotos de publicaciones en perfiles, muro, páginas, eventos etc */
#es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span b, #es .es-story .es-album-view .es-album-upload-button>span b { position: relative; left: -5px; display: inline-block; width: calc(100% + 5px); box-sizing: border-box;     background-color: #e60023; }

/* Color de fondo de la cabecera de la información de publicaciones y comentarios de los susarios */
#es .es-stream-header {
    background-color: #1e1e1e;
}

/* Color de texto al escribir los comentarios de usuarios */
#es .mentions textarea {
    color: #ffffff;
}

/* Color de texto de los comentarios escritos por los de usuarios */
#es .es-comment {
    color: #ffffff;;
}

/* Color de fondo del área del número de reacciones y comentarios */
#es .es-reaction-stats {
    padding: 4px 8px;
    background-color: #1e1e1e;
    border-radius: 3px !important;
}

/* Color de fondo y bordes del área de los comentarios de usuarios */
#es .es-comment {
    background-color: #101010;
    border: solid 1px #101010;
}

/* Color del borde superior del área de los comentarios de usuarios */
#es .es-comment+.es-comment:not(.is-child) {
    border-top: 1px solid #1b1f22;
}

/* Color de fondo o capa bajo fondo del área del número de reacciones y comaetarios  */
#es .es-actions__item-stats, #es .es-actions__item-comment {
    background-color: #0d0d0d;
}

/* Color de fondo del área izquierda y links de avatares de los usuarios en comentarios */
#es .es-comments {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #101010;
}

/* Color de fondo del área de comentarios */
#es .es-stream {
    border: 1px solid #101010;
    padding: 16px;
    background-color: #101010;
}

/* Color de fondo del área del número de comentarios de las publicaciones */
#es .es-comments-control__load {
  background: #0a0a0a;

}

/* Color de fondo del área de escritura en comentarios */
#es .es-comments-form .es-form {
    padding: 8px;
    min-height: 16px;
    border: 1px solid #1b1f22;
    border-radius: 6px;
    font-size: 13px;
    background-color: #101010;
}

/* Color de fondo exterior al del área de escritura en comentarios */
#es .es-comments-form {
    padding: 8px;
    position: relative;
    background-color: #000000;
}

/* Color de fondo del área o capa bajo fondo en el área de comentarios */
#es .es-actions__item-stats, #es .es-actions__item-comment {
    background-color: #000000;
}

/* Color de fondo del área exterior de las fotos al abrirlas en todo el sitio */
#es.es-photo-popup .es-photo-footer {
    background: #000000;
}

/* Color de fondo y borde de la cabecera y menú de navegación de los perfiles, páginas, grupos, eventos etcètera en todo el sitio */
#es .es-profile-header-nav {
    border-top: 1px solid #1b1f22;
    background-color: #000000;
}

/* Color de fondo y borde del área bajo la cabecera de los perfiles, páginas, grupos, eventos etcètera en todo el sitio */
#es .es-island {
    background-color: #000000;
    border: 1px solid #1b1f22;
}

/* Color de fondo de los items del menú de navegación de los perfiles, páginas, grupos, eventos etcètera en todo el sitio */
#es .es-profile-header-nav .is-active .es-profile-header-nav__link {
    color: #e60023;
    border-bottom-color: #e60023;
}

/* Color de fondo y borde del área superior y bajo de la información de los perfiles, páginas, grupos, eventos etcètera */
#es .es-profile-data-table tr, #es .es-profile-data-table td {
    border: 1px solid #1b1f22;
    background-color: #101010;
}

/* Color de fondo y borde del área de la información de los perfiles, páginas, grupos, eventos etcètera */
#es .es-profile-data-table tbody>tr>td {
    border-top: 0;
    background-color: #101010;
}

/* Color de fondo del área de la información de las páginas, grupos, eventos etcètera al verse creadas en el muro */
#es .es-profile-header--mini .es-profile-header__bd {
    background-color: #000000;
}

/* Color de fondo y borde superior del área de la información de las páginas, grupos, eventos etcèter */
#es .es-card--border {
    border-top: 1px solid #1b1f22;
    background-color: #000000;
}

/* Color de fondo y bordes de los campos del área de la información personalizados de las páginas, grupos, eventos etcèter */
#es .es-profile-data-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #101010;
    table-layout: auto;
    background-color: #101010;
    margin-bottom: 80px;
}

/* Color de las líneas divisoras de los campos del área de la información personalizados de las páginas, grupos, eventos etcèter */
#es .profile-data-info__data {
    border-bottom: 1px solid #1b1f22;
}

/* Color del borde del módulo de álbumes de fotos */
#es .mod-es-albums-item {
    border: 1px solid #1b1f22;
    border-radius: 6px;
}

/* Color del borde de los módulos de páginas, grupos y eventos */
#es .es-card {
    border: 1px solid #1b1f22;
    background-color: #000000;
}

/* Color del texto del menú inactivo de selección de la publicación como perfil o página */
#es .dropdown-menu>li>a {
    color: #ffffff !important;
}

/* Color del fondo del menú inactivo de selección de la publicación como perfil o página */
#es .dropdown-menu--post-as>li>a {
    background-color: #1e1e1e;
}


/* Color del fondo del botón y texto de selección de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-panel-button__label {
    background: #e60023;
    color: #ffffff;
}

/* Color de fondo inactivo botón y texto de selección de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */ 
#es .es-story-panel-button__label { 
    background: #e60023; 
    color: #ffffff !important;
    transition: background-color .2s ease, color .2s ease; 
}

/* Color del fondo del botón activo de selección de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-panel-button__label:hover, #es .es-story-panel-button__label:focus { 
    background: #e60023; 
}

/* Color del borde del botón de selección de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .is-story-selection .es-story-avatar-popbox-toggle {
    border: 1px solid #1e1e1e;
}

/* Color del icono del botón de la selección de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .is-story-selection .es-story-avatar-popbox-toggle__icon {
    display: inline-block;
    color: #ffffff;
}

/* Color del fondo del área de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .o-tabs__link {
    background-color: #000000;
}

/* Color del fondo y borde en las pestañas del área de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .o-tabs--horizontal .o-tabs__item.active .o-tabs__link {
    border-bottom: 2px solid #e60023;
    background-color: #1e1e1e;
}

/* Color del fondo de las pestañas activas del área de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .o-tabs--horizontal .o-tabs__item.active .o-tabs__link { 
    color: #fff; 
    border-bottom: 2px solid #e60023;
    background-color: #e60023; 
}

/* Color del fondo de las pestañas (seleccionadas) área de cabecera de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-selection-popbox__tabs .o-tabs--horizontal .o-tabs__link { 
    line-height: 2em; 
    background-color: #1e1e1e; 
    color: #fff; 
}

/* Color del fondo inactivo del área de las opciones o sugerencias de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-selection-popbox .es-list-item {
    line-height: 2em;
    background-color: #1e1e1e;
}

/* Color del fondo activo del área de las opciones o sugerencias de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-selection-popbox .es-list__item:hover {
    background-color: #1e1e1e;
}

/* Color del fondo del área de interior de las publicaciones rápidas en perfiles, muro, páginas o eventos */ 
#es.popbox {
    background: #101010;
    border: 1px solid #1b1f22;
}

/* Color del fondo del área del footer de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .es-story-selection-popbox__ft {
    background-color: #1e1e1e;
    border-top: 1px solid #1b1f22;
}

/* Color del fondo, texto y borde del botón activo de las publicaciones rápidas en perfiles, muro, páginas o eventos */
#es .btn-es-primary:hover {
    color: #ffffff !important;
    background-color: #e60023 !important;
    border-color: #e60023 !important;
}

/* Color de texto y fondo de items activos del menú desplegable (filtro de publicaciones) */ 
#es .dropdown-menu > li.active > a, #es .dropdown-menu > li.active > a:hover, #es .dropdown-menu > li.active > a:focus {
    color: #ffffff;
    background-color: #1e1e1e;
}

/* Color de fondo y borde de los menús desplegables (publicaciones, comentarios, etc.) */ 
#es .dropdown-menu {
    background-color: #101010; 
    border: 1px solid #1b1f22); 
}

/* Estilo al pasar el cursor sobre un item del dropdown */
#es .dropdown-menu > li > a:hover { 
    text-decoration: none; color: #ffffff; 
    background-color: #e60023; 
}

/* Color del fondo y borde de los menús desplegables de las opciones de las publicaciones, comentarios, etcétera  */ 
#es .dropdown-menu {
    background-color: #101010 !important;
    border: 1px solid #1b1f22;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Color del fondo y texto de los menús desplegables de las opciones de las publicaciones, comentarios, etcétera */ 
#es .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #e60023 !important;
}

/* Color del fondo y borde de los menús desplegables de las opciones de publicaciones en páginas, grupos y eventos */ 
#es .es-profile-header-nav .is-active>.es-profile-header-nav__dropdown-link {
    border-color: #e60023;
    background: #1e1e1e;
}

/* Color de fondo de la cabecera izquierda y areá de subir más de rrchivos de las publicaciones en páginas, grupos y eventos */ 
#es .es-explorer__sidebar-hd {
    padding: 8px;
    border-bottom: 1px solid #e1e1e1;
    background-color: #1e1e1e;
}

/* Color de fondo de la tabla inferior en vista de pc del explorador de archivos de las publicaciones en páginas, grupos y eventos */
#es .es-explorer {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #000000;
}

/* Color de fondo de la cabecera derecha y areá de opciones de archivos de las publicaciones en páginas, grupos y eventos */
#es .es-explorer__content-hd {
    padding: 8px;
    border-bottom: 1px solid #e1e1e1;
    background-color: #1e1e1e;
}

/* Color de fondo de la tabla izquierda y titulo del explorador de archivos de las publicaciones en páginas, grupos y eventos */ 
#es .es-explorer__sidebar-title {
    background-color: #000000;
}

/* Color de fondo de tabla izquierda del explorador de archivos de las publicaciones en páginas, grupos y eventos */ 
#es .fd-explorer-folder.is-active {
    background-color: #000000;
}

/* Color de fondo de tabla izquierda del explorador de archivos de las publicaciones en páginas, grupos y eventos */ 
#es .es-explorer__sidebar {
    background-color: #000000;
}

/* Color de fondo de tabla derecha del explorador de archivos de las publicaciones en páginas, grupos y eventos */ 
#es .fd-explorer-viewport {
    background-color: #000000;
}

/* Color de fondo de los archivos seleccionados en el explorador de archivos de las publicaciones en páginas, grupos y eventos */ 
#es .fd-explorer-file.is-selected {
    background: #e60023 !important;
}

/* Color de fondo y de las cabecera y título de los anuncios de las publicaciones en páginas, grupos y eventos */
#es .es-apps-entry__ft {
    background-color: #1e1e1e !important;
}

/* Color de fondo y de las cabecera y título (en la propia página) de los anuncios de las publicaciones en páginas, grupos y eventos */
#es .es-apps-item__ft {
    background-color: #1e1e1e;
    padding: 8px 16px;
    border-bottom: 1px solid #1b1f22;
}

/* Color de fondo y borde de los anuncios de las publicaciones en páginas, grupos y eventos */ 
#es .es-stream-apps {
    border: 1px solid #1b1f22;
    background-color: #1e1e1e;
}

/* Color de fondo del botón inactivo a las reacciones de los anuncios de las publicaciones en páginas, grupos y eventos */ 
#es .es-reaction-option__link.btn.is-active {
    background-color: #e60023 !important;
}

/* Color de fondo del botón al pasar el cursora las reacciones de los anuncios de las publicaciones en páginas, grupos y eventos */
#es .es-reaction-option__link.btn:active {
    background-color: #e60023 !important;
}

/* Color de texto del botón inactivo a las reacciones de los anuncios de las publicaciones en páginas, grupos y eventos */
#es .es-reaction-option__link.btn {
    color: #ffffff !important;
}

/* Color de texto del botón activo a las reacciones de los anuncios de las publicaciones en páginas, grupos y eventos */
#es .es-reaction-option__link.is-active .es-reaction-option__text {
    color: #ffffff;
}

/* Color del icono del menú desplegable de las opciones de edición, reporte y más en los comentarios */ 
#es .es-comment-actions .es-comment-actions-toggle i {
    color: #ffffff;
}

/* Color del texto de cancelar de las opciones de reporte y más en los comentarios */ 
#es .es-dialog-footer-content .btn-es-default, #es .es-dialog-footer-content .btn-es-default:hover, #es .es-dialog-footer-content .btn-es-default:focus, #es .es-dialog-footer-content .btn-es-default:active {
    color: #ffffff !important;
}

/* Color de texto y fondo de los separadores o cabeceras de perfiles, páginas, grupos, eventos, etc. */ 
#es .es-snackbar2 {
    color: #ffffff;
    background-color: #1e1e1e;
}

/* Color de fondo del área de apertura de los filtros, en los separadores o cabeceras de perfiles, páginas, grupos, eventos, etc. */ 
#es .btn-popdown.btn-sm>div {
    background-color: #000000;
}

/* Color del borde del área de apertura de los filtros, en los separadores o cabeceras de perfiles, páginas, grupos, eventos, etc. */ 
#es .btn-popdown {
    border: 1px solid #e60023;
}

/* Color del fondo y borde de las tarjetas de productos del Marketplace publicados en el muro */
#es .es-stream-market-item {
    background-color: #101010;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
}

/* Color del fondo de la tabla de los precios de los productos del Marketplace */
#es .table-es-market th, #es .table-es-market td {
    background-color: #101010;
    color: #ffffff;
}

/* Color del texto de la descripción de los productos del Marketplace */
#es .table-es-market th, #es .table-es-market td {
    background-color: #101010;
    color: #ffffff;
}

/* CSS DE LA PLANTILLA EN VISTA DE MÓVILES */

/* Color del borde superior y divisor separadores del área del formulario de inicio de sesión */
@media (max-width: 1000px) {
    .content {
        border-right: 0;
        border-bottom: 1px solid #1b1f22 !important;
        margin-bottom: 50px;
    }
}

/* Color de fondo y texto del menú inferior de las opciones de reacciones y de perfil */
#es .es-mobile-filter-slider:not(.is-end-right):after { right: 0; content: ''; background-image: -webkit-linear-gradient(left, rgba(230,0,0,0.1) 15%, #e60023 85%); background-image: -o-linear-gradient(left, rgba(230,0,0,0.1) 15%, #e60023 85%); background-image: linear-gradient(to right, rgba(230,0,0,0.1) 15%, #e60023 85%); background-repeat: repeat-x; }

/* Color del texto en las gradiantes deslizadoras de las opciones de perfil, páginas, grupos etcétera */
#es .es-mobile-filter-slider__tab {
    color: #ffffff;
}

/* Color del fondo de las tarjetas de perfil, páginas, grupos etcétera */
#es.is-mobile .es-profile-header__bd {
    background-color: #000000;
}

/* Color del fondo y borde del footer de las tarjetas de perfil, páginas, grupos etcétera */
#es .es-profile-header__ft {
    border-top: 1px solid #1b1f22;
    padding: 8px 16px;
    background-color: #101010;
}

/* Color del fondo y borde del footer de las tarjetas de perfil, páginas, grupos etcétera */
#es .es-profile-header {
    border: 1px solid #1b1f22;
    background-color: #000000;
    border-radius: 6px;
}

/* Color del icono de engranaje de edición o cambio de foto en el perfil, páginas, grupos etcétera */
#es .fa-cog:before {
    color: #000000 !important;
}

/* Color del icono de cámara de edición o cambio de foto de portada en perfil, páginas, grupos etcétera */
#es .fa-camera:before {
    content: "\f030";
    color: #888888 !important;
}

/* Color del texto de los botones de las opciones de edición o cambio de foto de portada y de perfil, páginas, grupos etc */
#es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-button {
    color: #ffffff !important;
}

/* Color de fondo de los botones de las opciones de edición o cambio de foto de portada y de perfil, páginas, grupos ect */
#es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-button {
    color: #888;
    padding: 4px 8px;
    background: #000000;
    border-radius: 6px;
}

/* Color del texto de los enlaces de las opciones de perfil, páginas, grupos etcétera */
#es a {
    color: #ffffff !important;
}

/* Enlaces que contienen menciones a usuaurios, en rojo */
#es a.mentions-user {
    color: #e60023 !important;
}

/* Color de fondo del área de seleccion de fotos en las opciones de cambio de foto de perfil o portada en páginas, grupos etcétera */
#es .es-media-browser-dialog__sidebar {
    background: #000000;
}

/* Color de fondo, borde y texto del área del álbum selecionado de fotos en las opciones de cambio de foto de perfil o portada en páginas, grupos etcétera */
#es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link {
    color: #444;
    border-right: 2px solid #e60023;
    background-color: #e60023;
}

/* Color de fondo y texto de las pestañas activas del área del álbum selecionado de fotos en las opciones de cambio de foto de perfil o portada en páginas, grupos etcétera */
#es .o-tabs--stacked .o-tabs__item > .o-tabs__link:hover { 
  background-color: #191919; 
  color: #fff;
}

/* Regla específica para los enlaces de la tabla de datos de perfil (rojo) */ 
#es .es-profile-data-table .profile-data-info a, #es .es-profile-data-table .profile-data-info a:visited, #es .es-profile-data-table .profile-data-info a:hover, #es .es-profile-data-table .profile-data-info a:focus { 
     color: #e60023 !important; 
}

/* Regla específica para los enlaces del nombre de usuario, páginas, grupos, eventos etc (rojo) */ 
#es .es-stream-meta .es-stream-title a {
    font-size: 13px;
    color: #e60023 !important;
}

/* Color de fondo de los items del menú de navegación de los perfiles, páginas, grupos, eventos etcètera en todo el sitio */
#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__tab {
    border-bottom: 2px solid #e60023;
}

/* Color de fondo del menú expandible de las opciones de perfil, páginas, grupos etcétera */
#es .es-dialog-content {
    background-color: #101010;
}

/* Color de fondo de las gradiantes deslizadoras derechas de las opciones de publicaciones en le muro general */
.es-story-swiper-nav:not(.is-end-right):after {
    right: 0;
    content: '';
    background: linear-gradient(90deg, rgba(230, 0, 35, 0.1) 2%, #e60023 50%) !important;
    width: 56px;
}

/* Color de fondo de las gradiantes deslizadoras izquierdass de las opciones de publicaciones en le muro general */
.es-story-swiper-nav:not(.is-end-left):before {
    left: 0;
    content: '';
    background: linear-gradient(270deg, rgba(230, 0, 35, 0.1) 2%, #e60023 50%) !important;
}

/* Color de fondo de las gradiantes deslizadoras de las opciones de perfil, páginas, grupos etcétera */ #es .es-mobile-filter-slider__btn, #es .btn-es-default { background: #101010 !important; color: #ffffff !important; border: 1px solid #1e1e1e !important; }

/* Color de fondo de las gradientes izquierdas deslizadoras de las opciones de perfil, páginas, grupos etcétera */ #es .es-profile-header-nav-slider:not(.is-end-left):before { left: 0; content: ''; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: linear-gradient(270deg, rgba(230, 0, 0, 0.15) 2%, #e60023 50%); }

/* Color de fondo de las gradientes derechas deslizadoras de las opciones del menú del perfil, páginas, grupos etcétera */ #es .es-profile-header-nav-slider:not(.is-end-right):after { right: 0; content: ''; background: linear-gradient(90deg, rgba(230, 0, 23, 0.1) 2%, #e60023 50%); border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Color de fondo de las gradientes izquierdas deslizadoras de las opciones del menú del perfil, páginas, grupos etcétera */ #es .es-mobile-filter-slider:not(.is-end-left):before { left: 0; content: ''; background: linear-gradient(to right, #e60023 15%, rgba(230,0,35,0.1) 85%); background-repeat: no-repeat; }

/* Enlace de las opciones del perfil (ajuste de color para la clase específica) */ #es .es-profile-header-nav__link { color: #fff !important; }


/* Color de fondo del menú inferior de las opciones de reacciones y de perfil */
#es.is-mobile .es-snackbar2 .dropdown-menu>li>a, #es.is-mobile .es-list-item .dropdown-menu>li>a, #es.is-mobile .es-mobile-list-item__action .dropdown-menu>li>a, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li>a, #es.is-mobile .es-stream-control .dropdown-menu>li>a, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li>a, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li>a, #es.is-mobile .es-comment-actions .dropdown-menu>li>a, #es.is-mobile .es-convo__sidebar-action .dropdown-menu>li>a, #es.is-mobile .es-media-item-menu .dropdown-menu>li>a, #es.is-mobile .es-entry-actionbar .dropdown-menu>li>a, #es.is-mobile .es-cover-menu .dropdown-menu>li>a, #es.is-mobile .es-profile-header-nav__item .dropdown-menu>li>a, #es.is-mobile .es-card__action-group .dropdown-menu>li>a {
    font-size: 13px;
    background: #101010 !important;
    border: 1px solid #1e1e1e !important;
}

/* Color de fondo del menú desplegable inferior de las opciones de reacciones y de perfil */
#es.is-mobile .es-snackbar2 .dropdown-menu, #es.is-mobile .es-list-item .dropdown-menu, #es.is-mobile .es-mobile-list-item__action .dropdown-menu, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu, #es.is-mobile .es-stream-control .dropdown-menu, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu, #es.is-mobile .es-comment-actions .dropdown-menu, #es.is-mobile .es-convo__sidebar-action .dropdown-menu, #es.is-mobile .es-media-item-menu .dropdown-menu, #es.is-mobile .es-entry-actionbar .dropdown-menu, #es.is-mobile .es-cover-menu .dropdown-menu, #es.is-mobile .es-profile-header-nav__item .dropdown-menu, #es.is-mobile .es-card__action-group .dropdown-menu {
    background: #101010 !important;
    border: 1px solid #1e1e1e !important;
}

/* Color del texto del menú inferior de las opciones de reacciones y de perfil */
#es .dropdown-menu>li>a {
    color: #ffffff !important;
}

/* Color de fondo del menú principal de navegación del usuario */
.mm-panel {
    background-color: #101010 !important;
}

/* Color de los divisores de secciones del menú principal de navegación del usuario */
.mm-divider:before {
    background: #1e1e1e !important;
}

/* Color de los divisores de los campos personalizados de la información del perfil del usuario */
#es.is-mobile .es-profile-data-table tbody>tr {
    border-top: 1px solid #1b1f22;
    border: 1px solid #1b1f22;
}

/* Color de fondo del área de las opciones de búsqueda personalizadas o por defecto de usuarios */
#es .es-adv-search2__options {
    background-color: #000000;
}

/* Color de fondo y texto del área de búsqueda superior de menú principal de navegación del usuario */
body .mm-searchfield__input input, body .mm-searchfield__input input:hover, body .mm-searchfield__input input:focus {
    color: #ffffff !important;
    background-color: #101010 !important;
}

/* Color de fondo del área de ubicación en los álbumes de fotos o vídeos y eventos */
#es .es-album-meta-field {
    position: relative;
    padding: 8px;
    line-height: 1;
    background-color: #000000 !important;
}

/* Color de fondo del área de ubicación y metadatos en los álbumes de fotos o vídeos y eventos */
#es .es-photo-meta-field {
    background-color: #000000 !important;
}

/* Color de fondo del área fecha y hora en la opcoón de mostrar la ubicación y metadatos en los álbumes de fotos o vídeos y eventos */
#es .es-photo-meta-field .es-photo-date {
    background-color: #000000 !important;
}

/* Color de fondo del botón de información de etiquetas en los álbumes de fotos o vídeos y eventos */
#es .es-photo-tag-list .es-photo-tag-button>a {
    font-size: 11px;
    background-color: #e60023 !important;
}

/* Color de fondo del botón al editar las etiquetas en los álbumes de fotos o vídeos y eventos */
#es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert>button {
    background-color: #e60023;
}

/* Color de fondo y texto de los botónes de edición de los álbumes de fotos o vídeos y eventos */
#es .btn-es-default-o, #es .btn-es-default-o:hover, #es .btn-es-default-o:active, #es .btn-es-default-o:focus {
    background: #e60023 !important;
    color: #ffffff !important;
}

/* Color de fondo y texto de los botónes de las opciones de la red en perfiles, fotos vídeos, audios y más */
#es .o-btn-group>.btn:first-child {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Color de fondo, borde y sombras de las republicaciones de los usuurios */
#es .es-stream-repost__meta-inner {
    position: relative;
    padding: 8px;
    border: 1px solid #1b1f22;
    background-color: #000000;
    box-shadow: -8px -8px 0 0 #1e1e1e, -9px -9px 0 0 #101010, -7px -9px 0 0 #191919, -9px -7px 0 0 #0a0a0a !important;
}

/* Color de fondo de la carátula de vídeos insertados antes de publicarlos */
#es .es-story-link-item {
    background: #101010;
}

/* Color de fondo y borde del área de título de vídeos o enlaces insertados antes de publicarlos */
#es .es-story-link-title:hover {
    background: #e60023;
    border: 1px dashed #e60023;
}

/* Color de fondo y borde del área de la descripcción de vídeos o enlaces insertados antes de publicarlos */
#es .es-story-link-description:hover {
    background: #e60023;
    border: 1px dashed #b3b3b3;
    opacity: 1;
}

/* Color de fondo y borde del área exterior de los vídeos o enlaces insertados al editarlos */
#es .is-editing .es-story-panel-content.active, #es .is-editing .es-story-panel-contents.active {
    background-color: #101010;
}

/* Color de fondo y borde superior del footer de los vídeos o enlaces publicados */
#es .es-stream-embed--border {
    border-top: 1px solid #101010;
}

/* Color de fondo de los items de todas las insignias disponibles para los usuarios */
#es .es-points-list .o-box {
    background-color: #000000;
}

/* Color de fondo y borde de los items de selección de categorías de páginas, grupos, eventos y categorías de listados de marketplace */
#es .es-create-category-select .btn {
    background-color: #000000;
    border: 1px solid #e1e1e1;
}

/* Color de fondo de la fecha de los ábumes de fotos al crearlos */
#es .es-album-meta-field .es-album-date {
    background-color: #000000;
}

/* Color de texto, fondo y borde del paginador inactivo inferior del sitio */
#es .o-pagination>li>a, #es .o-pagination>li>span {
    color: #fff;
    background-color: #101010;
    border: 1px solid #e1e1e1;
}

/* Color de texto, fondo y borde del paginador selecionado inferior del sitio */
#es .o-pagination>.active>a, #es .o-pagination>.active>a:hover, #es .o-pagination>.active>a:focus, #es .o-pagination>.active>span, #es .o-pagination>.active>span:hover, #es .o-pagination>.active>span:focus {
    color: #fff;
    background-color: #e60023;    
    border-color: #e1e1e1;
}

/* Color de texto, fondo y borde del paginador inferior del sitio al pasar el cursor */
#es .o-pagination>li>a:hover, #es .o-pagination>li>a:focus, #es .o-pagination>li>span:hover, #es .o-pagination>li>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #e60023;
    border-color: #e1e1e1;
}

/* Color de fondo de la ventana emergente de información de los ajustes de la privacidad y las alertas de los usuarios */
#es.o-popover--es {
    background-color: #101010;
}

/* Color de texto de Permanecer en esta página del módal de aviso de tiempo de inactividad en la sesón del usuario */
#es .btn-es-default-o, #es .btn-es-default-o:hover, #es .btn-es-default-o:active, #es .btn-es-default-o:focus {;
    color: #ffffff !important;
}

/* Color de fondo del área de subida de audios de los usuarios */
#es .es-audio-progress-area {
    background-color: #1e1e1e;
}

/* Color del texto del progreso de la subida del audio del usuario */
#es .es-progress-wrap .progress-result {
    color: #000000;
}

/* Color del texto de los mensajes enviaos y recibidos por los usuarios en el chat de pantalla completa */
#es .es-convo-text {
    color: #e6e6e6;
}

/* Color de fondo del botón al pusarlo en los mensajes de los usuarios en el chat de pantalla completa */
#es .es-convo__content.has-active .reply-button.pulsado {
  background-color: #e60023 !important;
}

/* Color de fondo del banner superior de categorías de páginas, grupos, eventos y más, con borde en todo alrededor */
#es .es-cluster-header {
    border: 1px solid #1e1e1e;
    background-color: #000000;
}

/* Color del borde interior del banner de categorías de páginas, grupos, eventos y más */
#es .es-cluster-header__bd, #es .es-cluster-header__ft {
    border-top: 1px solid #1e1e1e;
    color: #888;
}

/* Personalización de bordes en las pestañas inactivas de categorías de páginas, grupos, eventos y más */
#es .o-tabs__link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 6px;
}

/* Personalización de bordes en las pestañas activas de categorías de páginas, grupos, eventos y más */
#es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 6px;
}

/* Color de fondo del día anterior en el calendario de eventos */
#es.es-widget-calendar .day.has-events {
    font-weight: bold;
    background: #232323 !important;
    color: #444;
}

/* Color de fondo del día actual en el calendario de eventos */
#es.es-widget-calendar .day.is-today {
    background-color: #e60023;
}

/* Color de fondo del día en el calendario de evento al pasar el cursor */
#es.es-widget-calendar td.day:hover, #es.es-widget-calendar td.hour:hover, #es.es-widget-calendar td.minute:hover, #es.es-widget-calendar td.second:hover {
    background: none repeat scroll 0 0 #e60023;
    cursor: pointer;
}

/* Color de fondo de los detalles del evento en el calendario de eventos */
#es .es-event-details__title {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Color de texto y fondo de los controles del mes anterior y siguiente del evento en el calendario de eventos en vista móvil */
#es .es-calendar-control>td.es-calendar-previous>a, #es .es-calendar-control>td.es-calendar-next>a {
    background: none !important;
    color: #888;
    background-color: #e60023 !important;
}

/* Color de texto y fondo del mes del calendario de eventos en vista móvil */
#es.is-mobile .es-calendar tbody>tr>td, #es.is-mobile .es-calendar tbody>tr>td.day>div, #es.is-mobile .es-calendar tbody>tr>td.empty>small {
    background-color: #000000;
}


/* CSS de los colores de texto, de fondo y otras áreas del mes del calendario de eventos de vista por URL en pc */
#es .es-calendar tbody>tr+tr>td {
    border-top: 0;
    background-color: #000000;
}

#es .es-calendar tbody>tr+tr>td {
    border-top: 0;
    background-color: #000000;
}

#es .es-calendar tbody>tr.es-calendar-control>td, #es .es-calendar tbody>tr.es-calendar-days>td {
    height: auto;
    background-color: #232323;
}

#es .es-calendar tbody>tr>td.is-today>div {
    background: #e60023;
    color: #555;
}

#es .es-calendar tbody>tr>td.empty>small {
    background: #232323;
    color: #888;
}

/* Correción del color de fondo bajo capa de las pestañas de las publicaciones rápidas en el muro general */
#es .es-story-selection-popbox__tabs .o-tabs--horizontal .o-tabs__item {
    border-bottom: 0;
    bottom: 0;
    background-color: #1e1e1e;
}

/* Color de fondo de las pestañas activas de los detalles de la tarjeta de las páginas, grupos y eventos */
#es .es-nav-pills .o-nav__link:hover {
   background-color: #e60023;
}

/* Color de fondo del banner de alerta de finalización del perfil */
#es .o-alert--warning {
    background-color: #e60023;
    border-color: #1e1e1e;
    color: #ffffff;
}

/* Color del texto de la fecha en la creación de los álbumes inactivo */
#es .words.open>span {
    color: #ffffff;
    text-decoration: none; /* si quieres quitar el subrayado */
    transition: color 0.3s ease;
}

/* Color del texto de la fecha en la creación de los álbumes activo */
#es .words>span:hover {
    color: #e60023 !important;
    text-decoration: none; /* si quieres quitar el subrayado */
}

/* Color de las etiquetas de las nuevas publicaciones del foro en los módulos del stio */
#es .t-bg--primary {
    background-color: #e60023 !important;
}

/* Color de los bordes bajos de las pestañas inacitavs del chat en la burbuja */
#ck .ckit-footer-tab {
    border-top: 2px solid #191919 !important;
}


/* Color de los bordes bajos de las pestañas inactivas del chat en la burbuja */
#ck .ckit-footer-tab a:hover {
    border-top: 2px solid #e60023 !important;
}

/* Color de los bordes bajos de las pestañas activas del chat en la burbuja */
#ck .ckit-footer-tab a.is-active {
    border-top: 2px solid #e60023 !important;
}

/* Color de las acciones de eliminar chats del chat en la burbuja */
#ck .ckit-mass-action-bar {
    background-color: #191919 !important;
}

/* Color del fondo y texto de los mesnsajes de las acciones completadas del chat en la burbuja */
#ck .ckit-alert-msg.is-success {
    background-color: #191919 !important;
    color: #e60023 !important;
}

/* Color del icono del mensaje del chat en la burbuja */
#ck .btn-toggle-ckit .btn-toggle-open:before, #ck .btn-toggle-ckit .btn-toggle-close:before, #ck .btn-toggle-ckit .btn-toggle-open:after, #ck .btn-toggle-ckit .btn-toggle-close:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
}

/* Color de fondo del área donde aparece el texto del nombre del archivo caragado en el chat en la burbuja */
#ck .ckit-composer__files, #ck .ckit-composer__map {
    background-color: #1e1e1e !important;
}


/* CSS FOOTER */

/* Color de fondo, borde superior y texto del área del footer de las páginas de inicio de sesión, Olvidé mi contraseña y mi nombre de usuario */
.footer {
    border-top: 1px solid #1b1f22;
    padding: 30px 0 60px;
    background-color: #000000;
}

/* Color de texto del área del footer de las páginas de inicio de sesión, Olvidé mi contraseña y mi nombre de usuario */
.footer a {
    color: #e60023 !important;
}

/* Color de la línea divisora superior del footer */
.footer {
    border-top: 1px solid #1b1f22 !important;
    padding: 30px 0 60px;
}

/* Color de la línea divisora superior de los enlaces y copyright del footer añadido en la plantilla */
hr {
    margin-top: 23px;
    margin-bottom: 23px;
    border: 0;
    border-top: 1px solid #1b1f22 !important;
}

/* Reajuste del ancho máximo de la tabla de los campos personalizados de la información del usuario en perfiles, páginas, etc */
@media (max-width: 768px) { #es .es-profile-data-table { width: 100%; margin-left: auto; margin-right: auto; } }

/*CSS del banner del login*/
#es .es-login-box { 
    background-color: #000000;  /* negro puro */
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 6px;
    padding-top: 60px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
    background-size: cover;
}

/*Reducción del margen superior de la barra o Toolbar en todas las páginas*/
#fd .fd-toolbar {
    margin-top: -37px !important;
}

/* CSS OCULTAR ELEMENTOS EN MÓVILES Y PCS */

/* Ocultar menú de hamburguesa de la cabecera (De la plantilla) en móvil (ancho máximo 768px) */
.navbar .navbar-toggle {
   display: none !important;
}

/* Ocultar módulos en móvil (ancho máximo 768px) */
@media (max-width: 768px) {
  .ocultar-en-movil {
    display: none !important;
  }
}

/* Ocultar cabeceras de módulos en móvil (ancho máximo 768px) */
@media (max-width: 768px) {
  .module .top-heading, .module > h3 {
     display: none !important;
  }
}

/* ==========================
   Bloque Tres Columnas
========================== */
.bloque-tres-columnas {
  padding: 20px 15px 100px 15px !important; /* arriba, derecha, abajo, izquierda */
}

.bloque-tres-columnas .contenedor {
  max-width: inherit; /* hereda el ancho del padre */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.bloque-tres-columnas .columna {
  flex: 1 1 100%; /* móvil: 1 por fila */
  text-align: center; /* ya centrado en móvil */
}

.bloque-tres-columnas img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Tablet: 2 columnas */
@media (min-width: 768px) {
  .bloque-tres-columnas .columna {
    flex: 1 1 calc(50% - 20px);
  }
}

/* Desktop: 3 columnas */
@media (min-width: 992px) {
  .bloque-tres-columnas .columna {
    flex: 1 1 calc(33.333% - 20px);
  }
}

/* CSS de reducción de margen del módulo Footer de página de inicio */
@media (min-width: 992px) {
   .bloque-tres-columnas {
    margin-top: -60px !important;
  }
}

/* Reducción de los márgenes entre el banner del login y el bloque de tres columnas */
#es .es-login-box {
    margin-top: 0px !important;
    margin-bottom: -20px !important;
}

/* ===== Footer layout independiente del template ===== */
#custom-footer {
  margin-top: 60px;
  margin-bottom: 80px;
}

#custom-footer .custom-footer__inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

#custom-footer .custom-footer__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#custom-footer .custom-footer__col {
  flex: 1 1 33.333%;
  min-width: 240px;
  text-align: center;
}

#custom-footer h4 {
  margin: 0 0 15px;
}

#custom-footer a {
  display: block;
  text-decoration: none;
  color: #ffffff !important;

}

#custom-footer a:hover {
  color: #e60023 !important;
}

/* Créditos */
#custom-footer .custom-footer-credits {
  text-align: center;
  color: #ccc;
  margin-top: 50px;
  font-size: 14px;
  letter-spacing: 0.5px;
  opacity: 0.9;
}

/* Móvil */
@media (max-width: 767px) {
  #custom-footer .custom-footer__col {
    flex: 1 1 100%;
    margin-bottom: 25px;
  }

  #custom-footer h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  #custom-footer a {
    font-size: 16px;
    line-height: 1.8;
  }

  #custom-footer .custom-footer-credits {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}


section.master.top {
    padding-top: 0px !important;
}

/* CSS REDIMENSIONAR FOTOS DE PERFIL Y PUBLICACIONES DEL MURO */
#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width img {
	width: 100%;
}

#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height img {
	width: 100%;
}

/* profile image stream item */
body #es a.es-photo-small img {
	width: 100%;
}

/*Logo y reposicionamiento de margen izquierdo del Logo en vista m móvil*/
XXX.navbar .navbar-header .navbar-brand {
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;    
}

/* Reposicionar el logo de la cabebera fija del menú superior en la vista de pc */
@media (min-width: 992px) {
    .navbar .navbar-header .navbar-brand {
        margin-left: -10px !important; 
    }
}

/*Reducción del padding de las columnas derechas de los módulos*/
@media (min-width: 1000px) {
    .content, .sidebar {
        padding: 15px !important;
    }
}

/*Reducción del padding de todas las páginas*/
.master > .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Pequeño margen arriba del contenido de todo el sitio */
@media (max-width: 1000px) {
    .master {
        padding: 10px !important;
    }
}

/* Pading top de la barra de toolbar en vista móvil */
@media (max-width: 1000px) {
#fd .fd-toolbar {
        padding-top: 25px !important;
    }
}

/* Pading top de la barra de toolbar en la página de notificaciones y en vista móvil */
@media (max-width: 1000px) {
    .view-notifications #fd .fd-toolbar {
        padding-top: 50px !important;
    }
}

/* Pading top de la barra de toolbar en vista de PC */
@media (min-width: 992px) {
#fd .fd-toolbar {
        padding-top: 30px !important;
    }
}

/* Forzar el menú pegajoso de la cabecera en la vista móvil */
XXX.navbar .navbar-header {
    position: fixed !important; 
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

/* Reposicionar el contenido sidebar más bajo que el de la cabebera fija del menú superior en la vista móvil */
@media (max-width: 1000px) {
.content, .sidebar {
        z-index: 0 !important;
    }
}


/* CSS DEL CHAT NATIVO */

/*Color del fondo del área de aviso de un usuario está escribiendo en el chat nativo*/
#es .es-convo-typing {
    position: absolute;
    width: calc(100% - 16px);
    background-color: #000000 !important;
    top: -20px;
    left: 0;
    padding-left: 16px;
    color: #ffffff !important;
}

/* CSS DE LAS MODIFICACIONES DEL CHAT CONVERSEKIT */
.ck-typing-indicator-pro {
    font-family: inherit;
}

.ck-typing-indicator-pro .dot {
    background-color: #e60023 !important;
}

.ck-typing-indicator-pro span {
    color: #e60023 !important;
}