/* Uses the site's header, navigation, footer and light/dark textures. */
.redes-page{--redes-ink:#012c5c;--redes-red:#890e07;--redes-line:rgba(100,75,48,.24);--redes-icon-bg:rgba(137,14,7,.06)}
:root[data-theme="dark"] .redes-page{--redes-ink:#f4eee3;--redes-red:#ed9684;--redes-line:rgba(255,255,255,.2);--redes-icon-bg:rgba(255,255,255,.07)}
.redes-content{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;max-width:1160px;margin:0 auto;padding:46px 40px 54px;font-size:16px;line-height:1.6}
.redes-content h1,.redes-content h2,.redes-content p{margin-top:0}
.redes-content h1{font-family:inherit;font-size:clamp(34px,4.2vw,46px);font-weight:800;line-height:1.14;letter-spacing:-1px;color:var(--redes-ink);margin-bottom:22px}
.redes-content h1 em{font-style:normal;color:var(--redes-red)}
.redes-content a,.redes-content button{-webkit-tap-highlight-color:transparent}
.redes-content :focus-visible{outline:3px solid var(--redes-red);outline-offset:5px}
.redes-content [hidden]{display:none!important}
.redes-content .intro-copy{max-width:450px;margin-bottom:28px;color:var(--muted)}
.redes-content .event{border-top:1px solid var(--redes-line);padding-top:25px}
.redes-content .event-date{font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--redes-red);margin-bottom:9px}
.redes-content .event h2{font-size:25px;font-weight:700;color:var(--redes-ink);margin-bottom:12px;line-height:1.2}
.redes-content .event>p:not(.event-date):not(.event-note){font-size:15px;max-width:450px}
.redes-content .event-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:15px;font-size:14px}
.redes-content .event-steps li{display:flex;gap:13px;align-items:flex-start}
.redes-content .event-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--redes-line);color:var(--redes-red);border-radius:50%}
.redes-content .event-steps strong{font-weight:700;color:var(--redes-ink)}
.redes-content .event-note{font-size:12px;color:var(--muted);margin-bottom:0}
.redes-content .networks{align-self:start;background-color:var(--card);background-image:var(--surface-gradient),var(--surface-texture);background-size:100% 100%,var(--surface-texture-size);border:1px solid var(--redes-line);border-radius:8px;padding:30px}
.redes-content .networks h2{font-size:26px;font-weight:700;color:var(--redes-ink);line-height:1.2;margin-bottom:8px}
.redes-content .networks-copy{font-size:14px;color:var(--muted);margin-bottom:23px}
.redes-content .network-list{display:grid;gap:12px}
.redes-content .network-link{display:flex;gap:14px;align-items:center;min-height:88px;padding:16px 17px;border:1px solid var(--redes-line);border-radius:6px;text-decoration:none;transition:border-color .15s,transform .15s}
.redes-content .network-link:hover{border-color:var(--redes-red);transform:translateY(-2px)}
.redes-content .network-icon{width:40px;height:40px;padding:9px;flex-shrink:0;border-radius:8px;background:var(--redes-icon-bg);color:var(--redes-ink)}
.redes-content .network-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.redes-content .icon-fill,.redes-content .icon-dot{fill:currentColor;stroke:none}
.redes-content .instagram .network-icon{color:var(--redes-red)}
.redes-content .network-label{display:flex;flex-direction:column;min-width:0}
.redes-content .network-label strong{color:var(--redes-ink);font-size:17px}
.redes-content .network-label>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.redes-content .link-arrow{margin-left:auto;font-size:24px;color:var(--redes-red)}
.redes-content .contact-links{border-top:1px solid var(--redes-line);margin-top:26px;padding-top:23px;font-size:14px}
.redes-content .contact-links p{color:var(--muted);margin-bottom:10px}
.redes-content .whatsapp-link,.redes-content .catalog-link{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:48px;text-decoration:none}
.redes-content .whatsapp-link{font-weight:700;color:var(--redes-ink)}
.redes-content .catalog-link{color:var(--redes-red)}
.redes-content .whatsapp-link:hover,.redes-content .catalog-link:hover{text-decoration:underline}
.redes-content .share-button{font:inherit;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;background:transparent;color:var(--muted);border:0;border-top:1px solid var(--redes-line);padding:20px 0 0;margin-top:12px;font-size:13px;cursor:pointer}
.redes-content .share-button:hover{color:var(--redes-red)}
.redes-content .share-status{font-size:12px;margin:8px 0 0;color:var(--redes-red);overflow-wrap:anywhere}
.redes-content .share-status:empty{display:none}
.redes-content .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:10px;left:10px;background:var(--card);color:var(--text);padding:10px;z-index:2000;transform:translateY(-200%)}
.skip-link:focus{transform:none}
@media(max-width:850px){.redes-content{grid-template-columns:1fr;max-width:640px;gap:25px;padding:28px 24px 36px}.redes-content .intro{display:contents}.redes-content h1{font-size:35px;margin-bottom:-9px}.redes-content .intro-copy{max-width:100%;margin-bottom:0}.redes-content .networks{grid-row:3;padding:24px}.redes-content .event{grid-row:4;margin-top:0}.redes-content .event h2{font-size:25px}}
@media(max-width:360px){.redes-content{padding-inline:16px}.redes-content .networks{padding:18px}.redes-content .network-link{padding:13px;gap:11px}.redes-content h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.redes-content .network-link{transition:none}.redes-content .network-link:hover{transform:none}}
/* Compact QR landing: secondary contact stays below the participation steps. */
.redes-content>.contact-links{grid-column:2;align-self:start;margin-top:-42px;padding:0 30px;border:0}
.redes-page .redes-footer{padding:18px 24px}
.redes-page .redes-footer .dark-footer-copy{margin:0;text-align:center}
@media(max-width:850px){.redes-content{gap:20px}.redes-content h1{font-size:30px;letter-spacing:-.6px;line-height:1.18;margin-bottom:-7px}.redes-content .networks{padding:0;border:0;background:none}.redes-content .networks h2,.redes-content .networks-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.redes-content .network-list{gap:10px}.redes-content .network-link{min-height:76px;background-color:var(--card);padding:13px 15px}.redes-content .event{margin-top:2px;padding-top:21px}.redes-content>.contact-links{grid-column:1;grid-row:5;border-top:1px solid var(--redes-line);margin:0;padding:17px 0 0}.redes-content .contact-links p{margin-bottom:4px}.redes-content .share-button{padding-top:14px}}
