/*
Theme Name: RediApp Theme
Theme URI: https://rediapp.cl/
Author: Rafael Andrews
Author URI: https://www.agenciaimagen.cl/
Description: A minimal WordPress theme.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rediapp-theme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-width-template, theme-options, translation-ready
*/

body,
body.brz-ed{
	background: #462580;
	background: radial-gradient(circle, rgba(70, 37, 128, 1) 0%, rgba(7, 4, 11, 1) 100%);
	background-image: url('/wp-content/uploads/2026/02/fondo.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif !important;
}
.brz-ed #brz-ed-root,
.brz-ed .brz-ed-wrap-block-item{
	background: transparent!important;
}
.loader{
	width: 100dvw;
	height: 100dvh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
	position: fixed;
	z-index: 9999;
}

.loader span {
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 5px solid #1a0234;
	animation:
		l20-1 0.8s infinite linear alternate,
		l20-2 1.6s infinite linear;
}

@keyframes l20-1{
	0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
	12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
	25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
	50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
	100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}

@keyframes l20-2{ 
	0%    {transform:scaleY(1)  rotate(0deg)}
	49.99%{transform:scaleY(1)  rotate(135deg)}
	50%   {transform:scaleY(-1) rotate(0deg)}
	100%  {transform:scaleY(-1) rotate(-135deg)}
}

.redi-whatsapp-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9998;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: #25D366;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.redi-whatsapp-widget:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.redi-whatsapp-widget svg {
	display: block;
}


/* Button */
.cta-button a{
	position: relative;
	padding: 23px 51px;
	font-weight: 700;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	background: linear-gradient(
		135deg,
		#8f00ff 0%,
		#a100ff 40%,
		#b14cff 70%,
		#c96bff 100%
	);
	box-shadow:
		0 0 25px rgba(165, 80, 255, 0.55),
		inset 0 -10px 20px rgba(255, 255, 255, 0.12);
	transition:
		background-position 0.6s ease,
		box-shadow 0.6s ease,
		transform 0.25s ease;
	background-size: 200% 200%;
	overflow: hidden;
	white-space: nowrap;
}

/* Inner glossy highlight */
.cta-button a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(
		120% 80% at 30% 20%,
		rgba(255, 255, 255, 0.25),
		transparent 60%
	);
	pointer-events: none;
}

/* Glow aura */
.cta-button a::after {
	content: "";
	position: absolute;
	inset: -12px;
	border-radius: inherit;
	background: radial-gradient(
		circle,
		rgba(165, 80, 255, 0.6),
		transparent 70%
	);
	opacity: 0.8;
	filter: blur(18px);
	z-index: -1;
	transition: opacity 0.6s ease;
}

/* Hover animation */
.cta-button a:hover {
	background-position: 100% 50%;
	box-shadow:
		0 0 40px rgba(185, 120, 255, 0.8),
		inset 0 -6px 18px rgba(255, 255, 255, 0.18);
	transform: translateY(-2px);
	text-decoration:none;
}

.cta-button a:hover::after {
	opacity: 1;
}

/* Active press */
.cta-button a:active {
	transform: translateY(0);
}
.bg-blur .brz-bg-color{
  /* Semi-transparent background to make blur visible */
  background-color: rgba(255, 255, 255, 0.6);

  /* Blur effect */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* Optional enhancements */
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}