.elementor-3009 .elementor-element.elementor-element-508015b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-117px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3009 .elementor-element.elementor-element-310ac9f{--spacer-size:200px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3009 .elementor-element.elementor-element-133f445 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3009 .elementor-element.elementor-element-133f445 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:70px;font-weight:800;}.elementor-3009 .elementor-element.elementor-element-14b9729{--spacer-size:218px;}.elementor-3009 .elementor-element.elementor-element-a083161{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3009 .elementor-element.elementor-element-a083161:not(.elementor-motion-effects-element-type-background), .elementor-3009 .elementor-element.elementor-element-a083161 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-3009 .elementor-element.elementor-element-47c235f{--spacer-size:50px;}.elementor-3009 .elementor-element.elementor-element-f8ece0f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3009 .elementor-element.elementor-element-aa0ae73{color:var( --e-global-color-primary );}.elementor-3009 .elementor-element.elementor-element-aa0ae73 a{color:var( --e-global-color-accent );}.elementor-3009 .elementor-element.elementor-element-bdc6d5d{--spacer-size:50px;}body.elementor-page-3009:not(.elementor-motion-effects-element-type-background), body.elementor-page-3009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-3009 .elementor-element.elementor-element-508015b{--margin-top:-136px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3009 .elementor-element.elementor-element-310ac9f{--spacer-size:105px;}.elementor-3009 .elementor-element.elementor-element-133f445 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3009 .elementor-element.elementor-element-133f445 .elementor-heading-title{font-size:25px;}.elementor-3009 .elementor-element.elementor-element-14b9729{--spacer-size:113px;}}/* Start custom CSS *//***********************
* SWAP CONTAINERS (GRID)
* Parent = .swap-wrap
* Enfants = .pane-1 (par défaut) + .pane-2 (au hover)
***********************/

/* Le parent conserve sa hauteur (celle de .pane-1) */
.swap-wrap {
  position: relative;
  display: grid;              /* superpose naturellement les enfants */
  /* Ajuste tes espacements comme tu veux, ici quelques exemples : */
  /* margin-bottom: 40px; */
  /* padding: 0; */
}

/* Les deux panneaux occupent la même cellule du grid */
.swap-wrap .pane {
  grid-area: 1 / 1;           /* superposition */
  transition: opacity .25s ease, transform .25s ease;
  /* Optionnel: centrer le contenu
     display:grid; place-items:center; */
}

/* ÉTAT PAR DÉFAUT : on voit (1), (2) est caché et non cliquable */
.swap-wrap .pane-1 {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  z-index: 2;
}
.swap-wrap .pane-2 {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.99);     /* micro-effet */
  z-index: 1;
}

/* AU SURVOL / FOCUS CLAVIER : (1) disparaît, (2) prend la place */
.swap-wrap:hover .pane-1,
.swap-wrap:focus-within .pane-1 {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
}
.swap-wrap:hover .pane-2,
.swap-wrap:focus-within .pane-2 {
  opacity: 1;
  pointer-events: auto;
  transform: none;
  z-index: 3;
}

/* (Optionnel) Petit plus pour un rendu texte clean pendant le fade */
.swap-wrap .pane * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* (Optionnel) Si tu veux forcer une hauteur mini de la carte, dé-commente :
.swap-wrap { min-height: 420px; }
*//* End custom CSS */