/* BAW v10 · Recuperar, enriquecer y diferenciar. */
/* The original dream, gears, meadow, tree, social devices and data remain distinct. */
#principio{background:linear-gradient(130deg,#B72B79,#7538C5 62%,#365DC9)!important}
#principio .dream-fly{opacity:1!important}
#principio .joy-blob{opacity:.8!important;filter:saturate(1.5)}
#principio p,#principio h2{text-shadow:none!important}
#principio .joy-text{background:linear-gradient(90deg,#FFE36B,#FFA9D4,#7AF0CB,#FFE36B)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:shimmerText 7s linear infinite!important}
#principio .fly{box-shadow:0 10px 30px color-mix(in srgb,var(--c) 45%,transparent);border-width:2px}
#principio .dream-svg{filter:drop-shadow(0 15px 24px rgba(29,9,70,.22));padding:8px 0}
#principio .dream{padding-bottom:85px!important}
#recibes{background:linear-gradient(180deg,#FFF4D7 0%,#F9F2DC 33%,#DCF2D9 67%,#A7D9AB 100%)!important;color:#15352B!important}
#recibes .baw-on-color{color:#193E32!important}
#recibes>div>div>p:first-child{color:#166849!important}
#recibes .meadow-svg{opacity:1!important;height:265px!important;filter:saturate(1.22)}
#recibes .sun{filter:saturate(1.2)}
#recibes .monk-wrap{filter:drop-shadow(0 10px 10px rgba(17,93,52,.15))}
#recibes .wind{color:#4F9875;opacity:.75}
#proceso .gear-body{filter:drop-shadow(0 8px 0 rgba(56,21,91,.2));opacity:.8}
#proceso .gear-g.on .gear-body{opacity:1;filter:drop-shadow(0 0 18px var(--gc)) drop-shadow(0 8px 0 rgba(56,21,91,.25))}
#proceso{background:linear-gradient(130deg,#532DC2,#8141CB,#9E3CAE)!important}
#proceso .gears{filter:drop-shadow(0 20px 22px rgba(36,9,75,.25));padding:8px 0}
#ti-mensual .ti-cycle{filter:drop-shadow(0 12px 16px rgba(26,9,71,.25)) saturate(1.2)}
#medicion .joy-blob{opacity:.8;filter:saturate(1.3)}
#faq .phi-mark{opacity:.35;color:#C298F4}
#cierre .tree-sky{opacity:1!important}
#cierre .tree-art{filter:drop-shadow(0 25px 24px rgba(55,12,100,.32)) saturate(1.2)}
#cierre .tree-copy{background:rgba(49,18,100,.65)!important}
#redes .rs-bg{background:linear-gradient(125deg,#E8590C 0%,#D6336C 22%,#AE3EC9 45%,#7048E8 66%,#1971C2 86%,#0C8599 100%)!important;background-size:220% 220%!important;animation:rsHue 18s ease-in-out infinite alternate!important}
/***** A cognitive sculpture unique to the method, rather than another screen. *****/
.m10-engine{position:relative;margin:38px 0;color:#fff;isolation:isolate}
.m10-engine-stage{position:relative;min-height:500px}
.m10-core{position:absolute;width:345px;height:345px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 35px rgba(240,105,191,.3))}
.m10-core-svg{width:100%;height:100%;overflow:visible}
.m10-shell{transform-origin:200px 200px;animation:m10Orbit 28s linear infinite}
.m10-petals{transform-origin:200px 200px;animation:m10Breath 7s ease-in-out infinite}
.m10-constellation{transform-origin:200px 200px;animation:m10Light 5s ease-in-out infinite}
.m10-neural{stroke-dasharray:15 7;animation:m10Flow 9s linear infinite}
.m10-core-name{position:absolute;inset:40%;display:flex;align-items:center;justify-content:center;flex-direction:column;white-space:nowrap;z-index:2;text-shadow:0 2px 10px rgba(30,10,71,.4)}
.m10-core-name>b{position:relative;font:700 37px 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#fff}
.m10-core-name sup{font-size:12px;position:absolute;top:1px;right:-12px}
.m10-core-name>span{font:8px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#fff;margin-top:7px;background:rgba(40,15,74,.6);padding:6px 8px;border-radius:7px}
.m10-layer{--c:#FFE36B;position:absolute;z-index:3;width:257px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.5);background:rgba(30,12,78,.68);color:#fff;border-radius:17px;padding:14px;text-align:left;cursor:pointer;font:inherit;box-shadow:0 14px 30px rgba(24,8,57,.17);transition:transform .35s,box-shadow .35s,border-color .35s}
.m10-layer>svg{height:53px;width:53px;flex:none;background:#fff;border-radius:14px;box-shadow:3px 3px 0 var(--c)}
.m10-layer small{font:9px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:var(--c);display:block;margin-bottom:6px}
.m10-layer b{font:600 15px 'Space Grotesk',sans-serif;line-height:1.2;display:block}
.m10-layer.active{border-color:var(--c);box-shadow:0 0 0 3px var(--c),0 12px 35px color-mix(in srgb,var(--c) 28%,transparent);transform:translateY(-4px)}
.m10-layer-0{left:2%;top:26px}.m10-layer-1{right:2%;top:26px;--c:#6CF0C2}.m10-layer-2{right:2%;top:280px;--c:#FFA9D4}.m10-layer-3{left:calc(50% - 128px);bottom:8px;--c:#9BD8FF}.m10-layer-4{left:2%;top:280px;--c:#D7B4FF}
.m10-engine-routes{position:absolute;inset:25px 9% 65px;pointer-events:none;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-12deg)}
.m10-engine-routes>i{position:absolute;inset:17% -7%;border:1px dashed rgba(255,222,105,.48);border-radius:50%;transform:rotate(30deg)}
.m10-engine-routes>i:nth-child(2){inset:35% -8%;border-color:#69E5C4;opacity:.45;transform:rotate(-10deg)}
.m10-engine-routes>i:nth-child(3){inset:5% 28%;border-color:#FFA6D3;transform:rotate(40deg)}
.m10-engine-description{display:flex;align-items:center;gap:15px;padding:19px 22px;border:1px solid rgba(255,255,255,.35);background:rgba(27,14,70,.5);border-radius:14px;margin-top:12px}
.m10-engine-description .m10-counter{font:11px 'IBM Plex Mono',monospace;color:#FFE36B;flex:none}
.m10-engine-description p{margin:0;flex:1;font-size:16px;color:#fff;line-height:1.5}
.m10-sequence{min-height:44px;border:1px solid #BDA5E7;background:rgba(255,255,255,.07);border-radius:10px;color:#fff;padding:8px 12px;font:500 12px 'IBM Plex Sans',sans-serif;cursor:pointer;white-space:nowrap}
.m10-engine-note{text-align:center;color:#E0D5F4!important;font:11px 'IBM Plex Mono',monospace;line-height:1.5;margin:13px 0}
.m10-layer-details{margin-top:40px!important}
/***** The original golden-spiral painting stays visible over a painted canvas. *****/
#contacto{background:#4427A9!important}
.m10-paint-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(125deg,#5436BC,#7935B6);z-index:0}
.m10-stroke{position:absolute;left:-12%;top:var(--y);width:125%;height:23%;background:var(--paint);transform:rotate(var(--angle));transform-origin:left center;opacity:.86;clip-path:polygon(0 10%,19% 0,42% 5%,65% 0,100% 10%,99% 95%,79% 89%,58% 100%,30% 91%,0 100%);animation:m10Paint 18s ease-in-out var(--delay) infinite}
.m10-stroke::before{content:'';position:absolute;inset:3px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 2px,transparent 2px 9px)}
.m10-brush{position:absolute;z-index:5;top:48%;left:75%;width:190px;height:40px;transform:rotate(-30deg);filter:drop-shadow(0 8px 10px rgba(39,11,63,.25));animation:m10Brush 18s ease-in-out infinite}
.m10-brush i{position:absolute;left:0;top:7px;width:125px;height:24px;background:linear-gradient(#FFCE51,#E99A32);border-radius:90% 5px 5px 90%}.m10-brush b{position:absolute;left:120px;top:3px;width:29px;height:33px;background:linear-gradient(#FFF,#BBA4DF);border-radius:3px}.m10-brush span{position:absolute;left:147px;top:3px;width:40px;height:33px;background:repeating-linear-gradient(0deg,#E7368B 0 2px,#FF82C6 2px 4px);clip-path:polygon(0 0,100% 6%,92% 35%,100% 58%,90% 100%,0 100%)}
#contacto .paint-wash,#contacto .paint-splat,#contacto>.glow{display:none!important}
#contacto .painting{display:block!important;opacity:.6!important;z-index:1;filter:saturate(1.3);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 46%,#000 75%)!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 46%,#000 75%)!important}
#contacto>div[style*="max-width: 1200px"]{position:relative;z-index:2}
#contacto>div[style*="max-width: 1200px"]>div:first-child{background:rgba(39,16,79,.88);padding:27px;border:1px solid rgba(255,255,255,.55);border-radius:22px}
#contacto .cf{box-shadow:8px 8px 0 #FFE36B,0 25px 55px rgba(39,12,76,.3)!important;border:2px solid #fff}
#contacto .pv{box-shadow:6px 6px 0 #6CF0C2!important}
#contacto .pv-shimmer{color:#10131A!important;background:none!important;animation:none!important}
#contacto .pv-goal{background:#FFE8F3;color:#8B245C}
.m10-motion{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.55);background:rgba(30,15,71,.35);color:#fff;border-radius:999px;margin:0 0 16px;font:500 12px 'IBM Plex Sans',sans-serif;cursor:pointer}
.m10-paused *,.m10-paused *::before,.m10-paused *::after{animation-play-state:paused!important}
@keyframes m10Orbit{to{transform:rotate(360deg)}}
@keyframes m10Breath{0%,100%{transform:rotate(-8deg) scale(.96)}50%{transform:rotate(8deg) scale(1.04)}}
@keyframes m10Light{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes m10Flow{to{stroke-dashoffset:-200}}
@keyframes m10Paint{0%,100%{clip-path:polygon(0 10%,19% 0,42% 5%,65% 0,100% 10%,99% 95%,79% 89%,58% 100%,30% 91%,0 100%)}10%{clip-path:polygon(0 10%,8% 0,13% 5%,15% 0,20% 10%,20% 95%,15% 89%,12% 100%,7% 91%,0 100%)}50%,95%{clip-path:polygon(0 10%,19% 0,42% 5%,65% 0,100% 10%,99% 95%,79% 89%,58% 100%,30% 91%,0 100%)}}
@keyframes m10Brush{0%{left:-15%;top:18%;rotate:0deg}35%{left:110%;top:40%;rotate:10deg}40%{left:110%;top:72%;rotate:165deg}75%{left:-20%;top:73%;rotate:165deg}80%{left:-20%;top:86%;rotate:0deg}100%{left:110%;top:88%;rotate:0deg}}
@media(max-width:900px){.m10-engine-stage{min-height:520px}.m10-core{width:280px;height:280px}.m10-layer{width:208px;padding:12px;gap:10px}.m10-layer b{font-size:13px}.m10-layer>svg{width:43px;height:43px}.m10-layer-3{left:calc(50% - 104px)}}
@media(max-width:600px){
 .m10-engine-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:0 0 8px}
 .m10-core{position:relative;left:auto;top:auto;transform:none;width:270px;height:270px;grid-column:1/-1;justify-self:center}
 .m10-layer{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:10px;gap:8px;min-height:93px}.m10-layer b{font-size:11px}.m10-layer small{font-size:7px}.m10-layer>svg{width:35px;height:35px;border-radius:10px}.m10-layer:last-of-type{grid-column:1/-1;max-width:270px;justify-self:center}
 .m10-engine-routes{inset:15px 4% 55%}.m10-engine-description{flex-wrap:wrap;padding:16px;gap:10px}.m10-engine-description p{font-size:14px;min-width:220px}.m10-sequence{margin-left:0}.m10-engine-note{font-size:9px}
 #principio .dream-fly{opacity:.85!important}#principio .dream-fly .fly{font-size:12px}
 #contacto>div[style*="max-width: 1200px"]>div:first-child{padding:20px}#contacto .cf{box-shadow:5px 5px 0 #FFE36B!important}#contacto .painting{opacity:.3!important}.m10-brush{scale:.7}
}
@media(prefers-reduced-motion:reduce){
 .m10-engine *,.m10-paint-field *,.m10-paint-field *::before{animation:none!important;transition:none!important}
 .m10-sequence,.m10-motion{display:none}
 #principio .joy-text,#redes .rs-bg{animation:none!important}
 .m10-brush{left:77%;top:50%;rotate:-25deg}
}