/*
Theme Name: Chollos KALUX
Template: neve
Description: Child theme del Neve para es.kalux.com.br (Chollos KALUX). Toda la
lógica de datos (número, URL corta, contacto) vive en mu-plugins; aquí solo
vive la presentación.
Version: 1.1.0
Author: KALUX
*/
/* ===========================================================================
Paleta de marca — sobrescribe las variables nativas del Neve (así todo
el tema, botones y hover de menú incluidos, hereda el color sin tener
que pelear con cada componente uno por uno).
=========================================================================== */
:root {
--nv-primary-accent: #e8570f; /* naranja marca — antes #2f5aae (azul de fábrica) */
--nv-secondary-accent: #e8570f;
--nv-text-color: #24211d;
--chollos-naranja: #e8570f;
--chollos-naranja-oscuro: #c2470b;
--chollos-verde: #128C7E;
--chollos-verde-claro: #25D366;
--chollos-tinta: #1c2b3a; /* azul-grafito oscuro — cabecera, hero, footer */
--chollos-tinta-2: #26394d;
--chollos-crema: #fff8f2; /* fondo cálido, no blanco puro */
--chollos-rojo: #d63638;
--chollos-borde: #ece4db;
}
body {
background: var(--chollos-crema);
}
/* ===========================================================================
Cabecera — logo con color de marca, menú con más aire
=========================================================================== */
.header {
border-bottom: 3px solid var(--chollos-naranja);
background: #fff;
}
.site-logo .site-title {
color: var(--chollos-tinta) !important;
font-weight: 800 !important;
letter-spacing: -.02em;
}
.site-logo small {
color: #8a7f74 !important;
}
.primary-menu-ul .menu-item a {
font-weight: 600;
}
.primary-menu-ul .menu-item.nv-active a,
.primary-menu-ul .menu-item a:hover {
color: var(--chollos-naranja) !important;
}
/* El footer nativo del Neve ("Neve | Powered by WordPress") queda oculto:
el footer propio de más abajo ya cubre marca + legal + copyright, y dos
franjas oscuras apiladas se veían como un error de maquetación. */
.site-footer#site-footer {
display: none;
}
/* ===========================================================================
Home reordenada (20/09/2026): busca primero, sin hero grande arriba.
La "línea de marca" es un por SEO, pero visualmente es solo texto.
=========================================================================== */
.chollos-linea-marca {
font-size: 15px;
font-weight: 500;
color: #7a7168;
text-align: center;
margin: 8px 0 32px;
line-height: 1.5;
}
.chollos-linea-marca strong { color: var(--chollos-tinta); }
/* Barra "Únete al canal" cuando NO está dentro del hero (fallback) */
.chollos-cabecera-canal {
background: var(--chollos-verde);
color: #fff;
text-align: center;
padding: 10px 16px;
font-size: 14px;
}
.chollos-cabecera-canal a { color: #fff; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.chollos-cabecera-canal a:hover { text-decoration: underline; }
/* Botón "Únete al canal" reutilizable (home + producto) */
.chollos-btn-canal {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--chollos-verde-claro);
color: #fff !important;
padding: 13px 22px;
border-radius: 8px;
font-weight: 700;
text-decoration: none !important;
margin: 14px 0;
box-shadow: 0 2px 8px rgba(37,211,102,.35);
transition: transform .15s ease, box-shadow .15s ease;
}
.chollos-btn-canal:hover {
background: var(--chollos-verde);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(18,140,126,.4);
}
/* Versión de la home (20/09/2026): ancho completo y más alto (48px) */
.chollos-btn-canal-full {
display: flex;
width: 100%;
justify-content: center;
min-height: 48px;
box-sizing: border-box;
}
/* Selo del número de producto */
.chollos-selo-numero {
display: inline-block;
background: var(--chollos-tinta);
color: #fff;
font-weight: 800;
padding: 5px 12px;
border-radius: 6px;
font-size: 14px;
margin-bottom: 10px;
letter-spacing: .02em;
}
/* Selo de envío desde España */
.chollos-selo-envio {
display: inline-block;
background: #eef7ee;
color: #2b7a2b;
border: 1px solid #bfe3bf;
padding: 5px 12px;
border-radius: 999px;
font-size: 13px;
font-weight: 600;
margin: 8px 0;
}
/* Aviso de afiliado, siempre visible bajo el botón de compra */
.chollos-aviso-afiliado {
font-size: 13px;
color: #6b6258;
max-width: 480px;
margin: 10px 0 18px;
line-height: 1.5;
}
/* Botón "Comprar en AliExpress" (override del