/* =====================================================
   NEXUS — Tema VERDE CLARO (se carga al final en TODAS las páginas)
   Tonos tomados de la imagen de referencia: #b5de5e (borde) y #9bd636 (centro)
   ===================================================== */
:root {
    --fondo: #b5de5e;
    --fondo2: #a6d546;
    --fondo3: #9bd636;
    --texto: #17330a;
    --blanco: #17330a;
    --rosa: #2f6b0a;      /* acentos y letras resaltadas */
    --azul: #1f4d06;
    --morado: #3f8f12;
    --gris: #2b4a14;
}

/* Fondo de TODA la página (también al hacer scroll/rebote) */
html { background: var(--fondo); min-height: 100%; }
body { background: var(--fondo); color: var(--texto); min-height: 100vh; }

/* Texto y enlaces oscuros para que se lean sobre el verde claro */
a, .links a, #botonCarrito, .chip, .formulario input, .formulario select, .formulario textarea,
input, select, textarea, .agregar, .eliminar, summary { color: var(--texto); }
.links a:hover { color: var(--azul); text-shadow: none; }
.links a.activo, a.activo { color: var(--azul); text-shadow: none; text-decoration: underline; text-underline-offset: 6px; }
.logo span, .contenidoInicio h1 span { text-shadow: none; }
::placeholder { color: rgba(23,51,10,0.6); }

/* Menú, portada y pie */
header { background: rgba(155,214,54,0.96); border-bottom-color: rgba(23,51,10,0.15); }
.inicio {
    background: radial-gradient(circle at center, #9bd636 0%, #acdb50 45%, #b5de5e 100%);
}
.inicio::before {
    background-image:
        linear-gradient(rgba(23,51,10,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(23,51,10,0.06) 1px, transparent 1px);
}
footer { background: #9bd636; border-top-color: rgba(23,51,10,0.2); }
footer p { color: var(--gris); }

/* Tarjetas, cajas y ventanas (verde claro un poco distinto del fondo) */
.producto, .beneficio, .caja, .acordeon details, .chip, .cajaVideo {
    background: #a6d546;
    border-color: rgba(23,51,10,0.2);
}
.producto { background: linear-gradient(145deg, #acdb50, #9bd636); }
.imagenProducto { background: radial-gradient(circle, rgba(255,255,255,0.30), transparent 60%); }
.contenidoCarrito, .toast { background: #b5de5e; border-color: #2f6b0a; }
.toast, .contenidoCarrito { box-shadow: 0 0 25px rgba(23,51,10,0.25); }
.productoCarrito, .item { border-bottom-color: rgba(23,51,10,0.2); }
.oferta, .resultado {
    background: linear-gradient(100deg, rgba(255,255,255,0.35), rgba(255,255,255,0.15));
    border-color: rgba(23,51,10,0.35);
}
.chip:hover, .chip.on { background: rgba(255,255,255,0.4); border-color: #2f6b0a; }
.cuenta div { background: rgba(255,255,255,0.3); border-color: rgba(23,51,10,0.3); }
.marca { background: rgba(23,51,10,0.12); color: #17330a; }
.eliminar { color: #7a1d12; }
.formulario input, .formulario select, .formulario textarea, input, select, textarea {
    background: #e4f5b8; border-color: rgba(23,51,10,0.3);
}

/* Botones: verde oscuro con texto blanco para que se lea bien */
.boton { background: linear-gradient(90deg, #3f8f12, #2f6b0a); color: #fff; }
#botonCarrito { border-color: #2f6b0a; }
#botonCarrito:hover, #contador, .agregar:hover, .agregar.on { background: #2f6b0a; color: #fff; }
.boton:hover, #botonCarrito:hover, .agregar:hover { box-shadow: 0 0 20px rgba(47,107,10,0.45); }
.agregar { border-color: #2f6b0a; }

/* Sin brillos de neón (se veían borrosos sobre el verde claro) */
.contenidoInicio h1, .contenidoInicio h1 span, .logo, .logo span { text-shadow: none; }

/* Campos de búsqueda y selección (mayor especificidad que nexus.css) */
.herramientas input, .herramientas select, .formulario input, .formulario select, .formulario textarea {
    color: var(--texto); background: #e4f5b8; border-color: rgba(23,51,10,0.3);
}
.herramientas input:focus, .herramientas select:focus { border-color: #2f6b0a; box-shadow: 0 0 12px rgba(47,107,10,0.3); }
select option { background: #e4f5b8; color: var(--texto); }