/**
 * Cholloblog 3.6.8 — Hero de portada integrado.
 * Mantiene la identidad histórica (azul/naranja) sin aspecto de banner externo.
 */

.cb-theme .cb-home-hero {
  position: relative;
  min-height: 92px;
  margin: 0 0 12px;
  padding: 10px 26px 12px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 104px;
  align-items: center;
  gap: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.cb-theme .cb-home-hero::before {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 1px;
  opacity: 1;
  background: linear-gradient(90deg,
    transparent 0,
    rgba(15, 67, 119, .16) 12%,
    rgba(242, 138, 0, .46) 50%,
    rgba(15, 67, 119, .16) 88%,
    transparent 100%);
  mask-image: none;
}

.cb-theme .cb-home-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: #f28a00;
  transform: translateX(-50%);
  box-shadow: 0 0 0 4px rgba(242, 138, 0, .06);
}

.cb-theme .cb-home-hero__copy {
  position: relative;
  z-index: 2;
  text-align: center;
}

.cb-theme .cb-home-hero__copy h1 {
  margin: 0;
  color: #102f52;
  font-size: clamp(21px, 2.15vw, 31px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.028em;
}

.cb-theme .cb-home-hero__copy h1 strong {
  position: relative;
  display: inline-block;
  color: #f28a00;
  font-weight: 850;
}

.cb-theme .cb-home-hero__copy h1 strong::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: -3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(242,138,0,.58), transparent);
  transform: scaleX(.35);
  transform-origin: center;
  animation: cb-hero-underline 4.6s ease-in-out infinite;
}

.cb-theme .cb-home-hero__copy p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 7px 0 0;
  color: #536579;
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.25;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.cb-theme .cb-home-hero__copy p strong {
  color: #15955c;
  font-weight: 800;
}

.cb-theme .cb-home-hero__live {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border: 2px solid #20a062;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(32,160,98,.22);
  animation: cb-hero-live 2.4s ease-out infinite;
}

.cb-theme .cb-home-hero__visual {
  position: relative;
  z-index: 1;
  height: 68px;
  opacity: .82;
}

.cb-theme .cb-home-hero__magnifier {
  left: 25%;
  top: 5px;
  width: 38px;
  height: 38px;
  border: 6px solid #2676ed;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.82), 0 8px 18px rgba(38,118,237,.13);
  animation: cb-hero-search 5.2s ease-in-out infinite;
}

.cb-theme .cb-home-hero__magnifier::after {
  width: 9px;
  height: 33px;
  left: -14px;
  bottom: -24px;
  background: linear-gradient(#f5a126, #ef7e00);
}

.cb-theme .cb-home-hero__spark--one {
  color: #f28a00;
  font-size: 15px;
  animation: cb-hero-spark 3.2s ease-in-out infinite;
}

.cb-theme .cb-home-hero__spark--two {
  color: #8fb8ed;
  font-size: 14px;
  animation: cb-hero-spark 3.2s 1.1s ease-in-out infinite;
}

.cb-theme .cb-home-hero__visual--chart {
  border-bottom: 1px solid rgba(15,67,119,.17);
}

.cb-theme .cb-home-hero__bar {
  background: linear-gradient(180deg, rgba(242,138,0,.34), rgba(38,118,237,.10));
  transform-origin: center bottom;
  animation: cb-hero-bars 4.4s ease-in-out infinite;
}

.cb-theme .cb-home-hero__bar--2 { animation-delay: .18s; }
.cb-theme .cb-home-hero__bar--3 { animation-delay: .36s; }
.cb-theme .cb-home-hero__bar--4 { animation-delay: .54s; }

.cb-theme .cb-home-hero__line {
  filter: none;
  opacity: .72;
  animation: cb-hero-line 4.4s ease-in-out infinite;
}

@keyframes cb-hero-search {
  0%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
  45% { transform: translate3d(5px,-3px,0) rotate(2deg); }
  70% { transform: translate3d(-2px,1px,0) rotate(-1deg); }
}

@keyframes cb-hero-spark {
  0%, 100% { opacity: .35; transform: scale(.8) rotate(-8deg); }
  50% { opacity: 1; transform: scale(1.12) rotate(8deg); }
}

@keyframes cb-hero-live {
  0% { box-shadow: 0 0 0 0 rgba(32,160,98,.28); }
  70%, 100% { box-shadow: 0 0 0 7px rgba(32,160,98,0); }
}

@keyframes cb-hero-bars {
  0%, 100% { transform: scaleY(.82); opacity: .62; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes cb-hero-line {
  0%, 100% { transform: translateY(1px); opacity: .58; }
  50% { transform: translateY(-2px); opacity: .9; }
}

@keyframes cb-hero-underline {
  0%, 100% { transform: scaleX(.35); opacity: .45; }
  50% { transform: scaleX(1); opacity: .9; }
}

@media only screen and (max-width: 900px) {
  .cb-theme .cb-home-hero {
    grid-template-columns: 62px minmax(0, 1fr) 76px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media only screen and (max-width: 719px) {
  .cb-theme .cb-home-hero {
    display: block;
    min-height: 0;
    margin-bottom: 10px;
    padding: 11px 15px 13px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .cb-theme .cb-home-hero::before { left: 15px; right: 15px; }
  .cb-theme .cb-home-hero__copy h1 { font-size: 21px; }
  .cb-theme .cb-home-hero__copy p {
    margin-top: 7px;
    font-size: 11px;
    letter-spacing: .02em;
  }
  .cb-theme .cb-home-hero__visual { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cb-theme .cb-home-hero *,
  .cb-theme .cb-home-hero *::before,
  .cb-theme .cb-home-hero *::after {
    animation: none !important;
  }
}