/* Déclinaison des designs approuvés : événement, participer, nos actions. */
:is(.page-evenement-exemple,.page-participer,.page-actions){background:#fffdf8;color:#4d216b}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro{position:relative;isolation:isolate;overflow:hidden;border:0;padding:3.6rem 0 3.9rem;min-height:390px;color:#4d216b}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 17% 46% at -4% 10%,#c5db9c77 0 58%,transparent 59%),radial-gradient(ellipse 16% 55% at 100% 22%,#dac5ed85 0 55%,transparent 56%),radial-gradient(ellipse 14% 44% at -2% 104%,#ffe4e073 0 56%,transparent 57%),radial-gradient(ellipse 17% 38% at 99% 108%,#c9e3b87a 0 55%,transparent 56%)}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro-inner{position:relative;width:min(1242px,calc(100% - 2.4rem));padding-left:7px}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro-inner:before{content:"";position:absolute;left:-63px;top:92px;width:18px;height:38px;border-radius:20px;background:#20aec4;transform:rotate(-29deg);box-shadow:-24px 40px 0 -3px #a6ca10, -40px 83px 0 -3px #ffa624}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro .kicker{font-size:.82rem;letter-spacing:.17em;font-weight:1000;color:#64208a;margin:0 0 1rem}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro h1{font:700 clamp(4rem,6.3vw,6.25rem)/.98 Fredoka,'Trebuchet MS',sans-serif;letter-spacing:-.045em;color:#57217e;max-width:none;margin:0 0 1.1rem}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro p{font-size:1.32rem;line-height:1.3;max-width:920px;font-weight:900;margin-bottom:1.55rem}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro .button{border:0;min-height:61px;padding:.85rem 2rem;border-radius:35px;background:#ff4b22;color:#fff;box-shadow:0 13px 22px #ed672739;font-size:1.22rem;font-weight:900}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro .button:hover{background:#e83d19;box-shadow:0 8px 15px #ed672746}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-content{position:relative;isolation:isolate;overflow:hidden;background:#fffdf9;padding:2rem 0 4rem}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-content:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 14% 45% at -2% 100%,#e8dff2a6 0 55%,transparent 56%),radial-gradient(ellipse 16% 45% at 104% 100%,#d9eec787 0 55%,transparent 56%),radial-gradient(ellipse 25% 22% at 39% 105%,#ffede48a 0 55%,transparent 56%)}
:is(.page-evenement-exemple,.page-participer,.page-actions) .essential-container{width:min(1242px,calc(100% - 2.4rem))}

/* Fiche événement : blocs pratiques immédiatement après l'annonce fictive. */
.page-evenement-exemple .essential-intro{min-height:380px;background:radial-gradient(ellipse at 47% 46%,#fffaff 0,#f4e7fb 75%,#f4e7fb 100%)}
.page-evenement-exemple .essential-intro h1{white-space:nowrap}
.page-evenement-exemple .essential-content{padding-top:2rem;padding-bottom:4.2rem}
.page-evenement-exemple .essential-fact-grid{gap:1.45rem;margin:0 0 1.45rem}
.page-evenement-exemple .essential-fact-grid>div{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:1.15rem 1.85rem;background:#fff;border:0;border-left:6px solid #ff5c17;border-radius:6px;box-shadow:0 7px 20px #7857850a}
.page-evenement-exemple .essential-fact-grid b{font:700 1.75rem/1.15 Fredoka;color:#541c79;margin:0 0 .25rem}
.page-evenement-exemple .essential-fact-grid>div>span:last-child{font-size:1.2rem;line-height:1.25;color:#4e2471}
.page-evenement-exemple .engagement-fact-icon{display:none}
.page-evenement-exemple .essential-note{max-width:none;margin:0;min-height:73px;padding:1.2rem 1.8rem;display:flex;align-items:center;background:#fff1d7;border:0;border-left:6px solid #ff5c17;border-radius:6px;font-size:1.06rem;color:#4e2471}

/* Participer : composition pastel et trois façons de donner un coup de main. */
.page-participer .essential-intro,.page-actions .essential-intro{background:radial-gradient(ellipse at 43% 40%,#f6ffdc 0,#effbd3 78%,#effbd3 100%)}
.page-participer .essential-intro{min-height:440px}
.page-participer .essential-intro:before,.page-actions .essential-intro:before{background:radial-gradient(ellipse 18% 65% at -3% 10%,#c2deaa95 0 54%,transparent 55%),radial-gradient(ellipse 16% 45% at 102% 0%,#b4dec496 0 54%,transparent 55%),radial-gradient(ellipse 17% 45% at -2% 100%,#b8e9ed98 0 54%,transparent 55%),radial-gradient(ellipse 17% 48% at 97% 105%,#b6e7d797 0 54%,transparent 55%),radial-gradient(ellipse 12% 30% at 100% 80%,#fff0b695 0 55%,transparent 56%)}
.page-participer .essential-intro h1{max-width:700px;font-size:clamp(4rem,5.8vw,5.9rem);line-height:.88;margin-bottom:1rem}
.page-participer .essential-intro h1 em{display:block;color:#ff4b22}
.page-participer .essential-intro p{max-width:540px;color:#252348}
.page-participer .essential-content{padding-top:2.5rem;padding-bottom:4rem}
.page-participer .essential-content h2{position:relative;font:700 clamp(2.5rem,3.7vw,3.6rem)/1 Fredoka;color:#55217b;margin:0 0 1.5rem;padding-left:12px}
.page-participer .essential-content h2:before{content:"";position:absolute;left:-22px;top:-12px;width:10px;height:29px;border-radius:10px;background:#20b5c6;transform:rotate(-26deg);box-shadow:-12px 32px 0 -1px #81c66a}
.page-participer .essential-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.page-participer .essential-card{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 30px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:.15rem 1rem;min-height:124px;padding:1rem 1.2rem;background:#fff;border:1px solid #e1dce8;border-radius:6px;box-shadow:4px 5px 0 #18b5d5;text-decoration:none}
.page-participer .essential-card:hover{transform:translateY(-3px);box-shadow:4px 8px 0 #18b5d5}
.page-participer .engagement-card-icon,.page-actions .engagement-card-icon{grid-column:1;grid-row:1/3;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#5a2184;background:#f3e9f8}
.page-participer .essential-card:nth-child(2) .engagement-card-icon{background:#eef5e2;color:#195e71}
.page-participer .essential-card:nth-child(3) .engagement-card-icon{background:#e2f5fb}
.page-participer .engagement-card-icon svg,.page-actions .engagement-card-icon svg,.page-evenement-exemple .engagement-fact-icon svg{width:40px;height:40px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-participer .essential-card strong{grid-column:2;grid-row:1;font:700 1.43rem/1.1 Fredoka;color:#59217e;white-space:nowrap}
.page-participer .essential-card>span:not(.engagement-card-icon){grid-column:2;grid-row:2;color:#4f2070;font-size:.91rem}
.page-participer .essential-card b{grid-column:3;grid-row:1/3;color:#ff4b22;font:500 2rem/1 Nunito}

/* Nos actions : trois portes d'entrée, sans modifier l'ordre ni les liens. */
.page-actions .essential-intro{min-height:390px}
.page-actions .essential-intro h1{white-space:nowrap}
.page-actions .essential-intro p{color:#4f2270}
.page-actions .essential-content{padding-top:2.7rem;padding-bottom:6.6rem}
.page-actions .essential-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}
.page-actions .essential-card{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) 24px;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:1rem;min-height:142px;padding:1.1rem 1rem;background:#fff;border:1px solid #e9e5ee;border-radius:15px;box-shadow:0 7px 0 #e4cafa,0 15px 22px #583d6215;overflow:hidden}
.page-actions .essential-card:before{content:"";position:absolute;right:-8%;top:-56%;width:38%;height:100%;background:#eee1fa89;border-radius:48%;transform:rotate(-24deg)}
.page-actions .essential-card:nth-child(2){box-shadow:0 7px 0 #d6eddf,0 15px 22px #583d6215}
.page-actions .essential-card:nth-child(2):before{background:#e7f6e984}
.page-actions .essential-card:nth-child(3){box-shadow:0 7px 0 #cdeaf9,0 15px 22px #583d6215}
.page-actions .essential-card:nth-child(3):before{background:#e3f3ff85}
.page-actions .engagement-card-icon{width:90px;height:90px;background:#f3e7fb}
.page-actions .essential-card:nth-child(2) .engagement-card-icon{background:#edf6e6;color:#115d75}
.page-actions .essential-card:nth-child(3) .engagement-card-icon{background:#e1f4fc}
.page-actions .essential-card strong{grid-column:2;grid-row:1;font:700 1.43rem/1.1 Fredoka;color:#5c237e;z-index:1}
.page-actions .essential-card>span:not(.engagement-card-icon){grid-column:2;grid-row:2;font-size:.88rem;color:#4e2472;z-index:1}
.page-actions .essential-card b{grid-column:3;grid-row:1/3;font-size:1.7rem;color:#ff4d20;z-index:1}

@media(max-width:1100px){
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro-inner:before{left:-26px;opacity:.8}
  .page-evenement-exemple .essential-intro h1,.page-actions .essential-intro h1{white-space:normal}
  .page-participer .essential-card,.page-actions .essential-card{grid-template-columns:60px minmax(0,1fr) 22px;gap:.15rem .7rem;padding:.85rem;min-height:110px}
  .page-participer .engagement-card-icon,.page-actions .engagement-card-icon{width:60px;height:60px}
  .page-participer .engagement-card-icon svg,.page-actions .engagement-card-icon svg{width:33px;height:33px}
  .page-participer .essential-card strong,.page-actions .essential-card strong{font-size:1.18rem;white-space:normal}
  .page-participer .essential-card>span:not(.engagement-card-icon),.page-actions .essential-card>span:not(.engagement-card-icon){font-size:.82rem}
}
@media(min-width:701px) and (max-width:900px){
  .page-participer .essential-cards,.page-actions .essential-cards{grid-template-columns:1fr;max-width:690px}
  .page-participer .essential-card,.page-actions .essential-card{grid-template-columns:72px minmax(0,1fr) 28px;min-height:105px;padding:1rem}
  .page-participer .engagement-card-icon,.page-actions .engagement-card-icon{width:70px;height:70px}
  .page-participer .essential-card strong,.page-actions .essential-card strong{font-size:1.4rem}
  .page-participer .essential-card>span:not(.engagement-card-icon),.page-actions .essential-card>span:not(.engagement-card-icon){font-size:.94rem}
}
@media(max-width:700px){
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro{padding:2.2rem 0 2.4rem;min-height:0}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro-inner{width:calc(100% - 2.3rem);padding-left:0}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro-inner:before{left:-28px;top:105px;transform:scale(.8) rotate(-29deg)}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro .kicker{font-size:.68rem;letter-spacing:.16em;margin-bottom:.9rem}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro h1{font-size:clamp(2.35rem,9vw,3.45rem);line-height:.95;margin-bottom:1rem}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro p{font-size:1.03rem;line-height:1.4;margin-bottom:1.35rem}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-intro .button{font-size:1.02rem;min-height:54px;padding:.8rem 1.4rem}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-content{padding:1.65rem 0 3rem}
  :is(.page-evenement-exemple,.page-participer,.page-actions) .essential-container{width:calc(100% - 2.3rem)}
  .page-evenement-exemple .essential-intro{border-bottom:3px solid #4b1a74}
  .page-evenement-exemple .essential-fact-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.1rem}
  .page-evenement-exemple .essential-fact-grid>div{min-height:98px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;gap:0 1rem;padding:.75rem 1rem}
  .page-evenement-exemple .engagement-fact-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#f1ebfb;color:#5b2586}
  .page-evenement-exemple .engagement-fact-icon svg{width:36px;height:36px}
  .page-evenement-exemple .essential-fact-grid b{grid-column:2;grid-row:1;font-size:1.38rem;margin:0}
  .page-evenement-exemple .essential-fact-grid>div>span:last-child{grid-column:2;grid-row:2;font-size:1rem}
  .page-evenement-exemple .essential-note{font-size:1rem;line-height:1.45;padding:1rem 1.15rem}
  .page-participer .essential-intro{padding-top:2.5rem;padding-bottom:2.8rem}
  .page-participer .essential-intro h1{font-size:clamp(3.15rem,10.3vw,4.15rem);line-height:.89}
  .page-participer .essential-intro p{font-size:1.14rem}
  .page-participer .essential-content{padding-top:2.3rem;padding-bottom:3rem}
  .page-participer .essential-content h2{font-size:2.55rem;padding-left:0;margin-bottom:1.4rem}
  .page-participer .essential-content h2:before{left:-15px}
  .page-participer .essential-cards,.page-actions .essential-cards{grid-template-columns:1fr;gap:1.25rem}
  .page-participer .essential-card{grid-template-columns:67px minmax(0,1fr) 24px;min-height:112px;padding:1rem;gap:.1rem .8rem}
  .page-participer .engagement-card-icon{width:67px;height:67px}
  .page-participer .essential-card strong{font-size:1.35rem}
  .page-participer .essential-card>span:not(.engagement-card-icon){font-size:.95rem}
  .page-actions .essential-intro{padding-top:2.4rem;padding-bottom:2.8rem}
  .page-actions .essential-intro h1{font-size:clamp(2.6rem,10vw,3.8rem)}
  .page-actions .essential-content{padding:1.75rem 0 3rem}
  .page-actions .essential-card{display:grid;grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:auto auto;min-height:115px;padding:1.2rem 1.1rem;border:2px solid #62278a;border-radius:0;box-shadow:5px 6px 0 #18b5d5}
  .page-actions .essential-card:nth-child(2),.page-actions .essential-card:nth-child(3){box-shadow:5px 6px 0 #18b5d5}
  .page-actions .engagement-card-icon{display:none}
  .page-actions .essential-card strong{grid-column:1;grid-row:1;font-size:1.65rem}
  .page-actions .essential-card>span:not(.engagement-card-icon){grid-column:1;grid-row:2;font-size:.96rem;color:#252343}
  .page-actions .essential-card b{grid-column:2;grid-row:1/3;font-size:2rem}
}
@media(max-width:370px){
  .page-participer .essential-card{grid-template-columns:56px minmax(0,1fr) 20px;gap:.1rem .55rem;padding:.8rem}
  .page-participer .engagement-card-icon{width:56px;height:56px}
  .page-participer .essential-card strong{font-size:1.16rem}
  .page-participer .essential-card>span:not(.engagement-card-icon){font-size:.78rem}
  .page-evenement-exemple .essential-fact-grid>div{grid-template-columns:60px 1fr}
  .page-evenement-exemple .engagement-fact-icon{width:57px;height:57px}
}
.page-participer .participer-don{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding:1.2rem 1.5rem;border:1px solid #f3d9c9;border-radius:17px;background:#fff6ef}
.page-participer .participer-don p{margin:0;max-width:680px;font-size:1.05rem;line-height:1.4;color:#4d216b}
@media (max-width:700px){.page-participer .participer-don{padding:1rem}.page-participer .participer-don .button{width:100%;justify-content:center}}