/**
 * JujuyConectado Pro 2026 · Microsite CTA V2 · v9.5.55.297
 * Alternancia cromática controlada por micrositio + destello CTA Home.
 * Geometría, rutas y footer permanecen intactos.
 */

/* ==========================================================
 * Paleta azul/celeste
 * Bares y Confiterías · Cuponeta · Profesionales · CCJ
 * ========================================================== */
body .jc-msbase--bares-confiterias .jc-msbase-header__publish,
body .jc-msbase--bares-confiterias .jc-msbase-business-cta a,
body .jc-msbase--bares-confiterias .jc-msbase-empty > a,
body .jc-cuponeta-msheader-v282__publish,
body .jc-msbase--profesionales .jc-msbase-header__publish,
body .jc-msbase--profesionales .jc-pt-v288-empty > a,
body .jc-ccj5-join {
  background:linear-gradient(120deg,#087fd6 0%,#19a9eb 38%,#72d8ff 54%,#219fe1 72%,#087fd6 100%)!important;
  box-shadow:0 10px 22px rgba(10,133,207,.25),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(4,81,132,.16)!important;
  text-shadow:0 1px 1px rgba(0,73,122,.16);
}
body .jc-msbase--bares-confiterias .jc-msbase-header__publish:hover,
body .jc-msbase--bares-confiterias .jc-msbase-header__publish:focus-visible,
body .jc-msbase--bares-confiterias .jc-msbase-business-cta a:hover,
body .jc-msbase--bares-confiterias .jc-msbase-business-cta a:focus-visible,
body .jc-msbase--bares-confiterias .jc-msbase-empty > a:hover,
body .jc-msbase--bares-confiterias .jc-msbase-empty > a:focus-visible,
body .jc-cuponeta-msheader-v282__publish:hover,
body .jc-cuponeta-msheader-v282__publish:focus-visible,
body .jc-msbase--profesionales .jc-msbase-header__publish:hover,
body .jc-msbase--profesionales .jc-msbase-header__publish:focus-visible,
body .jc-msbase--profesionales .jc-pt-v288-empty > a:hover,
body .jc-msbase--profesionales .jc-pt-v288-empty > a:focus-visible,
body .jc-ccj5-join:hover,
body .jc-ccj5-join:focus-visible {
  box-shadow:0 14px 30px rgba(10,133,207,.33),0 0 0 4px rgba(71,190,239,.11),inset 0 1px 0 rgba(255,255,255,.46)!important;
}

/* ==========================================================
 * Paleta bordó / vino
 * Boliches · Empleos · Turismo · Solos y Solas
 * ========================================================== */
body .jc-msbase--boliches .jc-msbase-header__publish,
body .jc-msbase--boliches .jc-msbase-business-cta a,
body .jc-msbase--boliches .jc-msbase-empty > a,
body .jc-jobs278-header__publish,
body .jc-msbase--turismo .jc-msbase-header__publish,
body .jc-msbase--turismo .jc-pt-v288-empty > a,
body .jc-solos-entry__button.is-primary {
  background:linear-gradient(120deg,#7d1736 0%,#a9254d 38%,#cf5676 53%,#a52049 72%,#791431 100%)!important;
  box-shadow:0 10px 22px rgba(118,20,51,.24),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(66,5,25,.17)!important;
  text-shadow:0 1px 1px rgba(61,4,23,.2);
}
body .jc-msbase--boliches .jc-msbase-header__publish:hover,
body .jc-msbase--boliches .jc-msbase-header__publish:focus-visible,
body .jc-msbase--boliches .jc-msbase-business-cta a:hover,
body .jc-msbase--boliches .jc-msbase-business-cta a:focus-visible,
body .jc-msbase--boliches .jc-msbase-empty > a:hover,
body .jc-msbase--boliches .jc-msbase-empty > a:focus-visible,
body .jc-jobs278-header__publish:hover,
body .jc-jobs278-header__publish:focus-visible,
body .jc-msbase--turismo .jc-msbase-header__publish:hover,
body .jc-msbase--turismo .jc-msbase-header__publish:focus-visible,
body .jc-msbase--turismo .jc-pt-v288-empty > a:hover,
body .jc-msbase--turismo .jc-pt-v288-empty > a:focus-visible,
body .jc-solos-entry__button.is-primary:hover,
body .jc-solos-entry__button.is-primary:focus-visible {
  box-shadow:0 14px 30px rgba(118,20,51,.33),0 0 0 4px rgba(190,64,101,.1),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* ==========================================================
 * Paleta celeste profundo
 * Clasificados · Gastronomía · Inmuebles · Localidades
 * ========================================================== */
body .jc-cls265-header__publish,
body .jc-cls269-header__publish,
body .jc-cls270-header__publish,
body .jc-cjc-header__publish,
body .jc-cls265-cta a,
body .jc-cls269-cta a,
body .jc-cls270-cta a,
body .jc-msbase--gastronomia .jc-msbase-header__publish,
body .jc-msbase--gastronomia .jc-msbase-empty > a,
body .jc-msbase--inmuebles .jc-msbase-header__publish,
body .jc-msbase--inmuebles .jc-msbase-empty > a,
body .jc-locality-actions-v295 a[href*="/publicar/"] {
  background:linear-gradient(120deg,#0b6ea8 0%,#159bd3 37%,#52c9ed 53%,#1598cf 72%,#0a679e 100%)!important;
  box-shadow:0 10px 22px rgba(10,111,166,.24),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(3,72,111,.16)!important;
  text-shadow:0 1px 1px rgba(0,69,106,.17);
}
body .jc-cls265-header__publish:hover,
body .jc-cls265-header__publish:focus-visible,
body .jc-cls269-header__publish:hover,
body .jc-cls269-header__publish:focus-visible,
body .jc-cls270-header__publish:hover,
body .jc-cls270-header__publish:focus-visible,
body .jc-cjc-header__publish:hover,
body .jc-cjc-header__publish:focus-visible,
body .jc-cls265-cta a:hover,
body .jc-cls265-cta a:focus-visible,
body .jc-cls269-cta a:hover,
body .jc-cls269-cta a:focus-visible,
body .jc-cls270-cta a:hover,
body .jc-cls270-cta a:focus-visible,
body .jc-msbase--gastronomia .jc-msbase-header__publish:hover,
body .jc-msbase--gastronomia .jc-msbase-header__publish:focus-visible,
body .jc-msbase--gastronomia .jc-msbase-empty > a:hover,
body .jc-msbase--gastronomia .jc-msbase-empty > a:focus-visible,
body .jc-msbase--inmuebles .jc-msbase-header__publish:hover,
body .jc-msbase--inmuebles .jc-msbase-header__publish:focus-visible,
body .jc-msbase--inmuebles .jc-msbase-empty > a:hover,
body .jc-msbase--inmuebles .jc-msbase-empty > a:focus-visible,
body .jc-locality-actions-v295 a[href*="/publicar/"]:hover,
body .jc-locality-actions-v295 a[href*="/publicar/"]:focus-visible {
  box-shadow:0 14px 30px rgba(10,111,166,.32),0 0 0 4px rgba(74,194,232,.1),inset 0 1px 0 rgba(255,255,255,.45)!important;
}

/* ==========================================================
 * Naranja/ámbar se conserva como ancla de la familia
 * Automotores · Comercios y otros CTA que no reciben override.
 * ========================================================== */

/* ==========================================================
 * Home · Crear mi cuenta gratis
 * Celeste → azul → naranja + destello periódico.
 * ========================================================== */
body.home .jc-home-account-cta-v296__button {
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(115deg,#65ddff 0%,#23b7ef 26%,#277fdf 49%,#ffac43 76%,#ff7b00 100%)!important;
  background-size:180% 100%!important;
  box-shadow:0 13px 30px rgba(20,143,212,.28),0 5px 18px rgba(240,118,15,.14),inset 0 1px 0 rgba(255,255,255,.48)!important;
}
body.home .jc-home-account-cta-v296__button::before {
  content:"";
  position:absolute;
  top:-70%;
  left:-42%;
  width:22%;
  height:240%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.12) 80%,transparent 100%);
  transform:skewX(-21deg) translateX(0);
  filter:blur(.2px);
  opacity:0;
  animation:jcb-home-account-shine-v297 5.6s ease-in-out infinite;
}
body.home .jc-home-account-cta-v296__button:hover,
body.home .jc-home-account-cta-v296__button:focus-visible {
  background-position:100% 0!important;
  box-shadow:0 17px 36px rgba(20,143,212,.32),0 8px 22px rgba(240,118,15,.2),0 0 0 4px rgba(104,217,255,.12),inset 0 1px 0 rgba(255,255,255,.52)!important;
}

@keyframes jcb-home-account-shine-v297 {
  0%,68% {left:-42%;opacity:0}
  72% {opacity:.15}
  78% {opacity:.75}
  86% {left:122%;opacity:.1}
  100% {left:122%;opacity:0}
}

@media(prefers-reduced-motion:reduce){
  body.home .jc-home-account-cta-v296__button::before{animation:none!important;display:none!important}
}