/* Manifiesto, Market y Comunidad: diseño compartido independiente del home. */

.shared-section{--brown:#8d6e63;--violet:#7549ff;box-sizing:border-box;position:relative;color:#1d1d1b;font:16px/1.5 Parkinsans,sans-serif;text-align:left}
.shared-section *{box-sizing:border-box}.shared-section p,.shared-section h2{margin:0}.shared-section button{font-family:inherit;cursor:pointer}.shared-section button.text-link{border:0;background:none;padding:0}.shared-section img{display:block;max-width:none}.shared-section a{color:inherit;text-decoration:none}.shared-section em{font:400 1em/1.3 'Petit Formal Script',cursive}
.shared-section .hero-glows{position:absolute;inset:0;pointer-events:none}.shared-section .glow-follow{position:absolute;inset:0}.shared-section .glow-left,.shared-section .glow-right{position:absolute}.shared-section .flower{position:absolute}.shared-section.manifesto{overflow:hidden}
.shared-section .text-link{color:#7549ff;text-decoration:underline}.shared-section .text-link:hover{color:#4c23bc}.shared-section .dark-button{color:#fcfaed;text-decoration:underline}.shared-section .dark-button:hover{background:#383833}
.shared-section .seal-canvas{width:131px;height:131px}.shared-section a:focus-visible,.shared-section button:focus-visible{outline:3px solid #8056db;outline-offset:5px}
.shared-section-info{position:fixed;inset:0;margin:auto;border:1px solid #1d1d1b30;border-radius:20px;background:#fcfaed;color:#1d1d1b;padding:48px 32px 32px;width:min(520px,calc(100% - 40px));box-shadow:0 20px 80px #0003;font:16px/1.5 Parkinsans,sans-serif}.shared-section-info::backdrop{background:#0006}.shared-section-info h2{margin:0 0 16px}.shared-section-info p{margin:0}.shared-section-info button{position:absolute;right:16px;top:8px;border:0;background:none;color:inherit;font:32px/1.5 Parkinsans,sans-serif;cursor:pointer}
@media(max-width:700px){.shared-section .glow-left{transform:scale(.7);transform-origin:top left}}

.shared-section .text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.shared-section .text-link:hover{color:#4c23bc}
.shared-section .text-link img{flex:none}
.shared-section .section-label{display:flex;gap:16px;align-items:center;font-size:12px;line-height:1.5;color:var(--brown)}
.shared-section .section-label img{flex:none}
.shared-section.manifesto{height:698px;max-width:1440px;margin:auto;padding:150px 20px;display:block;isolation:isolate}
.shared-section.manifesto .hero-glows{z-index:-1}
.shared-section.manifesto .glow-left{left:19px;top:-15px}
.shared-section.manifesto .glow-right{right:21px;top:99px}
.shared-section .manifesto-inner{max-width:992px;margin:auto}
.shared-section.manifesto h2{font-size:64px;font-weight:500;line-height:1.2}
.shared-section.manifesto h2 strong{font-weight:700}
.shared-section .manifesto-bottom{display:flex;justify-content:flex-end;margin-top:0}
.shared-section .manifesto-copy{width:396px;margin-right:0}
.shared-section .manifesto-copy p{font-size:18px;line-height:1.5}
.shared-section .dark-button{background:#1d1d1b;color:#fcfaed;border:1px solid #1d1d1b;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.shared-section .dark-button:hover{background:#383833}
.shared-section .manifesto-copy .dark-button{margin-top:70px}
.shared-section.manifesto .flower.home{right:20px;top:calc(50% + 30px);bottom:auto;width:130.644px;height:130.644px}
.shared-section.market-section{background:#f5f5dc;padding:70px 20px}
.shared-section .market-inner{max-width:1030px;margin:auto;display:grid;grid-template-columns:383px minmax(0,1fr);align-items:center;gap:64px}
.shared-section .market-copy{padding-bottom:48px}
.shared-section .market-copy h2{display:inline-flex;align-items:center;gap:24px;font-size:64px;font-weight:500;line-height:1.2;border:1px solid #1d1d1b;background:#d5fa8c;border-radius:5px;padding:4px 20px;transform:rotate(-1.36deg);margin-top:24px;margin-bottom:24px}
.shared-section .market-copy>p{font-size:16px;line-height:1.5}
.shared-section .market-copy .text-link{margin-top:24px}
.shared-section .market-art{position:relative;padding:24px 0}
.shared-section .market-photo{width:100%;height:469px;object-fit:cover;border-radius:10px}
.shared-section .market-flower{position:absolute;left:-64px;bottom:22px}
.shared-section.community-section{position:relative;background:#f47174;padding:70px 20px;overflow:hidden;isolation:isolate}
.shared-section .community-content{max-width:1034px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.shared-section.community-section .section-label{color:#fcfaed}
.shared-section.community-section h2{font-size:48px;line-height:1.3;font-weight:400;color:#fcfaed;text-align:center}
.shared-section.community-section h2 .community-name{display:inline-block;font-size:64px;font-weight:500;line-height:1.2;color:#1d1d1b;background:#f5f5dc;border:1px solid #1d1d1b;border-radius:5px;padding:4px 20px;transform:rotate(-2.29deg);margin-left:10px}
.shared-section .community-copy{max-width:566px;text-align:center;font-size:16px;line-height:1.5}
.shared-section .community-copy p+p{margin-top:24px}
.shared-section .community-pattern{position:absolute;left:0;right:0;top:calc(50% - 563px);z-index:-1;opacity:.055;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,322px);align-items:center;justify-items:center;row-gap:80px;column-gap:clamp(300px,52vw,750px);pointer-events:none}
.shared-section .community-pattern img{transform:scale(11.5)}
@media(min-width:1700px){.shared-section.manifesto .flower.home{right:20px}}
@media(max-width:1100px){.shared-section.manifesto h2{font-size:48px}
.shared-section.manifesto{padding:110px 40px;height:650px}
.shared-section .manifesto-inner{max-width:800px}
.shared-section .manifesto-copy{margin-right:110px}
.shared-section.manifesto .flower.home{right:24px;top:360px}
.shared-section .market-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px}
.shared-section .market-photo{height:420px}
.shared-section .market-copy h2{font-size:52px}
.shared-section .market-copy h2 img{transform:scale(.85)}
.shared-section .community-pattern{column-gap:45vw}}
@media(max-width:700px){.shared-section .text-link{font-size:14px}
.shared-section.manifesto{height:auto;min-height:630px;padding:80px 20px 120px}
.shared-section.manifesto h2{font-size:38px;line-height:1.2;margin-top:8px}
.shared-section.manifesto h2 br{display:none}
.shared-section .manifesto-bottom{margin-top:30px}
.shared-section .manifesto-copy{width:100%;margin-right:0}
.shared-section .manifesto-copy p{font-size:16px;max-width:310px}
.shared-section .manifesto-copy .dark-button{margin-top:28px}
.shared-section.manifesto .flower.home{top:auto;bottom:20px;right:24px;transform:scale(.75)}
.shared-section.manifesto .glow-left{left:-180px;top:-80px}
.shared-section.manifesto .glow-right{right:-270px;top:160px}
.shared-section.market-section{padding:50px 20px!important}
.shared-section .market-inner{grid-template-columns:1fr;gap:12px}
.shared-section .market-copy{padding-bottom:0}
.shared-section .market-copy h2{font-size:52px;margin:24px 0}
.shared-section .market-art{padding:24px 0 0 24px}
.shared-section .market-photo{height:340px}
.shared-section .market-flower{left:0;bottom:0;transform:scale(.7);transform-origin:bottom left}
.shared-section.community-section{padding:56px 20px}
.shared-section .community-content{gap:24px}
.shared-section.community-section h2{font-size:32px;line-height:1.5}
.shared-section.community-section h2 .community-name{font-size:42px;padding:2px 12px;margin-top:10px}
.shared-section .community-copy{font-size:14px}
.shared-section .community-pattern{top:calc(50% - 364px);grid-template-rows:repeat(3,196px);row-gap:70px;column-gap:40vw}
.shared-section .community-pattern img{transform:scale(7)}
.shared-section .dark-button{font-size:14px;padding:12px 18px}}
@media(max-width:380px){.shared-section.manifesto h2{font-size:34px}
.shared-section.community-section h2{font-size:28px}}
/* Capas originales de Figma: solo pétalos y texto giran. */
.seal-canvas{position:absolute;left:0;top:0;width:131px;height:131px;transform:scale(var(--seal-scale));transform-origin:top left}
.seal-rotating{position:absolute;inset:0;animation:seal-turn 32s linear infinite}
.seal-petals{position:absolute;left:0;top:0}
.seal-text{position:absolute;left:21.735px;top:22px}
.seal-logo{position:absolute;left:47.172px;top:48.415px}
.interna .seal-petals{transform:scale(1.523);transform-origin:top left}
@keyframes seal-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.seal-rotating{animation:none}}

/* Brillos flotantes del home; translate conserva la escala móvil. */
.home-hero .glow-left{animation:glow-float-left 18s ease-in-out infinite alternate;will-change:translate}
.home-hero .glow-right{animation:glow-float-right 22s ease-in-out infinite alternate;will-change:translate}
@keyframes glow-float-left{0%{translate:-25px 12px}50%{translate:35px -24px}100%{translate:60px 30px}}
@keyframes glow-float-right{0%{translate:20px -18px}50%{translate:-40px 24px}100%{translate:-65px -30px}}
@media(prefers-reduced-motion:reduce){.home-hero .glow-left,.home-hero .glow-right{animation:none;translate:none;will-change:auto}}

/* Parallax suave sobre el movimiento ambiental de las luces. */
.glow-follow{position:absolute;inset:0;will-change:transform}
.glow-follow-left{transform:translate(var(--glow-x,0px),var(--glow-y,0px))}
.glow-follow-right{transform:translate(calc(var(--glow-right-x,0px) * -.7),calc(var(--glow-right-y,0px) * -.7))}
.home-hero.hero-motion-paused .hero-glows img{animation-play-state:paused}
@media(hover:none),(pointer:coarse){
 .home-hero .glow-left{animation:glow-mobile-left 24s ease-in-out infinite}
 .home-hero .glow-right{animation:glow-mobile-right 28s ease-in-out infinite}
}
@keyframes glow-mobile-left{0%,20%,100%{translate:0 0}42%,60%{translate:65px 45px}80%{translate:-15px 20px}}
@keyframes glow-mobile-right{0%,18%,100%{translate:0 0}40%,58%{translate:-75px 60px}78%{translate:20px -20px}}
@media(prefers-reduced-motion:reduce){
 .glow-follow{transform:none;will-change:auto}
 .home-hero .glow-left,.home-hero .glow-right{animation:none;translate:none}
}

/* El sello acompaña el cursor dentro de la bienvenida, sin capturar clics. */
.flower.home{translate:var(--flower-x,0px) var(--flower-y,0px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.flower.home{translate:none}}


.shared-section .community-discord-icon{display:grid;place-items:center;width:24px;height:24px;flex:none}.shared-section .community-discord-icon img{width:18px;height:auto;aspect-ratio:18/13.9338;filter:brightness(0) invert(1)}
