/* Menú principal + galería de la portada (compartido por todas las páginas) */
.nav .links{display:flex;gap:20px;align-items:center}
.nav .links > a,.dd-btn{font:500 14px 'Poppins',sans-serif;color:var(--ink-soft,#3A5580);text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer}
.nav .links > a:hover,.dd-btn:hover{color:var(--ink,#192B52)}
.dd{position:relative}
.dd-btn::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}
.dd-menu{display:none;position:absolute;top:100%;left:-12px;min-width:220px;background:#fff;border:1px solid var(--rule,#D5E0EE);border-radius:8px;box-shadow:0 14px 34px -14px rgba(25,43,82,.35);padding:8px;z-index:60}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:8px 12px;border-radius:6px;font-size:14px;color:var(--ink,#192B52);text-decoration:none;white-space:nowrap}
.dd-menu a:hover{background:var(--bg,#F8FAFB);color:var(--accent,#BF5F2B)}
.mbtn{display:none;width:42px;height:38px;border:1px solid var(--rule,#D5E0EE);background:#fff;border-radius:6px;cursor:pointer;padding:9px 10px;flex-direction:column;justify-content:space-between}
.mbtn span{display:block;height:2px;background:var(--ink,#192B52);border-radius:2px}
@media (max-width:900px){
  .mbtn{display:flex}
  .nav{position:static}
  .nav .links{display:none !important}
  .nav.nav-open .links{display:flex !important;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rule,#D5E0EE);box-shadow:0 18px 30px -18px rgba(25,43,82,.4);padding:8px 16px 16px;z-index:60;max-height:75vh;overflow:auto}
  .nav.nav-open .links > a,.nav.nav-open .dd-btn{padding:12px 4px;border-bottom:1px solid var(--rule,#D5E0EE);text-align:left;width:100%;font-size:16px}
  .nav.nav-open .dd-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
  .nav.nav-open .dd-btn::after{display:none}
  .topbar{position:sticky}
  .topbar-inner{position:relative}
}
/* galería de ideas de color en portada */
.home-gal{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start;margin:8px 0 26px}
@media (max-width:860px){.home-gal{grid-template-columns:1fr}}
.home-gal .cmp{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--rule,#D5E0EE);box-shadow:0 14px 34px -18px rgba(25,43,82,.45);background:#000;touch-action:pan-y}
.home-gal .cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.home-gal .cmp-top{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.home-gal .cmp-bar{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.home-gal .cmp-bar::after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--accent,#BF5F2B);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.home-gal .cmp-l{position:absolute;bottom:14px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;pointer-events:none}
.home-gal .cmp-l.a{left:14px;background:#fff;color:var(--ink,#192B52)}
.home-gal .cmp-l.b{right:14px;background:var(--accent,#BF5F2B);color:#fff}
.home-gal .cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.gal-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gal-cards a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--rule,#D5E0EE);background:#fff;text-decoration:none;color:var(--ink,#192B52);transition:transform .15s,box-shadow .15s}
.gal-cards a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(25,43,82,.4)}
.gal-cards img{display:block;width:100%;height:auto}
.gal-cards span{display:block;padding:10px 12px;font-weight:600;font-size:14px;line-height:1.3}
.gal-note{font-size:12px;color:var(--ink-mute,#7A90AA);margin-top:8px}