/*
 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.1
 Text Domain:  bricks
*/



/*Text*/

.heading_two-colors strong{
	color: var(--blue-secondary);
	font-weight: 600;
}

.heading-2 h2 {
    font-size: 64px;
}

@media (max-width: 540px) {
	.heading-2 h2 {
		font-size: 32px;
	}
}
h2 {
    line-height: 1;
}

/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  border-radius: 28px;
  isolation: isolate;
 /* box-shadow: 0px 0px 21px -8px rgba(255, 255, 255, 0.3);*/
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 6px -3px rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* ---- Tarjetas de soluciones: hover con cambio de color ---- */
/* ------------------------------------------------------------ */
.cards_animation-hover_solutions .card_solution{
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  cursor: pointer;
  isolation: isolate;
}

/* La capa de color que hace el barrido */
.cards_animation-hover_solutions .card_solution::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}
.cards_animation-hover_solutions .card_solution:has(.color_blue-secondary)::before{
  background-color: var(--blue-secondary);
}
.cards_animation-hover_solutions .card_solution:has(.color_green-main)::before{
  background-color: var(--green-main);
}
.cards_animation-hover_solutions .card_solution:has(.color_yellow-main)::before{
  background-color: var(--yellow-main);
}
.cards_animation-hover_solutions .card_solution:hover::before,
.cards_animation-hover_solutions .card_solution:focus-within::before{
  transform: scaleY(1);
}

/* El contenido va por encima de la capa */
.cards_animation-hover_solutions .card_solution > .brxe-block{
  position: relative;
  z-index: 1;
}

/* Textos e icono en blanco */
.cards_animation-hover_solutions .card_solution .heading_pre-title,
.cards_animation-hover_solutions .card_solution .heading-3,
.cards_animation-hover_solutions .card_solution .text-small,
.cards_animation-hover_solutions .card_solution .text-small p{
  transition: color .35s ease;
}
.cards_animation-hover_solutions .card_solution .card_solucion_icon path{
  transition: fill .35s ease;
}
.cards_animation-hover_solutions .card_solution:hover .heading_pre-title,
.cards_animation-hover_solutions .card_solution:hover .heading-3,
.cards_animation-hover_solutions .card_solution:hover .text-small,
.cards_animation-hover_solutions .card_solution:hover .text-small p,
.cards_animation-hover_solutions .card_solution:focus-within .heading_pre-title,
.cards_animation-hover_solutions .card_solution:focus-within .heading-3,
.cards_animation-hover_solutions .card_solution:focus-within .text-small,
.cards_animation-hover_solutions .card_solution:focus-within .text-small p{
  color: #ffffff !important;
}}

/* Las píldoras no cambian */
.cards_animation-hover_solutions .card_solution .tag_pill{
  background-color: #ffffff !important;
  color: var(--blue-main) !important;
}

/* Respeta a quien pide menos animación */
@media (prefers-reduced-motion: reduce){
  .cards_animation-hover_solutions .card_solution::before{
    transition: none;
  }
}