.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.social-grid .social-card{--social-accent:#eeeee9;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:0;border-radius:16px;overflow:hidden;border:1px solid #ffffff20;background:rgba(10,12,17,.84);transition:border-color 240ms ease}
.social-grid .social-card:hover{border-color:var(--social-accent)}.social-grid .social-card-instagram{--social-accent:#ef6eb9}.social-grid .social-card-spotify{--social-accent:#87e9ac}.social-grid .social-card-youtube{--social-accent:#ff7278}.social-grid .social-card-soundcloud{--social-accent:#fcae73}
.social-cover{position:relative;height:125px;overflow:hidden;flex-shrink:0}.social-cover .social-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.social-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#080b1299 65%,#080b12d9);pointer-events:none}
.social-badge{position:absolute;left:12px;bottom:12px;right:auto;max-width:calc(100% - 24px);z-index:2;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:25px;border:1px solid #ffffff35;background:#070707dd;min-width:0}.social-grid .social-badge h3{font:600 9px/1.3 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.2px;color:var(--text);margin:0;white-space:nowrap}.social-badge-logo{display:block;width:50px;height:16px;max-width:50px;object-fit:contain}.social-badge-logo.logo-instagram{width:15px;max-width:15px}.social-badge-logo.logo-soundcloud{width:30px;max-width:30px}
.social-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px 16px 16px;gap:0}.social-grid .social-metric{display:block;font:600 clamp(32px,3vw,45px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-1.5px;color:var(--social-accent);margin:0 0 8px}.social-grid .social-metric-label{font-size:11px;font-weight:600;line-height:1.5;margin:0 0 12px;color:var(--text)}.social-description{font-size:11px;line-height:1.7;color:#a5a8b3;margin:0 0 20px;overflow-wrap:break-word}.social-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;margin-top:auto;padding:11px 12px;border-radius:9px;border:1px solid #ffffff25;background:#ffffff05;color:var(--text);font-size:10px;font-weight:500;line-height:1.4;text-align:left}.social-action:hover{background:#ffffff0c}.social-action:disabled{cursor:default;color:var(--muted)}.social-source-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:22px;max-width:660px}
@media(max-width:1000px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-cover{height:150px}.social-grid .social-metric{font-size:40px}}
@media(max-width:767px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-grid .social-card:last-child{grid-column:auto}}
@media(max-width:480px){.social-grid{grid-template-columns:1fr;gap:18px}.social-cover{height:175px}.social-body{padding:22px}.social-grid .social-metric{font-size:46px}.social-grid .social-metric-label{font-size:13px}.social-description{font-size:12px;margin-bottom:20px}.social-action{font-size:12px;min-height:46px}.social-badge{left:16px;bottom:14px}.social-grid .social-badge h3{font-size:10px}}
@media(prefers-reduced-motion:reduce){.social-grid .social-card{transition:none}}

/* Follow Me Social Bar Strip - Minimalist, Frameless (Sin recuadros) */
.social-bar-strip{display:inline-flex;align-items:center;background:transparent;border:none;box-shadow:none;padding:0;margin:0}
.social-bar-item{display:inline-flex;align-items:center;justify-content:center;color:#ffffff;opacity:0.78;text-decoration:none;background:transparent;border:none;padding:4px;transition:opacity 200ms ease,transform 200ms ease,color 200ms ease;box-sizing:border-box}
.social-bar-item:hover{opacity:1;color:var(--accent,#ffffff);transform:translateY(-2px) scale(1.12);background:transparent}
.social-bar-item:active{opacity:0.9;transform:scale(0.98)}
.social-bar-icon{display:block;fill:currentColor;transition:fill 200ms ease}

/* Conecta section placement - Big, Elegant & Frameless */
.conecta-social-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:65px;margin-bottom:20px;text-align:center}
.conecta-social-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:500;letter-spacing:-0.8px;color:var(--text,#ffffff);margin:0 0 24px 0;text-align:center}
.conecta-social-wrap .social-bar-strip{gap:32px}
.conecta-social-wrap .social-bar-item{width:auto;height:auto;padding:8px}
.conecta-social-wrap .social-bar-icon{width:36px;height:36px}

/* Desktop Header placement - Minimalist floating icons */
.header-social-strip{display:inline-flex;align-items:center;margin-left:32px;margin-right:auto}
.header-social-strip .social-bar-strip{gap:18px}
.header-social-strip .social-bar-item{width:auto;height:auto;padding:4px}
.header-social-strip .social-bar-icon{width:18px;height:18px}
@media(max-width:1050px){.header-social-strip{display:none!important}}

/* Mobile dropdown menu placement */
.nav-mobile-social{display:none;flex-direction:column;align-items:center;width:100%;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.12);gap:16px}
.nav-mobile-social .nav-social-heading{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;letter-spacing:-0.5px;color:var(--text,#ffffff)}
.nav-mobile-social .social-bar-strip{gap:22px}
.nav-mobile-social .social-bar-item{width:auto;height:auto;padding:6px}
.nav-mobile-social .social-bar-icon{width:24px;height:24px}

@media(max-width:600px){
.header-social-strip{display:none!important}
nav.open .nav-mobile-social{display:flex}
.conecta-social-wrap{margin-top:45px}
.conecta-social-title{font-size:22px;margin-bottom:18px}
.conecta-social-wrap .social-bar-strip{gap:20px}
.conecta-social-wrap .social-bar-icon{width:28px;height:28px}
}