#af-wrapper #forum-profile .display-name,
#af-wrapper .post-author .topic-author,
#af-wrapper input[type="checkbox"]:checked:before {
color: #eb751e !important;
}
#af-wrapper .button-normal,
#af-wrapper .title-element,
#af-wrapper #forum-header,
#af-wrapper #profile-header .background-avatar,
#af-wrapper #profile-navigation,
#af-wrapper input[type="radio"]:checked:before {
background-color: #eb751e !important;
}
#af-wrapper .button-neutral {
background-color: #eb751eB0 !important;
}
#af-wrapper .post-author .topic-author {
background-color: #eb751e40 !important;
}
#af-wrapper input[type="radio"]:focus,
#af-wrapper input[type="checkbox"]:focus,
#af-wrapper #profile-header {
border-color: #eb751e !important;
}
#af-wrapper .title-element,
#af-wrapper #forum-navigation a,
#af-wrapper #forum-navigation-mobile a {
border-color: #9b4406 !important;
}
#af-wrapper .button-normal:hover,
#af-wrapper #profile-navigation a.active {
background-color: #9b4406 !important;
}
#af-wrapper .button-neutral:hover {
background-color: #9b4406B0 !important;
}
#af-wrapper a:not(a.button):not(a.highlight-admin):not(a.highlight-moderator),
#af-wrapper .forum-post-menu a,
#af-wrapper #bottom-navigation {
color: #eb751e !important;
}
#af-wrapper input,
#af-wrapper .forum-post-header-container,
#af-wrapper .forum-poster,
#af-wrapper .topic-poster,
#af-wrapper .member-last-seen,
#af-wrapper .editor-element,
#af-wrapper .content-container,
#af-wrapper .forum-post-header,
#af-wrapper #statistics-body,
#af-wrapper .statistics-element,
#af-wrapper #statistics-online-users,
#af-wrapper .editor-row,
#af-wrapper .editor-row-subject,
#af-wrapper .signature,
#af-wrapper .forum-subforums,
#af-wrapper .uploaded-file img,
#af-wrapper .action-panel-option,
#af-wrapper .topic-sticky .topic-poster,
#af-wrapper #profile-layer,
#af-wrapper #profile-layer .pages-and-menu:first-of-type,
#af-wrapper #profile-content,
#af-wrapper #profile-content .profile-row,
#af-wrapper .history-element,
#af-wrapper #memberslist-filter,
#af-wrapper .content-element,
#af-wrapper .ad-forum,
#af-wrapper .ad-topic,
#af-wrapper .spoiler,
#af-wrapper .spoiler .spoiler-body,
#af-wrapper .report-element,
#af-wrapper .report-source,
#af-wrapper .report-content,
#af-wrapper .report-actions,
#af-wrapper #profile-content .profile-section-header,
#af-wrapper #poll-options,
#af-wrapper #poll-panel,
#af-wrapper #poll-panel #poll-headline,
#af-wrapper #poll-results .poll-result-bar,
#af-wrapper .post-reactions-summary .reaction-names,
#af-wrapper #usergroups-filter {
border-color: #9b4406 !important;
}
#af-wrapper .post-element {
box-shadow: #fff 0px 0px 0px 0px, #9b4406 0px 0px 0px 1px, #0000 0px 0px 0px 0px !important;
}
#af-wrapper .unread {
color: #eb751e !important;
}
#af-wrapper #read-unread .unread {
background-color: #eb751e !important;
}
#af-wrapper {
font-family: Inter, sans-serif !important;
}
#af-wrapper {
font-size: 14px !important;
}
/* ========================================================================= */ /* PARTE 1: RESTAURAR ESTÉTICA GENERAL DEL FORO (Contexto de Diseño Correcto) */ /* Asegura bordes redondeados, tema naranja y hovers de enlaces fijos en la página principal. */ /* ========================================================================= */ #af-wrapper .content-container { border-color: #9b4406; border-style: solid; border-width: 0px 1px 1px; border-radius: 0px 0px 10px 10px; overflow: hidden; box-shadow: 0 2px 5px rgba(155, 68, 6, 0.05); transition: box-shadow 0.3s ease; width: 100% !important; box-sizing: border-box !important; } #af-wrapper .content-container:hover { box-shadow: 0 5px 15px rgba(155, 68, 6, 0.15); } #af-wrapper .content-container > div, #af-wrapper .forum-row { background-color: #ffffff; transition: background-color 0.4s ease, transform 0.2s ease; } /*(Hover) */ #af-wrapper .content-container > div:hover, #af-wrapper .forum-row:hover { background-color: #ffeadb; cursor: pointer; } /* Títulos de los foros */ #af-wrapper .forum-title a { color: #9b4406; text-decoration: none; transition: color 0.3s ease; } #af-wrapper .forum-title a:hover { color: #eb751e; } /* Iconos de mensaje */ #af-wrapper .unread-column i { color: #eb751e; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } #af-wrapper .unread-column:hover i { transform: scale(1.2); } #af-wrapper #forum-search { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-end !important; /* ANCLA A LA DERECHA */ align-items: center !important; position: relative !important; box-shadow: none !important; } #af-wrapper #forum-search form { margin: 0 !important; padding: 0 !important; width: 100% !important; display: flex !important; justify-content: flex-end !important; } /* --- cajas blancas --- */ #af-wrapper #forum-search input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"hidden\"]) { background-color: #ffffff !important; width: 180px !important; padding: 8px 40px 8px 15px !important; border-radius: 30px !important; border: 1px solid rgba(155, 68, 6, 0.2) !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; outline: none !important; transition: all 0.3s ease-out !important; font-size: 14px !important; color: #333333 !important; box-sizing: border-box !important; } #af-wrapper #forum-search input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"hidden\"]):focus { width: 280px !important; border-color: #9b4406 !important; box-shadow: 0 0 10px rgba(155, 68, 6, 0.3) !important; } /* LUPA: */ #af-wrapper #forum-search span.search-icon { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: #9b4406 !important; z-index: 10 !important; cursor: pointer !important; width: auto !important; height: auto !important; line-height: normal !important; padding: 0 !important; margin: 0 !important; font-size: 16px !important; } /* --- MIGA DE PAN --- */ #af-wrapper #forum-breadcrumbs { margin: 15px 0 15px 5px !important; font-size: 15px !important; } #af-wrapper #forum-breadcrumbs a, #af-wrapper #forum-breadcrumbs a span[itemprop=\"name\"] { color: #9b4406 !important; /* Tu naranja oscuro */ text-decoration: none !important; font-weight: light !important; font-style: italic !important; transition: all 0.3s ease !important; } #af-wrapper #forum-breadcrumbs a:hover, #af-wrapper #forum-breadcrumbs a:hover span[itemprop=\"name\"] { color: #eb751e !important; } /* (Home) */ #af-wrapper #forum-breadcrumbs .fa-home { color: #eb751e !important; margin-right: 5px !important; font-size: 16px !important; } /* flechita separadora (>) */ #af-wrapper #forum-breadcrumbs .separator { color: #9b4406 !important; opacity: 0.5 !important; margin: 0 8px !important; font-size: 13px !important; } /* --- HEADER PRINCIPAL --- */ #af-wrapper #forum-header { border-radius: 10px !important; border: 1px solid #9b4406 !important; /* Borde oscuro para dar consistencia */ overflow: hidden !important; /* Corta cualquier fondo de los botones que intente salirse de la curva */ box-shadow: 0 4px 8px rgba(155, 68, 6, 0.1) !important; } /* ========================================= MENÚ DE NAVEGACIÓN (Desktop & Mobile Structure) ========================================= */ #af-wrapper #forum-navigation a { transition: background-color 0.3s ease, color 0.3s ease !important; background-color: transparent !important; color: #ffffff !important; border-radius: 7.5px !important; } #af-wrapper #forum-navigation a:hover { background-color: #9b4406 !important ; color: #ffffff !important; } /* ========================================= 3. TÍTULOS DE LAS CATEGORÍAS (Title Elements) ========================================= */ /* Redondeamos solo arriba para que cierre la \"caja\" con el contenido de abajo */ #af-wrapper .title-element { border-radius: 10px 10px 0 0 !important; /* 10px arriba, 0px abajo */ border: 1px solid #9b4406 !important; border-bottom: none !important; /* Quitamos la línea de abajo para que se fusione con la caja blanca */ transition: all 0.3s ease !important; /* LA SOLUCIÓN AL DESCUADRE: Forzamos el ancho al 100% incluyendo bordes */ width: 100% !important; box-sizing: border-box !important; } /* Opcional: Si los títulos tienen enlaces dentro, que también sean suaves */ #af-wrapper .title-element a { transition: color 0.3s ease !important; } #af-wrapper .title-element a:hover { color: #ffffff !important; } /* --- HOVER GLOBAL ENLACES --- */ /* Resuelve el conflicto específico del tema visto en image_0.png y image_1.png */ #af-wrapper a:hover, #af-wrapper a:hover span, #af-wrapper a:not(.button):not(.highlight-admin):not(.highlight-moderator):hover, #af-wrapper .forum-title a:hover { color: #9b4406 !important; text-decoration: none !important; } /* --- AJUSTES FINALES MENÚ --- */ /* Elimina el borde izquierdo conflictivo visto en image_1.png */ #af-wrapper #forum-navigation a, #af-wrapper #forum-navigation-mobile a { border-left: none !important; } /* --- DISEÑO MÓVIL Y PREPARACIÓN PARA ANIMACIÓN JS --- */ @media (max-width: 768px) { #af-wrapper #forum-header { flex-direction: column !important; height: auto !important; padding: 15px !important; } #af-wrapper #forum-search { margin-top: 15px !important; width: 100% !important; } #af-wrapper #forum-search input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"hidden\"]), #af-wrapper #forum-search input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"hidden\"]):focus { width: 100% !important; } /* Botón del menú móvil (hamburguesa) - Lo convertimos en un botón naranja */ #af-wrapper #forum-navigation-mobile { background-color: #9b4406 !important; /* Naranja oscuro */ color: #ffffff !important; border-radius: 7.5px !important; cursor: pointer; padding: 10px 15px !important; text-align: center; margin-bottom: 10px; /* Separación de la lista de enlaces */ border: 1px solid rgba(155, 68, 6, 0.2) !important; box-sizing: border-box !important; transition: all 0.3s ease !important; width: 100%; display: block !important; } /* Ocultamos el icono de hamburguesa nativo si queremos usar texto limpio */ #af-wrapper #forum-navigation-mobile i.fa-bars { margin-right: 8px; } /* Contenedor de enlaces del menú móvil (se oculta por defecto para la animación JS) */ #af-wrapper #forum-navigation { background-color: #eb751e !important; /* Naranja más claro para el fondo */ border-radius: 7.5px !important; overflow: hidden; /* Necesario para que el slideToggle funcione suavemente */ display: none; /* Oculto por defecto para que JS lo abra SIN !important */ border: 1px solid rgba(155, 68, 6, 0.2) !important; margin: 0 !important; padding: 0 !important; width: 100%; box-sizing: border-box !important; } /* Aseguramos que los enlaces dentro sean blancos y tengan buen espacio */ #af-wrapper #forum-navigation a { color: #ffffff !important; display: block !important; padding: 12px 15px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Línea separadora suave */ width: 100% !important; box-sizing: border-box !important; text-align: left; border-radius: 0 !important; /* Quitamos redondeado individual */ } /* Quitamos el borde del último enlace */ #af-wrapper #forum-navigation a:last-child { border-bottom: none !important; } /* Hover en móvil */ #af-wrapper #forum-navigation a:hover { background-color: rgba(255, 255, 255, 0.1) !important; /* Fondo sutil blanco al pulsar con el dedo */ } } /* ========================================================================= */ /* PARTE 2: CORRECCIÓN DEFINITIVA DEL ESTADO ACTIVO DEL MENÚ (Hamb. y Enlaces) */ /* Asegura que los elementos de menú activos permanezcan naranjas, y elimina contornos del menú hamburguesa al hacer clic. */ /* ========================================================================= */ /* Eliminados los :focus para no atascar el menú en móviles */ #af-wrapper #forum-navigation a:active, #af-wrapper #forum-navigation-mobile:active, #af-wrapper #forum-navigation-mobile a:active, /* Clase activa común de Elementor para toggle del menú móvil (.elementor-menu-toggle) */ .elementor-menu-toggle:active, .elementor-menu-toggle.elementor-active { background-color: #9b4406 !important; color: #ffffff !important; outline: none !important; /* Remueve contornos molestos del navegador al hacer clic */ } /* ========================================================================= */ /* PARTE 3: PÁGINA DE PERFIL (Personalización de Header y Contenido) */ /* Targets #profile-header and #profile-content with inverted orange aesthetics. */ /* ========================================================================= */ /* --- ESTILOS PÁGINA PERFIL (HEADER Y CONTENIDO) --- */ /* 1. Profile Header (Personalización Completa) */ /* Targets the light grey bar with avatar/username to have the same orange aesthetic. */ #af-wrapper #profile-header { background-color: #eb751e !important; /* Fondo naranja principal del perfil */ color: #FFF !important; /* Todo el texto base en blanco */ /* Mantener estética de foro: bordes y redondeado (copiado de Part 1) */ border: 1px solid #9b4406 !important; border-radius: 10px 10px 0 0 !important; /* Redondeado arriba */ overflow: hidden !important; padding: 15px !important; box-sizing: border-box !important; transition: all 0.3s ease !important; display: flex !important; /* Asegurar layout flex nativo */ align-items: center !important; } /* Contenido interno de info de usuario en el header */ #af-wrapper #profile-header .user-info { color: #9b4406 !important; font-weight: 600; /* Texto blanco */ } /* Avatar dentro del header */ #af-wrapper #profile-header .user-avatar-content, #af-wrapper #profile-header .avatar { border: 2px solid #9b4406 !important; /* Borde naranja oscuro */ border-radius: 10px !important; } /* Título/Rol del usuario (Administrador) en el header - Texto especial gris light */ #af-wrapper #profile-header .profile-header .user-title, /* Clase específica de rol */ #af-wrapper #profile-header small { color: #cccccc !important; /* Gris claro visible sobre naranja */ } /* Iconos de estado (Online) en el header */ #af-wrapper #profile-header .status-online, #af-wrapper #profile-header .af-status-online { color:#008000 !important; /* Verde nativo, pero podemos cambiarlo a blanco o naranja si es necesario */ } /* 2. Profile Content (Personalización de Contenido y Pestañas) */ /* Targets #profile-content from image_11.png with rounded corners, orange fondo, white text. */ /* Contenedor principal del contenido del perfil */ #af-wrapper #profile-content { background-color: #eb751e !important; /* Fondo naranja principal del perfil */ color: #ffffff !important; /* Todo el texto base en blanco */ /* Mantener estética de foro: bordes y redondeado (copiado de Part 1) */ border: 1px solid #9b4406 !important; border-top: none !important; /* Se fusiona con el header de arriba */ border-radius: 0 0 10px 10px !important; /* Redondeado abajo */ overflow: hidden !important; padding: 20px !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } /* Títulos dentro del perfil (Nombre de usuario en image_11.png) */ #af-wrapper #profile-content h1, #af-wrapper #profile-content .main-title-profile, /* Clase específica Asgaros */ #af-wrapper #profile-content h2, #af-wrapper #profile-content h3 { color: #ffffff !important; text-shadow: none !important; /* Limpia sombras si existen */ } /* Textos en cursiva (cursiva) a gris claro */ #af-wrapper #profile-content em, #af-wrapper #profile-content i, /* Italics inside profile content, careful with icons */ #af-wrapper #profile-content span[style*=\"italic\"], #af-wrapper #profile-content .cursiva /* Clase específica */ { color: #cccccc !important; font-style: italic !important; } /* Barra de pestañas internas del perfil (Perfil, Historia... en image_11.png) */ #af-wrapper #profile-content .profile-tabs, #af-wrapper #profile-content .profile-nav { /* Clases Asgaros para tabs */ border-bottom: 2px solid #ffffff !important; /* Línea separadora blanca */ margin-bottom: 20px !important; overflow: visible !important; display: flex !important; border-radius: 0 !important; } /* Estilo para los enlaces de pestañas individuales */ #af-wrapper #profile-content .profile-tabs a, #af-wrapper #profile-content .profile-nav a { color: #ffffff !important; background: transparent !important; border-radius: 5px 5px 0 0 !important; margin-right: 5px !important; padding: 10px 15px !important; transition: all 0.3s ease !important; text-decoration: none !important; border: none !important; } /* Hover en pestañas del perfil */ #af-wrapper #profile-content .profile-tabs a:hover, #af-wrapper #profile-content .profile-nav a:hover { background-color: #9b4406 !important; /* Naranja más oscuro al hover */ color: #ffffff !important; } /* Pestaña activa/actual (Perfil en image_11.png) - Invertimos para visibilidad */ #af-wrapper #profile-content .profile-tabs a.current, #af-wrapper #profile-content .profile-nav a.active, #af-wrapper #profile-content .profile-nav a.current-item { background-color: #ffffff !important; /* Fondo blanco para activo */ color: #eb751e !important; /* Texto naranja en fondo blanco */ font-weight: bold !important; } /* Hover fondo oscuro para \"Historia de la publicación\" */ #af-wrapper #profile-navigation a:hover { background-color: #9b4406 !important; color: #ffffff !important; } /* Pestaña ACTIVA (\"Perfil\") con fondo oscuro */ #af-wrapper #profile-navigation a.active { background-color: #9b4406 !important; font-weight: bold !important; } #af-wrapper .user-online .avatar { box-shadow: 0px 0px 0px 5px #f6741780; border: 1px solid #82f338; } /* ENLACES WEB BLANCOS SOLO EN ESTA SECCIÓN DEL PERFIL */ #af-wrapper #profile-content .profile-row-value a { color: #ffffff !important; text-decoration: underline !important; } #af-wrapper #profile-content .profile-row-value a:hover { color: #9b4406 !important; } #af-wrapper .reputation-badges { color: #eb751e; }