/* Kit de communication (/communication): logo and banner downloads. Mobile first. */
.page-communication{background:#fffdfa;color:#32164f}
.page-communication main{overflow:hidden}
.kit-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Intro */
.page-communication .kit-intro{position:relative;isolation:isolate;min-height:0;padding:2.3rem 0 2.4rem;border:0;overflow:hidden;background:radial-gradient(ellipse at 35% 25%,#fbf5ff 0,#f3e8fb 60%,#ecdcf6 100%)}
.page-communication .kit-intro::after{content:"";position:absolute;z-index:-1;width:420px;height:230px;right:-120px;bottom:-150px;border-radius:50%;background:rgba(33,183,212,.16);transform:rotate(-22deg)}
.page-communication .kit-intro .essential-intro-inner{width:calc(100% - 2.6rem)}
.page-communication .kit-intro .kicker{font-size:.71rem;letter-spacing:.16em;color:#642184;margin:0 0 .7rem}
.page-communication .kit-intro h1{font-size:clamp(2.55rem,10vw,3.75rem);font-weight:700;line-height:.98;letter-spacing:-.045em;color:#522075;margin:0 0 .8rem}
.page-communication .kit-intro p{font-size:1.05rem;line-height:1.4;font-weight:850;color:#492069;margin:0 0 1.2rem;max-width:720px}
.kit-jump{display:flex;flex-wrap:wrap;gap:.6rem}
.kit-jump a{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.5rem 1rem;border:2px solid #70258a;border-radius:100px;background:#fff;color:#58217c;font-weight:900;text-decoration:none}
.kit-jump a:hover{background:#70258a;color:#fff}

/* Sections */
.page-communication .kit-section{padding:2rem 0 2.2rem;background:#fffdfa}
.page-communication .kit-banners{background:#f9f4fc;border-top:1px solid #eee3f3;border-bottom:1px solid #eee3f3}
.page-communication .kit-section .essential-container,.page-communication .kit-advice .essential-container{width:calc(100% - 2.6rem);max-width:1170px}
.page-communication .kit-section .section-index{color:#712996;font-size:.72rem;letter-spacing:.16em;margin:0 0 .35rem}
.page-communication .kit-section h2,.page-communication .kit-advice h2{font-size:2.2rem;color:#58217c;font-weight:700;line-height:1.04;letter-spacing:-.04em;margin:0 0 1rem}
.page-communication .kit-section h2::before{content:"";display:inline-block;width:9px;height:28px;margin:0 15px 0 12px;border-radius:12px;background:#17abc5;transform:rotate(-34deg);vertical-align:-1px;box-shadow:-15px 10px 0 -1px #9dcc27}
.kit-lead,.kit-logo-text p{max-width:760px;margin:0 0 1rem;font-size:1rem;line-height:1.55}
.page-communication section[id]{scroll-margin-top:1rem}

/* Logo preview */
.kit-logo-intro{display:grid;gap:1.2rem;align-items:center;margin:0 0 1.6rem}
.kit-logo-preview{margin:0;justify-self:start;width:220px;max-width:100%;padding:12px;border:1px solid #ebe2e8;border-radius:20px;background:repeating-conic-gradient(#f1e9f5 0% 25%,#fff 0% 50%) 50%/24px 24px}
.kit-logo-preview img{display:block;width:100%;height:auto}

/* Download groups */
.kit-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:start;gap:1rem}
.kit-group,.kit-banner{position:relative;min-width:0;padding:1.1rem;background:#fff;border:1px solid #ebe2e8;border-radius:17px;box-shadow:0 10px 25px rgba(54,21,74,.07)}
.kit-group h3,.kit-banner h3{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;color:#612283}
.kit-group>p,.kit-banner>p{margin:0 0 .9rem;font-size:.95rem;line-height:1.45;color:#3f1a5e}
.kit-group-icon{float:right;width:64px;height:64px;margin:0 0 .4rem .8rem;border-radius:50%}
.kit-files{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;clear:both}
.kit-file{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.05rem .8rem;min-height:52px;padding:.55rem .9rem;border:2px solid #d9c6e4;border-radius:12px;background:#fff;color:#4c216b;text-decoration:none}
.kit-file:hover{border-color:#70258a;background:#f6eefb}
.kit-file strong{grid-column:1;font-weight:900;font-size:.98rem;line-height:1.25}
.kit-file-meta{grid-column:1;font-size:.86rem;line-height:1.3;color:#5b456b}
.kit-file-meta span{white-space:nowrap}
.kit-file b{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f55a16;color:#fff;font-size:1.1rem;line-height:1}

/* Banners */
.kit-banner-grid{display:grid;align-items:start;gap:1.1rem}
.kit-banner img{display:block;width:100%;height:auto;margin:0 0 .9rem;border-radius:12px;background:#e8f4fb}
.kit-banner .kit-files{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

/* Advice */
.page-communication .kit-advice{position:relative;padding:2.2rem 0 2.6rem;background:#fff6ea;border-top:1px solid #f0dcc4}
.kit-tips{max-width:820px;margin:0 0 1.4rem;padding-left:1.2rem;line-height:1.55}
.kit-tips li+li{margin-top:.35rem}
.kit-tips strong{color:#58217c}
.kit-warning{max-width:820px;margin:0 0 1rem;padding:1rem 1.2rem;background:#fff;border-left:5px solid #f55a16;border-radius:0 12px 12px 0}
.kit-warning h3{margin:0 0 .4rem;font-size:1.25rem;font-weight:700;color:#58217c}
.page-communication .kit-advice .kit-warning p{max-width:none;margin:0;font-size:.97rem;line-height:1.5}
.page-communication .kit-advice .kit-request{max-width:820px;margin:1.4rem 0 .6rem;padding:1rem 1.2rem;background:#f3eafa;border-radius:12px;color:#4c216b;font-weight:800;line-height:1.5}
.page-communication .kit-advice .kit-small{margin:0;font-size:.85rem;color:#5b456b}

@media(min-width:760px){
  .page-communication .kit-intro{padding:3rem 0 3.2rem}
  .page-communication .kit-intro .essential-intro-inner,.page-communication .kit-section .essential-container,.page-communication .kit-advice .essential-container{width:min(1170px,calc(100% - 3rem))}
  .page-communication .kit-intro h1{font-size:clamp(3.4rem,6vw,4.8rem)}
  .page-communication .kit-intro p{font-size:1.15rem}
  .page-communication .kit-section{padding:2.8rem 0 3rem}
  .page-communication .kit-section h2,.page-communication .kit-advice h2{font-size:clamp(2.3rem,3.3vw,3.1rem)}
  .kit-logo-intro{grid-template-columns:280px minmax(0,1fr);gap:2.2rem}
  .kit-logo-preview{width:280px}
  .kit-group,.kit-banner{padding:1.4rem}
  .kit-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
}