/* Brascorp · Paleta luminosa propia.
   Capa exclusivamente cromática: no cambia tamaños, posiciones, fuentes,
   recortes de logo, animaciones, estructura de páginas ni funciones del CMS.
   Los campos principal/acento/fondo/texto se editan en el Admin existente. */
:root {
  --navy: #4933c7;
  --navy-deep: #302277;
  --blue: #4933c7;
  --teal: #137f82;
  --ink: #223149;
  --muted: #596579;
  --line: #e6e2f7;
  --soft: #f6f8fc;
  --white: #ffffff;
  --on-primary: #ffffff;
  --on-accent: #ffffff;
  --bc-primary-hover: #3e2daa;
  --bc-wash: #f1f0fb;
  --bc-wash-strong: #e7e4f8;
  --bc-mint: #e5f1f1;
  --bc-mint-strong: #c9e2e2;
  --bc-honey: #f5c866;
  --bc-heading: #223149;
}
::selection { background: var(--bc-wash-strong); color: #302277; }
.button-primary, .add-button { background: var(--blue); color: var(--on-primary); }
.button-primary:hover, .add-button:hover { background: var(--bc-primary-hover); }
.button-white { background: #ffffff; color: var(--blue); }
.button-white:hover { background: var(--bc-wash); }
.button-outline { color: var(--blue); border-color: var(--line); }
.button-outline:hover { background: var(--bc-wash); border-color: var(--blue); }
.text-link, .eyebrow { color: var(--blue); }
/* El encabezado aprobado permanece blanco y conserva sus medidas. */
.site-header { border-bottom-color: var(--line); }
.desktop-nav a { color: #526079; }
.desktop-nav a.active, .desktop-nav a:hover, .header-actions { color: var(--blue); }
.desktop-nav a.active::after { background: var(--blue); }
.cart-count, .mobile-nav a.active { background: var(--bc-wash); color: var(--blue); }
.announcement-marquee { background: var(--bc-wash); color: #302277; }
.announcement-marquee::before { background: linear-gradient(90deg,var(--bc-wash),transparent); }
.announcement-marquee::after { background: linear-gradient(-90deg,var(--bc-wash),transparent); }
.announcement-item::after { color: var(--teal); }
/* Tonos de presentación, no recoloración de los logotipos oficiales. */
.tone-blue { --tone:#3068cd; --tone-dark:#254985; --tone-light:#dcefff; --tone-glow:#a6d9fc; }
.tone-cyan { --tone:#147e87; --tone-dark:#11515c; --tone-light:#d9f4ef; --tone-glow:#9eddd8; }
.tone-orange { --tone:#a34e1c; --tone-dark:#713416; --tone-light:#fff0d0; --tone-glow:#f7d07f; }
.tone-pink { --tone:#b03d79; --tone-dark:#7b285e; --tone-light:#fae3ee; --tone-glow:#edbad7; }
.tone-green { --tone:#34774a; --tone-dark:#245339; --tone-light:#e5f3d8; --tone-glow:#c2e493; }
.tone-slate { --tone:#5c49ae; --tone-dark:#413076; --tone-light:#eae6ff; --tone-glow:#c7bdfa; }
/* No se aplican tintes a fotos reales ni al modo Solo imagen. */
.home-hero { background: #edf4fc; }
.hero-slide:not(.hero-has-photo) {
  background: radial-gradient(ellipse at 88% 42%,var(--tone-glow),transparent 56%),linear-gradient(115deg,#ffffff,var(--tone-light));
  color: var(--bc-heading);
}
.hero-slide:not(.hero-has-photo) .hero-copy h1 { color: var(--tone-dark); text-shadow: none; }
.hero-slide:not(.hero-has-photo) .hero-brand,
.hero-slide:not(.hero-has-photo) .hero-eyebrow { color: var(--tone-dark); }
.hero-slide:not(.hero-has-photo) .hero-eyebrow > span { background: var(--tone); }
.hero-slide:not(.hero-has-photo) .hero-description { color: #485a6c; }
.hero-slide:not(.hero-has-photo) .button-white { background: var(--blue); color: var(--on-primary); }
.hero-slide:not(.hero-has-photo) .button-white:hover { background: var(--bc-primary-hover); }
.hero-slide:not(.hero-has-photo) .button-transparent { color: var(--tone-dark); border-color: var(--tone); background: #ffffffb3; }
.hero-slide:not(.hero-has-photo) .button-transparent:hover { background: #ffffff; }
.hero-slide:not(.hero-has-photo) .brand-watermark { color: var(--tone); opacity: .12; }
.hero-slide:not(.hero-has-photo) .orbit { border-color: var(--tone); opacity: .18; }
.hero-slide:not(.hero-has-photo) .visual-spark { color: var(--tone); border-color: #ffffff; background: #ffffff7a; }
.hero-slide:not(.hero-has-photo) .hero-plinth { background: linear-gradient(150deg,#ffffff,var(--tone-glow)); box-shadow: 0 24px 40px #36588416; }
.hero-slide:not(.hero-has-photo) .visual-caption { color: #486175; }
.hero-slide:not(.hero-has-photo) .caption-dot { background: var(--tone); }
.hero-has-photo { color:#ffffff; }
.hero-has-photo .hero-brand, .hero-has-photo .hero-eyebrow,
.hero-has-photo .hero-description { color:#ffffff; }
/* Inicio: luz, color localizado en tarjetas y una llamada de contraste. */
.home-shortcuts, .home-paths, .home-contact { background: var(--white); }
.shortcuts-grid { border-color: var(--line); }
.shortcuts-grid > a { border-color: var(--line); }
.shortcuts-grid > a:hover { background: var(--bc-wash); }
.shortcut-icon { background: var(--bc-wash); color: var(--blue); }
.home-intro { background: var(--white); }
.home-lines { background: var(--soft); }
.line-preview { border-color: #ffffff; }
.line-preview p { color: #485a6c; }
.line-preview-icon { background: #ffffffbd; }
.path-preview { border-color: var(--line); background: var(--white); }
.path-preview:hover { border-color: var(--blue); background: var(--bc-wash); }
.path-preview-number { color: var(--teal); }
.contact-strip { background: var(--blue); color: var(--on-primary); }
.contact-strip h2, .contact-strip p, .contact-strip .eyebrow { color: var(--on-primary); }
/* Nosotros: miel suave y una pieza de identidad violeta. */
.about-hero { background: #fff5df; color: var(--bc-heading); }
.about-hero::before { border-color: #d4b26836; }
.about-hero .eyebrow { color: #88591b; }
.about-art-inner { background: var(--blue); color: var(--on-primary); box-shadow: 18px 18px 0 #f1d797; }
.about-monogram { color: var(--on-primary); }
.about-monogram > span { background: var(--bc-honey); border-color: var(--blue); }
.about-art-footer .icon { color: var(--bc-honey); }
.hero-story-link { color: var(--blue); border-color: var(--blue); }
/* Marcas: mosaico original con tonos más definidos. */
.brands-hero { background: var(--bc-wash); color: var(--bc-heading); }
.brands-hero::before { border-color: var(--bc-wash-strong); }
.brands-hero .eyebrow { color: var(--blue); }
.showcase-tile:nth-child(6n + 1) { background:#dcefff; color:#254985; }
.showcase-tile:nth-child(6n + 2) { background:#d9f4ef; color:#11515c; }
.showcase-tile:nth-child(6n + 3) { background:#fff0d0; color:#713416; }
.showcase-tile:nth-child(6n + 4) { background:#fae3ee; color:#7b285e; }
.showcase-tile:nth-child(6n + 5) { background:#e5f3d8; color:#245339; }
.showcase-tile:nth-child(6n + 6) { background:#eae6ff; color:#413076; }
.brand-card, .product-card { background: var(--white); border-color: var(--line); }
.brand-card-number, .brand-card-glyph { opacity: .85; }
.brand-detail-hero { background: linear-gradient(110deg,#ffffff,var(--tone-light)); border-color: var(--line); }
.brand-detail-layout h1 { color: var(--tone-dark); }
.detail-wordmark { border-color: #ffffff; }
/* Productos: portada menta luminosa. Conserva su buscador y composición. */
.products-hero { background: var(--bc-mint); color: #174852; }
.products-hero::before { background: radial-gradient(ellipse at 88% 55%,#7dcfd84d,transparent 60%); }
.products-hero .eyebrow, .products-hero .catalogue-search > label { color: #285761; }
.products-hero h1 { color: #174852; }
.products-hero .interior-copy > p { color: #285761; }
.products-hero .breadcrumb { color: #285761; }
.products-hero .breadcrumb [aria-current] { color: #174852; }
.products-hero .search-input-wrap { background: #ffffff; box-shadow: 0 8px 28px #246b7610; }
.product-stage-ring { border-color: #31838c44; box-shadow: 0 0 0 32px #9adcd224,0 0 0 66px #9adcd21c; }
.stage-base { background: linear-gradient(120deg,#b4e0db,#65b0bd); box-shadow: 0 17px 22px #246b7624; }
.stage-star { color: #977024; }
.stage-caption { color: #255461; }
.filter-panel { border-color: var(--line); background: var(--white); }
.product-price.pending { color: var(--blue); }
.product-bottle > span { color:#ffffff; }
.product-tag { background: #ffffffeb; color:#485a6c; }
.product-brand { color: var(--tone-dark); }
.order-summary, .page-hero { background: var(--bc-wash); border-color: var(--line); }
.page-hero p { color: var(--muted); }
/* Vendedores: orquídea y miel. Su formulario sigue separado de Contacto. */
.sellers-hero { background:#f5edff; color:#392561; }
.sellers-hero::before { border-color:#e7daf433; }
.sellers-hero .eyebrow { color:#6c418d; }
.sellers-hero h1 { color:#392561; }
.sellers-hero .interior-copy > p { color:#5a4672; }
.sellers-hero .breadcrumb { color:#5a4672; }
.button-lime { background: var(--blue); color: var(--on-primary); }
.button-lime:hover { background:var(--bc-primary-hover); }
.opportunity-star, .opportunity-connection { color:#725296; border-color:#d6c8e5; }
.opportunity-orbit { border-color:#c6b4de; }
.card-brands { background:var(--blue); color:var(--on-primary); border-color:#ffffff66; }
.card-you { background:#fce6a7; color:#604519; border-color:#fff1cb; }
.sellers-process { background:var(--white); }
.seller-application { background:#f7f1fd; }
.step-number { background:#ede4f7; color:#57367d; }
/* Contacto: cielo claro con conversación en blanco y turquesa. */
.contact-hero { background:#eaf5ff; color:#204c65; }
.contact-hero::before { background:#d6eafd; }
.contact-hero .eyebrow { color:#32677e; }
.contact-art { background:#ffffff; box-shadow:15px 15px 0 #bdddF1; }
.conversation-title { color:#286075; border-color:#d7e8ef; }
.conversation-bubble { background:#dbf1ee; color:#205459; }
.contact-intents a { color:#285d70; border-color:#c6e2ea; background:#ffffff; }
.contact-intents a:hover { background:#edf8f7; }
.buyer-checklist > span { color:var(--muted); }
.buyer-checklist .icon { color:var(--teal); }
.contact-form { background:var(--white); border-color:var(--line); }
.contact-form input:not([type=checkbox]), .contact-form textarea, .contact-form select,
select { border-color:#ccd3e3; background:#fdfdff; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color:#68738a; }
.contact-form input:focus, .contact-form textarea:focus, select:focus { outline-color:var(--blue); border-color:var(--blue); }
.contact-form input[type=checkbox] { accent-color:var(--blue); }
/* Pie: misma tarjeta blanca y mismos espacios que en la entrega aprobada. */
.site-footer { background:var(--bc-wash); color:var(--muted); }
.site-footer .footer-intro > p { color:var(--muted); }
.site-footer .footer-grid h2 { color:#302277; }
.site-footer .footer-grid > div > a:not(.logo), .site-footer .footer-button { color:var(--muted); }
.site-footer .footer-grid a:hover, .site-footer .footer-button:hover { color:var(--blue); }
.site-footer .footer-bottom { border-top-color:var(--line); color:#5c637b; }
/* WhatsApp conserva su color de marca, sin tomar el acento del sitio. */
.whatsapp-button, .whatsapp-button:hover { background:#25d366; color:#ffffff; }