#redes.social-hub{padding:64px 5% 60px;background:radial-gradient(ellipse at 92% 20%,#e3eeefaa,transparent 50%),linear-gradient(140deg,#f9fbfb,#f2f7f7);color:#133c4b;overflow:hidden}
#redes.social-hub[hidden]{display:none}
.social-hub-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.48fr);gap:30px 64px;max-width:1180px;margin:auto}
.social-hub-intro{grid-column:1;min-width:0}
.social-hub-intro .eyebrow{color:#51727b;font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:2px;margin:0 0 18px}
.social-hub-intro h2{color:#123b4b;font:500 clamp(36px,4vw,56px)/1.12 Georgia,serif;letter-spacing:-1.7px;margin:0 0 20px}
.social-hub-intro h2 em{font-weight:400;color:#39717a}
.social-hub-intro>p:not(.eyebrow){max-width:560px;color:#526d78;font:400 16px/1.7 Arial,Helvetica,sans-serif;margin:0 0 20px}
.social-hub-brand{display:flex;align-items:center;gap:12px}
.social-hub-brand>img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff}
.social-hub-brand>span{display:grid;gap:2px}.social-hub-brand strong{font-size:13px}.social-hub-brand small{font-size:12px;color:#647d86}
.social-hub-mascot{grid-column:2;grid-row:1/3;align-self:stretch;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin:0;min-width:0;padding:24px 0;background:radial-gradient(ellipse at 50% 52%,#fff 0%,#fff9e98c 40%,transparent 70%)}
.hub-mascot-note{font:500 12px/1.5 Arial,Helvetica,sans-serif;color:#526d78;text-align:center;letter-spacing:.5px;padding:8px 12px;border:1px solid #a8bfc34a;border-radius:100px;background:#ffffff80}
.social-hub-mascot>img{display:block;width:min(100%,340px);height:auto;max-height:550px;object-fit:contain;filter:drop-shadow(0 16px 18px #123c4b17);transform-origin:center bottom;transition:transform .4s ease}
.social-hub-mascot figcaption{display:flex;flex-direction:column;align-items:center;gap:5px;color:#637b85;font-size:12px;text-align:center}.social-hub-mascot figcaption strong{font-size:15px;color:#254d5b;letter-spacing:2px}
.social-hub-networks{grid-column:1;min-width:0}
.social-hub-label{display:flex;justify-content:space-between;align-items:center;color:#54727c;font:700 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.8px;margin:0 0 14px}
.social-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-hub-card{--network:#1768bf;display:flex;flex-direction:column;min-width:0;position:relative;padding:22px;border:1px solid #d8e3e5;border-radius:18px;background:#ffffffbd;color:#153d4b;text-decoration:none;box-shadow:0 4px 16px #173c4c03;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.hub-instagram{--network:#a23b7c}.hub-tiktok{--network:#243c45}.hub-youtube{--network:#bd3039}
.hub-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.hub-card-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0f5f7;color:var(--network);border:1px solid #e5ecee;border-radius:12px}.hub-card-icon svg{width:22px;height:22px}
.hub-card-arrow{font-size:22px;font-weight:400;color:#75909b;transition:transform .25s ease,color .25s ease}
.hub-card-kicker{font:600 9px/1.5 Arial,Helvetica,sans-serif;color:#68838e;letter-spacing:1px;text-transform:uppercase}
.social-hub-card h3{font:600 21px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:5px 0 9px;color:#153d4b}
.social-hub-card>p{font:400 13px/1.6 Arial,Helvetica,sans-serif;color:#617983;margin:0 0 16px}
.hub-card-handle{font:400 11px/1.5 Arial,Helvetica,sans-serif;color:#6d838c;overflow-wrap:anywhere;margin-top:auto}
.hub-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 12px/1.4 Arial,Helvetica,sans-serif;margin-top:14px;padding-top:13px;border-top:1px solid #e5edef;color:#315c6a}.hub-card-action>span{color:var(--network);font-size:17px}
.social-hub-footnote{font-size:11px;color:#728994;line-height:1.5;margin:15px 0 0}
.social-hub-card:focus-visible{outline:3px solid #087f8b;outline-offset:4px;border-color:var(--network)}
@media(hover:hover){.social-hub-card:hover{transform:translateY(-4px);border-color:#b0c5cd;background:#fff;box-shadow:0 12px 24px #173c4c0d}.social-hub-card:hover .hub-card-arrow{transform:translate(2px,-2px);color:var(--network)}.social-hub-mascot:hover>img{transform:translateY(-4px) rotate(-1deg)}}
@media(max-width:950px){.social-hub-inner{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.social-hub-card{padding:18px}.social-hub-mascot>img{max-height:440px}}
@media(max-width:700px){
 #redes.social-hub{padding:36px 6% 42px}
 .social-hub-inner{grid-template-columns:minmax(0,1fr);gap:26px}
 .social-hub-intro{grid-column:1;grid-row:1}
 .social-hub-intro h2{font-size:clamp(34px,8.5vw,45px);letter-spacing:-1px}
 .social-hub-intro>p:not(.eyebrow){font-size:15px;line-height:1.65}
 .social-hub-mascot{grid-column:1;grid-row:2;padding:6px 0;gap:10px}
 .social-hub-mascot>img{width:auto;max-width:100%;height:270px;object-fit:contain}
 .hub-mascot-note{font-size:11px;padding:6px 12px}
 .social-hub-mascot figcaption{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px}
 .social-hub-networks{grid-column:1;grid-row:3}
 .social-hub-grid{gap:12px}
 .social-hub-card{padding:17px 14px;border-radius:16px}
 .social-hub-card h3{font-size:20px}.social-hub-card>p{font-size:12px}
 .hub-card-handle{font-size:10px}.hub-card-action{font-size:11px}
}
@media(max-width:360px){.social-hub-grid{grid-template-columns:minmax(0,1fr)}.social-hub-card{padding:20px}.social-hub-mascot>img{height:240px}}
@media(prefers-reduced-motion:reduce){.social-hub-card,.hub-card-arrow,.social-hub-mascot>img{transition:none}.social-hub-card:hover,.social-hub-card:hover .hub-card-arrow,.social-hub-mascot:hover>img{transform:none}}

/* Mobile social cards lead into JAWIK's invitation. Desktop stays intact. */
.hub-mobile-dialogue{display:none}
@media(max-width:700px){
 #redes.social-hub{padding:28px 6% 30px;background:radial-gradient(ellipse at 100% 32%,#f8ecd978,transparent 55%),linear-gradient(145deg,#f8fbfc,#edf5f4)}
 #redes .social-hub-inner{gap:22px}
 #redes .social-hub-intro{grid-row:1}
 #redes .social-hub-intro .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}
 #redes .social-hub-intro h2{font-size:clamp(30px,8vw,40px);margin-bottom:12px}
 #redes .social-hub-intro>p:not(.eyebrow){font-size:14px;line-height:1.55;margin-bottom:14px}
 #redes .social-hub-brand{gap:9px}
 #redes .social-hub-brand>img{width:34px;height:34px}
 #redes .social-hub-brand strong{font-size:12px}
 #redes .social-hub-brand small{font-size:11px}
 #redes .social-hub-networks{grid-row:2}
 #redes .social-hub-label{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}
 #redes .social-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #redes .social-hub-card{--tint:#edf5ff;--edge:#cbdff5;padding:15px 13px;border:1px solid var(--edge);border-radius:19px;background:linear-gradient(150deg,#fff 15%,var(--tint));box-shadow:0 6px 18px #173c4c08;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
 #redes .hub-instagram{--tint:#fff0f4;--edge:#efd4e4}
 #redes .hub-tiktok{--tint:#eaf7f6;--edge:#cde5e2}
 #redes .hub-youtube{--tint:#fff1ee;--edge:#f1d9d4}
 #redes .hub-card-top{margin-bottom:12px}
 #redes .hub-card-icon{width:42px;height:42px;border:0;border-radius:13px;color:white;background:var(--network);box-shadow:0 4px 10px #173c4c15}
 #redes .hub-instagram .hub-card-icon{background:linear-gradient(145deg,#7946b8,#c64383,#df8858)}
 #redes .hub-card-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffffb3;color:var(--network);font-size:18px}
 #redes .hub-card-kicker{font-size:8px;letter-spacing:.35px;line-height:1.4}
 #redes .social-hub-card h3{font-size:19px;margin:5px 0 7px}
 #redes .social-hub-card>p{font-size:12px;line-height:1.5;margin:0 0 12px}
 #redes .hub-card-handle{font-size:10px;line-height:1.4}
 #redes .hub-card-action{margin-top:12px;padding:8px 9px;border:1px solid var(--edge);border-radius:10px;background:#ffffffbd;color:var(--network);font-size:11px;min-height:34px;box-sizing:border-box}
 #redes .social-hub-card:active{transform:scale(.97);box-shadow:0 2px 6px #173c4c12}
 #redes .social-hub-footnote{font-size:10px;text-align:center;margin-top:12px}
 #redes .social-hub-mascot{grid-row:3;padding:20px 10px 0;gap:12px;border-top:1px solid #d3e3e4;background:radial-gradient(ellipse at 50% 60%,#fff7e5b3,transparent 70%)}
 #redes .hub-mascot-note{display:none}
 #redes .hub-mobile-dialogue{display:block;position:relative;max-width:100%;box-sizing:border-box;padding:15px 20px;margin:0 0 4px;border:1px solid #e4d7b7;border-radius:19px;background:linear-gradient(135deg,#fffef8,#f9efd9);box-shadow:0 7px 20px #173c4c09;color:#193f4d;font:400 clamp(19px,5.2vw,25px)/1.25 Georgia,serif;text-align:center}
 #redes .hub-mobile-dialogue::after{content:'';position:absolute;bottom:-7px;left:calc(50% - 7px);width:12px;height:12px;background:#faf0dd;border-right:1px solid #e4d7b7;border-bottom:1px solid #e4d7b7;transform:rotate(45deg)}
 #redes .social-hub-mascot>img{width:auto;height:220px;max-width:100%;max-height:none;object-fit:contain;transform:none}
 #redes .social-hub-mascot figcaption{font-size:11px;gap:7px}
 #redes .social-hub-mascot figcaption strong{font-size:13px}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 #redes:not([hidden]) .social-hub-card{animation:hub-mobile-arrive .45s ease both}
 #redes .social-hub-card:nth-child(2){animation-delay:.06s}
 #redes .social-hub-card:nth-child(3){animation-delay:.12s}
 #redes .social-hub-card:nth-child(4){animation-delay:.18s}
 @keyframes hub-mobile-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
}
@media(max-width:360px){
 #redes .social-hub-card{padding:13px 11px}
 #redes .social-hub-card h3{font-size:17px}
 #redes .hub-card-action{font-size:10px;padding:8px}
 #redes .hub-mobile-dialogue{padding:14px;font-size:19px}
}