.elementor-1800 .elementor-element.elementor-element-98fbc99{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-1800 .elementor-element.elementor-element-98fbc99:not(.elementor-motion-effects-element-type-background), .elementor-1800 .elementor-element.elementor-element-98fbc99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-1800 .elementor-element.elementor-element-6a450c8 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:52px;font-weight:500;line-height:63px;color:#FFFFFF;}.elementor-1800 .elementor-element.elementor-element-2855588{--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:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-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-1800 .elementor-element.elementor-element-83e0ef6 img{border-radius:4px 4px 4px 4px;}.elementor-1800 .elementor-element.elementor-element-eca3b31{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1800 .elementor-element.elementor-element-9767e0c{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-widget-theme-post-content{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-1800 .elementor-element.elementor-element-5750fd1{--display:flex;--border-radius:4px 4px 4px 4px;}.elementor-1800 .elementor-element.elementor-element-5750fd1:not(.elementor-motion-effects-element-type-background), .elementor-1800 .elementor-element.elementor-element-5750fd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-072938a );}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__prev--label{color:#FFFFFF;}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__next--label{color:#FFFFFF;}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__prev--label:hover{color:var( --e-global-color-accent );}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__next--label:hover{color:var( --e-global-color-accent );}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__prev--label, .elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__next--label{font-family:"Cormorant Garamond", Sans-serif;font-size:16px;font-weight:600;}.elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__prev--title, .elementor-1800 .elementor-element.elementor-element-7b09120 span.post-navigation__next--title{color:var( --e-global-color-75f26c6 );font-family:"Inter", Sans-serif;font-weight:400;}.elementor-1800 .elementor-element.elementor-element-7b09120 .post-navigation__arrow-wrapper{font-size:20px;}.elementor-1800 .elementor-element.elementor-element-7b09120 .elementor-post-navigation__link a {gap:4px;}.elementor-1800 .elementor-element.elementor-element-7b09120 .elementor-post-navigation__separator{background-color:var( --e-global-color-accent );width:1px;}.elementor-1800 .elementor-element.elementor-element-7b09120 .elementor-post-navigation{color:var( --e-global-color-accent );border-block-width:1px;padding:10px 0;}.elementor-1800 .elementor-element.elementor-element-7b09120 .elementor-post-navigation__next.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-1800 .elementor-element.elementor-element-7b09120 .elementor-post-navigation__prev.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-1800 .elementor-element.elementor-element-073caf3{--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;--justify-content:flex-start;--border-radius:4px 4px 4px 4px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1800 .elementor-element.elementor-element-073caf3:not(.elementor-motion-effects-element-type-background), .elementor-1800 .elementor-element.elementor-element-073caf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-072938a );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1800 .elementor-element.elementor-element-94fe6af{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-94fe6af .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-94fe6af .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1800 .elementor-element.elementor-element-94fe6af .elementor-divider__text{color:var( --e-global-color-f6ba8b6 );font-family:"Cormorant Garamond", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1800 .elementor-element.elementor-element-c360625{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-c360625:not(.elementor-motion-effects-element-type-background), .elementor-1800 .elementor-element.elementor-element-c360625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1800 .elementor-element.elementor-element-2d41de9 .elementor-icon-wrapper{text-align:center;}.elementor-1800 .elementor-element.elementor-element-6f9a2b2 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;font-weight:500;line-height:23px;color:#FFFFFF;}.elementor-1800 .elementor-element.elementor-element-889637f{text-align:center;}.elementor-1800 .elementor-element.elementor-element-889637f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:11px;font-weight:400;line-height:17px;color:var( --e-global-color-f6ba8b6 );}.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-1800 .elementor-element.elementor-element-0a20931 .elementor-button:hover, .elementor-1800 .elementor-element.elementor-element-0a20931 .elementor-button:focus{background-color:var( --e-global-color-75f26c6 );}.elementor-1800 .elementor-element.elementor-element-0a20931{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1800 .elementor-element.elementor-element-0a20931 .elementor-button{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:2px 2px 2px 2px;padding:12px 0px 12px 0px;}.elementor-1800 .elementor-element.elementor-element-d1f9eff{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-d1f9eff .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-d1f9eff .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1800 .elementor-element.elementor-element-9e19b68{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-9e19b68 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-9e19b68 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1800 .elementor-element.elementor-element-9e19b68 .elementor-divider__text{color:var( --e-global-color-f6ba8b6 );font-family:"Cormorant Garamond", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1800 .elementor-element.elementor-element-d32d40c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-75f26c6 );}.elementor-1800 .elementor-element.elementor-element-d32d40c .elementor-share-btn{border-width:1px;}.elementor-1800 .elementor-element.elementor-element-d32d40c .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-accent );}.elementor-1800 .elementor-element.elementor-element-d32d40c .elementor-share-btn__title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;}.elementor-1800 .elementor-element.elementor-element-a8b4a7c{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-a8b4a7c .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-a8b4a7c .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1800 .elementor-element.elementor-element-32a80c4{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-32a80c4 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-32a80c4 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1800 .elementor-element.elementor-element-32a80c4 .elementor-divider__text{color:var( --e-global-color-f6ba8b6 );font-family:"Cormorant Garamond", Sans-serif;font-weight:400;text-transform:uppercase;}.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-1800 .elementor-element.elementor-element-6abf216{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-1800 .elementor-element.elementor-element-6abf216:after{content:"1";}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__thumbnail__link{width:80px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__text{padding:15px 0px 0px 0px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__thumbnail{border-radius:4px 4px 4px 4px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__title, .elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__title a{color:var( --e-global-color-f6ba8b6 );font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:17px;}.elementor-1800 .elementor-element.elementor-element-2334df9{--divider-border-style:solid;--divider-color:#C4973E33;--divider-border-width:1px;}.elementor-1800 .elementor-element.elementor-element-2334df9 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1800 .elementor-element.elementor-element-2334df9 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}@media(min-width:768px){.elementor-1800 .elementor-element.elementor-element-9767e0c{--width:70%;}.elementor-1800 .elementor-element.elementor-element-073caf3{--width:30%;}}@media(max-width:1024px){.elementor-1800 .elementor-element.elementor-element-98fbc99{--padding-top:100px;--padding-bottom:250px;--padding-left:30px;--padding-right:30px;}.elementor-1800 .elementor-element.elementor-element-6a450c8 .elementor-heading-title{font-size:42px;line-height:3.4rem;}.elementor-1800 .elementor-element.elementor-element-2855588{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1800 .elementor-element.elementor-element-eca3b31{--padding-top:0px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-1800 .elementor-element.elementor-element-9767e0c{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-1800 .elementor-element.elementor-element-073caf3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-c360625{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1800 .elementor-element.elementor-element-6f9a2b2{text-align:center;}.elementor-1800 .elementor-element.elementor-element-6f9a2b2 .elementor-heading-title{line-height:2rem;} .elementor-1800 .elementor-element.elementor-element-d32d40c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1800 .elementor-element.elementor-element-6abf216 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-1800 .elementor-element.elementor-element-6abf216:after{content:"1";}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__thumbnail__link{width:60px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__text{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1800 .elementor-element.elementor-element-98fbc99{--padding-top:50px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-6a450c8{text-align:start;}.elementor-1800 .elementor-element.elementor-element-6a450c8 .elementor-heading-title{font-size:32px;line-height:2.5rem;}.elementor-1800 .elementor-element.elementor-element-2855588{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-eca3b31{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-9767e0c{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1800 .elementor-element.elementor-element-073caf3{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1800 .elementor-element.elementor-element-c360625{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1800 .elementor-element.elementor-element-6f9a2b2 .elementor-heading-title{font-size:24px;}.elementor-1800 .elementor-element.elementor-element-889637f .elementor-heading-title{font-size:13px;} .elementor-1800 .elementor-element.elementor-element-d32d40c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1800 .elementor-element.elementor-element-6abf216 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.75 * 100% );}.elementor-1800 .elementor-element.elementor-element-6abf216:after{content:"0.75";}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__thumbnail__link{width:100px;}.elementor-1800 .elementor-element.elementor-element-6abf216 .elementor-post__text{padding:5px 0px 0px 0px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:10px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:10px;}.elementor-1800 .elementor-element.elementor-element-6abf216.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:10px;}}/* Start custom CSS *//* =============================================
   CHAMPION MARINE — Blog Article Typography v2
   Template Singolo Post — Elementor Pro

   ISTRUZIONI:
   - Avvolgi tutto il contenuto HTML di ogni articolo
     in <div class="cm-article">...</div>
   - Questo CSS si applica SOLO dentro .cm-article,
     evitando interferenze con header e footer
   ============================================= */

/* ── RESET SCOPE ── */
{{WRAPPER}} .cm-article *,
{{WRAPPER}} .cm-article *::before,
{{WRAPPER}} .cm-article *::after {
  box-sizing: border-box;
}

/* ===========================================
   HERO SECTION
   =========================================== */

{{WRAPPER}} .cm-article .hero-section {
  background-color: #0B1E3D;
  color: #F5F3EE;
  padding: 56px 48px;
  margin-bottom: 48px;
  border-left: 4px solid #C4973E;
}

{{WRAPPER}} .cm-article .hero-section h1,
{{WRAPPER}} .cm-article .hero-section h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: #F5F3EE;
  margin: 0 0 16px;
  line-height: 1.25;
}

{{WRAPPER}} .cm-article .hero-section p {
  color: rgba(245, 243, 238, 0.80);
  font-size: 15px;
  margin: 0;
}

/* ===========================================
   SEZIONI GENERICHE
   =========================================== */

{{WRAPPER}} .cm-article section {
  margin-bottom: 48px;
}

/* ===========================================
   TITOLI
   =========================================== */

{{WRAPPER}} .cm-article h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700;
  color: #0B1E3D;
  margin: 0 0 8px;
  line-height: 1.3;
  position: relative;
  padding-bottom: 16px;
}

{{WRAPPER}} .cm-article h2::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: #C4973E;
}

{{WRAPPER}} .cm-article h3 {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #0B1E3D;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 24px 0 10px;
}

{{WRAPPER}} .cm-article h4 {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #0B1E3D;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 20px 0 10px;
}

/* ===========================================
   PARAGRAFI
   =========================================== */

{{WRAPPER}} .cm-article p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #3a3a3a;
  margin: 0 0 20px;
}

/* ===========================================
   LISTE PUNTATE
   =========================================== */

{{WRAPPER}} .cm-article ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

{{WRAPPER}} .cm-article ul li {
  padding: 8px 0 8px 24px;
  position: relative;
  border-bottom: 1px solid rgba(11, 30, 61, 0.07);
  color: #3a3a3a;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

{{WRAPPER}} .cm-article ul li::before {
  content: '◆';
  color: #C4973E;
  font-size: 6px;
  position: absolute;
  left: 0;
  top: 13px;
}

/* ===========================================
   SERVICE BOX + GRIGLIA
   =========================================== */

{{WRAPPER}} .cm-article .service-box {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  border-radius: 2px;
  padding: 28px 32px;
  margin-bottom: 20px;
}

{{WRAPPER}} .cm-article .service-box h3 {
  color: #C4973E;
  margin-top: 0;
}

{{WRAPPER}} .cm-article .service-box p:last-child {
  margin-bottom: 0;
}

{{WRAPPER}} .cm-article .services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 48px;
}

/* ===========================================
   CTA SECTION
   =========================================== */

{{WRAPPER}} .cm-article .cta-section {
  background-color: #0B1E3D;
  color: #F5F3EE;
  padding: 48px;
  text-align: center;
  margin-top: 56px;
}

{{WRAPPER}} .cm-article .cta-section h2 {
  color: #F5F3EE;
}

{{WRAPPER}} .cm-article .cta-section h2::after {
  left: 50%;
  transform: translateX(-50%);
}

{{WRAPPER}} .cm-article .cta-section p {
  color: rgba(245, 243, 238, 0.75);
}

{{WRAPPER}} .cm-article .cta-section a {
  display: inline-block;
  margin-top: 20px;
  background-color: #C4973E;
  color: #0B1E3D;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 2px;
  transition: opacity 0.2s ease;
}

{{WRAPPER}} .cm-article .cta-section a:hover {
  opacity: 0.85;
}

/* ===========================================
   BOX INFORMATIVI
   =========================================== */

{{WRAPPER}} .cm-article .expert-tip {
  background-color: #0B1E3D;
  border-left: 4px solid #C4973E;
  padding: 28px 32px;
  margin: 32px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .expert-tip h4 { color: #C4973E; margin-top: 0; }
{{WRAPPER}} .cm-article .expert-tip p  { color: rgba(245, 243, 238, 0.85); margin-bottom: 0; }

{{WRAPPER}} .cm-article .safety-tip {
  background-color: #F5F3EE;
  border-left: 4px solid #C4973E;
  padding: 24px 28px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .safety-tip h4 { color: #C4973E; margin-top: 0; }

{{WRAPPER}} .cm-article .warning-box {
  background-color: #FFF8ED;
  border-left: 4px solid #C4973E;
  padding: 24px 28px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .warning-box h4 { color: #C4973E; margin-top: 0; }

{{WRAPPER}} .cm-article .critical-box {
  background-color: #FDF2F2;
  border-left: 4px solid #A03030;
  padding: 24px 28px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .critical-box h4 { color: #A03030; margin-top: 0; }

{{WRAPPER}} .cm-article .technical-box {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  border-top: 3px solid #C4973E;
  padding: 28px 32px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .technical-box h3,
{{WRAPPER}} .cm-article .technical-box h4 { margin-top: 0; color: #0B1E3D; }

{{WRAPPER}} .cm-article .regulatory-box {
  background-color: rgba(11, 30, 61, 0.04);
  border: 1px solid rgba(11, 30, 61, 0.12);
  border-left: 4px solid #0B1E3D;
  padding: 24px 28px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .regulatory-box h4 { color: #0B1E3D; margin-top: 0; }

{{WRAPPER}} .cm-article .strategy-box,
{{WRAPPER}} .cm-article .benefits-box {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  padding: 32px 36px;
  margin: 32px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .strategy-box h3,
{{WRAPPER}} .cm-article .benefits-box h3 { margin-top: 0; color: #0B1E3D; }
{{WRAPPER}} .cm-article .strategy-box h4,
{{WRAPPER}} .cm-article .benefits-box h4 { color: #C4973E; margin-top: 24px; }

{{WRAPPER}} .cm-article .safety-system {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  border-top: 3px solid #0B1E3D;
  padding: 32px 36px;
  margin: 32px 0;
}
{{WRAPPER}} .cm-article .safety-system h3 { margin-top: 0; }
{{WRAPPER}} .cm-article .safety-system h4 {
  color: #0B1E3D;
  border-bottom: 1px solid rgba(11, 30, 61, 0.1);
  padding-bottom: 8px;
  margin-top: 24px;
}

{{WRAPPER}} .cm-article .checklist {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.2);
  padding: 24px 28px;
  margin: 24px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .checklist h3,
{{WRAPPER}} .cm-article .checklist h4 { margin-top: 0; color: #0B1E3D; }

{{WRAPPER}} .cm-article .client-quote {
  background-color: #F5F3EE;
  border-left: 4px solid #C4973E;
  padding: 28px 32px;
  margin: 32px 0;
  font-style: italic;
}
{{WRAPPER}} .cm-article .client-quote p {
  color: #3a3a3a;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 12px;
}
{{WRAPPER}} .cm-article .client-name {
  display: block;
  font-style: normal;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #C4973E;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

{{WRAPPER}} .cm-article .case-study {
  background-color: #0B1E3D;
  border-left: 4px solid #C4973E;
  padding: 28px 32px;
  margin: 32px 0;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .case-study h4 { color: #C4973E; margin-top: 0; }
{{WRAPPER}} .cm-article .case-study p  { color: rgba(245, 243, 238, 0.8); margin-bottom: 0; }

/* ===========================================
   GRIGLIE E CARD
   =========================================== */

{{WRAPPER}} .cm-article .options-grid,
{{WRAPPER}} .cm-article .systems-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 24px 0;
}

{{WRAPPER}} .cm-article .option-box,
{{WRAPPER}} .cm-article .system-box {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  border-radius: 2px;
  padding: 24px 28px;
}
{{WRAPPER}} .cm-article .option-box h4,
{{WRAPPER}} .cm-article .system-box h4 {
  color: #0B1E3D;
  margin-top: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(11, 30, 61, 0.08);
  margin-bottom: 16px;
}

{{WRAPPER}} .cm-article .destination-card {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  border-left: 4px solid #C4973E;
  border-radius: 2px;
  padding: 28px 32px;
  margin-bottom: 20px;
}
{{WRAPPER}} .cm-article .destination-card h3 { margin-top: 0; }

{{WRAPPER}} .cm-article .activity-box {
  background-color: rgba(11, 30, 61, 0.03);
  border: 1px solid rgba(11, 30, 61, 0.1);
  border-radius: 2px;
  padding: 24px 28px;
  margin: 20px 0;
}
{{WRAPPER}} .cm-article .activity-box h4 { color: #0B1E3D; margin-top: 0; }

/* ===========================================
   HIGHLIGHT SECTION
   =========================================== */

{{WRAPPER}} .cm-article .highlight-section {
  background-color: rgba(11, 30, 61, 0.03);
  border-top: 1px solid rgba(196, 151, 62, 0.2);
  border-bottom: 1px solid rgba(196, 151, 62, 0.2);
  padding: 40px 0;
  margin: 48px 0;
}

/* ===========================================
   STEP / SERVICE SECTIONS
   =========================================== */

{{WRAPPER}} .cm-article .step-section,
{{WRAPPER}} .cm-article .preparation-section,
{{WRAPPER}} .cm-article .service-section {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(11, 30, 61, 0.07);
}
{{WRAPPER}} .cm-article .step-section:last-child,
{{WRAPPER}} .cm-article .preparation-section:last-child,
{{WRAPPER}} .cm-article .service-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

{{WRAPPER}} .cm-article .step-number,
{{WRAPPER}} .cm-article .service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #C4973E;
  color: #0B1E3D;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50%;
  margin-bottom: 8px;
  flex-shrink: 0;
}

{{WRAPPER}} .cm-article .step-title,
{{WRAPPER}} .cm-article .service-title {
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  color: #0B1E3D;
  margin: 8px 0 20px;
}

/* ===========================================
   EQUIPMENT SECTIONS
   =========================================== */

{{WRAPPER}} .cm-article .equipment-section {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(196, 151, 62, 0.2);
}
{{WRAPPER}} .cm-article .equipment-section:last-child { border-bottom: none; }

{{WRAPPER}} .cm-article .equipment-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

{{WRAPPER}} .cm-article .equipment-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  color: #0B1E3D;
  margin: 0;
}

/* ===========================================
   AGE SECTIONS
   =========================================== */

{{WRAPPER}} .cm-article .age-section {
  background-color: #F5F3EE;
  border-left: 4px solid #C4973E;
  padding: 28px 32px;
  margin-bottom: 24px;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .age-section h3 { margin-top: 8px; }

/* ===========================================
   BADGES
   =========================================== */

{{WRAPPER}} .cm-article .age-badge {
  display: inline-block;
  background-color: #0B1E3D;
  color: #C4973E;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 2px;
}

{{WRAPPER}} .cm-article .requirement-badge,
{{WRAPPER}} .cm-article .priority-badge,
{{WRAPPER}} .cm-article .frequency-badge {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 2px;
}

{{WRAPPER}} .cm-article .requirement-badge.mandatory {
  background-color: #0B1E3D;
  color: #C4973E;
}
{{WRAPPER}} .cm-article .priority-badge.high-priority   { background-color: #0B1E3D; color: #C4973E; }
{{WRAPPER}} .cm-article .priority-badge.medium-priority { background-color: #F5F3EE; color: #0B1E3D; border: 1px solid rgba(11,30,61,0.2); }
{{WRAPPER}} .cm-article .frequency-badge.weekly   { background-color: #C4973E; color: #0B1E3D; }
{{WRAPPER}} .cm-article .frequency-badge.monthly  { background-color: #0B1E3D; color: #F5F3EE; }
{{WRAPPER}} .cm-article .frequency-badge.seasonal { background-color: #F5F3EE; color: #0B1E3D; border: 1px solid rgba(11,30,61,0.2); }
{{WRAPPER}} .cm-article .frequency-badge.annual   { background-color: #3a3a3a; color: #F5F3EE; }

/* ===========================================
   TABELLE
   =========================================== */

{{WRAPPER}} .cm-article .comparison-table,
{{WRAPPER}} .cm-article .yacht-comparison {
  width: 100%;
  overflow-x: auto;
  margin: 24px 0;
  -webkit-overflow-scrolling: touch;
}

{{WRAPPER}} .cm-article .comparison-table table,
{{WRAPPER}} .cm-article table.yacht-comparison {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  min-width: 480px; /* scrollabile su mobile invece di rompere il layout */
}

{{WRAPPER}} .cm-article .comparison-table th,
{{WRAPPER}} .cm-article table.yacht-comparison th {
  background-color: #0B1E3D;
  color: #F5F3EE;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 12px 16px;
  text-align: left;
}

{{WRAPPER}} .cm-article .comparison-table td,
{{WRAPPER}} .cm-article table.yacht-comparison td {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(11, 30, 61, 0.07);
  color: #3a3a3a;
  vertical-align: top;
}

{{WRAPPER}} .cm-article .comparison-table tr:nth-child(even) td,
{{WRAPPER}} .cm-article table.yacht-comparison tr:nth-child(even) td {
  background-color: rgba(245, 243, 238, 0.6);
}

{{WRAPPER}} .cm-article .comparison-table td:first-child,
{{WRAPPER}} .cm-article table.yacht-comparison td:first-child {
  font-weight: 600;
  color: #0B1E3D;
}

/* ===========================================
   TIMELINE
   — Nota: usare .cm-tl-item invece di .container
     per evitare conflitti con le classi di layout
   =========================================== */

{{WRAPPER}} .cm-article .timeline {
  position: relative;
  margin: 32px 0;
}
{{WRAPPER}} .cm-article .timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0; bottom: 0;
  width: 2px;
  background-color: rgba(196, 151, 62, 0.3);
  transform: translateX(-50%);
}

/* Supporto sia per .container (legacy) che .cm-tl-item (nuovo) */
{{WRAPPER}} .cm-article .timeline .cm-tl-item,
{{WRAPPER}} .cm-article .timeline .container {
  width: 45%;
  padding-bottom: 32px;
  position: relative;
}
{{WRAPPER}} .cm-article .timeline .cm-tl-item.left,
{{WRAPPER}} .cm-article .timeline .container.left {
  padding-right: 40px;
  text-align: right;
}
{{WRAPPER}} .cm-article .timeline .cm-tl-item.right,
{{WRAPPER}} .cm-article .timeline .container.right {
  margin-left: 55%;
  padding-left: 40px;
}

{{WRAPPER}} .cm-article .timeline .cm-tl-item::after,
{{WRAPPER}} .cm-article .timeline .container::after {
  content: '';
  position: absolute;
  top: 10px;
  width: 12px; height: 12px;
  background-color: #C4973E;
  border-radius: 50%;
}
{{WRAPPER}} .cm-article .timeline .cm-tl-item.left::after,
{{WRAPPER}} .cm-article .timeline .container.left::after  { right: -6px; }
{{WRAPPER}} .cm-article .timeline .cm-tl-item.right::after,
{{WRAPPER}} .cm-article .timeline .container.right::after { left: -6px; }

{{WRAPPER}} .cm-article .timeline .content {
  background-color: #F5F3EE;
  border: 1px solid rgba(196, 151, 62, 0.25);
  padding: 20px 24px;
  border-radius: 2px;
}
{{WRAPPER}} .cm-article .timeline .content h3 {
  font-size: 13px;
  color: #C4973E;
  margin-top: 0;
}
{{WRAPPER}} .cm-article .timeline .content ul {
  margin: 8px 0 0;
  text-align: left;
}

/* ===========================================
   RESPONSIVE — Mobile (<768px)
   =========================================== */

@media (max-width: 767px) {

  {{WRAPPER}} .cm-article {
    overflow-x: hidden; /* previene scroll orizzontale */
  }

  {{WRAPPER}} .cm-article .hero-section,
  {{WRAPPER}} .cm-article .cta-section {
    padding: 32px 20px;
  }

  {{WRAPPER}} .cm-article .service-box,
  {{WRAPPER}} .cm-article .expert-tip,
  {{WRAPPER}} .cm-article .safety-tip,
  {{WRAPPER}} .cm-article .warning-box,
  {{WRAPPER}} .cm-article .critical-box,
  {{WRAPPER}} .cm-article .technical-box,
  {{WRAPPER}} .cm-article .regulatory-box,
  {{WRAPPER}} .cm-article .case-study,
  {{WRAPPER}} .cm-article .client-quote,
  {{WRAPPER}} .cm-article .age-section {
    padding: 20px 18px;
  }

  {{WRAPPER}} .cm-article .strategy-box,
  {{WRAPPER}} .cm-article .benefits-box,
  {{WRAPPER}} .cm-article .safety-system,
  {{WRAPPER}} .cm-article .checklist {
    padding: 22px 18px;
  }

  {{WRAPPER}} .cm-article .options-grid,
  {{WRAPPER}} .cm-article .systems-grid,
  {{WRAPPER}} .cm-article .services-grid {
    grid-template-columns: 1fr;
  }

  {{WRAPPER}} .cm-article .equipment-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  /* Timeline: colonna singola su mobile */
  {{WRAPPER}} .cm-article .timeline::before {
    left: 14px;
  }
  {{WRAPPER}} .cm-article .timeline .cm-tl-item,
  {{WRAPPER}} .cm-article .timeline .cm-tl-item.left,
  {{WRAPPER}} .cm-article .timeline .cm-tl-item.right,
  {{WRAPPER}} .cm-article .timeline .container,
  {{WRAPPER}} .cm-article .timeline .container.left,
  {{WRAPPER}} .cm-article .timeline .container.right {
    width: 100%;
    margin-left: 0;
    padding-left: 44px;
    padding-right: 0;
    text-align: left;
  }
  {{WRAPPER}} .cm-article .timeline .cm-tl-item.left::after,
  {{WRAPPER}} .cm-article .timeline .cm-tl-item.right::after,
  {{WRAPPER}} .cm-article .timeline .container.left::after,
  {{WRAPPER}} .cm-article .timeline .container.right::after {
    left: 8px;
    right: auto;
  }
}

/* ===========================================
   RESPONSIVE — Tablet (768px–1023px)
   =========================================== */

@media (min-width: 768px) and (max-width: 1023px) {

  {{WRAPPER}} .cm-article .hero-section,
  {{WRAPPER}} .cm-article .cta-section {
    padding: 44px 36px;
  }

  {{WRAPPER}} .cm-article .options-grid,
  {{WRAPPER}} .cm-article .systems-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  {{WRAPPER}} .cm-article .strategy-box,
  {{WRAPPER}} .cm-article .benefits-box,
  {{WRAPPER}} .cm-article .safety-system {
    padding: 28px 28px;
  }
}

/* ===========================================
   RESPONSIVE — Widescreen (≥2400px)
   =========================================== */

@media (min-width: 2400px) {

  {{WRAPPER}} .cm-article p {
    font-size: 18px;
  }

  {{WRAPPER}} .cm-article ul li {
    font-size: 18px;
  }

  {{WRAPPER}} .cm-article .hero-section,
  {{WRAPPER}} .cm-article .cta-section {
    padding: 80px 72px;
  }

  {{WRAPPER}} .cm-article .service-box,
  {{WRAPPER}} .cm-article .strategy-box,
  {{WRAPPER}} .cm-article .benefits-box {
    padding: 40px 48px;
  }
}/* End custom CSS */