/* jour1.css -- bloc "jour 1 gratuit au prenom" (accueil + /avent). Couleurs du site (style.css). */
.j1{padding:44px 0;background:linear-gradient(180deg,#fff3dc 0,var(--cream,#fff8ec) 100%);position:relative;z-index:3}
.j1-wrap{max-width:640px;margin:0 auto;padding:0 16px;text-align:center}
.j1 h2{font-size:clamp(1.5rem,4.6vw,2.1rem);margin:0 0 8px}
.j1-intro{margin:0 0 18px;color:var(--muted,#6b7488);font-size:1.05rem}
.j1 label{display:block;font-weight:800;text-align:left;margin:0 0 6px}
.j1-ligne{display:flex;gap:10px;flex-wrap:wrap}
.j1-ligne input{flex:1 1 180px;min-width:0}
.j1 input[type=text],.j1 input[type=email]{font:inherit;font-size:1.05rem;padding:13px 16px;border:2px solid var(--line,#ece6d8);border-radius:14px;background:#fff;color:var(--ink,#16264a);width:100%;box-sizing:border-box;min-height:48px}
.j1 input:focus-visible{outline:3px solid var(--gold,#f0c14b);outline-offset:2px}
.j1 .btn{min-height:48px;cursor:pointer;border:0;justify-content:center}
.j1 .btn[disabled]{opacity:.6;cursor:wait}
.j1-msg{min-height:1.4em;margin:12px 0 0;font-weight:700}
.j1-msg.ok{color:#14796b}
.j1-msg.err{color:#b3261e}
.j1-lecteur{margin:12px 0 0}
.j1-lecteur audio{width:100%;max-width:520px}
.j1-aide{font-size:.9rem;color:var(--muted,#6b7488);margin:10px 0 0;text-align:left}
.j1-lecteur .j1-aide{text-align:center}
.j1-demande{margin:16px auto 0;background:#fff;border:2px solid var(--line,#ece6d8);border-radius:18px;padding:18px 16px;text-align:left}
.j1-demande[hidden],.j1-lecteur[hidden]{display:none}
.j1-pourquoi{margin:0 0 12px;font-weight:700}
.j1-genre{border:0;padding:0;margin:0 0 12px}
.j1-genre legend{font-weight:800;padding:0;margin:0 0 6px}
.j1-genre label{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin:0 16px 6px 0;min-height:44px}
.j1-genre input{width:20px;height:20px;accent-color:var(--emma,#ef5d6e)}
.j1-bouton{margin:14px 0 0}
@media (max-width:480px){.j1{padding:32px 0}.j1-ligne .btn{flex:1 1 100%}}