/* Start custom CSS *//* ===== Accueil ES 195 (copie validee de l'Accueil FR 247, premier test espagnol) : appel Mantra + chevrons ; regles du Personnalisateur FR repliquees ici avec les ids de cette page. ===== */
.elementor-197 .elementor-element-317e00d6 h2, .elementor-197 .elementor-element-20ebfbdf h2 { transform-origin: 50% 50%; transition: opacity 500ms ease, text-shadow 500ms ease, border-color 250ms ease, transform 500ms ease, color 500ms ease !important; }
@media (hover: hover) and (pointer: fine) { .elementor-197 a.elementor-element-317e00d6:hover h2, .elementor-197 a.elementor-element-20ebfbdf:hover h2 { transform: scale(1.045); color: #FFFFFF; } }
.elementor-197 a.elementor-element-317e00d6:focus-visible h2, .elementor-197 a.elementor-element-20ebfbdf:focus-visible h2 { transform: scale(1.045); color: #FFFFFF; }
@media (prefers-reduced-motion: reduce) { .elementor-197 a.elementor-element-317e00d6:hover h2, .elementor-197 a.elementor-element-20ebfbdf:hover h2, .elementor-197 a.elementor-element-317e00d6:focus-visible h2, .elementor-197 a.elementor-element-20ebfbdf:focus-visible h2 { transform: none; } }
.elementor-197 a.elementor-element-2b03844f.elementor-element-2b03844f { left: 50%; transform: translateX(-50%); width: max-content; min-width: 44px; height: 88px; overflow: visible; gap: 8px; top: calc(100vh - 88px - max(32px, 5.5vh)); top: calc(100svh - 88px - max(32px, 5.5vh)); text-decoration: none; -webkit-tap-highlight-color: transparent; transition: opacity 200ms ease; }
@media (max-width: 767px) { .elementor-197 a.elementor-element-2b03844f.elementor-element-2b03844f { top: calc(100vh - 88px - 24px); top: calc(100svh - 88px - 24px); } }
.elementor-197 .elementor-element-1ae1acd6.elementor-element-1ae1acd6 { height: 32px; width: 22px; overflow: visible; animation: lg669-chev 4.2s ease-in-out infinite; }
.elementor-197 .elementor-element-4fc3baeb.elementor-element-4fc3baeb { margin-block-start: -4px; }
@keyframes lg669-chev { 0%, 40% { transform: translateY(0); opacity: 0.75; } 65% { transform: translateY(5px); opacity: 1; } 90%, 100% { transform: translateY(0); opacity: 0.75; } }
.elementor-197 .elementor-element-4d6225ca, .elementor-197 .elementor-element-4fc3baeb { transition: border-color 300ms ease; }
.elementor-197 [data-id="1972315d"] { transition: text-shadow 400ms ease, transform 400ms ease, color 400ms ease; }
.elementor-197 a.elementor-element-2b03844f:focus-visible { outline: 2px solid #FAF6EE; outline-offset: 4px; }
.elementor-197 a.elementor-element-2b03844f:active { opacity: 0.8; }
@media (hover: hover) and (pointer: fine) {
  .elementor-197 a.elementor-element-2b03844f:hover [data-id="1972315d"] { transform: scale(1.02); color: #FFFFFF; text-shadow: 0px 1px 3px rgba(20, 12, 4, 0.9), 0px 2px 12px rgba(20, 12, 4, 0.7), 0px 0px 14px rgba(255, 236, 190, 0.3); }
  .elementor-197 a.elementor-element-2b03844f:hover .elementor-element-4d6225ca, .elementor-197 a.elementor-element-2b03844f:hover .elementor-element-4fc3baeb { border-color: #FFFFFF; }
}
.elementor-197 a.elementor-element-313b38a3.elementor-element-313b38a3 { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 56px; height: 52px; padding: 0; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: opacity 200ms ease; }
.elementor-197 [data-id="49e57244"][data-id="49e57244"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; font-size: 1px; line-height: 1; border: 0; }
.elementor-197 .elementor-element-464317b2.elementor-element-464317b2 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 0; margin: 0; width: 22px; height: 32px; overflow: visible; animation: lg669-up 4.2s ease-in-out infinite; }
.elementor-197 .elementor-element-22d94f00.elementor-element-22d94f00, .elementor-197 .elementor-element-50ef7bbb.elementor-element-50ef7bbb { display: block; box-sizing: border-box; width: 11px; height: 11px; padding: 0; margin: 0; border-style: solid; border-width: 2px 0 0 2px; border-color: #A5833F; transform: rotate(45deg); transition: border-color 300ms ease; }
.elementor-197 .elementor-element-50ef7bbb.elementor-element-50ef7bbb { margin-top: -4px; }
@keyframes lg669-up { 0%, 40% { transform: translateY(0); opacity: 0.75; } 65% { transform: translateY(-5px); opacity: 1; } 90%, 100% { transform: translateY(0); opacity: 0.75; } }
.elementor-197 a.elementor-element-313b38a3:focus-visible { outline: 2px solid #8C6E32; outline-offset: 4px; }
.elementor-197 a.elementor-element-313b38a3:active { opacity: 0.7; }
@media (hover: hover) and (pointer: fine) { .elementor-197 a.elementor-element-313b38a3:hover .elementor-element-22d94f00, .elementor-197 a.elementor-element-313b38a3:hover .elementor-element-50ef7bbb { border-color: #8C6E32; } }
@media (prefers-reduced-motion: reduce) {
  .elementor-197 .elementor-element-1ae1acd6, .elementor-197 .elementor-element-464317b2 { animation: none; opacity: 0.9; }
  .elementor-197 .elementor-element-4d6225ca, .elementor-197 .elementor-element-4fc3baeb, .elementor-197 .elementor-element-22d94f00, .elementor-197 .elementor-element-50ef7bbb, .elementor-197 [data-id="1972315d"] { transition: none; }
  .elementor-197 a.elementor-element-2b03844f:hover [data-id="1972315d"] { transform: none; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.elementor-197 .elementor-element-317e00d6::before,
.elementor-197 .elementor-element-20ebfbdf::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: brightness(1.12) saturate(1.05);
  backdrop-filter: brightness(1.12) saturate(1.05);
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 35%, transparent 100%);
  mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 35%, transparent 100%);
  opacity: 0;
  transition: opacity 500ms ease;
  pointer-events: none;
}
.elementor-197 .elementor-element-317e00d6 h2,
.elementor-197 .elementor-element-20ebfbdf h2 {
  position: relative;
  z-index: 1;
  opacity: 0.86;
  transition: opacity 500ms ease, text-shadow 500ms ease;
}
.elementor-197 .elementor-element-317e00d6 p,
.elementor-197 .elementor-element-20ebfbdf p {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 500ms ease, transform 500ms ease;
}
.elementor-197 .elementor-element-317e00d6:hover::before,
.elementor-197 .elementor-element-20ebfbdf:hover::before {
  opacity: 1;
}
.elementor-197 .elementor-element-317e00d6:hover h2,
.elementor-197 .elementor-element-20ebfbdf:hover h2 {
  opacity: 1;
  text-shadow: 0px 1px 8px rgba(20, 12, 4, 0.65), 0px 0px 18px rgba(255, 236, 190, 0.35);
}
.elementor-197 .elementor-element-317e00d6:hover p,
.elementor-197 .elementor-element-20ebfbdf:hover p {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .elementor-197 .elementor-element-317e00d6::before,
  .elementor-197 .elementor-element-20ebfbdf::before,
  .elementor-197 .elementor-element-317e00d6 h2,
  .elementor-197 .elementor-element-20ebfbdf h2,
  .elementor-197 .elementor-element-317e00d6 p,
  .elementor-197 .elementor-element-20ebfbdf p {
    transition: none;
  }
}
.elementor-197 .elementor-element-20ebfbdf::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(6vh - 36px);
  width: min(100%, 380px);
  height: 130px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(20, 12, 4, 0.36) 0%, rgba(20, 12, 4, 0) 100%);
  pointer-events: none;
}
.elementor-197 .elementor-element-20ebfbdf:hover h2 {
  text-shadow: 0px 1px 3px rgba(20, 12, 4, 0.9), 0px 2px 14px rgba(20, 12, 4, 0.75), 0px 0px 18px rgba(255, 236, 190, 0.35);
}
.elementor-197 a.elementor-element-317e00d6 {
  inset-block-start: max(24%, calc(6% + 137px));
  inset-block-end: 26%;
  height: auto;
}
.elementor-197 a.elementor-element-317e00d6:focus-visible,
.elementor-197 a.elementor-element-20ebfbdf:focus-visible {
  outline: 2px solid #FAF6EE;
  outline-offset: 4px;
  box-shadow: 0 0 18px rgba(250, 246, 238, 0.45);
}
.elementor-197 a.elementor-element-317e00d6:focus-visible::before,
.elementor-197 a.elementor-element-20ebfbdf:focus-visible::before {
  opacity: 1;
}
.elementor-197 a.elementor-element-317e00d6:focus-visible h2,
.elementor-197 a.elementor-element-20ebfbdf:focus-visible h2 {
  opacity: 1;
  text-shadow: 0px 1px 8px rgba(20, 12, 4, 0.65), 0px 0px 18px rgba(255, 236, 190, 0.35);
}
.elementor-197 a.elementor-element-20ebfbdf:focus-visible h2 {
  text-shadow: 0px 1px 3px rgba(20, 12, 4, 0.9), 0px 2px 14px rgba(20, 12, 4, 0.75), 0px 0px 18px rgba(255, 236, 190, 0.35);
}
.elementor-197 a.elementor-element-317e00d6:focus-visible p,
.elementor-197 a.elementor-element-20ebfbdf:focus-visible p {
  opacity: 1;
  transform: translateY(0);
}
.elementor-197 a.elementor-element-317e00d6 img {
  width: clamp(110px, 12vw, 135px);
  height: auto;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 350ms ease, transform 350ms ease;
  pointer-events: none;
}
.elementor-197 a.elementor-element-317e00d6:hover img,
.elementor-197 a.elementor-element-317e00d6:focus-visible img {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .elementor-197 a.elementor-element-317e00d6 img {
    transition: none;
  }
}
/* Composition mobile (max-width 767px) ; titre h1 reduit un peu (EL ARCA SAGRADA est plus long que L'ARCHE SACREE) */
@media (max-width: 767px) {
  .elementor.elementor-197 [data-id="395c1724"] { inset-inline-start: 5%; width: 90%; max-width: 430px; }
  .elementor.elementor-197 [data-id="6de46cb7"][data-id="6de46cb7"] { font-size: min(6.2vw, 32px); }
  .elementor.elementor-197 [data-id="2fcbb2b1"][data-id="2fcbb2b1"] { font-size: min(5vw, 19px); }
  .elementor-197 a.elementor-element-317e00d6,
  .elementor-197 a.elementor-element-20ebfbdf { inset-inline-start: 0; width: 100%; height: auto; inset-block-end: auto; padding-block-start: 12px; padding-block-end: 12px; justify-content: center; gap: 4px; }
  .elementor-197 a.elementor-element-317e00d6 { inset-block-start: 54%; }
  .elementor-197 a.elementor-element-20ebfbdf { inset-block-start: calc(54% + 112px); }
  .elementor.elementor-197 [data-id="5a2bd2f0"][data-id="5a2bd2f0"] { display: none; }
}
/* SURVOL-EXPO-START (tableau a gauche, miroir TENIR) */
@media (min-width:1025px){
.elementor-197 a.elementor-element-20ebfbdf:hover img[data-id="5df9eee"],.elementor-197 a.elementor-element-20ebfbdf:focus-visible img[data-id="5df9eee"]{opacity:1}
}
@media (max-width:1024px){.elementor-197 img[data-id="5df9eee"]{display:none}}
/* SURVOL-EXPO-END */

/* MANTRA-APPEL-DESKTOP-START — équivalence visuelle avec l'Accueil FR 247 validé : lisibilité de l'appel « Mantra » sur PC uniquement (smartphone inchangé) */
@media (min-width: 768px) {
  .elementor-197 a.elementor-element-2b03844f.elementor-element-2b03844f { height: 100px; top: calc(100vh - 100px - max(32px, 5.5vh)); top: calc(100svh - 100px - max(32px, 5.5vh)); }
  .elementor-197 [data-id="1972315d"][data-id="1972315d"] { font-size: 22px; line-height: 30px; font-weight: 600; letter-spacing: 0.14em; color: #FFFFFF; text-shadow: 0 1px 2px rgba(20, 12, 4, 0.95), 0 2px 8px rgba(20, 12, 4, 0.85), 0 0 22px rgba(20, 12, 4, 0.65); }
  .elementor-197 .elementor-element-1ae1acd6.elementor-element-1ae1acd6 { height: 38px; width: 26px; }
  .elementor-197 .elementor-element-4d6225ca.elementor-element-4d6225ca, .elementor-197 .elementor-element-4fc3baeb.elementor-element-4fc3baeb { width: 13px; height: 13px; border-right-width: 2px; border-bottom-width: 2px; border-right-color: rgba(255, 255, 255, 0.98); border-bottom-color: rgba(255, 255, 255, 0.98); filter: drop-shadow(0 1px 3px rgba(20, 12, 4, 0.9)); }
  .elementor-197 .elementor-element-4fc3baeb.elementor-element-4fc3baeb { margin-block-start: -5px; }
}
/* MANTRA-APPEL-DESKTOP-END *//* End custom CSS */