/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Cynthia
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Melvin García ( http://www.melvingarcia.com/ )
    --------------------------------------------------------------
*/

@import url("https://fonts.googleapis.com/css?family=Electrolize");
@import url("../../prosilver/theme/normalize.css?hash=48eb3f89");
@import url("../../prosilver/theme/base.css?hash=7c5543be");
@import url("../../prosilver/theme/utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=cbeb92cc");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=5856472d");
@import url("../../prosilver/theme/cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("../../prosilver/theme/icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");
@import url("cynthia.css?v=3.5");


a#logo-top {
    display: none;
}

.tags {
    color: #ffffff;
    background-color: #4f46e5; /* Cambiado al Índigo Maestro, vibrante y con presencia */
    border: 1px solid #4f46e5; /* Borde sólido del mismo tono para eliminar el gris pálido */
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px;
    bottom: 1px;
    position: relative;
    font-variant: small-caps;
    margin-right: 4px;
    
    /* Configuración Estricta de Bordes y Tipografía */
    border-radius: 6px; /* Radio optimizado dentro del límite estricto de 11px */
    font-weight: 700;   /* Peso Bold obligatorio para destacar etiquetas */
    overflow: hidden;   /* Necesario para contener el destello de la animación */
    
    /* Animación de Destello Continua */
    animation: tagShine 4s ease-in-out infinite;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Efecto interactivo al pasar el cursor (Hover) */
.tags:hover {
    transform: translateY(-1px); /* Elevación sutil */
    background-color: #3b34b3;   /* Tono más oscuro/profundo en hover para mantener la elegancia */
    border-color: #3b34b3;
}

/* Definición de la Animación (Destello de luz blanca limpia y viva) */
@keyframes tagShine {
    0% {
        box-shadow: inset -30px 0 20px -20px rgba(255, 255, 255, 0);
    }
    25% {
        box-shadow: inset 120px 0 25px -20px rgba(255, 255, 255, 0.5), 
                    inset 130px 0 5px 0px rgba(255, 255, 255, 0.2);
    }
    50%, 100% {
        box-shadow: inset 180px 0 20px -20px rgba(255, 255, 255, 0);
    }
}

span.reply-url-lock {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    background-color: #1b2335;
    color: #ffffff;
    border: 1px solid #4f46e5;
    border-left: 4px solid #e11d48; /* Detalle de alerta sólido sin transparencias */
    border-radius: 11px;
    padding: 6px 12px;
    margin: 4px 0;
    text-align: center;
}

 span.reply-post-alert {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: block;
    background-color: #991b1b; /* Rojo sólido quemado premium (sin transparencias) */
    color: #ffffff;
    border: 2px solid #ef4444; /* Borde rojo encendido para resaltar */
    border-radius: 11px;
    padding: 12px 20px;
    margin: 10px 0;
    text-align: center;
}

span.reply-content-premium {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: block;
    background-color: #1b2335; /* Fondo Navy */
    color: #ffffff;
    border: 2px solid #4f46e5; /* Borde de acción Índigo */
    border-radius: 11px; /* Radio máximo estricto */
    padding: 15px 20px;
    margin: 12px 0;
    text-align: center;
    line-height: 1.6;
}

.forum-image img {
    max-width: 100%;
    margin-top: -5px; /* Cambia a número positivo (ej: 5px) si la quieres mover hacia abajo */
}

/* Forzar comportamiento de ficha técnica TMDB nativa en el post */
.postbody .content table {
    width: 100%;
    border-collapse: separate; /* Cambiado a separate para que respete el border-radius */
    border-spacing: 0;
    background-color: #222222; /* Gris intermedio del estilo */
    border: 1px solid #2a2a2a; /* Borde sutil del bloque */
    border-radius: 4px; /* Radio unificado a nuestro estilo */
    overflow: hidden;
    margin-bottom: 15px;
}

/* Columna Izquierda: Contenedor del Póster */
.postbody .content td:first-child {
    width: 170px;
    vertical-align: top;
    padding: 15px; /* Padding interno limpio */
}

/* Imagen del Póster Grande dentro del Post */
.postbody .content td:first-child img {
    width: 170px;
    height: auto;
    border: 2px solid #2a2a2a; /* Borde oscuro para resaltar la carátula */
    border-radius: 4px; /* Unificado a 4px */
    display: block;
    object-fit: cover;
}

/* Columna Derecha: Contenedor de Textos (Sinopsis, Info) */
.postbody .content td:last-child {
    vertical-align: top;
    padding: 15px 15px 15px 0; /* Separación interna limpia */
    color: #ffffff; /* Texto blanco legible */
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif; /* Fuente del foro */
    font-size: 13px;
    line-height: 1.5;
}

/* Anular por completo cualquier efecto hover en las tablas de los aportes */
.postbody .content table,
.postbody .content tr,
.postbody .content td {
    background-color: #222222 !important; /* Mantiene nuestro gris oscuro fijo */
    background: #222222 !important;
}

.postbody .content tr:hover,
.postbody .content td:hover,
.postbody .content table:hover {
    background-color: #222222 !important; /* Bloquea el cambio a color claro de phpBB */
    background: #222222 !important;
    color: #ffffff !important; /* Mantiene el texto siempre blanco */
}