/* A travel notebook runs behind the whole document. No reserved side rails. */
body{position:relative}
#cpa-theme-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;--drawing-tile:840px;--drawing-opacity:.28;--drawing-color-opacity:.5;--drawing-strength:1;--ornament-opacity:.3}
#cpa-theme-art *{pointer-events:none}
.travel-wallpaper{position:absolute;inset:0;overflow:hidden}
.drawing-mask{display:block;background:var(--drawing-ink,var(--skin-art-1));mask-image:url("assets/themes/viagem-traco-fino-v9.png");mask-repeat:repeat;mask-size:var(--drawing-tile) auto;mask-position:center 120px}
.travel-wallpaper-ink{position:absolute;inset:0;opacity:calc(var(--drawing-opacity)*var(--drawing-strength))}
.travel-wallpaper-ink>.drawing-mask{position:absolute;inset:0}
.drawing-color{display:block;background-image:url("assets/themes/viagem-colorida-v10.png");background-repeat:repeat;background-size:var(--drawing-tile) auto;background-position:center 120px}
.travel-wallpaper-color{display:none;position:absolute;inset:0;opacity:calc(var(--drawing-color-opacity)*var(--drawing-strength))}
.drawing-filter-definitions{position:absolute;overflow:hidden}
.drawing-contour-color{flood-color:var(--drawing-ink,var(--skin-art-1))}
html[data-drawing-style=color] .travel-wallpaper-ink{display:none}
html[data-drawing-style=color] .travel-wallpaper-color{display:block}
html[data-drawing-stroke=defined] .travel-wallpaper-ink{filter:url("#drawing-line-defined")}
html[data-drawing-stroke=bold] .travel-wallpaper-ink{filter:url("#drawing-line-bold")}
html[data-drawing-stroke=defined] .travel-wallpaper-color{filter:url("#drawing-color-defined")}
html[data-drawing-stroke=bold] .travel-wallpaper-color{filter:url("#drawing-color-bold")}
html[data-drawing-stroke=fine]:not([data-drawing-contour=theme]) .travel-wallpaper-color{filter:url("#drawing-color-fine")}
html[data-color-mode=dark][data-drawing-stroke=fine] .travel-wallpaper-color{filter:url("#drawing-color-fine")}
html[data-drawing-contrast=soft] #cpa-theme-art{--drawing-strength:.65}
html[data-drawing-contrast=vivid] #cpa-theme-art{--drawing-strength:1.4}
html[data-drawing-source=file] .drawing-mask{mask-image:none;background-color:transparent;background-image:url("assets/themes/viagem-traco-fino-v9.png");background-repeat:repeat;background-size:var(--drawing-tile) auto;background-position:center 120px}
html[data-drawing-source=file] .travel-wallpaper-ink{opacity:calc(var(--drawing-opacity)*var(--drawing-strength));filter:url("#drawing-line-fine")}
html[data-drawing-source=file][data-drawing-stroke=defined] .travel-wallpaper-ink{filter:url("#drawing-line-defined")}
html[data-drawing-source=file][data-drawing-stroke=bold] .travel-wallpaper-ink{filter:url("#drawing-line-bold")}
.drawing-season-pattern{position:absolute;inset:0;color:var(--skin-art-2);opacity:calc(var(--ornament-opacity)*var(--drawing-strength));overflow:hidden}
html[data-drawing-density=balanced] #cpa-theme-art{--drawing-tile:1080px;--drawing-opacity:.22;--drawing-color-opacity:.46;--ornament-opacity:.23}
html[data-drawing-density=quiet] #cpa-theme-art{--drawing-tile:1420px;--drawing-opacity:.15;--drawing-color-opacity:.32;--ornament-opacity:.16}
html[data-skin=cpa] #cpa-theme-art{--drawing-opacity:.16;--ornament-opacity:.15}
html[data-skin=natal] .drawing-season-pattern{color:var(--skin-art-3)}
html[data-skin=pascoa] .drawing-season-pattern{color:var(--skin-art-3);opacity:calc(.38*var(--drawing-strength))}
html:not([data-drawing-contour=theme]) .drawing-season-pattern{color:var(--drawing-ink)}
html[data-drawing-stroke=defined] .drawing-season-pattern g{stroke-width:1.7}
html[data-drawing-stroke=bold] .drawing-season-pattern g{stroke-width:2.1}
html[data-color-mode=dark] #cpa-theme-art{--drawing-opacity:.18;--drawing-color-opacity:.5;--ornament-opacity:.25}
html[data-color-mode=dark][data-drawing-density=quiet] #cpa-theme-art{--drawing-opacity:.12;--drawing-color-opacity:.28;--ornament-opacity:.15}
html[data-decorations=false] #cpa-theme-art{display:none}

/* A soft paper wash behind reading areas keeps illustration out of the text. */
html[data-decorations=true] .main-content :is(.section-heading>div:first-child,.services-intro,.benefits>div>span:last-child,.how-it-works li,.faq-section>div){background:color-mix(in srgb,var(--skin-paper) 92%,transparent);box-shadow:0 0 20px 12px color-mix(in srgb,var(--skin-paper) 75%,transparent);border-radius:12px}
html[data-decorations=true] .experiences-section .section-heading>div:first-child{background:none;box-shadow:none}
html[data-decorations=true][data-drawing-style=color] .main-content :is(.offer-toolbar,.catalog-caption,.experience-intro,.directory-note,.section-heading>p,.section-heading>.text-link){background:color-mix(in srgb,var(--skin-paper) 96%,transparent);border-radius:12px;box-shadow:0 0 18px 7px color-mix(in srgb,var(--skin-paper) 82%,transparent)}
html[data-decorations=true][data-drawing-style=color] .offer-toolbar{padding:12px}
html[data-decorations=true][data-drawing-style=color] .catalog-caption{padding:9px 12px}

/* Small outlined aircraft move across the background on every screen size. */
#world-flights{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.world-routes{position:absolute;inset:0;width:100%;height:100%;fill:none}
.world-routes path{stroke:var(--drawing-ink);stroke-width:.8;stroke-dasharray:2 10;stroke-linecap:round;opacity:.22;fill:none}
.world-flight,.world-sleigh{position:absolute;left:0;top:0;display:block;width:43px;height:33px;color:var(--flight-ink);offset-anchor:center;offset-rotate:auto;will-change:offset-distance}
.world-flight svg,.world-sleigh svg{width:100%;height:100%;overflow:visible}
.world-flight .plane-paper{fill:var(--flight-paper);stroke-width:1.65}
.world-flight .plane-accent{stroke:var(--flight-accent);stroke-width:2}
html[data-drawing-style=color] .world-flight .plane-accent{fill:color-mix(in srgb,var(--flight-accent) 65%,var(--flight-paper))}
html[data-drawing-stroke=defined] .world-flight .plane-paper{stroke-width:1.9}
html[data-drawing-stroke=bold] .world-flight .plane-paper{stroke-width:2.2}
.world-sleigh{width:69px;height:69px;color:var(--skin-art-3)}
.world-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--skin-art-2);box-shadow:0 0 8px color-mix(in srgb,var(--skin-art-2) 40%,transparent);animation:drawing-shimmer 5s ease-in-out infinite;animation-delay:var(--spark-delay)}
.world-spark:before,.world-spark:after{content:"";position:absolute;background:inherit;border-radius:100%;inset:-3px 1px}
.world-spark:after{inset:1px -3px}
@keyframes drawing-shimmer{0%,100%{opacity:.15;transform:scale(.75)}45%{opacity:.75;transform:scale(1.1)}}
html[data-motion=off] .world-spark{animation:none;opacity:.3}
@media(prefers-reduced-motion:reduce){.world-spark{animation:none;opacity:.3}}

/* Theme cards show the same illustration and seasonal ornaments as the site. */
.skin-choice-preview{isolation:isolate}
.skin-mini-art{inset:0;width:100%;height:100%;opacity:1;filter:none;z-index:-1}
.travel-drawing-preview{position:absolute;inset:0;display:block;overflow:hidden}
.travel-drawing-preview .drawing-mask{position:absolute;inset:0;mask-size:410px auto;mask-position:60% 15px;opacity:.32}
.travel-drawing-preview .drawing-color{display:none;position:absolute;inset:0;background-size:410px auto;background-position:60% 15px;opacity:.72}
.travel-drawing-preview[data-preview-style=color] .drawing-color{display:block}
.travel-drawing-preview[data-preview-style=color] .drawing-mask{display:none}
.skin-choice-preview{--drawing-ink:var(--choice-primary)}
html[data-drawing-source=file] .travel-drawing-preview .drawing-mask{background-size:410px auto;background-position:60% 15px;opacity:.18}
.drawing-preview-ornament{position:absolute;width:71px;height:71px;right:11px;bottom:16px;color:var(--skin-art-1);opacity:.75}
.drawing-preview-ornament svg{width:100%;height:100%}
.skin-mini-header{background:color-mix(in srgb,var(--choice-paper) 92%,transparent)}
.skin-mini-content{max-width:72%;background:linear-gradient(90deg,var(--choice-paper),color-mix(in srgb,var(--choice-paper) 90%,transparent) 68%,transparent)}
@media(max-width:680px){
  #cpa-theme-art{--drawing-tile:520px;--drawing-opacity:.23;--drawing-color-opacity:.45;--ornament-opacity:.24}
  html[data-drawing-density=balanced] #cpa-theme-art{--drawing-tile:680px;--drawing-opacity:.19;--drawing-color-opacity:.42}
  html[data-drawing-density=quiet] #cpa-theme-art{--drawing-tile:850px;--drawing-opacity:.13;--drawing-color-opacity:.3}
  .drawing-mask{mask-position:44% 125px}
  html[data-drawing-source=file] .travel-wallpaper-ink>.drawing-mask{background-position:44% 125px}
  .travel-wallpaper-color{background-position:44% 125px}
  .drawing-season-pattern{width:165%;transform:scale(.61);transform-origin:top left;height:164%}
  .world-flight{width:32px;height:24px}
  .world-routes path{stroke-dasharray:2 11;opacity:.17}
}
