.elementor-561 .elementor-element.elementor-element-21ae7f6f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-561 .elementor-element.elementor-element-21ae7f6f:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-21ae7f6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5ECB4;}.elementor-561 .elementor-element.elementor-element-21ae7f6f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0% 5% 0% 5%;z-index:9995;}.elementor-561 .elementor-element.elementor-element-21ae7f6f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-561 .elementor-element.elementor-element-562b38af{width:var( --container-widget-width, 19.661% );max-width:19.661%;--container-widget-width:19.661%;--container-widget-flex-grow:0;text-align:left;}.elementor-561 .elementor-element.elementor-element-562b38af img{width:100%;max-width:100%;height:68px;}.elementor-widget-theme-site-title .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-561 .elementor-element.elementor-element-1f260048{width:var( --container-widget-width, 62.775% );max-width:62.775%;--container-widget-width:62.775%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-1f260048 .elementor-heading-title{color:#6F2C18;}.elementor-561 .elementor-element.elementor-element-131f9d7f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-561 .elementor-element.elementor-element-1e35913e{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e .e--pointer-framed .elementor-item:before,
					.elementor-561 .elementor-element.elementor-element-1e35913e .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F8F3EF;}.elementor-561 .elementor-element.elementor-element-1e35913e .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-561 .elementor-element.elementor-element-1e35913e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F8F3EF;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a:hover,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a.highlighted,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a:hover,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown .elementor-item, .elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-561 .elementor-element.elementor-element-1e35913e div.elementor-menu-toggle{color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e div.elementor-menu-toggle svg{fill:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e div.elementor-menu-toggle:hover{color:#000000;}.elementor-561 .elementor-element.elementor-element-1e35913e div.elementor-menu-toggle:hover svg{fill:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button{background-color:#6F2C18;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:100px 100px 100px 100px;padding:15px 20px 15px 20px;}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button:hover, .elementor-561 .elementor-element.elementor-element-156d381 .elementor-button:focus{background-color:#FFFFFF00;color:#000000;}.elementor-561 .elementor-element.elementor-element-156d381{width:auto;max-width:auto;}.elementor-561 .elementor-element.elementor-element-156d381 > .elementor-widget-container{margin:0px 0px 0px 40px;}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button-content-wrapper{flex-direction:row;}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button:hover svg, .elementor-561 .elementor-element.elementor-element-156d381 .elementor-button:focus svg{fill:#000000;}.elementor-561 .elementor-element.elementor-element-94d4c10:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-94d4c10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9EAE375C;background-image:url("https://ayoub.hilaldigital.com/wp-content/uploads/2025/05/WhatsApp-Image-2025-05-15-a-16.36.09_cbb01d72.jpg");background-position:0px -184px;}.elementor-561 .elementor-element.elementor-element-94d4c10 > .elementor-background-overlay{background-color:#21200300;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-561 .elementor-element.elementor-element-94d4c10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.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-561 .elementor-element.elementor-element-76b825a{text-align:center;}.elementor-561 .elementor-element.elementor-element-76b825a .elementor-heading-title{color:#000000;}.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-561 .elementor-element.elementor-element-7c1b26e{text-align:center;}.elementor-561 .elementor-element.elementor-element-63e3536{--spacer-size:1px;}.elementor-561 .elementor-element.elementor-element-536e1e2{--spacer-size:1px;}.elementor-561 .elementor-element.elementor-element-757ef7f{width:var( --container-widget-width, 105.718% );max-width:105.718%;--container-widget-width:105.718%;--container-widget-flex-grow:0;}.elementor-561 .elementor-element.elementor-element-757ef7f .elementor-heading-title{color:#000000;}.elementor-561 .elementor-element.elementor-element-867869c{width:var( --container-widget-width, 104.967% );max-width:104.967%;--container-widget-width:104.967%;--container-widget-flex-grow:0;text-align:left;}.elementor-561 .elementor-element.elementor-element-50be63f{--spacer-size:1px;}.elementor-561 .elementor-element.elementor-element-faa7fb5 img{border-radius:25px 25px 25px 25px;}.elementor-561 .elementor-element.elementor-element-196a01b img{border-radius:25px 25px 25px 25px;}.elementor-561 .elementor-element.elementor-element-c7fce82{text-align:center;}.elementor-561 .elementor-element.elementor-element-c7fce82 .elementor-heading-title{color:#000000;}.elementor-561 .elementor-element.elementor-element-090d91a{--spacer-size:1px;}.elementor-561 .elementor-element.elementor-element-5b355da .elementor-heading-title{color:#000B10;}.elementor-561 .elementor-element.elementor-element-c0d131a img{border-radius:25px 25px 25px 25px;}.elementor-561 .elementor-element.elementor-element-2d2087d{--spacer-size:51px;}.elementor-561 .elementor-element.elementor-element-bc26674 img{border-radius:25px 25px 25px 25px;}.elementor-561 .elementor-element.elementor-element-2d8e165{text-align:left;}.elementor-561 .elementor-element.elementor-element-2d8e165 .elementor-heading-title{color:#000000;}.elementor-561 .elementor-element.elementor-element-dca12fd:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-dca12fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ayoub.hilaldigital.com/wp-content/uploads/2025/05/WhatsApp-Image-2025-05-15-a-16.46.52_70023ee3.jpg");background-position:0px -351px;}.elementor-561 .elementor-element.elementor-element-dca12fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-561 .elementor-element.elementor-element-dca12fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-561 .elementor-element.elementor-element-f42d19f{text-align:center;}.elementor-561 .elementor-element.elementor-element-f42d19f .elementor-heading-title{color:#000000;}.elementor-561 .elementor-element.elementor-element-ab971f0{text-align:center;}.elementor-561 .elementor-element.elementor-element-8b04023 .elementor-button{background-color:#87A0AB;border-radius:30px 30px 30px 30px;}.elementor-561 .elementor-element.elementor-element-8b04023 .elementor-button:hover, .elementor-561 .elementor-element.elementor-element-8b04023 .elementor-button:focus{background-color:#2E2389;border-color:#000000;}.elementor-561 .elementor-element.elementor-element-72872b8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#000000;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-561 .elementor-element.elementor-element-0ea0f5b{--grid-row-gap:39px;--grid-column-gap:20px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-561 .elementor-element.elementor-element-0ea0f5b:after{content:"0.66";}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__thumbnail__link{width:100%;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__meta-data span + span:before{content:"•";}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__card{border-width:0px;border-radius:70px;padding-top:3px;padding-bottom:3px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__text{padding:0 10px;margin-top:20px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__meta-data{padding:10px 10px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__avatar{padding-right:10px;padding-left:10px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__badge{right:0;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:1024px){.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-561 .elementor-element.elementor-element-1e35913e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-561 .elementor-element.elementor-element-1e35913e .elementor-menu-toggle{border-width:1px;border-radius:0px;}.elementor-561 .elementor-element.elementor-element-94d4c10:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-94d4c10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-561 .elementor-element.elementor-element-dca12fd:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-dca12fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-561 .elementor-element.elementor-element-5739b239{width:26.471%;}.elementor-561 .elementor-element.elementor-element-131f9d7f{width:73.407%;}}@media(max-width:767px){.elementor-561 .elementor-element.elementor-element-5739b239{width:30%;}.elementor-561 .elementor-element.elementor-element-562b38af img{width:85%;}.elementor-561 .elementor-element.elementor-element-131f9d7f{width:70%;}.elementor-561 .elementor-element.elementor-element-156d381 > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-561 .elementor-element.elementor-element-156d381 .elementor-button{padding:10px 10px 10px 10px;}.elementor-561 .elementor-element.elementor-element-94d4c10:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-94d4c10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-561 .elementor-element.elementor-element-dca12fd:not(.elementor-motion-effects-element-type-background), .elementor-561 .elementor-element.elementor-element-dca12fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-561 .elementor-element.elementor-element-0ea0f5b:after{content:"0.5";}.elementor-561 .elementor-element.elementor-element-0ea0f5b .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for section, class: .elementor-element-21ae7f6f *//* Add this to your global CSS file (e.g. styles.css) */
header a, .header a, .main-header a, #header a,
header button, .header button, .main-header button, #header button {
  position: relative;
  transition: color 0.3s cubic-bezier(.4,0,.2,1);
}

header a::after, .header a::after, .main-header a::after, #header a::after,
header button::after, .header button::after, .main-header button::after, #header button::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  width: 70%;
  height: 2.5px;
  background: #111;
  border-radius: 2px;
  opacity: 0.7;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(.4,0,.2,1), opacity 0.2s;
}

header a:hover::after, .header a:focus-visible::after,
.header a:hover::after, .header a:focus-visible::after,
.main-header a:hover::after, .main-header a:focus-visible::after,
#header a:hover::after, #header a:focus-visible::after,
header button:hover::after, header button:focus-visible::after,
.header button:hover::after, .header button:focus-visible::after,
.main-header button:hover::after, .main-header button:focus-visible::after,
#header button:hover::after, #header button:focus-visible::after {
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-94d4c10 */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-86bc558 */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f455883 */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a9810aa */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b5cee5 */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dca12fd */body {
  background: #F5ECB4;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Card container */
section, .barcelona-section {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 40px;
  box-shadow:
    0 8px 32px 0 rgba(60, 60, 60, 0.18),
    0 1.5px 6px rgba(200, 180, 80, 0.08),
    0 0 0 2px #ffe06644;
  padding: 8px 8px 4px 8px;   /* padding très réduit */
  max-width: 1200px;
  margin: 16px auto 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* animation: floatIn 1.1s cubic-bezier(.22,1.2,.36,1) both; */
  /* animation-fill-mode: forwards; */
  transition: box-shadow 0.5s, transform 0.5s;
  overflow: visible;
  z-index: 1;
  backdrop-filter: blur(14px) saturate(1.2);
  border: 2.5px solid #ffe066;
  background-clip: padding-box;
}

/* Gold accent border reflection */
section::before, .barcelona-section::before {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 44px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(120deg, #ffe06655 0%, #fffbe6 100%);
  filter: blur(4px) brightness(1.1);
  opacity: 0.7;
}

/* Soft light spot */
section::after, .barcelona-section::after {
  content: '';
  position: absolute;
  top: -80px; left: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, #ffe06633 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
  filter: blur(10px);
  opacity: 0.7;
}

/* Text styling */
section p, .barcelona-section p,
section div, .barcelona-section div {
  font-size: 1.22rem;
  line-height: 1.9;
  margin: 0 0 16px 0;
  color: #2d2d2d;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
  transition: font-size 0.3s cubic-bezier(.22,1.2,.36,1);
}

/* Highlighted text: simple, sans effet */
section strong, .barcelona-section strong {
  color: #8C6B2F;
  background: none;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  box-shadow: none;
  position: relative;
  z-index: 3;
  cursor: inherit;
  outline: none;
  text-shadow: none;
  overflow: visible;
  /* animation: none; */
  transition: none;
}
/* Suppression des hover/focus sur strong */
section strong:hover, .barcelona-section strong:hover,
section strong:focus, .barcelona-section strong:focus {
  /* animation: none; */
  /* box-shadow: none; */
  /* transform: none; */
}
section strong:focus, .barcelona-section strong:focus {
  /* box-shadow: none; */
}

/* Image styling with parallax, glow, and depth */
section img, .barcelona-section img {
  /* width: 400px; */
  /* height: 400px; */
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 0 20px 60px rgba(60, 60, 60, 0.20), 0 0 0 12px #fffbe6cc;
  transition: 
    transform 0.7s cubic-bezier(.22,1.2,.36,1),
    box-shadow 0.5s cubic-bezier(.22,1.2,.36,1),
    filter 0.4s;
  will-change: transform;
  margin-left: auto;
  margin-right: 0;
  background: #fffbe6;
  /* animation: popParallax 1.2s cubic-bezier(.23,1.01,.32,1) 0.2s both; */
  position: relative;
  z-index: 2;
  filter: brightness(0.98) saturate(1.1);
  perspective: 800px;
}
/* Suppression des hover sur img */
section img:hover, .barcelona-section img:hover {
  /* transform: scale(1.09) rotateY(-8deg) rotateZ(-2deg) translateY(-12px); */
  /* box-shadow: 0 40px 120px rgba(60, 60, 60, 0.22), 0 0 0 18px #ffe06655; */
  /* filter: brightness(1.07) saturate(1.2) drop-shadow(0 0 24px #ffe06655); */
  /* cursor: pointer; */
}

/* Micro-interactions for links/buttons inside section */
section a, .barcelona-section a,
section button, .barcelona-section button {
  color: #8C6B2F;
  background: #fffbe6;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-weight: 600;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px #ffe06633;
  text-decoration: none;
  margin: 0 6px;
  transition: box-shadow 0.3s, transform 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
/* Suppression des hover/focus sur a et button */
section a:hover, .barcelona-section a:hover,
section button:hover, .barcelona-section button:hover,
section a:focus, .barcelona-section a:focus,
section button:focus, .barcelona-section button:focus {
  /* background: #F5D97C; */
  /* color: #7a5a00; */
  /* box-shadow: 0 4px 16px #ffe06677; */
  /* transform: translateY(-2px) scale(1.04); */
}

/* Responsive design */
@media (max-width: 1400px) {
  section, .barcelona-section {
    max-width: 99vw;
    gap: 12px;
    padding: 6px 1vw 2px 1vw;
  }
  section img, .barcelona-section img {
    /* width: 300px; */
    /* height: 300px; */
    border-radius: 24px;
  }
}
@media (max-width: 900px) {
  section, .barcelona-section {
    flex-direction: column;
    padding: 4px 1vw 2px 1vw;
    gap: 8px;
    border-radius: 20px;
  }
  section img, .barcelona-section img {
    /* width: 100%; */
    /* height: 200px; */
    margin: 0 auto;
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  section, .barcelona-section {
    padding: 2px 0.5vw 1px 0.5vw;
    gap: 4px;
    border-radius: 12px;
  }
  section img, .barcelona-section img {
    /* height: 120px; */
    border-radius: 12px;
  }
  section p, .barcelona-section p,
  section div, .barcelona-section div {
    font-size: 1.05rem;
  }
}

/* Animations supprimées */
@keyframes floatIn {}
@keyframes popParallax {}
@keyframes shimmer {}
@keyframes pulseGlow {}

/* Subtle hover for section supprimé */
section:hover, .barcelona-section:hover {
  /* box-shadow: 0 60px 180px rgba(60, 60, 60, 0.22), 0 8px 32px rgba(200, 180, 80, 0.18); */
  /* transform: translateY(-10px) scale(1.018); */
}

/* Accessibility: focus for interactive elements */
section a, .barcelona-section a, section strong, .barcelona-section strong {
  outline: none;
}
section a:focus, .barcelona-section a:focus {
  /* box-shadow: 0 0 0 10px #F5D97C99; */
  /* border-radius: 12px; */
}

/* Subtle scrollbar for overflow (modern browsers) */
section, .barcelona-section {
  scrollbar-width: thin;
  scrollbar-color: #ffe066 #F5ECB4;
}
section::-webkit-scrollbar, .barcelona-section::-webkit-scrollbar {
  width: 8px;
  background: #F5ECB4;
}
section::-webkit-scrollbar-thumb, .barcelona-section::-webkit-scrollbar-thumb {
  background: #ffe066;
  border-radius: 8px;
}/* End custom CSS */