/* Navegación compartida de las tres colecciones. */
html {scroll-padding-top:76px}
body[data-coleccion-integrada] {overflow-x:clip}
body[data-coleccion-integrada] .collection-switcher {
 position:sticky;top:0;z-index:200;
 display:flex;justify-content:center;align-items:stretch;gap:12px;
 min-height:60px;padding:7px 20px;background:#fff;
 border-bottom:1px solid #e8ded5;box-shadow:0 3px 14px #472c3109;
 font:400 15px/1.3 Jost,Arial,sans-serif;letter-spacing:.1px;color:#5c2e2e;
}
body[data-coleccion-integrada] .collection-switcher a {
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;min-width:120px;padding:10px 20px;
 border:1px solid transparent;border-radius:24px;text-align:center;
}
body[data-coleccion-integrada] .collection-switcher a:hover {background:#f6f0eb;color:#5c2e2e}
body[data-coleccion-integrada] .collection-switcher a[aria-current=page] {
 background:#5c2e2e;color:#fff;border-color:#5c2e2e;
}
body[data-coleccion-integrada] .fl-collection-controls {
 gap:10px 26px;padding:6px 20px;font-size:14px;line-height:1.4;
}
body[data-coleccion-integrada] .fl-collection-controls>a,
body[data-coleccion-integrada] .fl-collection-controls>button {
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:8px 4px;
}
body[data-coleccion-integrada] .header {height:auto;min-height:104px;gap:20px;padding-block:9px}
body[data-coleccion-integrada] .header nav {gap:28px;font-size:16px;font-weight:400}
body[data-coleccion-integrada] .header nav a,
body[data-coleccion-integrada] .header nav a:last-child {
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:8px 4px;text-align:center;
}
body[data-coleccion-integrada] .motion-button {min-height:44px;min-width:44px;font-size:12px}
body[data-coleccion-integrada] .motion-button>span:first-child {font-size:18px}
body[data-coleccion-integrada] section[id] {scroll-margin-top:12px}
@media(max-width:740px) {
 body[data-coleccion-integrada] .collection-switcher {gap:5px;min-height:58px;padding:6px 12px;font-size:14px}
 body[data-coleccion-integrada] .collection-switcher a {flex:1;min-width:0;max-width:180px;padding:9px 8px}
 body[data-coleccion-integrada] .fl-collection-controls {gap:4px 12px;padding:4px 12px;font-size:13px}
 body[data-coleccion-integrada] .header {
  display:grid;grid-template-columns:1fr auto;width:calc(100% - 32px);
  min-height:126px;gap:0 12px;padding-block:6px;
 }
 body[data-coleccion-integrada] .brand img {width:76px;height:64px}
 body[data-coleccion-integrada] .header nav {
  grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;
  width:100%;margin:0;gap:8px;font-size:14px;line-height:1.3;
 }
 body[data-coleccion-integrada] .header nav a {flex:1;min-width:0;padding:7px 2px;white-space:normal}
 body[data-coleccion-integrada] .motion-button {grid-column:2;grid-row:1;margin:0;padding:10px}
}