@import url('motion-seamless-v7.css');

/* The same aquatic photograph used by the approved Hub invitation. */
.flow-launch{
  --flow-ink:#092338;
  color:var(--flow-ink);
  background:
    linear-gradient(180deg,#ffffff40 0%,#ffffffc9 55%,#fff 91%),
    linear-gradient(90deg,#fffffff2 0%,#ffffffca 33%,#ffffff63 100%),
    url('../../assets/mochilas-agua-20260930.webp') center/cover no-repeat;
  border-color:#d9e7ec;
}
.flow-launch:before{content:none}
.flow-launch-copy h1,.flow-launch-copy h2{color:#082137}
.flow-launch-copy h1 em,.flow-launch-copy h2 em{color:#21657a}
.flow-launch-copy p{color:#31566a}
.flow-new{color:#34586b!important;background:#ffffffb8;border-color:#bdd6df}
.flow-range-note{color:#426276}
.flow-range-note b{color:#173d52}
.flow-range-note>i{background:#bfd6df}
.flow-showcase{color:#092338}
.flow-selection-family{color:#4a7588}
.flow-selection-link b{color:#547f90}
.flow-count{color:#6f8e9e}
.flow-count>b{color:#1c4a60}
.flow-progress{background:#c4dce5}
.flow-progress i{background:#2a839c}
.flow-step,.flow-pause{background:#ffffffd9;color:#204d62!important;border-color:#afcdd9}
.flow-step:hover,.flow-pause:hover{background:#fff;border-color:#2b718e;color:#123e54!important}
.flow-pause[aria-pressed=true]{background:#e7f2f6}
.flow-color:after{background:#e21d35}
.flow-color:hover{background:#e0eff480}
.flow-colors-row{border-color:#bed7e2}
.flow-colors-title>span{color:#587c8e}
.flow-colors-title>strong{color:#254f65}
.flow-stage-light{background:linear-gradient(90deg,transparent,#6fa8bd,transparent);opacity:.2}
@media(max-width:700px){
  .flow-launch{background-position:62% top;background-size:auto,auto,auto 540px}
}