/* Orovas · reseaux.html : styles propres à la page (chargés après site.css) */
/* ---------- Socle commun des pages internes (préfixe pa-) ---------- */
.pa-cream{background:var(--bg-white)}
.pa-sand{background:var(--bg-alt)}
.pa-mist{background:var(--mist)}
.pa-pet{background:var(--pet);border-top:0}
.pa-pet h2,.pa-pet .h-xl,.pa-pet .h-l{color:var(--pet-fg)}
.pa-pet .mute,.pa-pet .lead,.pa-pet .label{color:var(--pet-mute)}
.pa-pet .eyebrow i{background:#FFB020}
.pa-pet .why2{margin-top:44px}
.pa-pet .why-phone .phone{box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.pa-ov{overflow:hidden}
.pa-c{text-align:center}
.pa-mt{margin-top:52px}
/* apparition « qui rebondit » déclenchée par [data-pa].on */
@keyframes paPop{to{opacity:1;transform:none}}
@keyframes paFade{to{opacity:1}}
.pa-a [data-pa] .pa-pop{opacity:0;transform:translateY(22px) scale(.93)}
.pa-a [data-pa].on .pa-pop{animation:paPop .75s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--i,0) * .12s + var(--d0,0s))}
.pa-a [data-pa] .pa-up{opacity:0;transform:translateY(16px)}
.pa-a [data-pa].on .pa-up{animation:paPop .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i,0) * .12s + var(--d0,0s))}
/* curseur de frappe */
.pa-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:paCaret .8s steps(1) infinite}
@keyframes paCaret{50%{opacity:0}}
/* formules (2 visibles) */
.pa-plans{display:grid;gap:18px;max-width:880px;margin:44px auto 0}
@media (min-width:700px){.pa-plans{grid-template-columns:1fr 1fr}}
.pa-plans .p4{position:relative}
.pa-plans .p4-h{min-height:0}
.pa-plans .p4 .tagline{min-height:0}
.pa-reco{box-shadow:0 0 0 2px #FF6B2C,0 34px 70px -34px rgba(255,107,44,.5)}
.pa-plans .badge{position:absolute;top:-13px;right:20px}
.pa-also{margin-top:22px;text-align:center;font-size:15px;color:var(--t2)}
.pa-also .link{display:inline-flex}
.pa-plans + .setup-line{margin-top:26px}
.pa-faq{margin-left:auto;margin-right:auto}
@media (prefers-reduced-motion:reduce){.pa-typing::after{animation:none}}
/* ---------- reseaux.html (préfixe rs-) ---------- */
/* Trois formats */
.rs-formats{display:grid;gap:34px;margin-top:52px}
@media (min-width:860px){.rs-formats{grid-template-columns:repeat(3,1fr);gap:24px}}
.rs-f{display:flex;flex-direction:column;gap:20px}
.rs-f h3{font-size:26px;letter-spacing:-.035em}
.rs-f p{color:var(--t2);font-size:15.5px;margin-top:6px;max-width:34ch}
.rs-shot{position:relative;height:440px;border-radius:26px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 34px 60px -34px rgba(60,30,10,.5);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.rs-f:hover .rs-shot{transform:translateY(-6px) rotate(-.6deg)}
@media (max-width:859px){.rs-shot{height:340px}.rs-formats{gap:28px}}
.rs-post{display:flex;flex-direction:column}
.rs-ph{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px}
.rs-ph .av{width:30px;height:30px}
.rs-ph .demo-tag{margin-left:auto}
.rs-img{flex:1;min-height:0;overflow:hidden}
.rs-img img{width:100%;height:100%;object-fit:cover}
.rs-cap{display:flex;gap:10px;align-items:flex-start;padding:12px 14px 14px;font-size:13.5px;color:var(--t2);line-height:1.4}
.rs-heart{color:#D9472B;font-size:18px;line-height:1;animation:rsBeat 2.4s ease-in-out infinite}
@keyframes rsBeat{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.3)}80%{transform:scale(.95)}}
.rs-story img,.rs-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rs-story::after,.rs-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,3,.45),transparent 26%,transparent 62%,rgba(20,8,3,.6))}
.rs-bars{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:4px}
.rs-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.4);overflow:hidden;position:relative}
.rs-bars i.full{background:#fff}
.rs-bars i.run::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:rsBar 4.5s linear infinite}
@keyframes rsBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rs-who{position:absolute;z-index:2;top:26px;left:14px;display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.rs-who .av{width:26px;height:26px}
.rs-who.b{top:auto;bottom:18px;font-size:15px}
.rs-stick{position:absolute;z-index:2;left:50%;bottom:40px;transform:translateX(-50%) rotate(-4deg);background:#FFFAF3;color:#2A1308;font-weight:700;font-size:16px;padding:9px 16px;border-radius:12px;white-space:nowrap;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);animation:rsWob 4s ease-in-out infinite}
@keyframes rsWob{0%,100%{transform:translateX(-50%) rotate(-4deg)}50%{transform:translateX(-50%) rotate(2deg) translateY(-4px)}}
.rs-reel img{animation:rsKen 14s ease-in-out infinite alternate}
@keyframes rsKen{from{transform:scale(1)}to{transform:scale(1.14) translate(-3%,2%)}}
.rs-play{position:absolute;z-index:2;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,243,.9);color:#8C3B22;box-shadow:0 0 0 0 rgba(255,250,243,.6);animation:rsPulse 2.2s ease-out infinite}
@keyframes rsPulse{0%{box-shadow:0 0 0 0 rgba(255,250,243,.55)}100%{box-shadow:0 0 0 22px rgba(255,250,243,0)}}
.rs-tag{position:absolute;z-index:2;top:14px;right:14px;background:#FF6B2C;color:#1A0A04;font-weight:700;font-size:12px;padding:5px 11px;border-radius:999px}
/* Calendrier */
.rs-cal{max-width:560px;width:100%;justify-self:center}
.rs-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.rs-dn{font-family:var(--f-m);font-size:11px;color:var(--t3);text-align:center;padding-bottom:4px}
.rs-d{position:relative;aspect-ratio:1;border-radius:10px;background:rgba(var(--fg-rgb),.035);border:1px solid var(--line)}
.rs-d em{position:absolute;z-index:2;top:4px;left:6px;font-style:normal;font-family:var(--f-m);font-size:10.5px;color:var(--t3)}
.rs-d img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:7px}
.rs-d.po em,.rs-d.st em{color:#fff;background:rgba(20,8,3,.62);padding:0 4px;border-radius:4px;top:3px;left:3px}
.rs-d.po{border:2px solid #FF6B2C}
.rs-d.st{border:2px solid #17414A}
.rs-d.st img{border-radius:50%;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
.rs-d.tf{box-shadow:0 0 0 3px #FFB020}
.rs-d.tf b{position:absolute;z-index:3;right:-8px;top:-10px;width:22px;height:22px;border-radius:50%;background:#FFB020;color:#2A1308;font-size:12px;display:grid;place-items:center}
.rs-leg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13px;color:var(--t2)}
.rs-leg span{display:inline-flex;align-items:center;gap:7px}
.rs-leg i{flex:none;width:12px;height:12px;border-radius:4px;border:2px solid #FF6B2C}
.rs-leg i.st{border-color:#17414A;border-radius:50%}
.rs-leg .tf{padding:4px 10px 4px 4px;border-radius:999px;background:rgba(255,176,32,.18);color:#5A3A08;font-weight:600}
.rs-leg .tf b{width:20px;height:20px;border-radius:50%;background:#FFB020;color:#2A1308;display:grid;place-items:center;font-size:11px}
@media (max-width:480px){.rs-grid{gap:4px}.rs-d{border-radius:8px}.rs-d em{font-size:9.5px;left:4px;top:2px}.rs-cal .main{padding:14px}}
/* Validation */
.rs-ok{max-width:420px;width:100%;justify-self:center;border-radius:26px;padding:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(60,30,10,.5)}
.pa-a .rs-ok.on{animation:rsFloat 6s ease-in-out 3s infinite}
@keyframes rsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.rs-ok-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rs-ok-h .ava{width:36px;height:36px}
.rs-ok-h b{display:block;font-size:15px}
.rs-ok-h small{display:block;font-size:12.5px;color:var(--t3)}
.rs-ok-h .demo-tag{margin-left:auto}
.rs-ok-img{border-radius:16px;overflow:hidden;aspect-ratio:5/4}
.rs-ok-img img{width:100%;height:100%;object-fit:cover}
.rs-ok-cap{margin-top:12px;font-size:14.5px;line-height:1.45;color:var(--t1)}
.rs-ok-f{display:grid;margin-top:14px}
.rs-acts,.rs-done{grid-area:1/1}
.rs-acts{display:flex;gap:8px}
.rs-acts span{position:relative;overflow:hidden;flex:1;text-align:center;font-weight:600;font-size:14.5px;padding:12px 0;border-radius:12px;background:rgba(var(--fg-rgb),.06);color:var(--t1)}
.rs-acts span.go{flex:1.6;background:#FF6B2C;color:#1A0A04}
.rs-tap{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,255,255,.65);opacity:0;transform:scale(.2)}
.rs-done{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 0;background:#17414A;color:#F3EDE4;font-weight:600;font-size:14.5px;visibility:hidden}
.rs-done svg{color:#FFB020}
.pa-a .rs-ok.on .rs-tap{animation:rsTap .7s ease-out 1.4s forwards}
@keyframes rsTap{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(4)}}
.pa-a .rs-ok.on .rs-acts{animation:rsOut .35s ease 2s forwards}
@keyframes rsOut{to{opacity:0;transform:scale(.96);visibility:hidden}}
.pa-a .rs-ok.on .rs-done{animation:rsIn .6s cubic-bezier(.34,1.56,.64,1) 2.15s forwards;opacity:0;transform:translateY(10px) scale(.9);visibility:visible}
@keyframes rsIn{to{opacity:1;transform:none}}
html:not(.pa-a) .rs-acts{visibility:hidden}
html:not(.pa-a) .rs-done{visibility:visible}
/* Rythme des shootings */
.rs-rhythm{display:grid;gap:16px;margin-top:40px}
@media (min-width:760px){.rs-rhythm{grid-template-columns:1fr 1fr}}
.rs-rh{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.rs-rh b{display:block;font-size:19px;letter-spacing:-.02em}
.rs-rh div span{display:block;margin-top:4px;color:var(--t2);font-size:15px}
.rs-n{flex:none;font-family:var(--f-d);font-weight:700;font-size:64px;line-height:.9;letter-spacing:-.06em;color:#C8613B;width:52px;text-align:center}
.rs-rh.dk{background:#17414A;border-color:#17414A}
.rs-rh.dk b{color:#F3EDE4}
.rs-rh.dk div span{color:#B9CCCB}
.rs-rh.dk .rs-n{color:#FFB020}
.pa-sand .mq-photos{margin-top:44px}
@media (prefers-reduced-motion:reduce){.rs-ok{animation:none!important}.rs-heart,.rs-bars i.run::after,.rs-stick,.rs-reel img,.rs-play{animation:none!important}.rs-bars i.run::after{transform:scaleX(.5)}}
.pa-ov .tcard{background:#2A1308}