/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */


/* Loader mínimo */
#rf-wrap.is-loading { position: relative; }
#rf-wrap.is-loading { min-height: 320px; }
#rf-wrap.is-loading::before {
  content: "";
  position: fixed; 
  inset: 0;
  background: rgba(255,255,255,.7);
  z-index: 9998;
}

/* El loader vive en el wrapper, no en #radio-filter */
#rf-wrap { position: relative; }
#rf-wrap #rf-loader{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;   /* centra vertical + horizontal */
  z-index: 9999;
  pointer-events: none;
}

#rf-loader .rf-box{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

#rf-loader .rf-spinner {
  width: 40px; height: 40px;
  border: 4px solid #ddd; border-top-color: #333;
  border-radius: 50%;
  animation: rf-spin .8s linear infinite;
}
#rf-loader .rf-txt { margin-left: 12px; font-weight: 600; }
@keyframes rf-spin { to { transform: rotate(360deg); } }

/* Bloquea interacción mientras carga */
#rf-wrap.is-loading, #rf-wrap.is-loading * { pointer-events: none !important; }


#radio-filter.rf-hide-contents > *:not(#rf-loader) {
  visibility: hidden !important;
}

/* Tu regla para acordeones vacíos */
.is-empty-accordion { display: none !important; }

#rf-loader .rf-svg { width: 42px; height: 42px; }
#rf-loader .rf-svg-track { stroke: #e5e7eb; } /* gris claro */
#rf-loader .rf-svg-head  { stroke: #111827; stroke-dasharray: 90; stroke-dashoffset: 60; animation: rf-dash 1s linear infinite; }

@keyframes rf-dash {
  0%   { stroke-dashoffset: 90; transform: rotate(0deg);   transform-origin: 50% 50%; }
  100% { stroke-dashoffset: 0;  transform: rotate(360deg); transform-origin: 50% 50%; }
}