/* site.css — capa estática Sé Música (cabecera, pie, interacciones).
   Carga después de colors_and_type.css y responsive.css. */

html { scroll-padding-top: 88px; }

/* ---------- Botones ---------- */
.sm-btn{font-family:var(--font-sans);font-weight:500;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;transition:background 220ms var(--ease-out),color 220ms var(--ease-out),transform 80ms var(--ease-out),box-shadow 220ms var(--ease-out)}
.sm-btn:active{transform:scale(.98)}
.sm-btn-sm{font-size:13px;padding:6px 14px;border-radius:10px}
.sm-btn-md{font-size:14px;padding:10px 20px;border-radius:12px}
.sm-btn-lg{font-size:16px;padding:14px 28px;border-radius:14px}
.sm-btn-primary{background:var(--sm-blue);color:#fff}
.sm-btn-primary:hover{background:var(--sm-blue-600)}

/* ============ HEADER ============ */
.sm-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border);transition:background 220ms var(--ease-out),box-shadow 220ms var(--ease-out),border-color 220ms var(--ease-out)}
.sm-header.is-scrolled{box-shadow:var(--shadow-sm)}
.sm-header--home:not(.is-scrolled):not(.menu-open){background:rgba(255,255,255,0);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}
.sm-header-bar{max-width:var(--container);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.sm-logo{display:inline-flex;align-items:center;flex-shrink:0}
.sm-logo img{height:54px;width:auto;display:block}
.sm-nav-desktop{display:flex;align-items:center;gap:2px}
.sm-navlink{font-family:var(--font-sans);font-size:16px;padding:8px 14px;border-radius:10px;text-decoration:none;cursor:pointer;color:var(--sm-ink-2);background:transparent;border:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color 140ms,background 140ms}
.sm-navlink:hover{background:var(--sm-blue-50);color:var(--sm-blue)}
.sm-navlink[data-active],.sm-drop[data-active]>.sm-drop-head{color:var(--sm-blue);font-weight:600}
.sm-caret{transition:transform 160ms;opacity:.7}
.sm-drop{position:relative}
.sm-drop-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 140ms var(--ease-out),transform 140ms var(--ease-out),visibility 140ms}
.sm-drop:hover .sm-drop-panel,.sm-drop:focus-within .sm-drop-panel{opacity:1;visibility:visible;transform:translateY(0)}
.sm-drop:hover .sm-caret,.sm-drop:focus-within .sm-caret{transform:rotate(180deg)}
.sm-drop:hover>.sm-drop-head,.sm-drop:focus-within>.sm-drop-head{background:var(--sm-blue-50);color:var(--sm-blue)}
.sm-drop-panel a{display:block;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--sm-ink);padding:11px 14px;border-radius:9px;text-decoration:none;transition:background 120ms,color 120ms}
.sm-drop-panel a:hover{background:var(--sm-surface);color:var(--sm-blue)}
.sm-drop-headblock{padding:8px 14px 10px;margin:0 0 4px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}
.sm-drop-headblock .lab{width:22px;height:22px;border-radius:6px;background:var(--sm-gradient-arc);color:#fff;font-family:var(--font-display-ext);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sm-drop-headblock .t{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--sm-ink);letter-spacing:.01em}
.sm-drop-headblock .st{font-family:var(--font-sans);font-size:11px;font-weight:400;color:var(--sm-ink-4)}
.sm-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sm-burger{align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--sm-card);cursor:pointer;padding:0}
.sm-burger .sm-icon-close{display:none}
.sm-header.menu-open .sm-burger .sm-icon-open{display:none}
.sm-header.menu-open .sm-burger .sm-icon-close{display:block}
.sm-mobile-panel{display:none;border-top:1px solid var(--border);background:#fff;box-shadow:var(--shadow-md);max-height:calc(100vh - 76px);overflow-y:auto}
.sm-header.menu-open .sm-mobile-panel{display:block}
.sm-mobile-inner{max-width:var(--container);margin:0 auto;padding:16px var(--gutter) 28px;display:flex;flex-direction:column;gap:4px}
.sm-mlink{display:block;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.01em;color:var(--sm-ink);text-decoration:none;padding:13px 6px;border-bottom:1px solid var(--border)}
.sm-mgroup{border-bottom:1px solid var(--border)}
.sm-mgroup>.sm-mhead{display:block;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.01em;color:var(--sm-ink);text-decoration:none;padding:13px 6px 8px}
.sm-mgroup .sm-msub{display:flex;flex-direction:column;padding-bottom:10px}
.sm-mgroup .sm-msub a{font-family:var(--font-sans);font-size:15px;font-weight:400;color:var(--sm-ink-3);text-decoration:none;padding:9px 6px 9px 18px}
.sm-mobile-cta{margin-top:14px}
.sm-mobile-cta .sm-btn{width:100%}
.sm-burger{display:none}
@media(max-width:860px){.sm-nav-desktop{display:none!important}.sm-cta-desktop{display:none!important}.sm-burger{display:inline-flex!important}}

/* ============ Pulido de interacciones ============ */
article[style*="transition: box-shadow"]:hover,article[style*="box-shadow 160ms"]:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}
main a{color:var(--sm-blue)}
main a:hover{color:var(--sm-blue-600)}
a[data-share="linkedin"]:hover{background:#0A66C2!important;color:#fff!important;border-color:#0A66C2!important}
a[data-share="whatsapp"]:hover{background:#25D366!important;color:#fff!important;border-color:#25D366!important}
button[data-sem="copiar"]:hover{background:var(--sm-blue-50)!important;color:var(--sm-blue)!important;border-color:var(--sm-blue)!important}
main input:focus,main textarea:focus,main select:focus{outline:none;border-color:var(--sm-blue)!important;box-shadow:var(--shadow-focus)}
.sm-form-onbrand input:focus,.sm-form-onbrand textarea:focus{border-color:rgba(255,255,255,.7)!important;box-shadow:0 0 0 3px rgba(255,255,255,.18)!important}

/* Pie */
.sm-foot-col a{font-family:var(--font-sans);font-weight:300;font-size:14px;color:rgba(255,255,255,.82);text-decoration:none;transition:color 140ms}
.sm-foot-col a:hover{color:#80D3A6}
.sm-foot-box{transition:color 140ms,border-color 140ms}
.sm-foot-box:hover{color:#fff!important;border-color:rgba(255,255,255,.45)!important}
.sm-foot-social{transition:color 140ms}
.sm-foot-social:hover{color:#80D3A6!important}
.sm-foot-legal a{color:inherit;text-decoration:none;transition:color 140ms}
.sm-foot-legal a:hover{color:#80D3A6}