@layer components{.cielo{--cielo-alto:clamp(11rem, 24vw, 19rem);--sol:clamp(4.5rem, 8vw, 7.5rem);--cielo-cresta:calc(var(--cielo-alto) * .533);--cielo-bajada:calc(var(--sol) / 2 + .5rem);isolation:isolate;padding-block:2.5rem var(--cielo-alto);position:relative;overflow:hidden}@media (min-width:640px){.cielo{padding-block-start:3.5rem}}.cielo-capa{z-index:-3;pointer-events:none;position:absolute;inset:0}.cielo-tarde{background:linear-gradient(to top, var(--cielo-tarde-0) 0, var(--cielo-tarde-1) var(--cielo-alto), var(--cielo-tarde-2) calc(var(--cielo-alto) + 10rem))}.cielo-ocaso{z-index:-2;background:radial-gradient(calc(var(--sol) * 2.4) calc(var(--sol) * 1.4) at 70% calc(100% - var(--cielo-cresta)), var(--cielo-resplandor), transparent 70%), linear-gradient(to top, var(--cielo-ocaso-0) 0, var(--cielo-ocaso-1) calc(var(--cielo-alto) * .45), var(--cielo-ocaso-2) var(--cielo-alto), var(--cielo-ocaso-3) calc(var(--cielo-alto) + 8rem), var(--cielo-ocaso-4) calc(var(--cielo-alto) + 20rem))}.cielo-escena{inset-inline:0;z-index:-1;block-size:var(--cielo-alto);pointer-events:none;position:absolute;bottom:0}.cielo-sol{left:calc(70% - var(--sol) / 2);top:calc(var(--cielo-alto) - var(--cielo-cresta) - var(--sol) - .5rem);inline-size:var(--sol);block-size:var(--sol);fill:var(--cbd-sun);transform:translateY(var(--cielo-bajada));position:absolute}.cielo-sierras{block-size:100%;inline-size:100%;position:absolute;inset:0}.cielo-sierra-lejana{fill:var(--cielo-sierra-lejana)}.cielo-sierra-cercana{fill:var(--cielo-sierra-cercana)}.cielo-texto{position:relative}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.cielo-ocaso{animation:linear both cbd-ocaso;animation-timeline:scroll(root);animation-range:0 70vh}.cielo-sol{animation:linear both cbd-sol-baja;animation-timeline:scroll(root);animation-range:0 70vh}}}@keyframes cbd-ocaso{0%{opacity:0}to{opacity:1}}@keyframes cbd-sol-baja{0%{transform:none}to{transform:translateY(var(--cielo-bajada))}}@media (forced-colors:active){.cielo-capa,.cielo-escena{display:none}}blockquote.cita-tinta{color:var(--cbd-ink)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cita-tinta{animation:linear both cbd-entintar;animation-timeline:view();animation-range:entry 20% cover 45%}}}@keyframes cbd-entintar{0%{color:var(--cbd-ink-muted)}to{color:var(--cbd-ink)}}@media (prefers-reduced-motion:reduce){.cielo-ocaso,.cielo-sol,.cita-tinta{animation:none}}}
@layer components{.mosaico{aspect-ratio:4/5;grid-template-rows:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a""b c""b d";gap:.5rem;display:grid}.mosaico>:first-child{grid-area:a}.mosaico>:nth-child(2){grid-area:b}.mosaico>:nth-child(3){grid-area:c}.mosaico>:nth-child(4){grid-area:d}.mosaico>:nth-child(5){display:none}@media (min-width:768px){.mosaico{aspect-ratio:12/5;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"a a a b c c""a a a d d e";gap:.75rem}.mosaico>:nth-child(5){grid-area:e;display:block}}.mosaico-casilla{border-radius:var(--cbd-radius-control);background:var(--cbd-surface-sunken);position:relative;overflow:hidden}.mosaico-casilla:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--cbd-line);pointer-events:none;position:absolute;inset:0}.mosaico-capa{position:absolute;inset:0}.mosaico[data-animado=si] .mosaico-capa{transition:opacity 1.4s var(--cbd-ease-state)}.mosaico-capa[data-estado=entrando]{opacity:0}.mosaico[data-animado=si] .mosaico-capa img{animation:30s both mosaico-acercar}.mosaico[data-pausado=si] .mosaico-capa img{animation-play-state:paused}@keyframes mosaico-acercar{0%{transform:scale(1)}to{transform:scale(1.08)}}.mosaico-pausa{z-index:3;border-radius:var(--cbd-radius-control);min-height:2.75rem;color:var(--cbd-ink);cursor:pointer;align-items:center;gap:.5rem;padding:0 .875rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem}@media (max-width:767.98px){.mosaico-pausa{justify-content:center;min-width:2.75rem;padding:0}.mosaico-pausa-texto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mosaico-pausa:focus-visible{outline:2px solid var(--cbd-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mosaico .mosaico-capa img{animation:none}.mosaico .mosaico-capa{transition:none}}}