@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap";:root{--color-paper: #faf8f3;--color-paper-warm: #f1ece0;--color-paper-deep: #e8e2d2;--color-ink: #1a1410;--color-ink-soft: #3d3530;--color-ink-muted: #7a716a;--color-ink-faint: #b8afa6;--color-accent: #5b1268;--color-accent-deep: #3d0a47;--color-accent-soft: rgba(91, 18, 104, .08);--color-gold: #c89b3c;--color-gold-soft: #e6d4a0;--font-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: clamp(.7rem, .68rem + .1vw, .78rem);--text-sm: clamp(.85rem, .82rem + .15vw, .92rem);--text-base: clamp(.98rem, .95rem + .2vw, 1.06rem);--text-lg: clamp(1.1rem, 1.05rem + .3vw, 1.25rem);--text-xl: clamp(1.3rem, 1.2rem + .5vw, 1.55rem);--text-2xl: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);--text-3xl: clamp(2rem, 1.7rem + 1.5vw, 2.85rem);--text-4xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--text-5xl: clamp(3rem, 2.2rem + 4vw, 5.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--container-max: 1280px;--container-narrow: 880px;--container-padding: clamp(1.25rem, 4vw, 3rem);--nav-height: 72px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-soft: 0 1px 3px rgba(26, 20, 16, .04), 0 4px 16px rgba(26, 20, 16, .04);--shadow-medium: 0 4px 12px rgba(26, 20, 16, .06), 0 12px 32px rgba(26, 20, 16, .08);--shadow-strong: 0 8px 24px rgba(26, 20, 16, .1), 0 24px 64px rgba(26, 20, 16, .12);--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-base: .32s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--hairline: 1px solid rgba(26, 20, 16, .12);--hairline-strong: 1px solid rgba(26, 20, 16, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-base);font-size:var(--text-base);font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-base);font-weight:300;color:var(--color-ink);line-height:1.1;letter-spacing:-.02em}p{font-weight:400;color:var(--color-ink-soft)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}.eyebrow{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.24em;color:var(--color-ink-muted)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background-color:var(--color-accent);color:var(--color-paper)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-paper-warm)}::-webkit-scrollbar-thumb{background:var(--color-ink-faint);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heroLogoIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color .6s cubic-bezier(.16,1,.3,1),backdrop-filter .6s cubic-bezier(.16,1,.3,1),border-bottom-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);background-color:transparent;border-bottom:1px solid transparent}.navbar-inner{max-width:var(--container-max);margin:0 auto;padding:1.2rem var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;transition:padding .6s cubic-bezier(.16,1,.3,1)}.navbar--transparent{background-color:transparent}.navbar--transparent .navbar-links>li,.navbar--transparent .navbar-dropdown>span{color:#ffffffeb}.navbar--transparent .navbar-toggle span{background-color:#fff}.navbar--transparent .navbar-logo-img--light{opacity:1}.navbar--transparent .navbar-logo-img--dark{opacity:0}.navbar--solid{background-color:#faf8f3eb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom-color:var(--color-gold);box-shadow:0 1px #c89b3c14,0 6px 24px #1a14100a}.navbar--solid .navbar-inner{padding-top:.7rem;padding-bottom:.7rem}.navbar--solid .navbar-links>li,.navbar--solid .navbar-dropdown>span{color:var(--color-ink)}.navbar--solid .navbar-toggle span{background-color:var(--color-ink)}.navbar--solid .navbar-logo-img--light{opacity:0}.navbar--solid .navbar-logo-img--dark{opacity:1}.navbar-logo{position:relative;display:flex;align-items:center;height:58px;cursor:pointer;flex-shrink:0}.navbar-logo-img{position:absolute;top:0;left:0;height:100%;width:auto;transition:opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.navbar-logo-img--light{position:relative}.navbar-links{display:flex;align-items:center;gap:2.4rem;margin:0 auto}.navbar-links>li{position:relative;font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:.5rem 0;transition:color .6s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.navbar-links>li:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-gold);transition:width .4s cubic-bezier(.16,1,.3,1)}.navbar-links>li:hover{color:var(--color-gold)!important}.navbar-links>li:hover:after{width:100%}.navbar-dropdown{position:relative}.navbar-dropdown>span{display:inline-flex;align-items:center;gap:.4rem;transition:color .6s cubic-bezier(.16,1,.3,1)}.navbar-dropdown>span:after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.3rem;transition:transform var(--transition-fast)}.navbar-dropdown:hover>span:after{transform:rotate(225deg) translate(-2px)}.navbar-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:200px;background-color:var(--color-paper);border:1px solid rgba(26,20,16,.08);border-top:2px solid var(--color-gold);box-shadow:var(--shadow-medium);opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;padding:.5rem 0}.navbar-submenu.is-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.navbar-submenu li{padding:.75rem 1.5rem;font-size:.78rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);text-align:center}.navbar-submenu li:hover{background-color:#c89b3c14;color:var(--color-gold)}.navbar-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer;width:36px;align-items:center;justify-content:center;z-index:1001;position:relative}.navbar-toggle span{width:22px;height:1.5px;background-color:var(--color-ink);transition:transform var(--transition-fast),opacity var(--transition-fast),background-color .6s cubic-bezier(.16,1,.3,1);transform-origin:center}.navbar--mobile-open .navbar-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar--mobile-open .navbar-toggle span:nth-child(2){opacity:0}.navbar--mobile-open .navbar-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar-mobile{position:fixed;inset:0;background-color:var(--color-paper);z-index:1000;padding:clamp(5.5rem,14vw,7rem) 2rem 3rem;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.navbar-mobile.is-open{opacity:1;visibility:visible}.navbar-mobile-links{display:flex;flex-direction:column;gap:0}.navbar-mobile-links>li{font-size:1.6rem;font-weight:300;letter-spacing:-.01em;padding:1.2rem 0;border-bottom:1px solid rgba(26,20,16,.08);cursor:pointer;color:var(--color-ink);transition:color var(--transition-fast)}.navbar-mobile-links>li:hover{color:var(--color-gold)}.navbar-mobile-group{padding:1.2rem 0!important;cursor:default!important}.navbar-mobile-group:hover{color:var(--color-ink)!important}.navbar-mobile-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:.8rem}.navbar-mobile-group ul{display:flex;flex-direction:column}.navbar-mobile-group ul li{font-size:1.2rem;font-weight:300;padding:.6rem 0 .6rem 1rem;border-left:1px solid rgba(26,20,16,.12);margin-left:.5rem;color:var(--color-ink-soft);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.navbar-mobile-group ul li:hover{color:var(--color-gold);border-left-color:var(--color-gold)}@media(max-width:968px){.navbar-links{display:none}.navbar-toggle{display:flex}.navbar-inner{padding-top:.7rem;padding-bottom:.7rem}.navbar--mobile-open{background-color:var(--color-paper)}.navbar--mobile-open .navbar-logo-img--light{opacity:0}.navbar--mobile-open .navbar-logo-img--dark{opacity:1}.navbar--mobile-open .navbar-toggle span{background-color:var(--color-ink)}.navbar--mobile-open{background-color:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.navbar--mobile-open .navbar-logo{opacity:0;pointer-events:none}}.navbar-submenu-item--soon{display:flex!important;align-items:center;justify-content:space-between;gap:.75rem;padding-right:1rem!important}.navbar-mobile-item--soon{display:flex!important;align-items:center;gap:.75rem;flex-wrap:wrap}.navbar-soon-pill{display:inline-flex;align-items:center;padding:.18rem .55rem;font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);background:#c89b3c1a;border:1px solid rgba(200,155,60,.45);border-radius:999px;line-height:1;white-space:nowrap;pointer-events:none}.navbar-submenu li:hover .navbar-soon-pill,.navbar-mobile-group ul li:hover .navbar-soon-pill{background:#c89b3c2e;border-color:var(--color-gold)}.footer{background-color:var(--color-paper);border-top:var(--hairline-strong);padding:4rem 0 2rem;-webkit-user-select:none;user-select:none}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem;padding-bottom:3rem;border-bottom:var(--hairline);margin-bottom:2rem}.footer-brand .footer-logo{height:42px;width:auto;margin-bottom:1.5rem;cursor:pointer}.footer-brand p{font-size:.88rem;color:var(--color-ink-muted);line-height:1.7;max-width:320px;font-weight:400}.footer h4{font-family:var(--font-base);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem}.footer-col ul{display:flex;flex-direction:column;gap:.65rem}.footer-col ul li{font-size:.9rem;color:var(--color-ink-soft);font-weight:400;cursor:pointer;transition:color var(--transition-fast);line-height:1.4}.footer-col ul li:hover{color:var(--color-accent)}.footer-col ul li a{color:inherit;text-decoration:none}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(26,20,16,.15);color:var(--color-ink-soft);transition:all var(--transition-fast);border-radius:50%;font-size:.95rem}.footer-social a:hover{color:#fff;background-color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;color:var(--color-ink-muted);letter-spacing:.04em}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:600px){.footer{padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;text-align:center}}.scroll-top{position:fixed;right:clamp(1.25rem,3vw,2.25rem);bottom:clamp(1.25rem,3vw,2.25rem);z-index:90;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 4px 12px #5b126840,0 12px 32px #1a14101f;opacity:0;visibility:hidden;transform:translateY(20px) scale(.85);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s,transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top:hover{background-color:var(--color-accent-deep);box-shadow:0 0 0 4px #c89b3c26,0 6px 16px #5b126859,0 18px 40px #1a14102e;transform:translateY(-2px) scale(1.05)}.scroll-top:active{transform:translateY(0) scale(.96)}.scroll-top svg{transition:transform .3s ease}.scroll-top:hover svg{transform:translateY(-2px)}.hero{position:relative;min-height:100vh;width:100%;overflow:hidden;background-color:var(--color-ink)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.3) contrast(1.05) brightness(.7);transform:scale(1.05);animation:heroZoom 18s ease-out forwards;background-image:url(/hero.jpg);background-image:url(/hero.webp)}@media(max-width:720px){.hero-bg{background-image:url(/hero.jpg);background-image:url(/hero-mobile.webp)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1a141080,#5b12688c 60%,#1a1410d9),radial-gradient(ellipse at center,rgba(91,18,104,.2) 0%,transparent 70%)}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;min-height:100vh;padding:6rem 2rem 2rem;color:#fff}.hero-meta{position:absolute;top:7.5rem;left:2rem;font-size:.7rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#fff9;line-height:1.8;opacity:0;animation:fadeUp 1s .4s forwards}.hero-meta-faint{color:#fff6}.hero-center{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 2rem;max-width:1100px}.hero-logo{max-width:min(640px,75vw);width:100%;margin:0 auto;display:block;opacity:0;transform:scale(.95);animation:heroLogoIn 1.4s .2s cubic-bezier(.16,1,.3,1) forwards}.hero-eyebrow{margin-top:1.5rem;font-size:.75rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#ffffffb3;display:inline-flex;align-items:center;gap:1.5rem;opacity:0;animation:fadeUp 1s .8s forwards}.hero-eyebrow:before,.hero-eyebrow:after{content:"";width:50px;height:1px;background-color:#fff6}.hero-tagline{margin-top:2.2rem;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:300;letter-spacing:.01em;color:#ffffffd9;max-width:620px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:0;animation:fadeUp 1s 1.1s forwards}.hero-tagline em{font-style:italic;font-weight:400;color:#fff}.hero-scroll{position:absolute;bottom:2.5rem;left:0;right:0;margin:0 auto;width:fit-content;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#fff9;display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;animation:fadeUp 1s 1.4s forwards;z-index:2}.hero-scroll-line{width:1px;height:50px;position:relative;overflow:hidden;background-color:#ffffff26}.hero-scroll-line:after{content:"";position:absolute;top:-50%;left:0;right:0;width:100%;height:50%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9));animation:scrollLineFall 2.2s cubic-bezier(.65,0,.35,1) 2.4s infinite}@keyframes scrollLineFall{0%{top:-50%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}@media(max-width:768px){.hero-content{padding:5rem 1.25rem 2rem}.hero-meta{top:5.5rem;left:1.25rem;font-size:.62rem;letter-spacing:.2em}.hero-center{top:46%;padding:0 1.25rem}.hero-eyebrow{margin-top:1.2rem;font-size:.65rem;gap:1rem}.hero-eyebrow:before,.hero-eyebrow:after{width:28px}.hero-tagline{margin-top:1.8rem;font-size:1rem;line-height:1.55}.hero-scroll{bottom:1.8rem}.hero-scroll-line{height:36px}}.sn{--sn-purple: var(--color-accent, #5b1268);--sn-purple-deep: var(--color-accent-deep, #3d0a47);--sn-gold: var(--color-gold, #c89b3c);--sn-paper: var(--color-paper, #faf8f3);--sn-paper-warm: var(--color-paper-warm, #f1ece0);--sn-ink: var(--color-ink, #1a1410);--sn-ease: cubic-bezier(.22, 1, .36, 1);--sn-ease-spring: cubic-bezier(.34, 1.4, .64, 1);position:relative;isolation:isolate;overflow:hidden;padding:clamp(5rem,12vw,9rem) 0;background-color:var(--sn-paper)}.sn:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#f1ece099,#faf8f300)}.sn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:180px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#faf8f300,#faf8f3d9)}.sn-bg{position:absolute;inset:0;z-index:-3;background-image:url(/ciam-mision-vision-bg.jpg);background-image:url(/ciam-mision-vision-bg.webp);background-size:cover;background-position:center 40%;filter:grayscale(.92) brightness(1.05) contrast(.95);opacity:.55}.sn-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at center,transparent 0%,rgba(241,236,224,.25) 80%,rgba(241,236,224,.5) 100%),linear-gradient(135deg,#faf8f39e,#faf8f3b3,#f1ece0c2),radial-gradient(ellipse 60% 50% at 20% 15%,rgba(91,18,104,.22) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 85%,rgba(200,155,60,.16) 0%,transparent 60%)}.sn-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,rgba(26,20,16,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(26,20,16,.025) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:80px 80px,80px 80px,200px 200px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at center,black 30%,transparent 95%);mask-image:radial-gradient(ellipse 100% 80% at center,black 30%,transparent 95%);mix-blend-mode:multiply}.sn-container{width:100%;max-width:var(--container-max, 1280px);margin:0 auto;padding:0 var(--container-padding, 2rem);position:relative}.sn-header{text-align:center;max-width:640px;margin:0 auto clamp(4rem,7vw,6rem)}.sn-eyebrow{display:inline-block;font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--sn-gold);margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--sn-gold)}.sn-title{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:600;letter-spacing:-.025em;line-height:1.02;color:var(--sn-purple);margin:0 0 1.2rem}.sn-title em{font-style:normal;font-weight:600;color:var(--sn-purple)}.sn-lead{font-size:clamp(.95rem,1.1vw,1.05rem);color:#1a1410a6;line-height:1.75;max-width:500px;margin:0 auto;font-weight:300}.sn-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:center;justify-items:center}.sn-stage--mision .sn-card--vision:not(.is-open),.sn-stage--vision .sn-card--mision:not(.is-open){opacity:.45;transform:scale(.92)}.sn-card{position:relative;width:100%;max-width:300px;aspect-ratio:1 / 1;margin:0 auto;padding:2rem;border-radius:50%;background:linear-gradient(145deg,#fffffff0,#faf8f3d1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);cursor:pointer;overflow:hidden;transition:max-width .7s var(--sn-ease),aspect-ratio .7s var(--sn-ease),border-radius .7s var(--sn-ease),padding .7s var(--sn-ease),transform .6s var(--sn-ease),opacity .6s var(--sn-ease),box-shadow .6s var(--sn-ease),background .6s ease;box-shadow:0 1px 2px #5b12680a,0 12px 32px #5b12680f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sn-card.is-open{max-width:100%;aspect-ratio:1.5 / 1;border-radius:28px;padding:2.25rem 2.5rem 2rem;justify-content:flex-start;background:linear-gradient(145deg,#fffffff5,#faf8f3e0)}.sn-card:focus-visible{outline:2px solid var(--sn-gold);outline-offset:4px}.sn-card-border{position:absolute;inset:0;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:conic-gradient(from 0deg,#5b126826,#c89b3c59 25%,#5b126873,#c89b3c59,#5b126826);opacity:.4;transition:opacity .5s ease}.sn-card.is-open .sn-card-border,.sn-card:hover .sn-card-border{opacity:1;animation:snBorderSpin 6s linear infinite;background:conic-gradient(from var(--sn-angle, 0deg),rgba(91,18,104,.2),rgba(200,155,60,.55) 25%,rgba(91,18,104,.65) 50%,rgba(200,155,60,.55) 75%,rgba(91,18,104,.2) 100%)}@property --sn-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes snBorderSpin{to{--sn-angle: 360deg}}.sn-card-body{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:align-items .6s var(--sn-ease),text-align .6s var(--sn-ease)}.sn-card.is-open .sn-card-body{align-items:flex-start;text-align:left}.sn-card-index{display:block;font-size:.72rem;font-weight:500;letter-spacing:.32em;color:var(--sn-gold);text-transform:uppercase;margin-bottom:1.5rem;transition:font-size .6s var(--sn-ease),margin-bottom .6s var(--sn-ease)}.sn-card.is-open .sn-card-index{margin-bottom:.8rem}.sn-card-title{font-size:clamp(2.5rem,5vw,3.8rem);font-weight:200;letter-spacing:-.04em;color:var(--sn-purple);line-height:1;margin:0;transition:font-size .6s var(--sn-ease),color .6s ease}.sn-card.is-open .sn-card-title{font-size:clamp(1.8rem,3vw,2.4rem)}.sn-card--vision .sn-card-title{color:var(--sn-ink)}.sn-card--vision.is-open .sn-card-title{color:var(--sn-purple)}.sn-card-glyph{width:clamp(110px,16vw,150px);height:clamp(110px,16vw,150px);margin-top:0;color:var(--sn-purple);transition:opacity .4s ease,transform .5s var(--sn-ease),margin .5s var(--sn-ease),width .5s var(--sn-ease),height .5s var(--sn-ease),color .5s ease;pointer-events:none}.sn-card-glyph svg{width:100%;height:100%;overflow:visible}.sn-card--vision .sn-card-glyph{color:var(--sn-gold)}.sn-card:not(.is-open):hover .sn-card-glyph{transform:scale(1.04)}.sn-card--mision:not(.is-open):hover .sn-card-glyph circle{animation:snDianaPulse 4s ease-in-out infinite}@keyframes snDianaPulse{0%,to{opacity:var(--ring-opacity, .6)}50%{opacity:.95}}.sn-card--vision:not(.is-open):hover .sn-glyph-ray{animation:snRayPulse 2.5s ease-in-out infinite}.sn-card--vision:not(.is-open):hover .sn-glyph-ray--1{animation-delay:0s}.sn-card--vision:not(.is-open):hover .sn-glyph-ray--2{animation-delay:.15s}.sn-card--vision:not(.is-open):hover .sn-glyph-ray--3{animation-delay:.3s}.sn-card--vision:not(.is-open):hover .sn-glyph-ray--4{animation-delay:.45s}.sn-card--vision:not(.is-open):hover .sn-glyph-ray--5{animation-delay:.6s}@keyframes snRayPulse{0%,to{opacity:.4}50%{opacity:.9}}.sn-card.is-open .sn-card-glyph{opacity:0;transform:scale(.6);width:0;height:0;margin-top:0;margin-bottom:0}.sn-card-reveal{width:100%;margin-top:0;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--sn-ease),opacity .4s ease,margin-top .6s var(--sn-ease)}.sn-card.is-open .sn-card-reveal{grid-template-rows:1fr;opacity:1;margin-top:1.5rem;transition:grid-template-rows .6s var(--sn-ease) .05s,opacity .5s ease .25s,margin-top .6s var(--sn-ease)}.sn-card-reveal>*{overflow:hidden}.sn-card-divider{height:1px;background:linear-gradient(90deg,var(--sn-purple),var(--sn-gold) 50%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--sn-ease) .15s;margin-bottom:1.25rem}.sn-card.is-open .sn-card-divider{transform:scaleX(1)}.sn-card-text{font-size:.95rem;line-height:1.75;color:#1a1410bf;font-weight:300;margin:0;transform:translateY(8px);opacity:0;transition:transform .5s var(--sn-ease) .25s,opacity .5s ease .3s}.sn-card.is-open .sn-card-text{transform:translateY(0);opacity:1}.sn-card-hint{margin-top:1.25rem;display:inline-flex;align-items:center;color:var(--sn-purple);opacity:0;transform:translateY(8px);transition:opacity .4s ease .4s,transform .5s var(--sn-ease) .4s}.sn-card.is-open .sn-card-hint{opacity:.6;transform:translateY(0)}.sn-card-trigger{position:absolute;top:1.8rem;right:1.8rem;width:24px;height:24px;display:grid;place-items:center;opacity:.4;transition:opacity .4s ease,transform .5s var(--sn-ease);pointer-events:none}.sn-card-trigger span{position:absolute;background-color:var(--sn-purple);transition:transform .4s var(--sn-ease),opacity .3s ease}.sn-card-trigger span:nth-child(1){width:12px;height:1px}.sn-card-trigger span:nth-child(2){width:1px;height:12px}.sn-card:hover .sn-card-trigger{opacity:.8;transform:scale(1.1)}.sn-card.is-open .sn-card-trigger{opacity:.9;transform:rotate(180deg)}.sn-card.is-open .sn-card-trigger span:nth-child(2){opacity:0;transform:scaleY(0)}@media(max-width:968px){.sn-stage{grid-template-columns:1fr;gap:1.25rem}.sn-stage--mision .sn-card--vision:not(.is-open),.sn-stage--vision .sn-card--mision:not(.is-open){opacity:1;transform:none}.sn-card{aspect-ratio:auto;height:320px;max-width:100%;padding:2rem;border-radius:28px}.sn-card.is-open{aspect-ratio:auto;padding:2rem;height:auto;min-height:auto;max-height:min(75vh,540px);overflow:hidden;position:relative}.sn-card.is-open:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;pointer-events:none;background:linear-gradient(to bottom,#fff0,#ffffffd9 60%,#fffffff5);border-radius:0 0 28px 28px;z-index:2;opacity:0;transition:opacity .3s ease}.sn-card.is-open.has-overflow:after{opacity:1}.sn-card.is-open .sn-card-body{max-height:100%;overflow-y:auto;padding-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(91,18,104,.35) transparent}.sn-card.is-open .sn-card-body::-webkit-scrollbar{width:4px}.sn-card.is-open .sn-card-body::-webkit-scrollbar-track{background:transparent}.sn-card.is-open .sn-card-body::-webkit-scrollbar-thumb{background:#5b126859;border-radius:2px}}@media(max-width:560px){.sn{padding:4rem 0}.sn-card{min-height:200px;padding:1.75rem;border-radius:24px}.sn-card-trigger{top:1.25rem;right:1.25rem}}@media(prefers-reduced-motion:reduce){.sn-card,.sn-card-body,.sn-card-index,.sn-card-title,.sn-card-reveal,.sn-card-divider,.sn-card-text,.sn-card-hint,.sn-card-trigger,.sn-card-trigger span{transition-duration:.1s!important}.sn-card.is-open .sn-card-border,.sn-card:hover .sn-card-border{animation:none}}.sn-card .sn-card-body{width:100%;max-width:100%;overflow:hidden}.sn-card:not(.is-open) .sn-card-title{font-size:clamp(1.6rem,3vw,2.2rem)!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sn-card:not(.is-open) .sn-card-title{display:none!important}.sn-card.is-open .sn-card-bigtitle{display:none}.sn-card-bigtitle{font-size:clamp(2.2rem,7vw,2.8rem);font-weight:200;color:var(--sn-purple);letter-spacing:-.02em;margin:0 0 1rem;transition:opacity .4s ease}@media(max-width:720px){.sn-bg{background-image:url(/ciam-mision-vision-bg.jpg);background-image:url(/ciam-mision-vision-bg-mobile.webp);background-attachment:scroll}}.inv{--inv-purple: var(--color-accent, #5b1268);--inv-purple-deep: var(--color-accent-deep, #3d0a47);--inv-gold: var(--color-gold, #c89b3c);--inv-paper: var(--color-paper, #faf8f3);--inv-paper-warm: var(--color-paper-warm, #f1ece0);--inv-ink: var(--color-ink, #1a1410);--inv-ease: cubic-bezier(.22, 1, .36, 1);position:relative;background-color:var(--inv-paper);padding:clamp(5rem,10vw,8rem) 0;overflow:hidden;isolation:isolate}.inv .inv-bg-image{position:absolute;inset:0;z-index:-2;background-image:url(/taller-ciam.jpg);background-image:url(/taller-ciam.webp);background-size:cover;background-position:center;filter:grayscale(.95) blur(2px) brightness(1.1) contrast(.92);opacity:.42;transform:scale(1.05);pointer-events:none}.inv .inv-bg-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 120% 90% at center,transparent 0%,rgba(250,248,243,.4) 75%,rgba(250,248,243,.7) 100%),linear-gradient(180deg,#faf8f3b3,#faf8f3a6,#f1ece0b8),radial-gradient(ellipse 50% 40% at 15% 25%,rgba(91,18,104,.14) 0%,transparent 60%),radial-gradient(ellipse 45% 40% at 85% 75%,rgba(200,155,60,.13) 0%,transparent 60%)}.inv:before{content:"";position:absolute;top:0;left:0;right:0;height:180px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#faf8f3d9,#faf8f300)}.inv:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#faf8f300,#faf8f380)}.inv-container{width:100%;max-width:var(--container-max, 1280px);margin:0 auto;padding:0 var(--container-padding, 2rem)}.inv-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.inv-eyebrow{display:inline-block;font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--inv-gold);margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--inv-gold)}.inv-title{font-size:clamp(2.4rem,5.5vw,4.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.02;color:var(--inv-purple);margin:0;text-wrap:balance}.inv-title em{font-style:normal;font-weight:600;color:var(--inv-purple)}.inv-stack{display:flex;flex-direction:column;gap:1.5rem}.inv-banner{position:relative;overflow:hidden;border-radius:24px;background-color:var(--inv-paper);cursor:pointer;transition:transform .5s var(--inv-ease),box-shadow .5s var(--inv-ease);box-shadow:0 1px 2px #5b12680a,0 8px 24px #5b12680a;isolation:isolate}.inv-banner:focus-visible{outline:2px solid var(--inv-gold);outline-offset:4px}.inv-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5b12680f,0 24px 56px #5b12681a}.inv-banner-border{position:absolute;inset:0;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:linear-gradient(90deg,#5b126826,#c89b3c26);opacity:.5;transition:opacity .5s ease;z-index:3}.inv-banner:hover .inv-banner-border{opacity:1;animation:invBorderSpin 8s linear infinite;background:conic-gradient(from var(--inv-angle, 0deg),rgba(91,18,104,.4),rgba(200,155,60,.7) 25%,rgba(91,18,104,.8) 50%,rgba(200,155,60,.7) 75%,rgba(91,18,104,.4) 100%)}@property --inv-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes invBorderSpin{to{--inv-angle: 360deg}}.inv-banner-fill{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 50%,rgba(91,18,104,.04),transparent 60%);opacity:0;transition:opacity .6s ease;z-index:1;pointer-events:none}.inv-banner--gold .inv-banner-fill{background:radial-gradient(ellipse at 30% 50%,rgba(200,155,60,.06),transparent 60%)}.inv-banner:hover .inv-banner-fill{opacity:1}.inv-banner-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);padding:clamp(2rem,3.5vw,3rem) clamp(2rem,4vw,3.5rem)}.inv-banner-main{min-width:0;overflow:hidden}.inv-banner-eyebrow{display:block;width:fit-content;font-size:.7rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--inv-ink);opacity:.55;margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid rgba(26,20,16,.15);transition:color .5s ease,border-color .5s ease,opacity .5s ease}.inv-banner:hover .inv-banner-eyebrow{opacity:1;color:var(--inv-purple);border-bottom-color:var(--inv-purple)}.inv-banner--gold:hover .inv-banner-eyebrow{color:var(--inv-gold);border-bottom-color:var(--inv-gold)}.inv-banner-title{position:relative;display:inline-block;margin:0 0 1rem;line-height:1.05;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:300;letter-spacing:-.03em;color:#1a141052;transition:color .5s ease}.inv-banner:hover .inv-banner-title{color:var(--inv-purple)}.inv-banner--gold:hover .inv-banner-title{color:var(--inv-gold)}.inv-banner-title-underline{position:absolute;bottom:-4px;left:0;height:1px;width:100%;background:linear-gradient(90deg,var(--inv-purple),var(--inv-gold));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--inv-ease)}.inv-banner:hover .inv-banner-title-underline{transform:scaleX(1)}.inv-banner-desc{font-size:clamp(.9rem,1.05vw,1rem);line-height:1.65;color:#1a1410a6;margin:0 0 1.5rem;max-width:56ch;font-weight:300;transition:color .5s ease}.inv-banner:hover .inv-banner-desc{color:#1a1410d9}.inv-banner-marquee{overflow:hidden;position:relative;height:1.6rem;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);opacity:.45;transition:opacity .5s ease}.inv-banner:hover .inv-banner-marquee{opacity:1}.inv-banner-marquee-track{display:inline-flex;align-items:center;gap:2rem;white-space:nowrap;animation:invMarquee 45s linear infinite;animation-play-state:paused}.inv-banner:hover .inv-banner-marquee-track{animation-play-state:running}@keyframes invMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.inv-banner-keyword{display:inline-flex;align-items:center;gap:.75rem;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--inv-purple);flex-shrink:0}.inv-banner--gold .inv-banner-keyword{color:var(--inv-gold)}.inv-banner-keyword-dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;flex-shrink:0}.inv-banner-cta{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;flex-shrink:0}.inv-banner-cta-label{font-size:.7rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--inv-ink);opacity:.55;transition:color .5s ease,opacity .5s ease,transform .5s var(--inv-ease)}.inv-banner:hover .inv-banner-cta-label{opacity:1;color:var(--inv-purple);transform:translate(-4px)}.inv-banner--gold:hover .inv-banner-cta-label{color:var(--inv-gold)}.inv-banner-cta-arrow{width:56px;height:56px;border-radius:50%;border:1px solid rgba(26,20,16,.2);display:grid;place-items:center;color:var(--inv-ink);transition:border-color .5s ease,background-color .5s ease,color .5s ease,transform .6s var(--inv-ease)}.inv-banner:hover .inv-banner-cta-arrow{background-color:var(--inv-purple);border-color:var(--inv-purple);color:#fff;transform:scale(1.08) rotate(-12deg)}.inv-banner--gold:hover .inv-banner-cta-arrow{background-color:var(--inv-gold);border-color:var(--inv-gold)}.inv-banner-cta-arrow svg{transition:transform .5s var(--inv-ease)}.inv-banner:hover .inv-banner-cta-arrow svg{transform:rotate(12deg) translate(2px)}@media(max-width:968px){.inv-banner-grid{gap:1.5rem;padding:1.75rem 1.5rem}.inv-banner-cta-label{display:none}.inv-banner-cta-arrow{width:48px;height:48px}}@media(max-width:600px){.inv{padding:4rem 0}.inv-banner-grid{grid-template-columns:1fr auto;gap:1.25rem 1rem;padding:1.5rem 1.5rem 1.75rem;align-items:start}.inv-banner-cta{align-self:start}.inv-banner-cta-arrow{width:44px;height:44px}.inv-banner-cta-arrow svg{width:24px;height:24px}.inv-banner-title{font-size:1.55rem}.inv-banner-desc{margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){.inv-banner,.inv-banner *,.inv-banner-marquee-track{transition-duration:.1s!important;animation:none!important}}@media(max-width:720px){.inv .inv-bg-image{background-image:url(/taller-ciam.jpg);background-image:url(/taller-ciam-mobile.webp)}}
