/*
 Theme Name:   Quantified Carbon
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Branng
 Author URI:   https://branng.com
 Template:     bricks
 Version:      1.6
 Text Domain:  bricks
*/

/* ─── Lenis smooth scroll ─────────────────────────────────────────────────── */
html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

/* ─── Utilidades ──────────────────────────────────────────────────────────── */
.bricks-button {
	cursor: pointer;
}

/* Ayuda a SplitType con ciertas fuentes antes de que cargue JS */
.reveal-text {
	font-kerning: none;
}

/* ─── Megamenú: overlay de fondo ─────────────────────────────────────────── */
body::before {
	content: '';
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.0);
	z-index: 99;
	pointer-events: none;
	transition: background-color ease .3s;
}

body.megamenu-is-open::before {
	background-color: rgba(27, 69, 81, 0.3);
}



/* Estilos para capas modales de about */
body.page-id-43 .brx-popup {
	overflow: scroll;
}

body.page-id-43 .brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) .brx-popup-backdrop{
	position: fixed;
}

/* 1. Ocultar barra de scroll en el contenedor del popup */
body.page-id-43 .brx-popup {
    -ms-overflow-style: none;  /* Oculta en Internet Explorer y Edge antiguo */
    scrollbar-width: none;     /* Oculta en Firefox */
}
body.page-id-43 .brx-popup::-webkit-scrollbar {
    display: none;             /* Oculta en Chrome, Safari, Opera y navegadores móviles */
}

/* 2. Ocultar barra de scroll en la caja blanca del contenido */
body.page-id-43 .brxe-popup-898 .brx-popup-content {
    -ms-overflow-style: none;  /* Firefox */
    scrollbar-width: none;     /* IE/Edge */
}
body.page-id-43 .brxe-popup-898 .brx-popup-content::-webkit-scrollbar {
    display: none;             /* Chrome/Safari/Móviles */
}