.bandera-cielo{z-index:20;pointer-events:none;display:none;position:absolute;inset:0}[data-cielo] .bandera-cielo{display:block}.bandera-cielo__escena{height:100lvh;position:sticky;top:0;overflow:clip}.cielo-aire{background-position:0 0,0 0,0 0,0 0,bottom;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:150px 150px,100% 100%,100% 100%,100% 100%,cover;background-image:var(--cielo-grano,none), radial-gradient(40vmax 33vmax at 23% 11%, #fffbf0f0 0%, #fff8e480 24%, #e6d3a83d 48%, #e6d3a800 74%), linear-gradient(to bottom, #f2ece100 52%, #f2ece14d 79%, #e9e4dae0 100%), linear-gradient(to bottom, #8fb3d0 0%, #93b5d0 13%, #a1bdd2 30%, #b5c8d4f0 50%, #c7d1d6b8 69%, #d9dbd870 85%, #e9e4da47 100%), var(--cielo-foto,none);height:118%;position:absolute;top:-9%;left:0;right:0}.cielo-cirro{opacity:.38;width:100%;height:40%;position:absolute;top:3%;left:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 58%,#0000);mask-image:linear-gradient(#0000,#000 30% 58%,#0000)}.nube{width:92%;height:46%;position:absolute}.nube--a{bottom:-20%;left:-22%}.nube--b{bottom:-23%;right:-22%}.nube--c{top:-26%;left:4%}.nube--lejos{width:100%;height:10%;bottom:12%;left:0;-webkit-mask-image:linear-gradient(#000 0% 48%,#0000 100%);mask-image:linear-gradient(#000 0% 48%,#0000 100%)}@media (width<=767px){.nube--c{display:none}.nube--a,.nube--b{width:100%}.nube--a{left:-14%}.nube--b{right:-14%}.nube--lejos{height:6%;bottom:18%}}.cielo-velo{background:radial-gradient(122% 92% at 46% 38%,#f2eee6 0%,#ede8de 56%,#e9e1d2 100%);position:absolute;inset:0}.bandera-prologo{height:88svh}@media (width<=767px){.bandera-prologo{height:72svh}}@media (prefers-reduced-motion:reduce){.bandera-prologo{height:0}[data-cielo] .bandera-cielo{display:none}}.bandera-herraje{pointer-events:none;--vara:3px;--ojal:11px;--hilo-ojal:1.5px;--vuelo:9%;height:0;position:absolute}@media (width<=767px){.bandera-herraje{--vara:2px;--ojal:9px;--hilo-ojal:1.25px}}.bandera-vara{left:calc(var(--vuelo) * -1);right:calc(var(--vuelo) * -1);top:calc(var(--vara) / -2);height:var(--vara);background:linear-gradient(180deg, color-mix(in oklab, var(--color-oro-luz) 82%, white) 0%, var(--color-oro) 44%, color-mix(in oklab, var(--color-oro) 52%, var(--color-carbon)) 100%);box-shadow:0 2px 4px -1px color-mix(in oklab, var(--color-carbon) 26%, transparent);border-radius:999px;position:absolute}.bandera-remate{width:calc(var(--vara) + 3px);height:calc(var(--vara) + 3px);margin-top:calc((var(--vara) + 3px) / -2);margin-left:calc((var(--vara) + 3px) / -2);background:radial-gradient(circle closest-side at 34% 28%, color-mix(in oklab, var(--color-oro-luz) 90%, white) 0%, var(--color-oro) 62%, color-mix(in oklab, var(--color-oro) 45%, var(--color-carbon)) 100%);box-shadow:0 1px 3px color-mix(in oklab, var(--color-carbon) 30%, transparent);border-radius:50%;position:absolute;top:0}.bandera-ojal{width:var(--ojal);height:var(--ojal);margin-top:calc(var(--ojal) / -2);margin-left:calc(var(--ojal) / -2);background:linear-gradient(168deg, color-mix(in oklab, var(--color-oro-luz) 88%, white) 0%, var(--color-oro) 46%, color-mix(in oklab, var(--color-oro) 48%, var(--color-carbon)) 100%);-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--hilo-ojal) - .4px), #000 calc(100% - var(--hilo-ojal) + .4px));-webkit-mask:radial-gradient(circle closest-side, transparent calc(100% - var(--hilo-ojal) - .4px), #000 calc(100% - var(--hilo-ojal) + .4px));mask:radial-gradient(circle closest-side, transparent calc(100% - var(--hilo-ojal) - .4px), #000 calc(100% - var(--hilo-ojal) + .4px));filter:drop-shadow(0 1px 1px color-mix(in oklab, var(--color-carbon) 32%, transparent));border-radius:50%;position:absolute;top:0}