/*
 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
*/


html {
	scroll-padding-top: 12rem;
}


.seccion-asim-grid {
	display: grid;
	grid-template-columns: 1fr var(--container-wide) 1fr;
}
.bleed-right-content {
	grid-column: 2 / -1;
}
.bleed-left-content {
	grid-column: 1 / 3;
}


@keyframes marquee {
	to { transform: translateX(-50%); }
}
@keyframes girar {
	to { transform: rotate(1turn); }
}
.marquee-pista {
	display: flex;
	width: max-content;
	animation: marquee var(--marquee-duracion, 20s) linear infinite;
}
.marquee-pista.marquee-pista {
	width: max-content;
	max-width: none;
}
.marquee-pista.marquee-pista > * {
	flex: 0 0 auto;
	width: max-content;
	max-width: none;
}
.marquee-pista.marquee-pista img {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}
.girar {
	animation: girar 6s linear infinite;
}


.revelar-palabras .palabra {
	transition: color .6s cubic-bezier(.65,0,.35,1);
	transition-delay: calc(var(--i, 0) * 120ms);
}
.revelar-palabras.oculto .palabra {
	color: var(--brand-6);
}
[data-revelar-grupo] > * {
	transition: translate .9s cubic-bezier(.22,.68,.36,1.2), opacity .3s ease-out;
	transition-delay: calc(var(--i, 0) * 120ms);
}
[data-revelar-grupo] > .oculto {
	opacity: 0;
	translate: 0 -50rem;
}

@media (prefers-reduced-motion: reduce) {
	.marquee-pista,
	.girar {
		animation: none;
	}
	.revelar-palabras .palabra,
	[data-revelar-grupo] > * {
		transition-duration: .01ms;
		transition-delay: 0s;
	}
}


.carga {
	display: none;
}
.con-carga .carga {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	background-color: var(--dark);
	color: var(--brand-1);
	animation: carga-salida .5s cubic-bezier(.65,0,.35,1) 1.8s forwards;
}
.con-carga .carga-imago {
	width: 16.8rem;
	height: 23.8rem;
	animation:
		carga-opacidad 2s linear both,
		carga-giro 2s linear both,
		carga-recorrido 2s linear both,
		carga-escala 2s linear both;
}
@keyframes carga-salida {
	to { opacity: 0; visibility: hidden; }
}
@keyframes carga-opacidad {
	0% { opacity: 0; animation-timing-function: ease; }
	30% { opacity: .85; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	60%, 100% { opacity: 1; }
}
@keyframes carga-giro {
	0% { rotate: 15deg; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	25% { rotate: -8deg; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	50% { rotate: 5deg; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	75% { rotate: -2deg; animation-timing-function: ease; }
	100% { rotate: 0deg; }
}
@keyframes carga-recorrido {
	0% { translate: -20rem 35rem; }
	5% { translate: -10.6rem 27rem; }
	10% { translate: -1.5rem 16.6rem; }
	15% { translate: 2.1rem 11.1rem; }
	20% { translate: 3rem 8.7rem; }
	25% { translate: 1.9rem 8rem; }
	30% { translate: -.4rem 6.7rem; }
	35% { translate: -1.5rem 3rem; }
	40% { translate: -1rem -.7rem; }
	45% { translate: .3rem -2rem; }
	50% { translate: .8rem -1.6rem; }
	55% { translate: .7rem -.5rem; }
	60% { translate: .4rem .6rem; }
	65% { translate: .1rem 1rem; }
	70% { translate: -.2rem .8rem; }
	75% { translate: -.3rem .25rem; }
	80% { translate: -.2rem -.3rem; }
	85% { translate: -.1rem -.5rem; }
	90% { translate: 0 -.2rem; }
	100% { translate: 0 0; }
}
@keyframes carga-escala {
	0% { scale: .3 .5; animation-timing-function: ease; }
	17.5% { scale: 1.12 .9; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	32.5% { scale: .92 1.08; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	50% { scale: 1.05 .96; animation-timing-function: cubic-bezier(.45,.05,.55,.95); }
	75% { scale: .98 1.02; animation-timing-function: ease; }
	100% { scale: 1 1; }
}
@media (prefers-reduced-motion: reduce) {
	.con-carga .carga {
		display: none;
	}
}

:where(h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
}