.timeline-moderno{--socio-purple-dark: #2A1249;--socio-purple-light: #8B5CF6;--socio-purple-gradient: linear-gradient(135deg, #2A1249 0%, #8B5CF6 100%);--socio-gold: #D5BC5F;--socio-gold-light: #F4E5A1;--socio-gold-gradient: linear-gradient(135deg, #D5BC5F 0%, #F4E5A1 100%);--socio-white: #FFFFFF;--socio-gray: #64748B;--socio-gray-light: #000000;--socio-shadow: 0 15px 35px -8px rgba(0, 0, 0, .15);--socio-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .18);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .5s cubic-bezier(.34, 1.56, .64, 1);--gradient-mesh: radial-gradient(ellipse at center, rgba(139, 92, 246, .08) 0%, transparent 70%), radial-gradient(ellipse at 80% 20%, rgba(213, 188, 95, .06) 0%, transparent 60%)}.timeline-moderno{padding:4rem 0;background:var(--gradient-mesh),linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden;min-height:auto}.timeline-moderno:before,.timeline-moderno:after{content:"";position:absolute;border-radius:50%;background:var(--socio-purple-gradient);opacity:.03;animation:floatBubbles 25s ease-in-out infinite alternate;pointer-events:none}.timeline-moderno:before{width:200px;height:200px;top:10%;left:-5%;animation-delay:0s}.timeline-moderno:after{width:150px;height:150px;bottom:10%;right:-3%;background:var(--socio-gold-gradient);animation-delay:2s}@keyframes floatBubbles{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-20px) rotate(120deg) scale(1.1)}66%{transform:translateY(10px) rotate(240deg) scale(.9)}}.timeline-container{max-width:1300px;margin:0 auto;padding:0 1.5rem;position:relative}.timeline-header{text-align:center;margin-bottom:2.5rem;position:relative}.timeline-subtitle{font-size:1.1rem;color:var(--socio-gray);margin-top:.8rem;font-weight:500;opacity:.9}.timeline-nav{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap}.nav-dot{position:relative;padding:.6rem 1.2rem;background:var(--glass-bg);backdrop-filter:blur(15px) saturate(180%);border:1px solid var(--glass-border);border-radius:30px;color:var(--socio-purple-dark);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #0000000d;overflow:hidden;transform:translateZ(0)}.nav-dot:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.nav-dot:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #8b5cf626;border-color:#8b5cf64d}.nav-dot:hover:before{left:100%}.nav-dot.active{background:var(--socio-purple-gradient);color:var(--socio-white);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #8b5cf64d;border-color:#8b5cf680}.timeline-scroll-container{position:relative;overflow:hidden;margin-bottom:1.5rem;border-radius:16px;background:linear-gradient(145deg,#fffc,#fff6);backdrop-filter:blur(20px);box-shadow:var(--socio-shadow),inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);padding:1.5rem 1rem}.timeline-track{display:flex;gap:1.2rem;transition:transform .5s cubic-bezier(.4,0,.2,1);padding:.8rem 0;position:relative}.timeline-card{flex:0 0 260px;background:linear-gradient(145deg,#fffffff2,#fffc);backdrop-filter:blur(25px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #00000014,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.3);position:relative;cursor:pointer;transition:var(--transition-smooth);overflow:hidden;transform:translateZ(0)}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--socio-purple-gradient);opacity:0;transition:opacity .3s ease}.timeline-card.gold:before{background:var(--socio-gold-gradient)}.timeline-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.timeline-card.gold:after{background:radial-gradient(circle,rgba(213,188,95,.04) 0%,transparent 70%)}.timeline-card:hover:before{opacity:1}.timeline-card:hover:after{opacity:1}.timeline-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 5px 15px #00000014;border-color:#8b5cf633}.timeline-card.gold:hover{border-color:#d5bc5f4d}.card-icon{position:relative;width:50px;height:50px;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;background:var(--socio-purple-gradient);border-radius:50%;box-shadow:0 6px 20px #8b5cf640;transition:var(--transition-spring);overflow:hidden}.timeline-card.gold .card-icon{background:var(--socio-gold-gradient);box-shadow:0 6px 20px #d5bc5f40}.card-icon .icon{font-size:1.4rem;z-index:2;position:relative}.icon-glow{position:absolute;inset:-3px;background:inherit;border-radius:50%;opacity:0;transform:scale(1.2);transition:all .3s ease;filter:blur(8px)}.timeline-card:hover .icon-glow{opacity:.6;transform:scale(1.4)}.timeline-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{text-align:center}.card-year{font-size:.85rem;font-weight:700;color:var(--socio-gold);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.card-title{font-size:1.1rem;font-weight:700;color:var(--socio-purple-dark);margin-bottom:.8rem;line-height:1.3}.card-description{font-size:.9rem;color:var(--socio-gray);line-height:1.5;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-btn{background:linear-gradient(135deg,var(--socio-purple-light) 0%,var(--socio-purple-dark) 100%);color:var(--socio-white);border:none;padding:.6rem 1.2rem;border-radius:25px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #8b5cf633;position:relative;overflow:hidden}.card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.card-btn:hover:before{left:100%}.card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.card-btn svg{transition:transform .3s ease}.card-btn:hover svg{transform:translate(3px)}.scroll-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.scroll-btn{width:44px;height:44px;background:var(--glass-bg);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:var(--socio-purple-dark);box-shadow:0 4px 15px #0000000d}.scroll-btn:hover{background:var(--socio-purple-gradient);color:var(--socio-white);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf633}.scroll-indicator{flex:1;max-width:200px;height:4px;background:#8b5cf61a;border-radius:2px;overflow:hidden;position:relative}.scroll-progress{height:100%;background:var(--socio-purple-gradient);border-radius:2px;transition:width .3s ease;position:relative}.scroll-progress:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-20px)}to{transform:translate(20px)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;padding:1rem}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:linear-gradient(145deg,#fffffff2,#ffffffd9);backdrop-filter:blur(25px);border-radius:20px;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff80;border:1px solid rgba(255,255,255,.3);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px) scale(.95);opacity:0;transition:all .3s ease}.modal-overlay.active .modal-content{transform:translateY(0) scale(1);opacity:1}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:var(--socio-gray);z-index:10}.modal-close:hover{background:var(--socio-purple-gradient);color:var(--socio-white);transform:rotate(90deg)}.modal-header{padding:2rem 2rem 1rem;text-align:center;position:relative}.modal-icon{width:70px;height:70px;background:var(--socio-purple-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;box-shadow:0 10px 25px #8b5cf64d;position:relative;overflow:hidden}.modal-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:modalIconGlow 3s ease-in-out infinite}@keyframes modalIconGlow{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.modal-year{font-size:.9rem;font-weight:700;color:var(--socio-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.modal-title{font-size:1.8rem;font-weight:700;color:var(--socio-purple-dark);margin-bottom:0;line-height:1.3}.modal-body{padding:0 2rem 2rem}.modal-text{font-size:1rem;line-height:1.7;color:var(--socio-gray);text-align:justify;position:relative;padding-left:1rem;border-left:3px solid var(--socio-gold);background:linear-gradient(90deg,rgba(213,188,95,.05) 0%,transparent 100%);padding:1.5rem;border-radius:0 12px 12px 0;margin-bottom:1.5rem}.modal-nav{display:flex;gap:1rem;padding:0 2rem 2rem}.modal-nav-btn{flex:1;padding:.8rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition-smooth);color:var(--socio-purple-dark);font-weight:600;font-size:.9rem}.modal-nav-btn:hover:not(:disabled){background:var(--socio-purple-gradient);color:var(--socio-white);transform:translateY(-2px)}.modal-nav-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1200px){.timeline-card{flex:0 0 240px;padding:1.3rem}.card-icon{width:45px;height:45px}}@media (max-width: 992px){.timeline-moderno{padding:3rem 0}.timeline-container{padding:0 1rem}.timeline-header{margin-bottom:2rem}.timeline-nav{gap:.5rem;margin-bottom:1.5rem}.nav-dot{padding:.5rem 1rem;font-size:.8rem}.timeline-card{flex:0 0 220px;padding:1.2rem}.modal-content{margin:.5rem;border-radius:16px}.modal-header,.modal-body,.modal-nav{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 768px){.timeline-moderno{padding:2.5rem 0}.timeline-scroll-container{padding:1rem .5rem;border-radius:12px}.timeline-track{gap:1rem;padding:.5rem 0}.timeline-card{flex:0 0 200px;padding:1rem}.card-icon{width:40px;height:40px;margin-bottom:1rem}.card-icon .icon{font-size:1.2rem}.card-title{font-size:1rem;margin-bottom:.6rem}.card-description{font-size:.85rem;margin-bottom:1rem;-webkit-line-clamp:2}.card-btn{padding:.5rem 1rem;font-size:.8rem}.scroll-controls{gap:.8rem}.scroll-btn{width:40px;height:40px}.scroll-indicator{max-width:150px;height:3px}.modal-icon{width:60px;height:60px;font-size:1.6rem;margin-bottom:1rem}.modal-title{font-size:1.5rem}.modal-text{font-size:.9rem;padding:1.2rem}}@media (max-width: 480px){.timeline-container{padding:0 .5rem}.timeline-nav{gap:.3rem}.nav-dot{padding:.4rem .8rem;font-size:.75rem}.timeline-scroll-container{margin-bottom:1rem;padding:.5rem}.timeline-track{gap:.8rem}.timeline-card{flex:0 0 180px;padding:.8rem;border-radius:12px}.card-year{font-size:.75rem;margin-bottom:.3rem}.card-title{font-size:.9rem;margin-bottom:.5rem}.card-description{font-size:.8rem;margin-bottom:.8rem;line-height:1.4}.card-btn{padding:.4rem .8rem;font-size:.75rem;border-radius:20px}.scroll-btn{width:36px;height:36px}.scroll-indicator{max-width:120px}.modal-content{border-radius:12px;max-height:85vh}.modal-header{padding:1.5rem 1rem .5rem}.modal-body{padding:0 1rem 1rem}.modal-nav{padding:0 1rem 1.5rem;gap:.5rem}.modal-icon{width:50px;height:50px;font-size:1.4rem;margin-bottom:.8rem}.modal-title{font-size:1.3rem}.modal-text{font-size:.85rem;padding:1rem;line-height:1.6}.modal-nav-btn{padding:.6rem 1rem;font-size:.8rem;border-radius:8px}}@media (max-width: 360px){.timeline-card{flex:0 0 160px;padding:.6rem}.card-icon{width:35px;height:35px}.card-icon .icon{font-size:1rem}.modal-close{top:.5rem;right:.5rem;width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.timeline-card,.nav-dot,.card-btn,.scroll-btn,.modal-content,.card-icon,*:before,*:after{animation:none!important;transition:none!important}}.timeline-card:focus,.nav-dot:focus,.card-btn:focus,.scroll-btn:focus,.modal-nav-btn:focus{outline:2px solid var(--socio-gold);outline-offset:2px}.timeline-scroll-container::-webkit-scrollbar{display:none}.timeline-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.timeline-card.active{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #00000026,0 5px 15px #00000014;border-color:#8b5cf64d;z-index:2;position:relative}.timeline-card.active.gold{border-color:#d5bc5f66}.timeline-card.active:before{opacity:1}.timeline-card.active:after{opacity:.8}.timeline-track{will-change:transform;backface-visibility:hidden;perspective:1000px}.scroll-progress{position:relative;background:linear-gradient(90deg,var(--socio-purple-light) 0%,var(--socio-purple-dark) 100%);box-shadow:0 0 10px #8b5cf64d}.scroll-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.scroll-btn:disabled:hover{transform:none;background:var(--glass-bg);color:var(--socio-purple-dark)}.modal-overlay{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.modal-content{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}@keyframes cardActivate{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(-4px) scale(1.02)}}.timeline-card.active{animation:cardActivate .3s ease-out forwards}@media (max-width: 768px){.timeline-scroll-container:before{content:"← Desliza para navegar →";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--socio-gray);opacity:.7;text-align:center;font-weight:500;pointer-events:none;animation:fadeInOut 3s ease-in-out infinite}.timeline-scroll-container{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.timeline-track{cursor:grab}.timeline-track:active{cursor:grabbing}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:.8}}.timeline-card,.nav-dot,.scroll-btn,.modal-content{transform:translateZ(0);will-change:transform}.timeline-scroll-container.used:before{display:none}.timeline-card:focus-visible,.nav-dot:focus-visible,.card-btn:focus-visible,.scroll-btn:focus-visible{outline:2px solid var(--socio-gold);outline-offset:3px;box-shadow:0 0 0 5px #d5bc5f33}.timeline-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--socio-gray)}.timeline-loading:after{content:"";width:30px;height:30px;border:3px solid var(--socio-purple-light);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.timeline-track{transition:transform .2s ease!important}.timeline-card.active{animation:none!important;transform:translateY(-2px) scale(1.01)!important}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:.6}}}.galeria-historica{padding:clamp(3rem,8vw,8rem) 0;background:radial-gradient(circle at 25% 25%,rgba(94,44,165,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(213,188,95,.03) 0%,transparent 50%),linear-gradient(135deg,#ffffff05,#f5f5f514);position:relative;overflow:hidden;min-height:50vh}.galeria-historica:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 45deg at 30% 70%,rgba(213,188,95,.015) 0deg,transparent 60deg,rgba(94,44,165,.015) 120deg,transparent 180deg,rgba(213,188,95,.015) 240deg,transparent 300deg,rgba(94,44,165,.015) 360deg);animation:etherealRotate 80s linear infinite;pointer-events:none;opacity:.6}@keyframes etherealRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2rem,5vw,4rem);position:relative;z-index:2;width:100%}.galeria-item{position:relative;border-radius:clamp(12px,2.5vw,20px);overflow:hidden;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(10px);box-shadow:0 clamp(15px,3vw,25px) clamp(30px,5vw,50px) #2a124914,0 clamp(5px,1.5vw,10px) clamp(15px,3vw,25px) #0000000a,inset 0 1px #fffc,inset 0 -1px #00000005;transition:all .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;cursor:pointer;width:100%;max-width:100%}.galeria-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(213,188,95,.1) 0%,transparent 30%,transparent 70%,rgba(94,44,165,.1) 100%);opacity:0;transition:opacity .5s ease;z-index:1}.galeria-imagen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:inherit;width:100%;height:auto}.galeria-imagen img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .8s cubic-bezier(.25,.46,.45,.94);filter:grayscale(.3) contrast(1.1);display:block}.galeria-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(42,18,73,.7) 30%,rgba(42,18,73,.95) 100%);backdrop-filter:blur(15px) saturate(180%);color:var(--socio-white, #ffffff);padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);transform:translateY(70%);transition:all .6s cubic-bezier(.23,1,.32,1);z-index:2}.galeria-año{display:inline-block;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--socio-gold, #d5bc5f);text-shadow:0 0 30px rgba(213,188,95,.6),2px 2px 0 rgba(42,18,73,.8),4px 4px 10px rgba(0,0,0,.3);letter-spacing:clamp(-2px,-.3vw,-1px);line-height:.9;margin-bottom:clamp(.5rem,1.5vw,.8rem);position:relative;background:linear-gradient(135deg,var(--socio-gold, #d5bc5f) 0%,var(--socio-gold-light, #e6d280) 50%,var(--socio-gold, #d5bc5f) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;word-break:keep-all}@keyframes shimmer{0%,to{filter:brightness(1) saturate(1);transform:scale(1)}50%{filter:brightness(1.2) saturate(1.3);transform:scale(1.02)}}.galeria-año:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--socio-gold, #d5bc5f) 20%,var(--socio-gold-light, #e6d280) 50%,var(--socio-gold, #d5bc5f) 80%,transparent 100%);border-radius:2px;transform:scaleX(0);transition:transform .5s ease .2s}.galeria-descripcion{font-size:clamp(.9rem,2.2vw,1.1rem);line-height:1.6;color:#fffffff2;font-weight:400;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);transition:all .4s ease .3s;word-wrap:break-word;hyphens:auto}.galeria-item:after{content:"";position:absolute;top:clamp(15px,3vw,20px);right:clamp(15px,3vw,20px);width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);background:radial-gradient(circle,rgba(213,188,95,.2) 0%,rgba(213,188,95,.1) 40%,transparent 70%);border-radius:50%;opacity:0;transform:scale(0);transition:all .5s ease .1s;z-index:3}@media (min-width: 1400px){.galeria-grid{grid-template-columns:repeat(3,1fr);gap:3rem}.galeria-item:nth-child(3n+1){transform:translateY(-15px)}.galeria-item:nth-child(3n+2){transform:translateY(15px)}.galeria-item:nth-child(3n+3){transform:translateY(-8px)}}@media (min-width: 1200px) and (max-width: 1399px){.galeria-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}}@media (min-width: 992px) and (max-width: 1199px){.galeria-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.galeria-overlay{transform:translateY(60%)}}@media (min-width: 768px) and (max-width: 991px){.galeria-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.galeria-item{max-width:none}.galeria-overlay{transform:translateY(50%)}.galeria-item:nth-child(3n+1),.galeria-item:nth-child(3n+2),.galeria-item:nth-child(3n+3){transform:translateY(0)}}@media (min-width: 480px) and (max-width: 767px){.galeria-grid{grid-template-columns:repeat(2,1fr);gap:1.8rem}.galeria-item{max-width:100%;margin:0}.galeria-overlay{transform:translateY(40%)}.galeria-item:nth-child(n){transform:translateY(0)}}@media (min-width: 360px) and (max-width: 479px){.galeria-grid{gap:1.5rem}.galeria-overlay{transform:translateY(35%)}}@media (max-width: 359px){.container{padding:0 1rem}.galeria-grid{gap:1.2rem}.galeria-overlay{transform:translateY(30%)}.galeria-item{border-radius:10px}}@media (hover: hover) and (pointer: fine){.galeria-item:hover:before{opacity:1}.galeria-item:hover{transform:translateY(-15px) rotateX(5deg) rotateY(-2deg);box-shadow:0 40px 80px #2a124926,0 20px 40px #00000014,inset 0 1px #ffffffe6}.galeria-item:hover .galeria-imagen img{transform:scale(1.08);filter:grayscale(0) contrast(1.2) brightness(1.05)}.galeria-item:hover .galeria-overlay{transform:translateY(0);background:linear-gradient(180deg,#2a12491a,#2a1249cc 20%,#2a1249fa)}.galeria-item:hover .galeria-año:after{transform:scaleX(1)}.galeria-item:hover .galeria-descripcion{opacity:1;transform:translateY(0)}.galeria-item:hover:after{opacity:1;transform:scale(1);animation:pulse 2s ease-in-out infinite}@media (min-width: 1400px){.galeria-item:hover:nth-child(3n+1){transform:translateY(-30px) rotateX(5deg) rotateY(-2deg)}.galeria-item:hover:nth-child(3n+2){transform:translateY(0) rotateX(5deg) rotateY(-2deg)}.galeria-item:hover:nth-child(3n+3){transform:translateY(-23px) rotateX(5deg) rotateY(-2deg)}}@media (min-width: 768px) and (max-width: 1199px){.galeria-item:hover{transform:translateY(-10px)}}}@media (hover: none) and (pointer: coarse){.galeria-item:active{transform:scale(.98);transition:transform .1s ease}.galeria-overlay{transform:translateY(20%)}.galeria-descripcion{opacity:.8;transform:translateY(0)}}.galeria-item:focus{outline:3px solid var(--socio-gold, #d5bc5f);outline-offset:5px}.galeria-item:focus-visible{box-shadow:0 0 0 3px #d5bc5f80,0 25px 50px #2a124914}@media (prefers-reduced-motion: reduce){.galeria-item,.galeria-imagen img,.galeria-overlay,.galeria-año,.galeria-descripcion,.galeria-historica:before,.galeria-item:after{animation:none!important;transition:none!important}.galeria-item:hover{transform:none!important}}@media (prefers-contrast: more){.galeria-item{border:2px solid var(--socio-gold, #d5bc5f)}.galeria-overlay{background:#000000e6}}.galeria-grid{opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.galeria-item{opacity:0;transform:translateY(30px);animation:slideInUp .6s ease-out forwards}.galeria-item:nth-child(1){animation-delay:.1s}.galeria-item:nth-child(2){animation-delay:.2s}.galeria-item:nth-child(3){animation-delay:.3s}.galeria-item:nth-child(4){animation-delay:.4s}.galeria-item:nth-child(5){animation-delay:.5s}.galeria-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.galeria-item,.galeria-imagen img,.galeria-overlay{will-change:transform;backface-visibility:hidden;perspective:1000px}.galeria-imagen img[loading=lazy]{opacity:0;transition:opacity .3s ease}.galeria-imagen img[loading=lazy].loaded{opacity:1}@media print{.galeria-historica:before,.galeria-item:after{display:none}.galeria-overlay{position:static;background:#fff;color:#000;transform:none}.galeria-item{break-inside:avoid;page-break-inside:avoid}}.origenes-seccion{padding:clamp(4rem,8vw,8rem) 0;background:linear-gradient(135deg,#5e2ca505,#d5bc5f05,#5e2ca505);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.origenes-seccion:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(213,188,95,.03) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.origenes-contenido{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,4rem);align-items:center;margin-top:clamp(2rem,5vw,4rem);position:relative;z-index:2}.origenes-imagen{position:relative;display:flex;justify-content:center;align-items:center;height:clamp(300px,50vh,500px);width:100%}.imagen-marco{position:relative;width:clamp(220px,45vw,350px);height:clamp(280px,55vw,450px);max-width:350px;max-height:450px;background:linear-gradient(135deg,var(--socio-purple-dark) 0%,var(--socio-purple-darker) 50%,var(--socio-purple-dark) 100%);border-radius:clamp(15px,3vw,25px);box-shadow:0 clamp(10px,3vw,20px) clamp(20px,5vw,40px) #2a12494d,0 5px 15px #0000001a,inset 0 1px #ffffff1a;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform}.imagen-marco:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - clamp(30px,8vw,60px));height:calc(100% - clamp(30px,8vw,60px));transform:translate(-50%,-50%);border:clamp(2px,.5vw,3px) solid var(--socio-gold);border-radius:clamp(12px,2.5vw,20px);background:url(/favicon2.jpg) center center/cover no-repeat;box-shadow:inset 0 0 clamp(25px,6vw,50px) #d5bc5f33}.imagen-marco:after{content:"";position:absolute;bottom:2%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2.2rem,8vw,4rem);font-weight:900;color:var(--socio-gold);text-shadow:0 0 20px rgba(213,188,95,.5),2px 2px 4px rgba(0,0,0,.3);opacity:.8;letter-spacing:clamp(1px,.3vw,2px);line-height:1}.imagen-marco:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-10px);box-shadow:0 clamp(15px,4vw,30px) clamp(30px,7vw,60px) #2a124966,0 10px 25px #00000026}.imagen-ornamento{position:absolute;top:clamp(-8px,-2vw,-10px);right:clamp(-8px,-2vw,-10px);width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);background:linear-gradient(45deg,var(--socio-gold) 0%,var(--socio-gold-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #d5bc5f66,inset 0 1px #ffffff4d;animation:pulse 3s ease-in-out infinite}.imagen-ornamento:before{content:"★";color:var(--socio-purple-dark);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;line-height:1}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.origenes-texto{padding:clamp(1rem,3vw,2rem) 0;max-width:100%}.origenes-texto h3{font-size:clamp(1.5rem,4vw,2rem);color:var(--socio-purple-dark);margin-bottom:clamp(1rem,2.5vw,1.5rem);font-weight:700;position:relative;line-height:1.3;word-wrap:break-word;hyphens:auto}.origenes-texto h3:after{content:"";position:absolute;bottom:clamp(-6px,-1.5vw,-8px);left:0;width:clamp(40px,10vw,60px);height:clamp(3px,.8vw,4px);background:linear-gradient(90deg,var(--socio-gold) 0%,var(--socio-gold-light) 100%);border-radius:2px}.origenes-texto p{font-size:clamp(.9rem,2.2vw,1.1rem);line-height:clamp(1.6,.2vw + 1.5,1.8);color:var(--socio-gray-dark);margin-bottom:clamp(1.2rem,3vw,2rem);text-align:justify;position:relative;padding-left:clamp(.8rem,2vw,1rem);word-wrap:break-word;hyphens:auto;max-width:100%;overflow-wrap:break-word}.origenes-texto p:before{content:"";position:absolute;left:0;top:clamp(.3rem,1vw,.5rem);width:clamp(2px,.5vw,3px);height:calc(100% - clamp(.6rem,2vw,1rem));background:linear-gradient(to bottom,var(--socio-gold) 0%,var(--socio-gold-light) 50%,transparent 100%);border-radius:2px}.origenes-texto p:first-of-type{font-size:clamp(1rem,2.5vw,1.15rem);font-weight:500;color:var(--socio-black)}.origenes-texto p:first-of-type:first-letter{font-size:clamp(2.8rem,8vw,4rem);font-weight:900;color:var(--socio-gold);float:left;line-height:clamp(2rem,6vw,3rem);margin:clamp(.1rem,.3vw,.2rem) clamp(.3rem,1vw,.5rem) 0 0;text-shadow:2px 2px 4px rgba(213,188,95,.3)}@media (min-width: 1400px){.container{max-width:1600px}.origenes-contenido{gap:5rem}}@media (max-width: 1399px){.origenes-contenido{gap:3.5rem}.imagen-marco{width:min(320px,42vw);height:min(420px,52vw)}}@media (max-width: 1199px){.origenes-seccion{min-height:auto;padding:clamp(5rem,8vw,6rem) 0}.origenes-contenido{gap:3rem}.imagen-marco{width:min(300px,40vw);height:min(380px,48vw)}}@media (max-width: 991px){.origenes-contenido{grid-template-columns:1fr;gap:clamp(2.5rem,5vw,3rem);text-align:center}.origenes-imagen{order:2;height:clamp(320px,45vh,400px);justify-self:center}.origenes-texto{order:1;text-align:left;justify-self:stretch}.imagen-marco{transform:perspective(1000px) rotateY(0) rotateX(0);width:min(280px,60vw);height:min(360px,75vw)}.imagen-marco:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px)}}@media (max-width: 767px){.origenes-seccion{padding:clamp(4rem,8vw,5rem) 0}.origenes-contenido{margin-top:clamp(2rem,4vw,3rem);gap:clamp(2rem,4vw,2.5rem)}.origenes-imagen{height:clamp(280px,40vh,350px)}.imagen-marco{width:min(260px,70vw);height:min(320px,85vw);border-radius:clamp(15px,3vw,20px)}.imagen-marco:before{border-radius:clamp(10px,2.5vw,15px)}.origenes-texto p{text-align:left}}@media (max-width: 599px){.container{padding:0 clamp(1rem,3vw,1.5rem)}.origenes-contenido{gap:clamp(1.5rem,4vw,2rem)}.origenes-imagen{height:clamp(250px,35vh,300px)}.imagen-marco{width:min(240px,75vw);height:min(280px,88vw)}.origenes-texto p{padding-left:clamp(.6rem,1.5vw,.8rem);margin-bottom:clamp(1rem,2.5vw,1.2rem)}}@media (max-width: 479px){.origenes-seccion{padding:clamp(3rem,8vw,4rem) 0}.imagen-marco{width:min(220px,80vw);height:min(260px,90vw);border-radius:15px}.imagen-marco:before{border-radius:12px}.imagen-ornamento{width:clamp(35px,8vw,50px);height:clamp(35px,8vw,50px)}}@media (max-width: 359px){.origenes-seccion{padding:clamp(2.5rem,8vw,3rem) 0}.imagen-marco{width:min(200px,85vw);height:min(240px,95vw)}.origenes-texto p{text-align:left;hyphens:auto;word-break:break-word}}@media (prefers-reduced-motion: reduce){.imagen-marco,.imagen-ornamento,.origenes-seccion:before{animation:none!important;transition:transform .2s ease!important}.imagen-marco{transform:none!important}.imagen-marco:hover{transform:translateY(-2px)!important}}.imagen-marco:focus,.imagen-marco:focus-visible{outline:3px solid var(--socio-gold);outline-offset:5px;transform:perspective(1000px) rotateY(0) rotateX(0)}@media (hover: none) and (pointer: coarse){.imagen-marco:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.imagen-marco:active{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px)}}.origenes-contenido{opacity:0;animation:fadeInUp .8s ease-out .3s forwards}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.imagen-marco:after{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme: dark){.origenes-seccion{background:linear-gradient(135deg,#5e2ca50d,#d5bc5f0d,#5e2ca50d)}.origenes-texto p{color:var(--socio-gray-light, #666)}}.imagen-marco[aria-label]:after{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tradiciones-seccion{padding:8rem 0;background:radial-gradient(ellipse at 30% 20%,rgba(213,188,95,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(94,44,165,.06) 0%,transparent 50%),linear-gradient(135deg,#fffffff2,#f8fafcfa,#fffffff2);position:relative;overflow:hidden;min-height:100vh}.tradiciones-seccion:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(213,188,95,.05) 2px,transparent 2px),radial-gradient(circle at 85% 75%,rgba(94,44,165,.05) 1px,transparent 1px),radial-gradient(circle at 45% 60%,rgba(213,188,95,.03) 3px,transparent 3px);background-size:200px 200px,150px 150px,300px 300px;animation:floatingParticles 60s linear infinite;pointer-events:none;z-index:1}@keyframes floatingParticles{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-50px) rotate(360deg)}}.tradiciones-seccion:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(213,188,95,.015) 45deg,transparent 90deg,rgba(94,44,165,.015) 135deg,transparent 180deg,rgba(213,188,95,.015) 225deg,transparent 270deg,rgba(94,44,165,.015) 315deg,transparent 360deg);animation:rotate 180s linear infinite;pointer-events:none;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tradiciones-contenido{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 2rem}.tradiciones-intro{max-width:900px;margin:3rem auto 5rem;text-align:center;position:relative}.tradiciones-intro p{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.8;color:var(--socio-gray-dark);font-weight:400;text-align:justify;padding:clamp(2rem,5vw,3.5rem);background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(20px) saturate(180%);border-radius:clamp(20px,4vw,30px);box-shadow:0 20px 40px #2a124914,0 10px 20px #0000000a,inset 0 1px #ffffffe6,inset 0 -1px #00000005;position:relative;border:1px solid rgba(255,255,255,.3);transition:all .6s cubic-bezier(.23,1,.32,1);margin:0}.tradiciones-intro p:hover{transform:translateY(-3px);box-shadow:0 30px 60px #2a12491f,0 15px 30px #0000000f,inset 0 1px #fff}.tradiciones-intro:before,.tradiciones-intro:after{content:"";position:absolute;width:clamp(50px,8vw,80px);height:clamp(50px,8vw,80px);background:radial-gradient(circle at center,var(--socio-gold) 0%,var(--socio-gold-light) 50%,transparent 70%);border-radius:50%;opacity:.15;animation:pulse 4s ease-in-out infinite}.tradiciones-intro:before{top:-25px;left:-25px;animation-delay:0s}.tradiciones-intro:after{bottom:-25px;right:-25px;animation-delay:2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}}.tradiciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,3.5rem);margin-top:4rem;position:relative;z-index:2}.tradicion-card{background:linear-gradient(145deg,#fffffff2,#ffffffd9);backdrop-filter:blur(25px) saturate(200%);border-radius:clamp(20px,4vw,35px);padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 30px #2a12490f,0 8px 16px #00000008,inset 0 1px #fffc,inset 0 -1px #00000005;border:1px solid rgba(255,255,255,.2);transform-style:preserve-3d;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.tradicion-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(213,188,95,.08) 0%,transparent 50%),linear-gradient(135deg,rgba(94,44,165,.03) 0%,transparent 50%,rgba(213,188,95,.03) 100%);opacity:0;transition:opacity .6s ease;z-index:1}.tradicion-card:hover:before{opacity:1}.tradicion-card:hover{transform:translateY(clamp(-15px,-3vw,-25px)) scale(1.02);box-shadow:0 30px 60px #2a124926,0 15px 30px #00000014,inset 0 1px #fff,0 0 30px #d5bc5f1a}.tradicion-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 100px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.tradicion-card:hover:after{opacity:1}.tradicion-icono{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);margin:0 auto clamp(1.5rem,3vw,2rem);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,4vw,3rem);position:relative;background:linear-gradient(135deg,var(--socio-purple-dark) 0%,var(--socio-purple-darker) 100%);box-shadow:0 15px 30px #2a124933,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);z-index:2;flex-shrink:0}.tradicion-icono:before{content:"";position:absolute;inset:8px;border:2px solid var(--socio-gold);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(213,188,95,.2) 0%,transparent 70%);transition:all .6s ease}.tradicion-card:hover .tradicion-icono{transform:translateY(clamp(-5px,-1vw,-10px)) scale(1.05);box-shadow:0 20px 40px #2a12494d,inset 0 1px #fff3,0 0 20px #d5bc5f4d}.tradicion-card:hover .tradicion-icono:before{border-color:var(--socio-gold-light);background:radial-gradient(circle at 30% 30%,rgba(213,188,95,.4) 0%,transparent 70%);animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tradicion-icono.entretenimiento:after{content:"🎪";font-size:clamp(1.8rem,3.5vw,2.5rem);filter:grayscale(1) brightness(2);z-index:1}.tradicion-icono.teatro:after{content:"🎨";font-size:clamp(1.8rem,3.5vw,2.5rem);filter:grayscale(1) brightness(2);z-index:1}.tradicion-titulo{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;color:var(--socio-purple-dark);margin-bottom:clamp(1rem,2vw,1.5rem);line-height:1.2;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .6s ease;flex-shrink:0}.tradicion-titulo:after{content:"";position:absolute;bottom:-6px;left:50%;width:0;height:3px;background:linear-gradient(90deg,var(--socio-gold) 0%,var(--socio-gold-light) 100%);border-radius:2px;transform:translate(-50%);transition:width .8s cubic-bezier(.68,-.55,.265,1.55) .2s}.tradicion-card:hover .tradicion-titulo:after{width:clamp(60px,12vw,80px)}.tradicion-card:hover .tradicion-titulo{color:var(--socio-purple-darker);transform:translateY(-2px)}.tradicion-descripcion{font-size:clamp(1rem,2vw,1.1rem);line-height:1.7;color:var(--socio-gray-dark);text-align:justify;position:relative;z-index:2;margin:0;transition:all .6s ease;flex-grow:1;display:flex;align-items:flex-start}.tradicion-card:hover .tradicion-descripcion{color:var(--socio-black);transform:translateY(-1px)}.tradiciones-cita{max-width:800px;margin:clamp(5rem,10vw,8rem) auto 0;text-align:center;position:relative;padding:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem);background:linear-gradient(135deg,#5e2ca50d,#d5bc5f0d);backdrop-filter:blur(15px);border-radius:clamp(25px,5vw,40px);box-shadow:0 20px 40px #2a124914,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);z-index:2}.tradiciones-cita:before{content:'"';position:absolute;top:clamp(-15px,-3vw,-30px);left:50%;transform:translate(-50%);font-size:clamp(4rem,8vw,8rem);color:var(--socio-gold);font-family:Georgia,serif;opacity:.3;line-height:1}.tradiciones-cita p{font-size:clamp(1.2rem,2.8vw,1.6rem);font-weight:400;color:var(--socio-purple-dark);font-style:italic;line-height:1.6;margin-bottom:clamp(1.5rem,3vw,2rem);text-shadow:0 1px 2px rgba(0,0,0,.1)}.tradiciones-cita span{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;color:var(--socio-gold-dark);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);position:relative;padding-top:1rem;display:inline-block}.tradiciones-cita span:before{content:"";position:absolute;top:0;left:50%;width:clamp(40px,8vw,60px);height:2px;background:var(--socio-gold);transform:translate(-50%);border-radius:1px}@media (min-width: 1400px){.tradiciones-seccion{padding:10rem 0}.tradiciones-contenido{padding:0 3rem}.tradiciones-grid{grid-template-columns:repeat(2,2fr);gap:4rem}}@media (max-width: 1199px){.tradiciones-seccion{padding:7rem 0}.tradiciones-grid{grid-template-columns:repeat(2,2fr);gap:3rem}}@media (max-width: 991px){.tradiciones-seccion{padding:6rem 0}.tradiciones-contenido{padding:0 1.5rem}.tradiciones-grid{grid-template-columns:repeat(2,2fr);gap:2.5rem;margin-top:3rem}.tradicion-card:hover{transform:translateY(-12px) scale(1.02)}}@media (max-width: 768px){.tradiciones-seccion{padding:5rem 0;min-height:auto}.tradiciones-contenido{padding:0 1rem}.tradiciones-intro{margin:2rem auto 3rem}.tradiciones-intro p{text-align:left;display:none}.tradiciones-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tradicion-card{min-height:280px}.tradicion-card:hover{transform:translateY(-8px) scale(1.01)}.tradicion-descripcion{text-align:left}}@media (max-width: 576px){.tradiciones-seccion{padding:4rem 0}.tradiciones-contenido{padding:0 .75rem}.tradiciones-intro{margin:1.5rem auto 2.5rem}.tradiciones-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.tradicion-card{min-height:260px}.tradicion-card:hover{transform:translateY(-5px) scale(1.005)}}@media (max-width: 375px){.tradiciones-seccion{padding:3rem 0}.tradiciones-contenido{padding:0 .5rem}.tradiciones-intro{margin:1rem auto 2rem}.tradiciones-grid{gap:1.25rem;margin-top:2rem}.tradicion-card{min-height:240px}.tradiciones-cita{margin-top:3rem}}@media (max-width: 320px){.tradiciones-seccion{padding:2.5rem 0}.tradiciones-contenido{padding:0 .25rem}.tradicion-card{min-height:220px}.tradiciones-cita{margin-top:2.5rem}}@media (max-height: 500px) and (orientation: landscape){.tradiciones-seccion{padding:3rem 0;min-height:auto}.tradiciones-intro{margin:1rem auto 2rem}.tradiciones-grid{margin-top:2rem}.tradiciones-cita{margin-top:3rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.tradicion-icono:before{border-width:1px}.tradiciones-cita span:before{height:1px}}@media (prefers-reduced-motion: reduce){.tradiciones-seccion:before,.tradiciones-seccion:after,.tradicion-card,.tradicion-icono,.tradiciones-intro:before,.tradiciones-intro:after{animation:none!important;transition:none!important}.tradicion-card:hover{transform:none!important}}.tradicion-card:focus,.tradicion-card:focus-visible{outline:3px solid var(--socio-gold);outline-offset:3px;transform:translateY(-2px)}.tradiciones-contenido{opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.tradicion-card{opacity:0;transform:translateY(30px);animation:staggeredFadeIn .8s ease-out forwards}.tradicion-card:nth-child(1){animation-delay:.1s}.tradicion-card:nth-child(2){animation-delay:.2s}.tradicion-card:nth-child(3){animation-delay:.3s}.tradicion-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes staggeredFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tradicion-card{amanecer--mouse-x:50%;--mouse-y: 50%}@container (max-width: 400px){.tradicion-card{padding:1.5rem 1rem}}@media print{.tradiciones-seccion:before,.tradiciones-seccion:after,.tradiciones-intro:before,.tradiciones-intro:after{display:none}.tradicion-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.tradiciones-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.tradiciones-seccion{padding:4rem 0}.tradiciones-contenido{padding:0 .75rem}.tradiciones-intro{margin:1.5rem auto 2.5rem}.tradiciones-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.tradicion-card{min-height:220px;padding:1.5rem 1rem}.tradicion-icono{width:clamp(60px,12vw,90px);height:clamp(60px,12vw,90px);margin-bottom:1rem}.tradicion-titulo{font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:.8rem}.tradicion-descripcion{font-size:clamp(.85rem,1.8vw,1rem)}.tradicion-card:hover{transform:translateY(-5px) scale(1.005)}}@media (max-width: 375px){.tradiciones-seccion{padding:3rem 0}.tradiciones-contenido{padding:0 .5rem}.tradiciones-intro{margin:1rem auto 2rem}.tradiciones-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:2rem}.tradicion-card{min-height:200px;padding:1.2rem .8rem}}@media (max-width: 320px){.tradiciones-seccion{padding:2.5rem 0}.tradiciones-grid{gap:.75rem}.tradicion-card{min-height:180px;padding:1rem .6rem}.tradicion-descripcion p{display:none}}@media (max-width: 768px){.tradicion-descripcion{display:none}.tradicion-card{min-height:auto;padding:1.3rem .8rem;justify-content:center}.tradicion-titulo{margin-bottom:0}}@media (max-width: 576px){.tradiciones-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tradicion-icono{width:clamp(55px,11vw,75px);height:clamp(55px,11vw,75px);margin-bottom:.8rem}.tradicion-titulo{font-size:clamp(.9rem,2.2vw,1.2rem)}}@media (max-width: 375px){.tradiciones-grid{gap:.85rem}.tradicion-icono{width:clamp(45px,10vw,60px);height:clamp(45px,10vw,60px)}}.personajes-seccion{padding:4rem 1rem 6rem;background:radial-gradient(ellipse at 20% 80%,rgba(94,44,165,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(213,188,95,.04) 0%,transparent 60%),linear-gradient(145deg,#fffffffa,#f8f8f8f2);position:relative;overflow:hidden;min-height:100vh}.personajes-seccion:before{content:"";position:absolute;top:-200px;left:-200px;width:calc(100% + 400px);height:calc(100% + 400px);background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(213,188,95,.008) 30deg,transparent 60deg,rgba(94,44,165,.008) 90deg,transparent 120deg);animation:slowRotate 120s linear infinite;pointer-events:none}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;padding:0 2rem;margin:0 auto;width:100%}.personajes-intro{max-width:100%;margin:2rem auto 3rem;text-align:center;position:relative;z-index:2}.personajes-intro p{font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.8;color:var(--socio-gray-dark);font-weight:400;text-align:justify;position:relative;padding:clamp(1rem,3vw,2rem);background:#fffc;backdrop-filter:blur(10px);border-radius:clamp(15px,3vw,20px);box-shadow:0 20px 40px #2a12490f,inset 0 1px #ffffffe6;margin:0}.personajes-intro p:before{content:'"';position:absolute;top:-5px;left:clamp(10px,2vw,20px);font-size:clamp(2rem,6vw,4rem);color:var(--socio-gold);font-family:Georgia,serif;opacity:.3}.personajes-intro p:after{content:'"';position:absolute;bottom:clamp(-20px,-4vw,-30px);right:clamp(10px,2vw,20px);font-size:clamp(2rem,6vw,4rem);color:var(--socio-gold);font-family:Georgia,serif;opacity:.3}.personajes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,2vw,3rem);margin-top:clamp(1.5rem,4vw,4rem);position:relative;z-index:2;padding:0}.personaje-card{background:linear-gradient(145deg,#fffffff2,#ffffffd9);backdrop-filter:blur(20px) saturate(180%);border-radius:clamp(12px,2.5vw,25px);overflow:hidden;box-shadow:0 10px 25px #2a124914,0 4px 10px #0000000a,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;transform-style:preserve-3d;cursor:pointer;width:100%;max-width:100%;margin:0}.personaje-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(213,188,95,.05) 0%,transparent 50%,rgba(94,44,165,.05) 100%);opacity:0;transition:opacity .5s ease;z-index:1}.personaje-card:hover:before{opacity:1}.personaje-imagen{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(135deg,var(--socio-purple-dark) 0%,var(--socio-purple-darker) 100%);width:100%}.personaje-imagen:before{content:"";position:absolute;top:clamp(8px,2vw,20px);left:clamp(8px,2vw,20px);right:clamp(8px,2vw,20px);bottom:clamp(8px,2vw,20px);border:2px solid var(--socio-gold);border-radius:clamp(10px,2vw,15px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ornament" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M5,0 L10,5 L5,10 L0,5 Z" fill="%23D5BC5F" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23ornament)"/></svg>');z-index:1}.personaje-imagen img{width:100%;height:100%;object-fit:cover;transition:all .6s ease;filter:grayscale(.2) contrast(1.1) brightness(.95);position:relative;z-index:2}.personaje-imagen:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(213,188,95,.1) 0%,transparent 30%,transparent 70%,rgba(94,44,165,.1) 100%);opacity:0;transition:opacity .5s ease;z-index:3}.personaje-info{padding:clamp(.6rem,2vw,2.5rem) clamp(.5rem,1.5vw,2rem) clamp(.5rem,1.5vw,2rem);position:relative;z-index:2;background:linear-gradient(180deg,#ffffffe6,#fffffff2)}.personaje-nombre{font-size:clamp(.85rem,2.5vw,1.6rem);font-weight:700;color:var(--socio-purple-dark);margin-bottom:clamp(.25rem,1vw,.8rem);line-height:1.2;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1);word-wrap:break-word;hyphens:auto}.personaje-nombre:after{content:"";position:absolute;bottom:clamp(-5px,-1.5vw,-8px);left:0;width:0;height:3px;background:linear-gradient(90deg,var(--socio-gold) 0%,var(--socio-gold-light) 100%);border-radius:2px;transition:width .6s ease .2s}.personaje-cargo{display:inline-block;font-size:clamp(.65rem,1.8vw,1rem);font-weight:600;color:var(--socio-gold-dark);background:linear-gradient(135deg,#d5bc5f26,#d5bc5f14);padding:clamp(.2rem,.6vw,.4rem) clamp(.4rem,1.2vw,1rem);border-radius:50px;margin-bottom:clamp(.3rem,1vw,.8rem);box-shadow:0 2px 8px #d5bc5f33,inset 0 1px #ffffff80;transition:all .3s ease;text-align:center;word-wrap:break-word}.personaje-periodo{font-size:clamp(.8rem,2vw,.95rem);font-weight:500;color:var(--socio-purple-light);margin-bottom:clamp(1rem,2.5vw,1.5rem);text-transform:uppercase;letter-spacing:1px;position:relative;padding-left:clamp(.8rem,2vw,1rem)}.personaje-periodo:before{content:"";position:absolute;left:0;top:50%;width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);background:var(--socio-gold);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 10px #d5bc5f80}.personaje-contribucion{font-size:clamp(.9rem,2.2vw,1.05rem);line-height:1.7;color:var(--socio-gray-dark);text-align:justify;position:relative;padding-left:clamp(.8rem,2vw,1.2rem);margin:0;word-wrap:break-word;hyphens:auto}.personaje-contribucion:before{content:"";position:absolute;left:0;top:.3rem;width:3px;height:calc(100% - .6rem);background:linear-gradient(to bottom,var(--socio-gold) 0%,var(--socio-gold-light) 50%,transparent 100%);border-radius:2px}.personaje-card:after{content:"★";position:absolute;top:clamp(15px,3vw,25px);right:clamp(15px,3vw,25px);font-size:clamp(1rem,2.5vw,1.5rem);color:var(--socio-gold);opacity:0;transform:scale(0) rotate(0);transition:all .5s ease .2s;z-index:4;text-shadow:0 0 10px rgba(213,188,95,.5)}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1) rotate(180deg)}50%{opacity:.4;transform:scale(1.2) rotate(180deg)}}@media (min-width: 768px){.personajes-seccion{padding:6rem 2rem 8rem}.personajes-intro{max-width:800px;margin:3rem auto 4rem}.personajes-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:0}.personaje-card:hover{transform:translateY(-15px) rotateX(5deg) rotateY(-2deg);box-shadow:0 40px 80px #2a12491f,0 20px 40px #0000000f,inset 0 1px #fff}.personaje-card:hover .personaje-imagen img{transform:scale(1.05);filter:grayscale(0) contrast(1.2) brightness(1.05)}.personaje-card:hover .personaje-imagen:after{opacity:1}.personaje-card:hover .personaje-nombre:after{width:60px}.personaje-card:hover .personaje-cargo{transform:translateY(-2px);box-shadow:0 4px 12px #d5bc5f4d,inset 0 1px #ffffffb3}.personaje-card:hover:after{opacity:.8;transform:scale(1) rotate(180deg);animation:sparkle 2s ease-in-out infinite}}@media (min-width: 1024px){.personajes-seccion{padding:8rem 0}.personajes-intro{margin:4rem auto 5rem}.personajes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin-top:4rem}.personaje-card:hover{transform:translateY(-20px) rotateX(8deg) rotateY(-3deg);box-shadow:0 50px 100px #2a124926,0 25px 50px #00000014,inset 0 1px #fff}}@media (max-width: 555px){.personaje-contribucion,.personaje-periodo{display:none}.personajes-seccion{padding:3rem .5rem 4rem}.personajes-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.personaje-card{border-radius:10px}.personaje-imagen:before{inset:5px;border-width:1px}.personaje-info{padding:.5rem .4rem}.personaje-nombre{font-size:.8rem;margin-bottom:.2rem}.personaje-nombre:after{display:none}.personaje-cargo{font-size:.6rem;padding:.15rem .35rem;margin-bottom:.2rem}.personaje-card:after{display:none}.personajes-intro p{text-align:left;padding:.8rem;font-size:.95rem}}@media (max-width: 375px){.personajes-grid{gap:.4rem}.personaje-nombre{font-size:.72rem}.personaje-cargo{font-size:.55rem}}@media (min-width: 1400px){.personajes-grid{grid-template-columns:repeat(4,1fr);max-width:1200px;margin-left:auto;margin-right:auto}}@media (orientation: landscape) and (max-height: 500px){.personajes-seccion{padding:2rem 1rem 3rem}.personajes-intro{margin:1rem auto 2rem}.personajes-grid{margin-top:2rem}}@media (prefers-reduced-motion: reduce){.personajes-seccion:before{animation:none}.personaje-card{transition:box-shadow .3s ease,transform .3s ease}.personaje-card:hover:after{animation:none}.personaje-imagen img{transition:filter .3s ease}}@media (prefers-contrast: more){.personaje-card{border:2px solid var(--socio-purple-dark)}.personaje-nombre{color:#000}.personaje-contribucion{color:#333}}