/* =========================================================================
   ARTIS VALORISATION, REFONTE : LE CHOIX DE L'OFFRE (p-valorisation.css)
   Page : /valorisation seule, sur la scene depuis le 02/10/2026 (critiques
   2 et 4 de Raphael) : un en-tete et trois cartes qui menent chacune a
   son offre.
   Critique 5 du meme jour (« la partie Offre, super importante : refais
   les bulles de gauche a droite et structure mieux la page, avec le titre
   en haut ») : la page se lit de haut en bas sur un seul axe, la
   gouttiere ; les trois cartes passent cote a cote.
   Demande de Raphael du 03/10/2026 au soir : plus de bouton radio ni de
   bouton unique « Voir l'offre » (une etape de trop). Chaque carte mene
   directement a sa page d'offre et porte son propre appel (sections 3
   et 4).
   Brief editorial du 04/10/2026 (section 8, UI05, UI09) : titre « Quelle
   evaluation pour votre projet ? », cartes de l'accueil avec perimetre,
   prestations et honoraires (nom, perimetre, prestations, honoraires,
   appel), mention du brief, puis un seul bloc d'aide (section 3 ter).
   Les trois pages d'offre ont leurs feuilles (offre.css, offre-mission.css)
   et /calculateur la sienne (p-calculateur.css) : aucune ne charge
   celle-ci.
   Chargee en dernier, apres socle.css, scene.css et accueil.css.
   Sections numerotees, commentaires sans accents. Reference :
   REFONTE-GABARIT.md.
   Couleurs du 04/10/2026 (point 12 de Raphael, la couleur de l'accueil sur
   toutes les pages) : les voiles poses sous le texte prennent --f-voile
   (socle.css), le bleu du rapport assombri, au lieu de l'ardoise
   rgba(18,26,58) ou du marine rgba(5,12,54). Meme dessin, meme dose.
   ------------------------------------------------------------------------- */

/* =========================================================================
   1. LA PAGE : L'EN-TETE EN HAUT, LE CHOIX DESSOUS
   La section garde la classe f-couv de l'accueil (socle.js y lit la
   couverture : barre dense, effacement sous la barre) et ses classes de
   texte (etiquette, titre, accent azur pale). Ce qui change : l'accueil
   cale son contenu en bas d'un ecran, titre a gauche, colonne a droite ;
   ici tout part du haut, sous la barre, dans l'ordre de lecture :
   etiquette, titre, chapo, cartes (et leurs appels), TVA, bloc d'aide.
   Depuis le 04/10/2026, les cartes portent leurs prestations : la page
   defile au-dela du premier ecran.
   ------------------------------------------------------------------------- */

.pv-tete.f-couv{ justify-content:flex-start; }
/* Le haut suit la hauteur de l'ecran : 135 px a 900, 120 a 800, sous la
   barre (80 px). Le bas reprend --f-couv-bas de l'accueil : tant que le
   bandeau de consentement est ouvert, il s'allonge de sa hauteur et la
   rassurance peut defiler au-dessus de lui. */
.pv-tete-corps{ padding:clamp(108px, 15vh, 140px) 0 var(--f-couv-bas, 40px); }

/* Le titre sur une ligne a l'ordinateur : 1 231 px a 64 px (mesure du
   02/10 a 1 440), 4,6 vw le tient dans le conteneur jusqu'a 900 px. En
   dessous, deux lignes equilibrees. */
.pv-tete .pv-titre{ max-width:none; font-size:clamp(40px, 4.6vw, 64px); line-height:1.04; }
.pv-tete .f-couv-etiquette{ margin-bottom:22px; }
.pv-chapo{ margin-top:16px; max-width:760px; }
/* L'ecart entre l'en-tete et le choix respire avec la hauteur de l'ecran :
   56 px a 900, 48 a 800, 28 au plus court. */
.pv-choix{ min-width:0; margin-top:clamp(28px, 6.2vh, 64px); }

/* Tablette (761 a 1 199 px) : le titre passe sur deux lignes a 768 ;
   l'etiquette se rapproche. */
@media (max-width: 1199px){
  .pv-tete .f-couv-etiquette{ margin-bottom:18px; }
}
/* Ecran d'ordinateur bas (1 280 x 720, portable) : tout se resserre d'un
   cran pour que les appels des cartes restent dans le premier ecran. */
@media (min-width: 761px) and (max-height: 760px){
  .pv-tete-corps{ padding-top:104px; }
  .pv-tete .pv-titre{ font-size:clamp(40px, 4.2vw, 56px); }
  .pv-tete .f-couv-etiquette{ margin-bottom:16px; }
  .pv-chapo{ margin-top:12px; }
}
/* Telephone : l'en-tete de la couverture de l'accueil (accueil.css 5),
   88 px sous le haut (104 jusqu'au 09/10/2026), puis le choix.
   Audit telephone du 8 octobre (09/10/2026, lot 2 et coherence) : la
   regle qui dependait de la hauteur de la fenetre (sous 700 px, titre de
   34 px et haut de 84 px, au-dessus 40 px et 104 px) est retiree.
   Safari sur iPhone 15 ouvre la page a 659 px de haut puis passe a
   745 px quand ses barres se replient au premier defilement : le titre
   grandissait de 34 a 40 px et toute la page reculait de 33 px sous le
   pouce. Le titre ne suit plus que la largeur, 36 px (34 sous 380 px),
   interligne 1,05, et le haut reste a 88 px a toute hauteur (entre les
   84 et 104 px d'avant : la premiere carte ne descend pas plus bas que
   necessaire). Le chapo prend l'interligne des autres chapos (1,5 au
   lieu de 1,2 : il est dans la couverture, que la regle commune du socle
   ne touche pas). */
@media (max-width: 760px){
  .pv-tete-corps{ padding:88px 0 var(--f-couv-bas, 24px); }
  .pv-tete .pv-titre{ font-size:36px; line-height:1.05; }
  .pv-tete .f-couv-etiquette{ margin-bottom:14px; line-height:1.4; }
  .pv-chapo{ margin-top:14px; line-height:1.5; }
  .pv-choix{ margin-top:28px; }
}
@media (max-width: 379.98px){
  .pv-tete .pv-titre{ font-size:34px; }
}

/* =========================================================================
   2. LES VOILES (REFONTE-GABARIT.md 4, regle des voiles)
   Ceux de la couverture de l'accueil (accueil.css 13) sont poses pour un
   texte cale au bas de l'ecran, a gauche ; ici le texte est en haut et le
   choix occupe toute la largeur : ils sont retires et remplaces par des
   voiles locaux, d'ardoise profonde, sous chaque texte pose sur la scene
   (les cartes, opaques, n'en ont pas besoin). Mesures et dosages : voir
   les commentaires de chaque voile. Avec eux (02/10, balayage de toute la
   page, Chrome WebGL 1 440, 1 280, 1 024, 768 et WebKit iPhone 15 et SE,
   scene vivante puis mouvement reduit, 2e centile) : texte courant 5,2:1
   au pire (l'ancien bouton « Voir l'offre », pose sur la scene jusqu'au
   03/10 au soir, iPhone 15, image fixe), « votre entreprise. » 3,6:1
   (34 px, iPhone SE), 5,5:1 a 1 440. La scene en sort plus claire que
   sous les voiles d'avant (luminance moyenne 0,068 contre 0,048 a
   1 440) ; au telephone, egale au premier ecran (0,046 a l'iPhone 15,
   0,043 contre 0,046 a l'iPhone SE).
   ------------------------------------------------------------------------- */
.pv-tete.f-couv::before, .pv-tete.f-couv::after{ content:none; }
/* Regle 1 : la section coupe ce qui depasse a l'horizontale (clip ne cree
   pas de conteneur de defilement). Les voiles peuvent ainsi deborder de
   l'ecran, ou leur fondu se perd. */
.pv-tete{ overflow-x:clip; }
.pv-tete-texte, .pv-choix{ position:relative; isolation:isolate; }
.pv-tete-texte::before, .pv-tva::before{
  content:""; position:absolute; z-index:-1; pointer-events:none;
}
/* L'en-tete, en paysage. Sans voile, mesure du 02/10 (Chrome WebGL, pire
   du defilement) : l'etiquette 4,1:1 a 1 440 et 1 280, « votre
   entreprise. » 4,2:1. Une ellipse large, centree au tiers gauche, ou
   commencent l'etiquette et le titre, fondue a rien avant le bord droit. */
.pv-tete-texte::before{
  inset:-120px calc(-1 * var(--f-gouttiere));
  background:radial-gradient(62% 50% at 34% 50%, rgba(var(--f-voile),.32) 0, rgba(var(--f-voile),.3) 56%, rgba(var(--f-voile),.12) 82%, rgba(var(--f-voile),0) 100%);
}
/* En portrait, l'arete claire de la piece de verre traverse le titre :
   sans voile, « votre entreprise. » 1,9:1 et le chapo 3,3:1 (WebKit
   iPhone 15 et SE). L'ellipse deborde de l'ecran de part et d'autre (la
   section la coupe) : tout le texte tient sur son plein. */
@media (max-aspect-ratio: 1099/1000){
  .pv-tete-texte::before{
    inset:-110px -45%;
    background:radial-gradient(closest-side, rgba(var(--f-voile),.4) 0, rgba(var(--f-voile),.38) 62%, rgba(var(--f-voile),.16) 84%, rgba(var(--f-voile),0));
  }
}
/* Sous la TVA : un voile, a la taille de la ligne (les cartes et le bloc
   d'aide, opaques, n'en ont pas besoin). Sans, au pire du defilement : la
   TVA 4,4:1 a 1 280. La question et la rassurance sur la scene sont
   retirees le 04/10/2026 (la rassurance passe dans le bloc d'aide). */
.pv-tva{ position:relative; width:fit-content; max-width:100%; }
.pv-tva::before{
  inset:-28px -88px;
  background:radial-gradient(closest-side, rgba(var(--f-voile),.36) 0, rgba(var(--f-voile),.34) 66%, rgba(var(--f-voile),.14) 86%, rgba(var(--f-voile),0));
}

/* =========================================================================
   3. LES TROIS CARTES
   Le dessin des bulles d'offre de l'accueil (.g-bulle, accueil.css 10) :
   azur laiteux #D9E7F8, rayon et ombre des bulles, encre, « Sur devis »
   en Klein. Brief du 04/10/2026 (UI05) : l'objet de la mission avant le
   prix. Chaque carte se lit nom (h2, 24 px), perimetre, prestations (les
   coches de .g-carte-inclus, scene.css 13, le conseil en dernier, en
   demi-gras), honoraires (36 px au bureau, « A partir de » et « HT » en
   13 px au moins), puis l'appel « Voir le detail de l'offre ». Les memes
   chaines que les cartes de l'accueil (data/tarifs.json).
   Toute la carte reste la cible du lien (demande du 03/10/2026 au soir) :
   le ::after de l'appel la couvre. Un seul lien par carte, aucun lien
   imbrique, et le nom accessible du lien est court (l'appel et le nom de
   l'offre, en sr-only), au lieu de toute la carte.
   A partir de 1 024 px, les trois cartes sont cote a cote ; leurs quatre
   rangees (nom et perimetre, prestations, honoraires, appel) sont
   partagees par sous-grille : les listes, les honoraires et les appels
   s'alignent d'une carte a l'autre. En dessous, elles s'empilent, a la largeur du bloc d'aide.
   Encre sur #D9E7F8 13,5:1, perimetre et prestations (encre-2) 7,1:1,
   Klein 8,5:1.
   ------------------------------------------------------------------------- */
.pv-cartes{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:20px; row-gap:0;
  /* Hauteur de la ligne « A partir de » au-dessus des montants (13 px sur
     16 et 3 dessous) : « Sur devis » descend d'autant, pour se poser sur
     la ligne des montants. */
  --pv-dep:19px;
}
.pv-carte{
  position:relative; min-width:0; grid-row:span 4;
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr auto auto;
  align-content:start;
  padding:28px 28px 28px; border-radius:var(--f-r-bulle);
  background:#D9E7F8; color:var(--g-encre); box-shadow:var(--f-ombre-bulle);
  transition:background-color .2s var(--f-entree-courbe), transform .16s var(--f-entree-courbe);
}
/* 3 quater. Le verre (demande de Raphael du 04/10/2026 : les bulles de
   l'offre un peu transparentes, telephone et ordinateur). L'azur laiteux
   devient un verre depoli : fond azur a 76 %, un voile blanc qui monte
   vers l'arete du haut (86 % en haut, 79 % au milieu), le flou de la
   scene dessous, avive (saturation 180 %, clarte 110 %), un lisere blanc
   d'un pixel et un reflet sur l'arete du haut. Le meme verre que les
   bulles de la couverture de l'accueil (accueil.css 10, sans flou la-bas)
   et que la plaque des offres (offre.css 1). Le fond reste une couleur
   (background-color) sous le reflet : le survol garde sa transition.
   Texte second (perimetre, prestations) a #2A3850 au lieu de l'encre-2 :
   sur le verre, au pire de la scene, l'encre-2 tombait sous 4,5:1.
   Mesure de la reprise du 04/10/2026 (2e centile des pixels, texte masque,
   cinq positions de defilement par carte, Chrome WebGL 320, 393, 768,
   1 024 et 1 440, WebKit iPhone 15 et SE, scene vivante puis image fixe
   en mouvement reduit ; WebKit sans flou, le pire cas ; arrondi vers le
   bas) : texte second 5,8:1 au pire (15 px, 1 024), encre 8,2:1, montants
   8,3:1, « Sur devis » au Klein 5,1:1. */
.pv-carte{
  background-color:rgba(214,229,248,.76);
  background-image:linear-gradient(170deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.12) 46%, rgba(255,255,255,0) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(180%) brightness(1.1); backdrop-filter:blur(18px) saturate(180%) brightness(1.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 0 rgba(255,255,255,.9), var(--f-ombre-bulle);
}
@supports (grid-template-rows: subgrid){
  .pv-carte{ grid-template-rows:subgrid; }
}
.pv-carte-nom{
  margin:0; font-size:24px; line-height:1.2; font-weight:500; letter-spacing:var(--f-serre); text-wrap:balance; color:var(--g-encre);
}
.pv-carte-seuil{
  margin:8px 0 0; font-size:15px; line-height:1.4; letter-spacing:0; color:#2A3850; text-wrap:pretty;
}
.pv-carte .g-carte-inclus li:not(.g-carte-cle){ color:#2A3850; }
.pv-carte-inclus{ margin-top:20px; padding-top:20px; border-top:1px solid rgba(11,29,54,.18); }
.pv-carte-prix{
  align-self:end; margin:24px 0 0;
  font-size:36px; line-height:1; font-weight:500; letter-spacing:var(--f-serre);
  white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--g-encre);
}
.pv-carte-prix--mot{ font-size:28px; color:var(--g-klein); }
/* SAS du 2 octobre 2026 : « HT » en petit dans le montant, 13 px au moins. */
.pv-carte-prix .prix-ht{ font-size:max(13px, .36em); line-height:1; }
/* 3 bis. « A partir de » (offre du 03/10/2026, .prix-dep de socle.css),
   en petit au-dessus du montant : 13 px sur 16, 3 px dessous, la hauteur
   --pv-dep. Cote a cote, « Sur devis » descend de cette hauteur : il se
   pose sur la ligne des deux montants. */
.pv-carte-prix .prix-dep{ font-size:13px; line-height:16px; margin-bottom:3px; }
@media (min-width: 1024px){
  .pv-carte .pv-carte-prix--mot{ padding-top:var(--pv-dep); }
}

/* La mention de TVA et de la lettre de mission, sous les cartes, a gauche,
   sur l'axe du titre. */
.pv-tva{ margin:16px 0 0; font-size:14px; line-height:1.4; letter-spacing:0; color:var(--f-texte); }

/* Tablette et telephone : les cartes s'empilent. */
@media (max-width: 1023px){
  .pv-cartes{ grid-template-columns:minmax(0,1fr); row-gap:12px; }
  .pv-carte{ grid-row:auto; grid-template-rows:none; }
}

/* =========================================================================
   3 TER. LE BLOC D'AIDE : FONDS OU TITRES
   Brief du 04/10/2026 (section 8) : un seul bloc sous les cartes, un titre,
   trois phrases et un bouton vers le contact, puis la rassurance. Pas de
   questionnaire. Bulle blanche (f-carte-blanche), opaque : pas de voile.
   ------------------------------------------------------------------------- */
.pv-aide{
  margin-top:40px; max-width:760px; padding:28px 32px;
  border-radius:var(--f-r-bulle); box-shadow:var(--f-ombre-bulle);
}
.pv-aide-titre{ margin:0; font-size:22px; line-height:1.25; font-weight:500; letter-spacing:var(--f-serre); color:var(--g-encre); text-wrap:balance; }
.pv-aide-texte{ margin:12px 0 0; font-size:16px; line-height:1.55; letter-spacing:0; color:var(--f-encre-2); text-wrap:pretty; }
.pv-aide-boutons{ margin-top:20px; }
.pv-aide .pv-rassure{ margin:12px 0 0; font-size:14px; line-height:1.4; letter-spacing:0; color:var(--f-encre-2); }

/* =========================================================================
   4. L'APPEL DE CHAQUE CARTE, LE SURVOL, LE FOCUS
   En bas de chaque carte, « Voir le detail de l'offre » et la pastille
   fleche du site, au dessin des boutons sombres (f-bouton f-bouton-sombre,
   socle.css 4). C'est le seul lien de la carte ; son ::after couvre la
   carte entiere (bien plus de 44 px). Il porte aussi la classe btn : artis.js
   retire la barre d'appel du telephone tant qu'un main .btn est a l'ecran.
   Survol (souris) et focus (clavier) : la carte s'eclaircit au survol,
   l'appel passe au Klein (blanc sur Klein 10,7:1) et sa pastille avance
   de 3 px ; au focus, en plus, l'anneau blanc de 2 px autour de la carte,
   lisible sur la scene sombre. A l'appui, la carte s'enfonce d'un pour cent.
   ------------------------------------------------------------------------- */
.pv-carte-voir{
  justify-self:start; align-self:end; margin-top:20px;
  transition:background-color .2s var(--f-entree-courbe);
}
.pv-carte-voir::after{ content:""; position:absolute; inset:0; border-radius:var(--f-r-bulle); }
.pv-carte-voir .f-pastille{ transition:transform .2s var(--f-entree-courbe), color .2s; }
@media (hover:hover){
  .pv-carte:hover{ background-color:rgba(228,238,251,.86); }
  .pv-carte:hover .pv-carte-voir{ background:var(--g-klein); }
  .pv-carte:hover .pv-carte-voir .f-pastille{ transform:translateX(3px); color:var(--g-klein); }
}
.pv-carte .pv-carte-voir:focus-visible{ background:var(--g-klein); }
.pv-carte:has(.pv-carte-voir:focus-visible){ outline:2px solid var(--f-blanc); outline-offset:3px; }
.pv-carte-voir:focus-visible .f-pastille{ transform:translateX(3px); color:var(--g-klein); }
.pv-carte:active{ transform:scale(.99); }

/* =========================================================================
   5. TELEPHONE
   Les cartes s'empilent dans le meme ordre de lecture ; l'appel prend la
   largeur de la carte, 48 px de haut, le libelle a gauche et la pastille
   a droite, comme le bouton de la barre d'appel (audit telephone du
   8 octobre, 09/10/2026 : il faisait 198 px sur 313 et 44 px de haut,
   cale a gauche, seul bouton du telephone a ne pas prendre la largeur de
   son bloc). La mention de TVA et de la lettre de mission passe de 13 a
   14 px, interligne 1,45, comme la meme phrase sur les offres (.go-tva) :
   c'etait le plus petit texte courant de la page.
   ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .pv-carte{ padding:20px 20px 20px; }
  .pv-carte-nom{ font-size:22px; }
  .pv-carte-inclus{ margin-top:16px; padding-top:16px; }
  .pv-carte-prix{ margin-top:20px; font-size:32px; }
  .pv-carte-prix--mot{ font-size:26px; }
  .pv-carte-voir{ justify-self:stretch; justify-content:space-between; min-height:48px; margin-top:16px; }
  .pv-tva{ font-size:14px; line-height:1.45; }
  .pv-aide{ margin-top:32px; padding:24px 20px; }
  .pv-aide-titre{ font-size:20px; }
  .pv-aide-boutons .f-bouton{ flex:1 1 100%; }
}

/* =========================================================================
   5 BIS. TELEPHONE, SECONDE PASSE (09/10/2026, delegation de Raphael)
   Sous 760 px seulement. Le premier ecran de l'iPhone 15 s'arretait sur la
   cinquieme prestation de la premiere carte : le prix de 490 EUR HT
   arrivait a 0,99 ecran et son appel a 1,09. Dans chaque carte, le prix et
   l'appel « Voir le detail de l'offre » passent avant la liste des
   prestations, qui se replie sous le bouton « Ce que comprend l'offre »,
   ferme au chargement (aria-expanded, aria-controls vers la liste). Le
   script en ligne de valorisation.html deplace la liste apres l'appel et
   pose le bouton entre les deux : l'ordre de lecture et celui du clavier
   suivent l'ordre a l'ecran. Au-dessus de 760 px, il remet la liste a sa
   place et retire le bouton : rien ne change. Sans script, les cartes
   restent dans l'ordre du bureau, listes ouvertes.
   Le bouton : une rangee de 48 px sous un filet, le libelle en 16 px a
   l'encre, le rond de 32 px a droite et son chevron Klein, vers le bas
   ferme, vers le haut ouvert (le dessin des piliers de l'accueil,
   schema.css 9), sur un rond blanc, lisible sur le verre azur. Il passe
   au-dessus du ::after de l'appel, qui couvre la carte : le toucher sur le
   bouton deplie la liste, le reste de la carte mene toujours a l'offre.
   Le lecteur d'ecran entend le nom de l'offre apres le libelle (texte
   masque, comme sur l'accueil) : trois boutons, trois noms.
   Les regles portent sur l'ecran seul (screen), comme la requete du
   script (reprise du meme jour) : imprimee depuis un ordinateur, sur A4
   ou Letter (boite de 718 a 739 px), la page garde ses quinze prestations
   a leur place, comme avant.
   ------------------------------------------------------------------------- */
@media screen and (max-width: 760px){
  .pv-carte .pv-bascule{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    width:100%; min-height:48px; margin:14px 0 0; padding:10px 0 0;
    border:0; border-top:1px solid rgba(11,29,54,.18); border-radius:0; background:none; color:var(--g-encre);
    font:500 16px/1.3 var(--f-police); letter-spacing:-0.01em; text-align:left;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
  }
  .pv-bascule-rond{ position:relative; flex:none; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.78); }
  .pv-bascule-rond::before{
    content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-6px 0 0 -4px;
    border-right:2px solid var(--g-klein); border-bottom:2px solid var(--g-klein);
    transform:rotate(45deg); transition:transform .2s ease, margin-top .2s ease;
  }
  .pv-bascule[aria-expanded="true"] .pv-bascule-rond::before{ transform:rotate(-135deg); margin-top:-2px; }
  .pv-carte .pv-bascule:focus-visible{ outline:2px solid var(--g-klein); outline-offset:2px; border-radius:4px; }
  .pv-carte:has(.pv-bascule:active){ transform:none; }
  .pv-carte--repli .pv-carte-inclus{ margin-top:6px; padding-top:8px; border-top:0; }
  .pv-carte--repli.pv-carte--ferme .pv-carte-inclus{ display:none; }
}
@media screen and (max-width: 760px) and (prefers-reduced-motion: reduce){
  .pv-bascule-rond::before{ transition:none; }
}

/* =========================================================================
   6. MOUVEMENT REDUIT
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  .pv-carte, .pv-carte-voir, .pv-carte-voir .f-pastille{ transition:none; }
  .pv-carte:active{ transform:none; }
}
/* Transparence reduite (reglage du systeme) : l'azur laiteux plein
   d'avant le verre, sans flou. */
@media (prefers-reduced-transparency: reduce){
  .pv-carte{ background:#D9E7F8; -webkit-backdrop-filter:none; backdrop-filter:none; }
  @media (hover:hover){ .pv-carte:hover{ background:#E6EFFA; } }
}