/* Mission NUMERO-2 (17/10/2026) — univers « Ámbar tostado » de l'équipe de numérologie de Lena Hartmann (direction A choisie
   par Pierre le 17/10/2026). Reprise de la direction A de NUMERO-1 (docs/design/numero-1/README.md), classe `.lena` sur <body>.
   Couleurs (docs/brand/valeurs.json) : #8A5A12 (accent Numerología, décision de Pierre du 17/10/2026), #fffaf5 (crema),
   #301b2a (ciruela), #edc9c7 (rosa empolvado), #f3e9e8 / #e5d6da (lavis et filets des cartes, AC-024A), #5c4957 (texte
   secondaire), #bfb2bc (bord des champs, carmen.css). Polices : Georgia, Arial. Espacements 8 · 16 · 24 · 40 px. */
.lena,.gratis-page.lena,.gratis-page:not(.theme-tarot).lena{--lena:#8A5A12;--universe:#8A5A12;--accent:#8A5A12;--gratis-accent:#8A5A12;--gratis-soft:#f3e9e8}
.lena .ed-kicker{color:#8A5A12}
.lena .ed-button{background:#8A5A12;border-color:#8A5A12;color:#fffaf5!important}
.lena .ed-button:hover{background:#301b2a;border-color:#301b2a}
.lena .ed-link{color:#8A5A12}
.lena .step-number{color:#8A5A12}
.lena .category-card{background:#fffaf5;border-color:#e5d6da}
.lena a.category-card:hover{border-color:#8A5A12}
.lena .lena-principal{background:#f3e9e8!important;border-color:#8A5A12!important}
.lena .universe-tags span,.lena.gratis-page .universe-tags.gratis-tags span{border-bottom-color:#8A5A12;color:#8A5A12}

/* Panneau d'ouverture : la bande ambre, les neuf chiffres en filets crème derrière l'arche. */
.lena .lena-hero{position:relative;overflow:hidden;background:#8A5A12;color:#fffaf5;border-radius:22px;border-bottom:0;padding:40px 48px;gap:40px;grid-template-columns:1.15fr .85fr;align-items:center;margin-top:8px}
.lena .lena-hero .ed-kicker,.gratis-page.lena .lena-hero .ed-kicker{color:#edc9c7!important;margin-top:0}
.lena .lena-hero h1{color:#fffaf5;font-size:clamp(38px,4.6vw,64px);line-height:1.06;margin:0 0 16px}
.lena .lena-hero h1 em,.gratis-page.lena .lena-hero h1 em{color:#edc9c7!important;font-style:italic;font-weight:400}
.lena .lena-hero .ed-lead{color:#f3e9e8;font-size:19px;max-width:560px}
.lena .lena-hero .ed-button{background:#fffaf5;border-color:#fffaf5;color:#8A5A12!important;margin-top:24px}
.lena .lena-hero .ed-button:hover{background:#edc9c7;border-color:#edc9c7}
.lena .lena-accel,.gratis-page.lena .lena-hero .gratis-accelerators{margin:16px 0 0;font-size:14px;font-weight:700;color:#edc9c7!important}
.lena .lena-hero-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:440px;margin:0}
.lena .lena-hero-art img{position:relative;z-index:1;width:min(340px,100%);height:420px;object-fit:cover;object-position:50% 12%;border-radius:170px 170px 14px 14px;display:block}
.lena .lena-motivo{position:absolute;z-index:0;width:150%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);color:#fffaf5;opacity:.22;pointer-events:none}
.lena .lena-hero-art figcaption{position:relative;z-index:1;color:#f3e9e8;margin-top:8px}

/* Bloc de la figure, consultation, sous-hubs. */
.lena .lena-invitacion{background:#f3e9e8}
.lena .lena-invitacion>img{flex-shrink:0;width:170px;height:210px;object-fit:cover;object-position:50% 12%;border-radius:80px 80px 8px 8px}
.lena .lena-consulta-caja{border:1px solid #e5d6da;border-radius:22px;padding:40px;background:#fffaf5}
.lena .lena-consulta h2 em{color:#8A5A12;font-style:italic}
.lena .lena-consulta .lena-botones{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}
.lena .lena-consulta .lena-botones .ed-button{margin:0}
.lena .lena-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lena .lena-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Page de l'équipe : façon de travailler et questions. */
.lena .lena-metodo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0 0}
.lena .lena-metodo li{border-top:1px solid #e5d6da;padding-top:16px}
.lena .lena-metodo strong{display:block;font:22px/1.25 Georgia,serif;color:#8A5A12;margin-bottom:8px}
.lena .lena-faq details{border-top:1px solid #e5d6da;padding:16px 0}
.lena .lena-faq summary{font:20px/1.3 Georgia,serif;color:#301b2a;cursor:pointer}
.lena .lena-faq details p{margin:8px 0 0;color:#5c4957}

/* Calcul du número de vida : la « preuve » sur lavis avec les chiffres en filets ambre, le formulaire sur crème, rien n'est envoyé. */
.lena .lena-calculo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start;margin:40px 0}
.lena .lena-prueba-caja{position:relative;overflow:hidden;border-radius:22px;background:#f3e9e8;padding:32px;min-height:380px;color:#301b2a}
.lena .lena-motivo-prueba{position:absolute;right:-30%;bottom:-30%;width:90%;color:#8A5A12;opacity:.18}
.lena .lena-prueba-caja p{position:relative}
.lena .lena-ejemplo{position:relative;border-top:1px solid #e5d6da;padding-top:12px;margin-top:18px;font:16px/1.6 Georgia,serif}
/* Règles de formulaire reprises de carmen.css et pages-gratuites.css (AC-024A : .form-card, .field, .cols, .terms-small), sans charger ces feuilles. */
.lena .lena-form{padding:40px;background:#fff;border:1px solid #e5d6da;border-radius:12px}
.lena .lena-form h2{font-size:34px;margin:0 0 8px}
.lena .lena-form fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}
.lena .lena-form legend{font-size:14px;font-weight:700;color:#301b2a;padding:0}
.lena .lena-form fieldset>p{margin:8px 0 0;font-size:14px;color:#5c4957}
.lena .lena-form .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.2fr);gap:8px;margin-top:8px}
.lena .lena-form .field{display:block;margin:0;font-size:14px;font-weight:bold;color:#301b2a}
.lena .lena-form .field input,.lena .lena-form .field select{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #bfb2bc;background:#fff;color:#301b2a;border-radius:0;line-height:1.4;min-height:52px;font-size:17px}
.lena .lena-form .error{margin:8px 0 0;min-height:1.2em;font-size:14px;color:#a52247}
.lena .lena-form .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:24px;padding:16px 24px;border:1px solid #8A5A12;background:#8A5A12;color:#fffaf5;font-size:15px;line-height:1.4;font-weight:700;cursor:pointer}
.lena .lena-form .button:hover{background:#301b2a;border-color:#301b2a}
.lena .lena-form .terms-small{margin:16px 0 0;font-size:13px;color:#5c4957}
.lena .lena-resultado{margin-top:24px;border-top:1px solid #e5d6da;padding-top:18px}
.lena .lena-resultado:focus{outline:2px solid #8A5A12;outline-offset:4px}
.lena .lena-cifra{font:400 96px/1 Georgia,serif;color:#8A5A12;margin:4px 0 8px}
.lena .lena-resultado h3{font-size:26px;margin:0 0 8px}
.lena .lena-siguiente{margin:14px 0}
.lena .lena-precio{font-size:13px;color:#5c4957;margin-top:8px}

@media (max-width:760px){
  .lena .lena-hero{grid-template-columns:1fr 112px;gap:16px;padding:24px 16px;border-radius:18px;align-items:start}
  .lena .lena-hero-text{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}
  .lena .lena-hero-art{grid-column:2;grid-row:1;min-height:0;place-items:start end}
  .lena .lena-hero-art img{width:112px;height:150px;border-radius:56px 56px 8px 8px}
  .lena .lena-motivo{width:260px;left:auto;right:-110px;top:-50px;transform:none;opacity:.16}
  .lena .lena-hero-art figcaption{display:none}
  .lena .lena-hero h1{font-size:28px;line-height:1.1;margin-bottom:8px}
  .lena .lena-hero .ed-kicker{font-size:11px!important;letter-spacing:1.2px}
  .lena .lena-hero .ed-lead{font-size:15px;line-height:1.5;margin:0 -128px 0 0!important;order:2}
  .lena .lena-hero .ed-button{margin-top:16px;width:100%;box-sizing:border-box;text-align:center}
  .lena .lena-salto{order:1;margin:8px -128px 16px 0!important;width:calc(100% + 128px)!important}
  .lena .lena-hero .lena-accel,.gratis-page.lena .lena-hero .gratis-accelerators{order:0;margin:8px 0 0}
  .lena .lena-grid-3,.lena .lena-grid-4,.lena .lena-metodo,.lena .lena-calculo{grid-template-columns:1fr}
  .lena .lena-calculo{gap:24px;margin:24px 0}
  .lena .lena-consulta-caja,.lena .lena-prueba-caja,.lena .lena-form{padding:24px 16px}
  .lena .lena-prueba-caja{min-height:0}
  .lena .lena-cifra{font-size:72px}
  .lena .lena-invitacion>img{width:90px;height:110px;margin-bottom:16px}
  .lena .discovery-steps article>.ed-link{grid-column:2;justify-self:start;margin-top:8px}
}
@media (min-width:761px) and (max-width:1023px){.lena .lena-grid-3,.lena .lena-grid-4,.lena .lena-metodo{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.lena *{scroll-behavior:auto!important}}
