/* O CONFORT — Bleu Eau Premium · Composition Immersive 1.9.0.
   Opt-in, public Elementor content only. No selectors for /gestion/ or CRM UI.
   Photography is optional and sourced exclusively from the local media library. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium{
  --ocp-deep:#0b3558;--ocp-blue:#117ea6;--ocp-tide:#48baca;
  --ocp-sky:#d7f3f7;--ocp-white:#f9fdfe;--ocp-text:#234c63;
  overflow:clip;background:#fff;color:#173e57;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-wrap{
  max-width:1240px;width:calc(100% - clamp(38px,6vw,110px));margin-inline:auto;
}
/* Open editorial first screen, lighter than the dashboard palette. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 53% 85% at 103% 3%,#9de3eb70 0%,transparent 72%),
    radial-gradient(ellipse 55% 70% at -13% 110%,#c8f4f870 0%,transparent 75%),
    linear-gradient(112deg,#fff 5%,#f3fbfd 52%,#e8f9fa 100%);
  padding:clamp(85px,8vw,132px) 0 clamp(125px,12vw,180px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero::before{
  content:"";position:absolute;z-index:-1;width:62vw;min-width:760px;max-width:1250px;
  aspect-ratio:1;right:-24%;top:-70%;border:2px solid #82cddb59;border-radius:50%;
  box-shadow:0 0 0 78px #8fdee82a,0 0 0 170px #cdf0f536;opacity:.9;pointer-events:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero::after{
  content:"";position:absolute;z-index:-1;left:-12%;right:-10%;height:150px;bottom:-81px;
  border-top:1px solid #9edce76b;transform:rotate(-4deg);border-radius:55% 45% 0 0;
  background:linear-gradient(180deg,#d4f1f685,#f9fefe);pointer-events:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero__inner{
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(30px,6vw,100px);align-items:center;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero__copy{gap:clamp(20px,2vw,30px)}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-display,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-display .elementor-heading-title{
  font-size:clamp(49px,5.5vw,84px);letter-spacing:-.065em;line-height:1.02;text-wrap:balance;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-lede{
  font-size:clamp(16px,1.35vw,19px);line-height:1.85;max-width:600px;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero__visual{
  position:relative;filter:drop-shadow(0 30px 33px #0b527a20);transform:translateY(8px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-tech-stage{
  border-radius:30px;box-shadow:0 39px 65px #0c456837,0 0 0 9px #ffffffae;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero-product-photo img{
  border-radius:27px;box-shadow:0 30px 65px #0f4d7630;
}
/* Floating benefit tiles bridge the hero and the following story. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefits{
  background:#fff;position:relative;z-index:3;border:none;box-shadow:none;
  padding:0 0 22px;margin-top:-65px;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefits-grid{
  background:#fff;border:1px solid #d9edf3;border-radius:26px;
  box-shadow:0 26px 58px #0d5a7c17,0 4px 14px #0d5a7c09;
  padding:clamp(14px,2.1vw,30px) clamp(18px,2.6vw,38px);
  gap:clamp(14px,2.4vw,36px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit{
  padding:10px 20px 8px;border-color:#d3e6ec;min-width:0;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit-num,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit-num .elementor-heading-title{
  font-size:13px;color:#168eb2;font-weight:850;letter-spacing:.12em;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit-title .elementor-heading-title{
  font-weight:800;color:#123f5d;
}
/* Lifestyle cards: no CRM-like rigid uniform stack. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problems{
  position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(105px,10vw,165px);
  padding-bottom:clamp(100px,10vw,158px);background:#fff;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problems::before{
  content:"";position:absolute;z-index:-1;right:-5%;top:7%;width:46%;height:66%;
  background-image:radial-gradient(ellipse at 53% 48%,#bfebf4bc 0%,#e9f9f957 59%,transparent 75%);
  border-radius:57% 43% 55% 45%;transform:rotate(-12deg);pointer-events:none;
}
body.oc-premium-immersive.ocp-has-water.oc-premium-skin-aqua .oc-premium .oc-problems::before{
  top:0;right:0;width:48%;height:100%;border-radius:0;transform:none;
  background-image:linear-gradient(90deg,#ffffff 2%,#ffffffbf 44%,#ffffff1c 92%),var(--ocp-imm-water);
  background-size:cover;background-position:center;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problems .oc-grid-3{
  gap:clamp(20px,2.5vw,35px);margin-top:clamp(34px,4.4vw,70px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card{
  min-height:300px;padding:clamp(28px,3vw,45px);border-radius:28px;
  background:linear-gradient(150deg,#f6fdff,#edf8fb);border:1px solid #d9edf2;
  box-shadow:0 22px 55px #0c587c12;
  transition:transform .35s ease,box-shadow .35s ease;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(2){
  transform:translateY(30px);background:linear-gradient(155deg,#eff8fd,#f9fcff);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(3){
  transform:translateY(58px);background:linear-gradient(150deg,#f6feff,#e9f7fb);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-card-icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:#d6f1f6;color:#117a9e;border:1px solid #b9e5ee;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-card-text{line-height:1.8}
/* Engineering section: moving water reflected as translucent rings. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-feature{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(115deg,#082f51 0%,#0c4e70 60%,#0b6f89 100%);
  padding:clamp(110px,11vw,175px) 0;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-feature::after{
  content:"";position:absolute;z-index:-1;right:-25%;top:-70%;width:115%;aspect-ratio:1;
  border-radius:50%;border:1px solid #b1e7f023;
  box-shadow:0 0 0 80px #71dce610,0 0 0 160px #78e7ee10,0 0 0 250px #78e7ee0a;pointer-events:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-feature__inner{gap:clamp(35px,6vw,110px)}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hydro-process{
  border-radius:26px;background:linear-gradient(125deg,#ffffff15,#9cdce51a);
  border:1px solid #a4e7f255;box-shadow:0 22px 50px #04294246,inset 0 1px 0 #fff5;
  padding:clamp(26px,3.5vw,50px);
}
/* Richer showroom, product photos take priority over ornamental circles. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-products{
  padding:clamp(110px,10vw,160px) 0;background:linear-gradient(180deg,#f9feff,#fff);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-products .oc-grid-2{
  gap:clamp(24px,3.5vw,52px);margin-top:clamp(38px,5vw,75px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-card{
  min-height:0;padding:clamp(24px,2.7vw,43px);gap:15px;border-radius:30px;
  background:#fff;border:1px solid #dbeaf0;box-shadow:0 25px 65px #0d597b16;
  position:relative;isolation:isolate;overflow:hidden;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-card::before,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-card::after{
  opacity:0;pointer-events:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-card--second{
  background:linear-gradient(145deg,#fff,#f6fbfe);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-product-photo{
  width:calc(100% + clamp(48px,5.4vw,86px));max-width:none;
  margin:12px calc(-1 * clamp(24px,2.7vw,43px)) 16px;
  aspect-ratio:4/3;border-radius:0;background:#dff5fa;box-shadow:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-product-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  filter:none;aspect-ratio:4/3;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-title,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-title .elementor-heading-title{
  font-size:clamp(30px,3vw,43px);line-height:1.06;letter-spacing:-.05em;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-label,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-copy{max-width:560px}
/* Timeline: clear 01/02/03 progression, not generic paragraph columns. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-process{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#e7f7fa,#f4fbfd);padding:clamp(105px,10vw,155px) 0;
}
body.oc-premium-immersive.ocp-has-home.oc-premium-skin-aqua .oc-premium .oc-process{
  background-image:linear-gradient(90deg,#eaf8fbed,#eef9f6e0),var(--ocp-imm-home);
  background-size:cover;background-position:center;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-steps{
  position:relative;gap:clamp(18px,2.5vw,34px);margin-top:clamp(30px,4vw,60px);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-step{
  background:#ffffffb8;border:1px solid #cde5ec;border-radius:25px;
  padding:clamp(22px,3vw,42px);box-shadow:0 12px 35px #1556760c;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-step-num,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-step-num .elementor-heading-title{
  font-size:clamp(35px,4vw,60px);color:#2a9bb8!important;font-weight:850;letter-spacing:-.07em;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-step-text{line-height:1.8}
/* Testimonials and FAQ: soft editorial spacing and robust legibility. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-reviews{padding:clamp(105px,10vw,155px) 0}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-reviews .oc-grid-2{gap:clamp(20px,3vw,48px);margin-top:50px}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-review-card{
  background:linear-gradient(145deg,#f1f9fc,#fff);border:1px solid #dcecf1;border-radius:28px;
  padding:clamp(32px,3vw,50px);box-shadow:0 18px 48px #0a496b0c;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-review-card:nth-child(2){transform:translateY(25px)}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-specialist-faq{
  padding:clamp(90px,9vw,145px) 0;background:linear-gradient(130deg,#f4fafc,#e9f6f9);
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-special-faq{
  border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #0b5d7e12;
}
/* The diagnostic is a destination, not just another rectangular section. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 0% 80%,#c7f1f5,transparent 65%),
    linear-gradient(115deg,#e8f8fa,#f4fbfc);padding:clamp(95px,11vw,175px) 0;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form::before{
  content:"";position:absolute;z-index:-1;left:-20%;top:-56%;width:75%;aspect-ratio:1;
  border:1px solid #83d3e044;border-radius:50%;box-shadow:0 0 0 95px #8fe1e91a;pointer-events:none;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form__inner{gap:clamp(32px,6vw,100px)}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form__card .ocg-diagnostic{
  border-radius:28px;padding:clamp(24px,3.4vw,48px);box-shadow:0 28px 75px #155e7b23;
}
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-contact{
  background:linear-gradient(110deg,#092e4c,#105475);padding:clamp(85px,9vw,136px) 0;
}
/* Never reintroduce copper/brown on the public design. */
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-section-title span,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-label span,
body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-step-num{
  color:#148faf!important;-webkit-text-fill-color:currentColor!important;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(1):hover{transform:translateY(-6px)}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(2):hover{transform:translateY(24px)}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(3):hover{transform:translateY(52px)}
}
@media(max-width:900px){
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero{padding:72px 0 130px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero__inner{grid-template-columns:1fr;gap:42px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero__visual{max-width:620px;margin-inline:auto;transform:none}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(2),
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problem-card:nth-child(3){transform:none}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefits-grid{gap:12px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit{padding:10px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-review-card:nth-child(2){transform:none}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problems::before{opacity:.25}
}
@media(max-width:620px){
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-wrap{width:calc(100% - 36px)}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-hero{padding:60px 0 100px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-display,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-display .elementor-heading-title{font-size:clamp(40px,11vw,53px)}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefits{margin-top:-35px;padding-bottom:0}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefits-grid{padding:20px;border-radius:18px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-benefit{padding:16px 4px;border-bottom:1px solid #e0edf0}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-problems,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-products,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-process,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-reviews,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-specialist-faq,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form{padding:75px 0}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-model-card{padding:22px;border-radius:22px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-product-photo{width:calc(100% + 44px);margin-inline:-22px}
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium .oc-form__card .ocg-diagnostic{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium *,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium *::before,
 body.oc-premium-immersive.oc-premium-skin-aqua .oc-premium *::after{transition-duration:0s!important;animation:none!important}
}