/**
 * Transparencia: four filters on a donation's way, custody flow, foundation facts and report box.
 * Everything renders in its final state; the landing script arms the scroll-linked rail and reveals.
 */
.kuku-transparencia{--ink:#292239;--muted:#655d69;--paper:#fffaf4;--card:#fffdfa;--coral:#db574c;--brick:#a3433b;--plum:#653469;--plum-dark:#3f1f45;--teal:#057568;--line:#efe4dc;--clay:linear-gradient(135deg,#ff796c 0%,#ed657c 48%,#8b5fc3 120%);--manrope:var(--wp--preset--font-family--manrope,'Manrope',sans-serif);--progress:1;overflow:clip;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--wp--preset--font-family--dm-sans,'DM Sans',sans-serif)}
.kuku-transparencia,.kuku-transparencia *{box-sizing:border-box}
.kuku-transparencia h1,.kuku-transparencia h2,.kuku-transparencia h3{margin:0;color:var(--ink);font-family:var(--manrope);line-height:1.1;letter-spacing:-.045em}
.kuku-transparencia p{margin:0}
.kuku-transparencia ol,.kuku-transparencia ul{margin:0;padding:0;list-style:none}
.kuku-transparencia a{color:inherit}
.kuku-transparencia a:focus-visible{outline:3px solid #b03430;outline-offset:4px}
.kuku-transparencia svg{flex:none}
.kuku-transparencia__wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.kuku-transparencia__head{max-width:700px}
.kuku-transparencia__title{margin-bottom:12px!important;font-size:clamp(34px,4.2vw,54px)}
.kuku-transparencia__title--small{font-size:clamp(32px,3.6vw,46px)}
.kuku-transparencia__lead{color:var(--muted)}

/* Clay buttons, shared with the homepage */
.kuku-transparencia__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:57px;padding:0 25px;border-radius:18px;background:var(--clay);color:#fff!important;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 7px 0 #c64d5b,0 13px 22px rgba(212,74,91,.25),inset 0 1px 2px rgba(255,255,255,.4);transition:transform .2s,filter .2s}
.kuku-transparencia__button:hover{transform:translateY(-2px);filter:saturate(1.05)}
.kuku-transparencia__button:active{transform:translateY(2px)}
.kuku-transparencia__button--alert{min-height:54px;padding:0 22px;border:1px solid #e3c4bd;border-radius:16px;background:#fff;color:#9c3a32!important;font-weight:800;box-shadow:0 6px 0 #e3c4bd}

/* Hero */
.kuku-transparencia__hero{padding:clamp(64px,7vw,92px) 0 clamp(64px,6vw,84px);background:radial-gradient(circle at 74% 38%,#e3f2ec 0,transparent 34%),var(--paper)}
.kuku-transparencia__hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,80px)}
.kuku-transparencia__hero-copy{min-width:0}
.kuku-transparencia__overline{margin-bottom:22px!important;color:var(--brick);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.kuku-transparencia h1{margin-bottom:.5em;font-size:clamp(42px,5.9vw,78px);line-height:1.03}
.kuku-transparencia h1 span{display:block}
.kuku-transparencia__accent{color:var(--teal)}
.kuku-transparencia__intro{max-width:540px;margin-bottom:30px!important;color:var(--muted);font-size:clamp(17px,1.7vw,20px)}
.kuku-transparencia__hero-art{position:relative;justify-self:center;width:100%;max-width:480px;min-width:0}
.kuku-transparencia__shield-art{display:block;width:100%;height:auto;overflow:visible}
.kuku-transparencia__shield,.kuku-transparencia__beat,.kuku-transparencia__orbit{transform-box:fill-box;transform-origin:center}
.kuku-transparencia__tick{stroke-dasharray:1;stroke-dashoffset:0}
.kuku-transparencia__chip{position:absolute;padding:9px 14px;border-radius:999px;background:var(--card);box-shadow:0 10px 22px rgba(73,43,64,.12);font-size:13px;font-weight:800;white-space:nowrap}
.kuku-transparencia__chip--1{top:8%;left:-2%}
.kuku-transparencia__chip--2{top:30%;right:-4%}
.kuku-transparencia__chip--3{bottom:22%;left:-6%}
.kuku-transparencia__chip--4{bottom:2%;right:4%}
/* The editor wraps each chip in its own block, so lay them out as a row there. */
.editor-styles-wrapper .kuku-transparencia__hero-art{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.editor-styles-wrapper .kuku-transparencia__shield-art{flex:0 0 100%}
.editor-styles-wrapper .kuku-transparencia__chip{position:static}

/* Why: one dark statement */
.kuku-transparencia__why{padding:clamp(70px,7vw,96px) 0;background:linear-gradient(150deg,#5a2d5f 0%,#3f1f45 100%);color:#fff}
.kuku-transparencia__why-inner{width:min(1060px,calc(100% - 32px));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:flex-end;gap:30px 70px}
.kuku-transparencia h2.kuku-transparencia__why-title{flex:1 1 480px;color:#fff;font-size:clamp(32px,4vw,52px)}
.kuku-transparencia__why-text{flex:1 1 340px;color:#ead9e8;font-size:18px}

/* Route: sticky rail + four cards */
.kuku-transparencia__route{padding:clamp(70px,7vw,100px) 0 clamp(40px,5vw,70px)}
.kuku-transparencia__journey{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);margin-top:40px}
.kuku-transparencia__rail-col{min-width:0}
.kuku-transparencia__rail{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 40px);display:flex;justify-content:center;padding:20px 0}
.kuku-transparencia__track{position:relative;width:260px;height:560px}
.kuku-transparencia__line{position:absolute;left:50%;top:0;bottom:0;margin-left:-2px;border-left:4px dashed #dcc6c9}
.kuku-transparencia__fill{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:var(--plum);transform:scaleY(var(--progress));transform-origin:top}
.kuku-transparencia__gate{position:absolute;left:50%;display:grid;place-items:center;width:200px;min-height:52px;border:2px solid var(--plum);border-radius:16px;background:var(--plum);color:#fff;font:800 15px/1 var(--manrope);transform:translateX(-50%);transition:background .35s,color .35s,border-color .35s,transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.kuku-transparencia__gate--1{top:2%}
.kuku-transparencia__gate--2{top:28%}
.kuku-transparencia__gate--3{top:54%}
.kuku-transparencia__gate--4{top:80%}
.kuku-transparencia__coin{position:absolute;left:calc(50% + 112px);top:calc(var(--progress) * 100%);display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#ff796c;box-shadow:0 0 0 6px #fff0e5,0 10px 18px rgba(212,74,91,.3)}
.kuku-transparencia__coin svg{transform-origin:center}
.kuku-transparencia__steps{display:grid;min-width:0}
.kuku-transparencia__step{display:flex;align-items:center;min-height:340px}
.kuku-transparencia__card{width:100%;padding:clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:0 18px 45px rgba(73,43,64,.08);transition:border-color .4s,box-shadow .4s}
.kuku-transparencia__card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.kuku-transparencia__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}
.kuku-transparencia__icon--plum{background:#f3e8f1;color:var(--plum)}
.kuku-transparencia__icon--coral{background:#fff0e5;color:#c8483e}
.kuku-transparencia__icon--teal{background:#e2f0ed;color:var(--teal)}
.kuku-transparencia__icon--blue{background:#e9eefb;color:#34508f}
.kuku-transparencia__label{font-weight:800}
.kuku-transparencia__label--plum{color:var(--plum)}
.kuku-transparencia__label--coral{color:#c8483e}
.kuku-transparencia__label--teal{color:var(--teal)}
.kuku-transparencia__label--blue{color:#34508f}
.kuku-transparencia__card h3{margin-bottom:10px;font-size:clamp(24px,2.4vw,30px)}
.kuku-transparencia__card p{color:var(--muted)}
.kuku-transparencia__card p+.kuku-transparencia__card-link{display:inline-block;margin-top:14px}
.kuku-transparencia__card-link{color:var(--plum)!important;font-weight:800}
.kuku-transparencia__docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important}
.kuku-transparencia__docs li{padding:6px 12px;border-radius:999px;background:#f6eee9;font-size:13px;font-weight:700}

/* Flow: donor → custody → destination */
.kuku-transparencia__flow{padding:clamp(70px,7vw,96px) 0;background:#e9f4f0}
.kuku-transparencia__flow .kuku-transparencia__head{max-width:680px;margin-bottom:40px}
.kuku-transparencia__flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.15fr) 56px minmax(0,1fr);align-items:center;gap:14px}
.kuku-transparencia__node{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 20px;border:1px solid #d6e8e1;border-radius:24px;background:var(--card);text-align:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.kuku-transparencia__node--vault{padding:30px 22px;border-color:var(--teal);border-radius:26px;background:var(--teal);color:#fff;box-shadow:0 18px 36px rgba(5,117,104,.25)}
.kuku-transparencia__node--row{flex-direction:row;gap:14px;padding:18px;border-radius:20px;text-align:left}
.kuku-transparencia__node-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%}
.kuku-transparencia__node-icon--coral{background:#fff0e5;color:#c8483e}
.kuku-transparencia__node-icon--vault{width:72px;height:72px;background:rgba(255,255,255,.14)}
.kuku-transparencia__node-icon--small{flex:none;width:46px;height:46px}
.kuku-transparencia__node-icon--plum{background:#f3e8f1;color:var(--plum)}
.kuku-transparencia__node-icon--yellow{background:#fff6dc;color:#7a5300}
.kuku-transparencia__node-title{font:800 18px/1.25 var(--manrope)}
.kuku-transparencia__node--vault .kuku-transparencia__node-title{color:#fff;font-size:20px}
.kuku-transparencia__node-text{color:var(--muted);font-size:14px}
.kuku-transparencia__node--vault .kuku-transparencia__node-text{color:#d3eee6}
.kuku-transparencia__node-copy strong{display:block;font-size:15px}
.kuku-transparencia__node-copy span{color:var(--muted);font-size:13px}
.kuku-transparencia__conn{display:block;width:56px;height:auto}
.kuku-transparencia__dest{display:grid;gap:12px}

/* Who is behind */
.kuku-transparencia__who{padding:clamp(70px,7vw,96px) 0}
.kuku-transparencia__who .kuku-transparencia__title{max-width:640px;margin-bottom:30px!important}
.kuku-transparencia__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kuku-transparencia__fact{padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--card);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.kuku-transparencia__fact-value{display:block;margin-bottom:8px;font:800 clamp(34px,3.6vw,46px)/1 var(--manrope);letter-spacing:-.04em}
.kuku-transparencia__fact-value--plum{color:var(--plum)}
.kuku-transparencia__fact-value--teal{color:var(--teal)}
.kuku-transparencia__fact-value--coral{color:#b9473e}
.kuku-transparencia__fact p{color:var(--muted);font-size:15px}

/* Report box */
.kuku-transparencia__report{padding:0 0 clamp(70px,7vw,96px)}
.kuku-transparencia__report-box{display:flex;flex-wrap:wrap;align-items:center;gap:28px 48px;padding:clamp(28px,4vw,48px);border:1.5px dashed #d8b9b4;border-radius:30px;background:#fff3ee}
.kuku-transparencia__alert{flex:0 0 110px;width:110px;height:auto}
.kuku-transparencia__alert-sign{transform-box:fill-box;transform-origin:50% 90%}
.kuku-transparencia__report-copy{flex:1 1 420px;min-width:0}
.kuku-transparencia__report-copy h2{margin-bottom:8px;font-size:clamp(26px,2.8vw,36px)}
.kuku-transparencia__report-copy p{max-width:600px;color:var(--muted)}

/* More links */
.kuku-transparencia__more{padding:clamp(60px,6vw,86px) 0 clamp(80px,8vw,108px);background:#f6eee9}
.kuku-transparencia__more-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 40px;margin-bottom:30px}
.kuku-transparencia__more-head .kuku-transparencia__title{flex:1 1 420px;margin-bottom:0!important;font-size:clamp(30px,3.2vw,42px)}
.kuku-transparencia__next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kuku-transparencia__link{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #eadbd6;border-radius:20px;background:var(--card);text-decoration:none;transition:border-color .3s,box-shadow .3s}
.kuku-transparencia__link:hover{border-color:#d9b8cc;box-shadow:0 14px 30px rgba(93,46,62,.12)}
.kuku-transparencia__link:focus-visible{outline:3px solid #b03430;outline-offset:3px}
.kuku-transparencia__arrow{align-self:flex-end}
.kuku-transparencia__link-copy strong{display:block;font:800 18px/1.25 var(--manrope)}
.kuku-transparencia__link-copy span{color:var(--muted);font-size:14px}

/* Scroll-linked rail, armed by the landing script on wide screens only */
.kuku-transparencia.is-rail .kuku-transparencia__gate{border-color:#dcc6c9;background:var(--card);color:var(--plum)}
.kuku-transparencia.is-rail .kuku-transparencia__gate.is-on{border-color:var(--plum);background:var(--plum);color:#fff;box-shadow:0 10px 22px rgba(101,52,105,.25)}
.kuku-transparencia.is-rail .kuku-transparencia__gate.is-current{transform:translateX(-50%) scale(1.06)}
.kuku-transparencia.is-rail .kuku-transparencia__card{border-color:var(--line)}
.kuku-transparencia.is-rail .kuku-transparencia__step.is-current .kuku-transparencia__card{border-color:#d9b8cc;box-shadow:0 22px 50px rgba(93,46,62,.14)}

@media (prefers-reduced-motion:no-preference){
	/* Load sequence: CSS only, so it also plays in the editor */
	.kuku-transparencia__hero-copy>*{animation:kuku-transparencia-up .7s cubic-bezier(.2,.8,.2,1) both}
	.kuku-transparencia__hero-copy>:nth-child(2){animation-delay:.08s}
	.kuku-transparencia__hero-copy>:nth-child(3){animation-delay:.16s}
	.kuku-transparencia__hero-copy>:nth-child(4){animation-delay:.24s}
	.kuku-transparencia__shield{animation:kuku-transparencia-rise .8s cubic-bezier(.2,.8,.2,1) both}
	.kuku-transparencia__tick{stroke-dashoffset:1;animation:kuku-transparencia-draw .7s .7s ease-out forwards}
	.kuku-transparencia__chip{animation:kuku-transparencia-pop .5s cubic-bezier(.3,1.5,.5,1) both,kuku-transparencia-float 5s ease-in-out infinite}
	.kuku-transparencia__chip--1{animation-delay:1s,1.6s}
	.kuku-transparencia__chip--2{animation-delay:1.15s,2.4s}
	.kuku-transparencia__chip--3{animation-delay:1.3s,2s}
	.kuku-transparencia__chip--4{animation-delay:1.45s,2.8s}
	.kuku-transparencia__beat{animation:kuku-transparencia-beat 2.4s 1.6s ease-in-out infinite}
	.kuku-transparencia__orbit{animation:kuku-transparencia-spin 60s linear infinite}
	.kuku-transparencia__dash{animation:kuku-transparencia-dash 1.4s linear infinite}
	.kuku-transparencia__coin svg{animation:kuku-transparencia-beat 2.4s ease-in-out infinite}
	.kuku-transparencia__report-box.is-in .kuku-transparencia__alert-sign{animation:kuku-transparencia-wobble .9s .2s ease-in-out both}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
	.kuku-transparencia__link .kuku-transparencia__arrow{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
	.kuku-transparencia__link:hover .kuku-transparencia__arrow{transform:translate(3px,-3px)}
	.kuku-transparencia__node:hover,.kuku-transparencia__fact:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(5,80,70,.12)}
	.kuku-transparencia__node--vault:hover{box-shadow:0 22px 40px rgba(5,117,104,.32)}
	.kuku-transparencia__icon{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
	.kuku-transparencia__card:hover .kuku-transparencia__icon{transform:rotate(-8deg) scale(1.06)}
	.kuku-transparencia__docs li{transition:background .25s,transform .25s}
	.kuku-transparencia__docs li:hover{background:#efe1da;transform:translateY(-2px)}
	.kuku-transparencia__report-box:hover .kuku-transparencia__alert-sign{animation:kuku-transparencia-wobble .9s ease-in-out}
}

/* Scroll reveals, armed by the landing script only */
.kuku-transparencia.is-armed [data-kuku-transparencia-reveal]{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s}
.kuku-transparencia.is-armed [data-kuku-transparencia-reveal]:not(.is-in){opacity:0;transform:translateY(26px)}
.kuku-transparencia.is-armed .kuku-transparencia__flow-grid>:nth-child(3).is-in,.kuku-transparencia.is-armed .kuku-transparencia__fact:nth-child(2).is-in,.kuku-transparencia.is-armed .kuku-transparencia__link:nth-child(2).is-in{transition-delay:.1s}
.kuku-transparencia.is-armed .kuku-transparencia__dest>:nth-child(1).is-in,.kuku-transparencia.is-armed .kuku-transparencia__fact:nth-child(3).is-in,.kuku-transparencia.is-armed .kuku-transparencia__link:nth-child(3).is-in{transition-delay:.2s}
.kuku-transparencia.is-armed .kuku-transparencia__dest>:nth-child(2).is-in,.kuku-transparencia.is-armed .kuku-transparencia__link:nth-child(4).is-in{transition-delay:.3s}
.kuku-transparencia.is-armed .kuku-transparencia__fact.is-in:hover,.kuku-transparencia.is-armed .kuku-transparencia__link.is-in:hover,.kuku-transparencia.is-armed .kuku-transparencia__node.is-in:hover{transition-delay:0s}

@keyframes kuku-transparencia-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes kuku-transparencia-rise{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@keyframes kuku-transparencia-draw{to{stroke-dashoffset:0}}
@keyframes kuku-transparencia-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes kuku-transparencia-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes kuku-transparencia-beat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(.98)}}
@keyframes kuku-transparencia-spin{to{transform:rotate(360deg)}}
@keyframes kuku-transparencia-dash{to{stroke-dashoffset:-20}}
@keyframes kuku-transparencia-wobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}

@media (max-width:960px){
	.kuku-transparencia__next{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
	.kuku-transparencia__hero-grid,.kuku-transparencia__journey{grid-template-columns:minmax(0,1fr)}
	.kuku-transparencia__rail-col{display:none}
	.kuku-transparencia__step{min-height:0;margin-bottom:16px}
	.kuku-transparencia__flow-grid{grid-template-columns:minmax(0,1fr)}
	.kuku-transparencia__conn{justify-self:center;transform:rotate(90deg)}
	.kuku-transparencia__facts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
	.kuku-transparencia__chip{padding:7px 11px;font-size:12px}
	.kuku-transparencia__chip--1{left:0}
	.kuku-transparencia__chip--2{right:0}
	.kuku-transparencia__chip--3{left:0}
	.kuku-transparencia__next{grid-template-columns:minmax(0,1fr)}
	.kuku-transparencia__button{white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	.kuku-transparencia__button,.kuku-transparencia__gate,.kuku-transparencia__link{transition:none}
}