/* A visible entrance to the four demonstrations, without changing the embedded samples. */
.vuelta-app-nav{background:#101720;border-bottom:1px solid #364051;color:#eef1f6}
.vuelta-app-nav-inner{width:min(1280px,calc(100% - 80px));margin:auto;padding:14px 0 16px;display:flex;align-items:center;gap:24px}
.vuelta-app-nav p{margin:0;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#afc8ff;white-space:nowrap}
.vuelta-app-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1}
.vuelta-app-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #536174;color:#eef1f6;text-decoration:none;font-size:13px;font-weight:650;line-height:1.25}
.vuelta-app-links a span{font-family:"Space Mono",monospace;color:#a9c1ff;font-size:10px}
.vuelta-app-links a:hover{background:#25354b;border-color:#a9c1ff}.vuelta-app-links a:focus-visible{outline:3px solid #a9c1ff;outline-offset:3px}
[data-embed] .vuelta-app-nav{display:none}
@media(max-width:760px){.vuelta-app-nav-inner{width:calc(100% - 36px);display:block;padding:12px 0}.vuelta-app-nav p{margin-bottom:9px}.vuelta-app-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vuelta-app-links a{min-height:44px;padding:8px 10px;font-size:13px}}
@media(max-width:340px){.vuelta-app-links a{font-size:12px}}

/* The prominent application menu replaces the duplicate desktop header links. */
.launch-demo .editorial-nav .nav-shell>nav{display:none}

/* The selector sits immediately above the active sample and scrolls with it. */
.vuelta-app-nav{position:static;margin:0 0 16px;border:0;border-bottom:1px solid #364051}
.vuelta-app-nav-inner{width:min(1280px,calc(100% - 80px));padding:14px 0 16px}
.vuelta-app-links a[aria-current]{background:#1b49a0;color:#fff;border-color:#7ca5ff}
.vuelta-app-links a[aria-current] span{color:#fff}
.launch-demo [data-vuelta-hidden]{display:none!important}
.launch-demo #web,.launch-demo #propuesta,.launch-demo #tarjeta,.launch-demo #coleccion,.launch-demo #servicio,.launch-demo #consulta{scroll-margin-top:105px}
@media(max-width:760px){.vuelta-app-nav-inner{width:calc(100% - 36px);padding:12px 0}.vuelta-app-nav{margin-bottom:12px}}

/* Switching samples must not re-anchor the viewport to replaced content. */
.launch-demo #contenido{overflow-anchor:none}

.vuelta-current{display:block;color:#d1ddef;letter-spacing:0;text-transform:none;font-family:"Schibsted Grotesk",sans-serif;font-size:12px;font-weight:600;margin-top:4px;white-space:normal}
.vuelta-app-nav{scroll-margin-top:95px}
.vuelta-flow-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:32px 0 0;padding:20px 0 0;border-top:1px solid #536174}
.vuelta-flow-nav a{display:flex;flex-direction:column;min-width:160px;min-height:48px;padding:10px 14px;border:1px solid #536174;color:inherit;text-decoration:none;font-size:13px;line-height:1.4}.vuelta-flow-nav a:last-child{margin-left:auto}.vuelta-flow-nav a:hover{border-color:#a9c1ff;background:#25354b}.vuelta-flow-nav a:focus-visible{outline:3px solid #a9c1ff;outline-offset:3px}.vuelta-flow-nav strong{font-size:14px}.vuelta-flow-nav span{color:#afc8ff}
[data-embed] .vuelta-flow-nav{display:none}
@media(max-width:400px){.vuelta-flow-nav a{min-width:0;flex:1}.vuelta-flow-nav a:last-child{margin-left:0}}
@media(prefers-reduced-motion:no-preference){.launch-demo .application:not([data-vuelta-hidden]),.launch-demo .demo-collection:not([data-vuelta-hidden]){animation:vuelta-appear .18s ease-out}@keyframes vuelta-appear{from{opacity:.75}to{opacity:1}}}

[data-dv-appearance="light"] .vuelta-flow-nav span{color:#1b49a0}[data-dv-appearance="light"] .vuelta-flow-nav a:hover{color:#fff}[data-dv-appearance="light"] .vuelta-flow-nav a:hover span{color:#d8e5ff}

/* Return to the selector only while a sample is being explored. */
.vuelta-return{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;min-height:44px;padding:10px 16px;border:1px solid #a9c1ff;background:#101720;color:#fff;font:600 13px/1.25 "Schibsted Grotesk",sans-serif;box-shadow:0 4px 16px #0004;cursor:pointer}.vuelta-return:hover{background:#25354b}.vuelta-return:focus-visible{outline:3px solid #a9c1ff;outline-offset:3px}.vuelta-return[hidden],[data-embed] .vuelta-return{display:none!important}

/* In narrow screens the return control has its own rail, outside each sample. */
@media(max-width:680px){
 html:not([data-embed]) .launch-demo #web,html:not([data-embed]) .launch-demo #propuesta,html:not([data-embed]) .launch-demo #tarjeta,html:not([data-embed]) .launch-demo #coleccion{width:calc(100% - 76px);margin-left:18px;margin-right:58px}
 .vuelta-return{left:auto;right:max(4px,env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%);writing-mode:vertical-rl;min-width:44px;min-height:136px;padding:12px 10px;text-align:center}
}