/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

.circle-text {
  display: block;
}

.circle-text span {
  white-space: pre;
}

.heading-chars .word {
  white-space: nowrap;
}

.heading-chars .char {
  display: inline-block;
  will-change: transform, opacity;
}

/* SOLO EN EL FRONTEND: inicia con opacidad 0 */
body.bricks-is-frontend [data-reveal] {
  opacity: 0;
}

@keyframes bounce-soft {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); 
  }
}

.scroll-indicator {
  animation: bounce-soft 2s ease-in-out infinite;
}

.card-sticky {
  position: relative;
}

body.bricks-is-frontend .heading-chars {
  opacity: 0;
}

body.bricks-is-frontend .image-float-top {
  opacity: 0;
}

body.bricks-is-frontend .svg-paint {
  opacity: 0;
}

.wrapper-serv {
  overflow: hidden;
}

body.bricks-is-frontend .wrapper-serv .item-serv {
  opacity: 0;
}

body.bricks-is-frontend .card-wrapper-sticky .card-sticky:not(:first-child) {
  opacity: 0;
}

/* menu mobile animation */
.brxe-toggle .line {
  transform-box: fill-box; 
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.brxe-toggle.is-active .line.middle {
  opacity: 0;
  transform: scaleX(0);
}

.brxe-toggle.is-active .line.top {
  transform: translateY(5px) rotate(45deg);
}

.brxe-toggle.is-active .line.bottom {
  transform: translateY(-5px) rotate(-45deg);
}