/*
Paleta "Neón & Glam" — Copuchando
Se activa/desactiva agregando la clase "neon-glam" al <body>.
Para volver al estilo anterior, quitar la clase (opción WordPress copuchando_theme_style).
*/

body.neon-glam {
	background: #FAFAFA;
}

/* ===== Barra de menú superior ===== */
body.neon-glam .main-navigation,
body.neon-glam .main-navigation ul ul {
	background-color: #331342;
}

body.neon-glam .main-navigation .main-nav ul li a,
body.neon-glam .main-navigation .menu-toggle,
body.neon-glam .main-navigation .menu-bar-items,
body.neon-glam .main-navigation .mobile-bar-items .search-item a {
	color: #FFFFFF;
}

/* Hover: solo subrayado inferior (sin cambiar el fondo) */
body.neon-glam .main-navigation .main-nav ul li > a {
	position: relative;
}

body.neon-glam .main-navigation .main-nav ul li > a::after {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 3px;
	background: #D81B60;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.2s ease;
}

body.neon-glam .main-navigation .main-nav ul li:hover > a,
body.neon-glam .main-navigation .main-nav ul li.sfHover > a {
	color: #C59B27;
	background-color: transparent;
}

body.neon-glam .main-navigation .main-nav ul li:hover > a::after,
body.neon-glam .main-navigation .main-nav ul li.sfHover > a::after {
	transform: scaleX(1);
}

body.neon-glam .main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #C59B27;
	background-color: rgba(197, 155, 39, 0.12);
}

body.neon-glam .main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
	transform: scaleX(1);
}

/* Hover de items del menú sin fondo rojo */
body.neon-glam .main-navigation .main-nav ul li:hover > a,
body.neon-glam .main-navigation .main-nav ul li.sfHover > a {
	color: #C59B27;
	background-color: transparent;
}

/* ===== Header completo ===== */
body.neon-glam .site-header {
	background-color: #331342;
	border-bottom: none;
}

/* Lupa: glow neón en el contorno del ícono (sin caja ni borde circular) */
body.neon-glam .main-navigation .search-item > a,
body.neon-glam .main-navigation .mobile-bar-items .search-item a {
	border: none;
	border-radius: 0;
	padding: 0 16px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

body.neon-glam .main-navigation .search-item,
body.neon-glam .main-navigation .mobile-bar-items .search-item {
	display: flex;
	align-items: center;
	height: 60px;
}

body.neon-glam .main-navigation .search-item > a svg,
body.neon-glam .main-navigation .mobile-bar-items .search-item a svg {
	filter: drop-shadow(0 0 4px #D81B60) drop-shadow(0 0 8px rgba(216, 27, 96, 0.6));
	display: block;
}

/* Quitar fondo rojo del search activo (cuadro de texto y botón lupa) */
body.neon-glam .navigation-search input[type="search"],
body.neon-glam .navigation-search input[type="search"]:active,
body.neon-glam .navigation-search input[type="search"]:focus,
body.neon-glam .main-navigation .main-nav ul li.search-item.active > a,
body.neon-glam .main-navigation .menu-bar-items .search-item.active > a {
	background-color: #331342;
	color: #FFFFFF;
}

/* ===== Tarjetas de noticias (cards) ===== */
body.neon-glam .copu-latest .card,
body.neon-glam .copu-tendencia .hero-card {
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(59, 28, 84, 0.08);
}

/* ===== Badges / etiquetas de categoría ===== */
body.neon-glam .copu-tendencia .hero-card .cat,
body.neon-glam .copu-latest .card .cat,
body.neon-glam .copu-section-title,
body.neon-glam .copu-related-title,
body.neon-glam .copu-popular .pop-rank {
	background: #D81B60;
	color: #FFFFFF;
	border-radius: 20px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

/* ===== Tabs del sidebar ===== */
body.neon-glam .copu-tabs {
	border-bottom: 2px solid #D81B60;
}

body.neon-glam .copu-tab.is-active {
	color: #D81B60;
	border-bottom-color: #D81B60;
}

body.neon-glam .copu-tab:hover {
	color: #C59B27;
}

/* ===== Titulares y texto ===== */
body.neon-glam h1,
body.neon-glam h2,
body.neon-glam h3,
body.neon-glam .entry-title,
body.neon-glam .copu-latest .card h3,
body.neon-glam .copu-tendencia .hero-card h2,
body.neon-glam .copu-popular .pop-title {
	color: #1F2937;
}

body.neon-glam .copu-latest .card h3 a:hover,
body.neon-glam .copu-popular .pop-title:hover,
body.neon-glam .entry-title a:hover {
	color: #D81B60;
}

body.neon-glam .copu-tendencia .side-list .mini:hover h3 {
	color: #D81B60;
}

body.neon-glam .copu-tendencia .hero-card h2 a:hover,
body.neon-glam .copu-latest .card:hover h3 {
	color: #D81B60;
}

/* ===== Enlaces "También te puede interesar" ===== */
body.neon-glam .copu-related-inline {
	border-left-color: #D81B60;
}

body.neon-glam .copu-related-inline a {
	color: #D81B60;
}

/* ===== Botón ver más ===== */
body.neon-glam .copu-load-more {
	border-color: #D81B60;
	color: #D81B60;
}

body.neon-glam .copu-load-more:hover {
	background: #D81B60;
	color: #FFFFFF;
}

/* ===== Author box ===== */
body.neon-glam .copu-author-box {
	border-left-color: #D81B60;
}

/* ===== Footer ===== */
body.neon-glam .copu-footer {
	background: #331342;
}

body.neon-glam .copu-footer-title {
	color: #C59B27;
}

body.neon-glam .copu-footer-links a:hover,
body.neon-glam .copu-footer-email:hover {
	color: #D81B60;
}

body.neon-glam .copu-social:hover {
	background: #D81B60;
}

/* ===== Badge destacado/exclusivo (dorado) ===== */
body.neon-glam .copu-tendencia .hero-card .cat {
	background: #C59B27;
	color: #1F2937;
}

/* Fondo de lupa activa sin color */
body.neon-glam .main-navigation .search-item.active > a,
body.neon-glam .main-navigation .menu-bar-items .search-item.active > a {
	background-color: transparent;
	color: #FFFFFF;
}

/* Títulos de artículos en categorías/archivos: gris carbón, hover fucsia */
body.neon-glam .entry-title,
body.neon-glam .entry-title a {
	color: #1F2937;
}

body.neon-glam .entry-title a:hover {
	color: #D81B60;
}

/* Enlaces generales del contenido (no rojo por defecto) */
body.neon-glam .entry-content a {
	color: #D81B60;
}

/* Comentarios de Facebook */
.copu-fb-comments {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 2px solid #D81B60;
}
.copu-fb-comments-title {
	font-size: 20px;
	font-weight: 700;
	color: #D81B60;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.copu-fb-comments .fb-comments {
	background: transparent;
}