/* =====================================================================
   Share My Boat – CSS personalizzato del sito
   File: templates/shaper_helixultimate/css/custom.css
   Spostato dal campo Helix → Custom Code → Custom CSS il 25/10/2026.
   Aggiungere i nuovi blocchi IN FONDO, con un commento che dica cosa fanno.
   ===================================================================== */

.mod-articles-items.mod-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  list-style:none;
  padding:0;
  margin:0;
}
.mod-articles-items.mod-list>li {
  list-style:none;
}
.mod-articles-item {
  background:#0B3D5C;
  border-radius:4px 4px 10px 10px;
  border-top:4px solid #2EC4B6;
  padding:20px;
  height:100%;
}
.mod-articles-items.mod-list .mod-articles-item .mod-articles-title a.mod-articles-link {
  color:#FFFFFF !important;
  font-weight:600;
}
.mod-articles-items.mod-list .mod-articles-item .mod-articles-title a.mod-articles-link:hover {
  color:#2EC4B6 !important;
}
.mod-articles-item .mod-articles-date {
  color:#FFFFFF;
}
.mod-articles-item p {
  color:#FFFFFF;
}
@media (max-width:768px) {
  .mod-articles-items.mod-list {
    grid-template-columns:1fr;
  }
}
#sp-main-body {
  background:#0B3D5C;
}
#sp-main-body .page-header h1 {
  color:#FFFFFF;
}
#sp-main-body .article-header h2,#sp-main-body .article-header h2 a {
  color:#FFFFFF !important;
}
#sp-main-body .item-content {
  color:#FFFFFF;
}
#sp-main-body .article-info,#sp-main-body .article-info span,#sp-main-body .article-info time {
  color:#FFFFFF;
}
#sp-main-body .item-content a,#sp-main-body .article-info a {
  color:#2EC4B6 !important;
}
#sp-main-body .item-content a:hover,#sp-main-body .article-info a:hover {
  color:#FFFFFF !important;
}
#sp-main-body .article-body,#sp-main-body .article-introtext,#sp-main-body .article-introtext p {
  color:#FFFFFF;
}
#sp-main-body .article-body a {
  color:#2EC4B6 !important;
}
#sp-main-body .article-body a:hover {
  color:#FFFFFF !important;
}
.featured-article-badge {
  display:none;
}
.tile-icon-badge,.main-title-icon {
  color:#2EC4B6;
  margin-right:12px;
  font-size:1.3em;
  vertical-align:middle;
  display:inline-block;
}
#sp-main-body .article-header h2 {
  display:block;
}
#sp-main-body .article-header h2 a {
  display:inline !important;
}
.mod-articles-items.mod-list .mod-articles-item .mod-articles-title a.mod-articles-link {
  display:inline !important;
}
.donation-intro {
  color:#FFFFFF;
  font-style:italic;
  opacity:0.85;
  margin-bottom:20px;
}
.donation-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:10px;
  list-style:none;
  padding:0;
}
.donation-card {
  display:flex;
  flex-direction:column;
  background:#0B3D5C;
  border-radius:4px 4px 10px 10px;
  border-top:4px solid #2EC4B6;
  padding:24px 20px;
  text-decoration:none;
  transition:transform 0.15s ease,box-shadow 0.15s ease;
}
.donation-card:hover {
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,0.35);
  text-decoration:none;
}
.donation-card-icon {
  color:#2EC4B6;
  font-size:1.8em;
  margin-bottom:10px;
}
.donation-card-amount {
  color:#FFFFFF;
  font-size:1.6em;
  font-weight:700;
  margin-bottom:6px;
}
.donation-card-title {
  color:#2EC4B6;
  font-weight:600;
  margin-bottom:8px;
}
.donation-card-desc {
  color:#FFFFFF;
  font-size:0.95em;
  line-height:1.4;
  opacity:0.9;
}
@media (max-width:768px) {
  .donation-cards {
    grid-template-columns:1fr;
  }
}
.a-bordo-section {
  margin-top:44px;
}
.a-bordo-eyebrow {
  color:#2EC4B6;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  margin:30px 0 8px;
}
.a-bordo-title {
  color:#FFFFFF;
  font-size:1.7em;
  font-weight:700;
  margin:0 0 14px;
}
.a-bordo-subtitle {
  color:#FFFFFF;
  font-size:1.3em;
  font-weight:700;
  margin:0 0 10px;
}
.a-bordo-intro {
  color:#FFFFFF;
  opacity:0.9;
  line-height:1.5;
  margin-bottom:18px;
}
.a-bordo-hero {
  width:100%;
  max-height:480px;
  object-fit:cover;
  object-position:50% 88%;
  border-radius:10px;
  margin-bottom:22px;
  display:block;
}
.a-bordo-photo-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:10px;
  list-style:none;
  padding:0;
}
.a-bordo-photo-card {
  display:flex;
  flex-direction:column;
}
.a-bordo-photo-card img {
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 6px 16px rgba(0,0,0,0.3);
  margin-bottom:10px;
  display:block;
}
.a-bordo-photo-caption {
  color:#FFFFFF;
  font-size:0.95em;
  opacity:0.85;
}
.a-bordo-compare {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:10px;
  list-style:none;
  padding:0;
}
.a-bordo-panel {
  background:#0e4a70;
  border-radius:4px 4px 10px 10px;
  border-top:4px solid #6b8fa3;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
}
.a-bordo-panel-future {
  border-top:4px solid #2EC4B6;
}
.a-bordo-panel-label {
  color:#9fb7c4;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight:600;
}
.a-bordo-panel-label-accent {
  color:#2EC4B6;
}
.a-bordo-panel img {
  width:100%;
  height:260px;
  object-fit:cover;
  object-position:50% 15%;
  border-radius:8px;
  display:block;
}
.a-bordo-panel-text {
  color:#FFFFFF;
  font-size:0.9em;
  line-height:1.5;
  opacity:0.9;
  margin:0;
}
.a-bordo-panel-text-italic {
  font-style:italic;
  opacity:0.75;
}
.a-bordo-dashboard {
  background:#082a40;
  border-radius:8px;
  padding:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.a-bordo-metric {
  background:#0b3d5c;
  border-radius:8px;
  padding:14px 12px;
  text-align:center;
}
.a-bordo-metric-value {
  color:#2EC4B6;
  font-size:1.3em;
  font-weight:700;
  margin-bottom:4px;
}
.a-bordo-metric-label {
  color:#8fb2c2;
  font-size:0.72em;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.a-bordo-team-placeholder {
  border:2px dashed #3a6b87;
  border-radius:10px;
  padding:26px;
}
.a-bordo-team-text {
  color:#c9d9e3;
  font-size:0.95em;
  line-height:1.5;
  margin:0;
}
@media (max-width:768px) {
  .a-bordo-photo-grid,.a-bordo-compare,.a-bordo-dashboard {
    grid-template-columns:1fr;
  }
}
#sp-main-body {
  padding-top:30px;
}

/*===== ES LANDING (added 2026-09-23) shared styles */
:root {
  --es-blue:#0B3D5C;
  --es-blue-dark:#082a40;
  --es-teal:#2EC4B6;
  --es-sand:#F5F3EE;
  --es-text:#1d2b36;
}
body {
  background:var(--es-blue);
}
.es-landing-row {
  padding:0 !important;
  margin:0 !important;
}
.es-landing-row>.row {
  margin:0;
}
.es-landing-row>.row>[class*="col-"] {
  padding:0;
}
.es-landing-row .sp-column,.es-landing-row .sp-module {
  margin:0;
  padding:0;
}
body.itemid-101 #sp-section-1,body.itemid-101 #sp-main-body {
  display:none;
}
.es-section {
  padding:72px 24px;
}
.es-inner {
  max-width:1140px;
  margin:0 auto;
}
.es-light {
  background:var(--es-sand);
  color:var(--es-text);
}
.es-white {
  background:#fff;
  color:var(--es-text);
}
.es-navy {
  background:var(--es-blue);
  color:#fff;
}
.es-label {
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--es-blue);
  margin-bottom:10px;
}
.es-navy .es-label {
  color:var(--es-teal);
}
.es-section h1,.es-section h2,.es-section h3 {
  margin:0 0 16px;
  line-height:1.15;
}
.es-light h1,.es-light h2,.es-light h3,.es-white h1,.es-white h2,.es-white h3 {
  color:var(--es-blue);
}
.es-navy h1,.es-navy h2,.es-navy h3 {
  color:#fff;
}
.es-section h1 {
  font-size:clamp(2.2rem,5vw,3.6rem);
}
.es-section h2 {
  font-size:clamp(1.7rem,3.5vw,2.4rem);
}
.es-lead {
  font-size:1.15rem;
  line-height:1.6;
  max-width:720px;
}
.es-btns {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.es-btn {
  display:inline-block;
  padding:13px 26px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none !important;
  border:2px solid transparent;
}
.es-btn-teal {
  background:var(--es-teal);
  color:var(--es-blue) !important;
}
.es-btn-teal:hover {
  background:#fff;
  color:var(--es-blue) !important;
}
.es-btn-outline {
  border-color:#fff;
  color:#fff !important;
}
.es-btn-outline:hover {
  background:#fff;
  color:var(--es-blue) !important;
}
.es-light .es-btn-outline,.es-white .es-btn-outline {
  border-color:var(--es-blue);
  color:var(--es-blue) !important;
}
.es-light .es-btn-outline:hover,.es-white .es-btn-outline:hover {
  background:var(--es-blue);
  color:#fff !important;
}
.es-hero {
  background:linear-gradient(rgba(11,61,92,.82),rgba(11,61,92,.82)),var(--es-hero-img,none) center/cover no-repeat,var(--es-blue);
  color:#fff;
  padding:110px 24px;
}
.es-hero .es-kicker {
  color:var(--es-teal);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:14px;
}
.es-temp {
  display:inline-block;
  margin-top:18px;
  padding:4px 10px;
  border:1px dashed currentColor;
  border-radius:4px;
  font-size:13px;
  opacity:.85;
}
.es-grid {
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.es-card {
  background:#fff;
  border-radius:10px;
  padding:26px;
  box-shadow:0 4px 14px rgba(11,61,92,.08);
  border-top:4px solid var(--es-teal);
  color:var(--es-text);
}
.es-card h3 {
  color:var(--es-blue);
}
.es-card a {
  color:var(--es-blue);
  font-weight:700;
}
@media (max-width:768px) {
  .es-section {
    padding:52px 16px;
  }
  .es-hero {
    padding:72px 16px;
  }
}
.es-hero h1,.es-hero h2,.es-hero h3 {
  color:#fff;
}
.es-hero-flex {
  display:flex;
  align-items:center;
  gap:36px;
}
.es-logo {
  width:88px;
  height:88px;
  flex:0 0 88px;
  background:#fff;
  border-radius:50%;
  padding:6px;
  box-sizing:content-box;
}
.es-narrow {
  max-width:820px;
}
.es-section p {
  line-height:1.65;
}
.es-section[id] {
  scroll-margin-top:90px;
}
.es-grid-2 {
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.es-grid-3 {
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.es-grid-4 {
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.es-price {
  font-size:1.9rem;
  font-weight:800;
  color:var(--es-blue);
  margin:0 0 6px;
  line-height:1.1;
}
.es-price small {
  font-size:.85rem;
  font-weight:600;
  opacity:.75;
}
.es-chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0 0 32px;
}
.es-chips li {
  background:var(--es-teal);
  color:var(--es-blue);
  font-weight:700;
  padding:6px 14px;
  border-radius:20px;
  font-size:.95rem;
}
.es-fleet {
  border-top:3px solid var(--es-teal);
  padding-top:16px;
}
.es-fleet h3 {
  font-size:1.15rem;
}
.es-fleet p {
  color:#fff;
  opacity:.9;
}
.es-card h3 {
  font-size:1.2rem;
}
@media (max-width:768px) {
  .es-hero-flex {
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
  }
}
body.itemid-111 #sp-section-1,body.itemid-111 #sp-main-body {
  display:none;
}
.es-hero-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:48px;
  align-items:center;
}
.es-hero-img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  display:block;
}
.es-boat-card img {
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:8px;
  margin-bottom:16px;
  display:block;
}
.es-closing {
  font-style:italic;
  margin-top:28px;
}
.es-stats {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:24px;
  margin:8px 0 24px;
}
.es-stat-value {
  font-size:2.3rem;
  font-weight:800;
  color:var(--es-teal);
  margin:0;
  line-height:1.1;
}
.es-stat-label {
  color:#fff;
  opacity:.85;
  margin:4px 0 0;
}
.es-note {
  color:#fff;
  opacity:.8;
  max-width:820px;
  margin-bottom:36px;
}
.es-gallery {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.es-gallery figure {
  margin:0;
}
.es-gallery img {
  width:100%;
  height:230px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
.es-gallery figcaption {
  color:#fff;
  opacity:.85;
  font-size:.95rem;
  margin-top:8px;
}
.es-navy-2 {
  background:var(--es-blue-dark);
}
.es-placeholder {
  border:2px dashed var(--es-blue);
  border-radius:10px;
  padding:28px;
  opacity:.8;
}
.es-teal-band {
  background:var(--es-teal);
  color:var(--es-blue);
  text-align:center;
}
.es-teal-band h2 {
  color:var(--es-blue);
}
.es-teal-band .es-lead {
  margin:0 auto;
}
.es-teal-band .es-btns {
  justify-content:center;
}
.es-btn-navy {
  background:var(--es-blue);
  color:#fff !important;
}
.es-btn-navy:hover {
  background:#fff;
  color:var(--es-blue) !important;
}
@media (max-width:900px) {
  .es-hero-grid {
    grid-template-columns:1fr;
  }
  .es-gallery {
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:560px) {
  .es-gallery {
    grid-template-columns:1fr;
  }
}
.es-logo-band {
  background:var(--es-blue);
  padding:22px 0 0;
}
.es-logo-band img {
  height:44px;
  width:auto;
  display:block;
}
body.itemid-111 .es-hero {
  padding-top:48px;
}
body.itemid-108 #sp-main-body,body.itemid-110 #sp-main-body {
  padding-top:20px;
}
#sp-footer #mod-custom111 div {
  color:rgba(255,255,255,.8) !important;
}
#sp-footer a[href^="mailto:"] {
  color:#fff !important;
}
#sp-footer a[href^="mailto:"]:hover {
  color:var(--es-teal) !important;
}
#sp-footer a[href^="mailto:"]::before {
  content:"\f0e0";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:var(--es-teal);
  margin-right:8px;
}
.es-matrix-title {
  color:var(--es-blue);
  font-size:1.3rem;
  margin:40px 0 6px;
}
.es-table-wrap {
  overflow-x:auto;
  margin-top:16px;
}
.es-matrix {
  width:100%;
  border-collapse:collapse;
  min-width:620px;
  font-size:.95rem;
}
.es-matrix th {
  text-align:left;
  color:var(--es-blue);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:10px 12px;
  border-bottom:2px solid var(--es-blue);
}
.es-matrix td {
  padding:12px;
  border-bottom:1px solid #e3e7ea;
  vertical-align:middle;
  color:var(--es-text);
}
.es-matrix td.es-num {
  font-weight:700;
  white-space:nowrap;
}
.es-matrix td.es-save {
  font-weight:800;
  color:var(--es-blue);
  white-space:nowrap;
}
.es-bar {
  height:10px;
  border-radius:5px;
  min-width:4px;
  margin-bottom:6px;
}
.es-bar-endo {
  background:#8a9aa6;
}
.es-bar-el {
  background:var(--es-teal);
}
.es-matrix .es-barcell {
  width:28%;
}
.es-legend {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  font-size:.9rem;
  margin-top:10px;
}
.es-legend span::before {
  content:"";
  display:inline-block;
  width:14px;
  height:10px;
  border-radius:3px;
  margin-right:6px;
  vertical-align:middle;
}
.es-legend .es-l-endo::before {
  background:#8a9aa6;
}
.es-legend .es-l-el::before {
  background:var(--es-teal);
}
#sp-logo .logo a {
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
#sp-logo .logo a::after {
  content:"Share My Boat a.s.d.";
  font-family:Poppins,sans-serif;
  font-weight:700;
  font-size:30px;
  line-height:1.1;
  color:var(--es-blue);
  white-space:nowrap;
}
@media (min-width:992px) and (max-width:1199px) {
  #sp-logo .logo a::after {
    font-size:19px;
  }
}
@media (max-width:575px) {
  #sp-logo .logo a::after {
    font-size:clamp(16px,calc(9.6vw - 14px),28px);
  }
}
body.itemid-110 .article-ratings-social-share {
  display:none !important;
}
body.itemid-110 #sp-component .article-info {
  display:none !important;
}
body.itemid-110 .article-header h1 {
  color:#fff !important;
  font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1.15;
  margin:0 0 20px;
}
#sp-component .article-introtext,#sp-component .article-body,#sp-component .article-introtext p,#sp-component .article-body p,#sp-component .article-introtext li,#sp-component .article-body li,#sp-component [itemprop="articleBody"] p,#sp-component [itemprop="articleBody"] li {
  line-height:1.65 !important;
}
#sp-main-body [itemprop="articleBody"],#sp-main-body [itemprop="articleBody"] p,#sp-main-body [itemprop="articleBody"] li {
  color:#fff;
}
#sp-main-body [itemprop="articleBody"] a {
  color:var(--es-teal) !important;
}
#sp-main-body [itemprop="articleBody"] a:hover {
  color:#fff !important;
}
#sp-main-body .article-header h1 {
  color:#fff !important;
}
body.itemid-108 .article-ratings-social-share {
  display:none !important;
}
.es-grid.es-grid-why {
  grid-template-columns:1fr;
}
@media (min-width:768px) {
  .es-grid.es-grid-why {
    grid-template-columns:1fr 1fr;
  }
}
@media (min-width:1100px) {
  .es-grid.es-grid-why {
    grid-template-columns:2fr 1fr 1fr 1fr;
  }
}
.es-section h3.es-matrix-title {
  margin:48px 0 8px;
}
.es-calc {
  margin:18px 0 22px;
  padding:22px 24px;
  background:var(--es-sand);
  border-radius:10px;
  border-top:4px solid var(--es-teal);
  color:var(--es-text);
}
.es-section .es-calc p.es-calc-title {
  margin:0 0 14px;
  font-weight:700;
  color:var(--es-blue);
  font-size:1.05rem;
}
.es-calc-cols {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:24px;
}
.es-section .es-calc p.es-calc-label {
  margin:0 0 8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--es-blue);
}
.es-calc ul {
  margin:0;
  padding-left:18px;
  line-height:1.7;
}
.es-section .es-calc p.es-calc-note {
  margin:16px 0 0;
  font-size:.92rem;
  line-height:1.6;
}
.es-matrix thead th:nth-child(n+2),.es-matrix tbody td:nth-child(2),.es-matrix tbody td:nth-child(3),.es-matrix tbody td:nth-child(5),.es-matrix tbody td:nth-child(7) {
  border-left:1px solid #cfd8de;
}

/*===== ES LANDING =====*/

/*SMB pulsante Esci nel menu laterale (Area soci)*/
.offcanvas-menu .mod-login-logout__button,.offcanvas-menu .logout-button {
  display:flex;
  justify-content:center;
  margin-top:0.75rem;
}
.offcanvas-menu .mod-login-logout__button .btn,.offcanvas-menu .logout-button .btn {
  width:100%;
  max-width:240px;
  padding:0.6rem 1rem;
}

/*SMB modulo Visforms "Domande e desideri":scheda b*/
.com-visforms.visforms-form {
  background:#fff;
  color:#1b1f23;
  padding:24px 28px;
  border-radius:10px;
  max-width:880px;
  margin:24px auto;
  line-height:1.7;
}
.com-visforms.visforms-form h1 {
  color:#0b3d5c;
  font-size:1.8rem;
}
.com-visforms.visforms-form h2 {
  color:#0b3d5c;
  font-size:1.8rem;
  margin-top:0;
}
.com-visforms.visforms-form h3 {
  color:#0b3d5c;
  font-size:1.25rem;
  margin-top:1.75rem;
  padding-bottom:.3rem;
  border-bottom:2px solid #e3edf3;
}
.com-visforms.visforms-form p,.com-visforms.visforms-form label,.com-visforms.visforms-form .form-text,.com-visforms.visforms-form small {
  line-height:1.7;
}

/*pulsante Invia:stessa larghezza del pulsante "Vai*/
.com-visforms.visforms-form input[type="submit"] {
  display:block;
  min-width:234px;
  margin:2.25rem auto 0;
  padding:0.75rem 2.5rem;
  font-size:1.25rem;
  font-weight:700;
  border-radius:8px;
}

/*SMB pagina Contatti:blocco email sopra il modulo*/
.smb-contatti-email {
  background:#fff;
  color:#1b1f23;
  padding:24px 28px;
  border-radius:10px;
  max-width:880px;
  margin:32px auto 0;
  line-height:1.7;
}
.smb-contatti-email h2 {
  color:#0b3d5c;
  font-size:1.8rem;
  margin-top:0;
}
.smb-contatti-email a {
  color:#0b3d5c;
  font-weight:700;
}
.smb-contatti-email p:last-child {
  margin-bottom:0;
}

/*SMB pagine utente di Joomla (accesso,password dim*/
.com-users-login,.com-users-login h1,.com-users-login label,.com-users-login a,.com-users-reset,.com-users-reset h1,.com-users-reset label,.com-users-reset legend,.com-users-reset p,.com-users-remind,.com-users-remind h1,.com-users-remind label,.com-users-remind legend,.com-users-remind p,.com-users-logout,.com-users-logout h1,.com-users-logout p {
  color:#fff;
}
.com-users-login a:hover,.com-users-login a:focus {
  color:#cfe6f3;
}
.com-users-login .list-group-item,.com-users-login a.list-group-item {
  color:#0b3d5c;
}
.com-users-login .list-group-item:hover,.com-users-login a.list-group-item:hover {
  color:#0b3d5c;
  background:#e3edf3;
}
.com-users-login button[type="submit"].btn-primary {
  border:2px solid #fff;
}

/*SMB modulo contatti layout opzioni (ottobre 2026)*/
.com-visforms.visforms-form,.smb-contatti-email {
  max-width:1100px;
}
.com-visforms.visforms-form .visfield-container {
  --smb-cols:3;
}
.com-visforms.visforms-form :is(.field48,.field53,.field78,.field86,.field88) {
  --smb-cols:4;
}
.com-visforms.visforms-form :is(.field62,.field63,.field68,.field69,.field82) {
  --smb-cols:2;
}
.com-visforms.visforms-form p.visCSSrbinl {
  display:grid;
  grid-template-columns:repeat(var(--smb-cols),auto auto);
  justify-content:start;
  column-gap:.5rem;
  row-gap:.2rem;
  align-items:start;
  padding-top:10px;
  margin-bottom:0;
}
.com-visforms.visforms-form p.visCSSrbinl>label {
  margin:0;
  padding-right:1.25rem;
}
.com-visforms.visforms-form p.visCSSrbinl>input,.com-visforms.visforms-form .visfield-container>div.visCSSclear>input {
  margin:.5em 0 0;
}
.com-visforms.visforms-form .visfield-container>div.visCSSclear {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-auto-flow:row dense;
  column-gap:.5rem;
  row-gap:.2rem;
  align-items:start;
  clear:none;
  margin-left:31%;
  padding-top:10px;
}
.com-visforms.visforms-form .visfield-container>div.visCSSclear>label.visCSSrllst {
  grid-column:2;
  width:auto;
  display:block;
  margin:0;
}
.com-visforms.visforms-form .visfield-container>div.visCSSclear>input {
  grid-column:1;
}
.com-visforms.visforms-form .visfield-container>div.visCSSclear>br {
  display:none;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox] {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-auto-flow:row dense;
  column-gap:.6rem;
  align-items:start;
  margin-top:10px;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox]>* {
  grid-column:1/-1;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox]>label.visCSSlabel {
  grid-column:2;
  float:none;
  width:auto;
  margin:0;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox]>input {
  grid-column:1;
  margin:.5em 0 0;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox]>.visCustomText {
  grid-column:2;
}
.com-visforms.visforms-form .visfield-container[data-container-field-type=checkbox]>.visCustomText p {
  margin:0;
}
.com-visforms.visforms-form .visCSSlabel {
  width:35%;
}
.com-visforms.visforms-form .visCSSinput {
  width:63%;
}
.com-visforms.visforms-form p.visCSSrbinl,.com-visforms.visforms-form .visfield-container>div.visCSSclear {
  margin-left:36%;
}
@media (max-width:1199.98px) {
  .com-visforms.visforms-form .visfield-container {
    --smb-cols:2;
  }
}
@media (max-width:991.98px) {
  .com-visforms.visforms-form .visCSSlabel {
    float:none;
    width:100%;
    margin-right:0;
  }
  .com-visforms.visforms-form .visCSSinput {
    width:100%;
  }
  .com-visforms.visforms-form p.visCSSrbinl,.com-visforms.visforms-form .visfield-container>div.visCSSclear {
    margin-left:0;
    padding-top:4px;
  }
}
@media (max-width:575.98px) {
  .com-visforms.visforms-form {
    padding:20px 16px;
  }
  .com-visforms.visforms-form .visfield-container {
    --smb-cols:1;
  }
}

/*SMB header mobile icona menu nella barra bianca (o*/
@media (max-width:991.98px) {
  #sp-header .container-inner>.row {
    flex-wrap:nowrap;
  }
  #sp-header #sp-logo {
    flex:1 1 auto;
    min-width:0;
  }
  #sp-header #sp-menu {
    flex:0 0 auto;
    padding-left:0;
  }
}
@media (max-width:420px) {
  #sp-header #sp-logo .logo a::after {
    font-size:19px;
  }
}
@media (max-width:1129.98px) {
  .smb-contatti-email {
    margin-left:15px;
    margin-right:15px;
  }
}
@media (max-width:575.98px) {
  .smb-contatti-email {
    padding:20px 16px;
  }
}

/*SMB WhatsApp link e pulsante (ottobre 2026)*/
.smb-wa-link::before,a.smb-wa-btn::before {
  content:"\f232";
  font-family:"Font Awesome 6 Brands";
  font-weight:400;
  margin-right:.35em;
}
.smb-contatti-email a.smb-wa-link {
  white-space:nowrap;
}
.smb-wa-box {
  margin:1.5rem 0;
  padding:1.25rem 1.5rem;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.3);
  color:inherit;
}
.smb-wa-box p {
  margin:0 0 .9rem;
  color:inherit;
}
.smb-wa-box p:last-child {
  margin-bottom:0;
}
a.smb-wa-btn {
  display:inline-block;
  background:#25d366;
  color:#08261a;
  font-weight:700;
  font-size:1.1rem;
  padding:.7rem 1.6rem;
  border-radius:8px;
  text-decoration:none;
}
a.smb-wa-btn:hover,a.smb-wa-btn:focus {
  background:#4be07f;
  color:#08261a;
  text-decoration:none;
}
#sp-main-body [itemprop="articleBody"] a.smb-wa-btn,#sp-main-body [itemprop="articleBody"] a.smb-wa-btn:hover,#sp-main-body [itemprop="articleBody"] a.smb-wa-btn:focus {
  color:#08261a !important;
}

/*SMB pagina Grazie centratura e social (ottobre 202*/
.smb-wa-box {
  text-align:center;
}
.itemid-118 .article-ratings-social-share {
  display:none !important;
}
.smb-fb-follow {
  margin-top:1.25rem;
}
.smb-fb-follow a::before {
  content:"\f09a";
  font-family:"Font Awesome 6 Brands";
  font-weight:400;
  margin-right:.4em;
}

/*SMB modifica dal sito mostra il modulo di modifica*/
body.itemid-101.com-config #sp-main-body,body.itemid-111.com-config #sp-main-body,body.itemid-101.view-form #sp-main-body,body.itemid-111.view-form #sp-main-body {
  display:block !important;
}
body.com-config #sp-landing,body.view-form #sp-landing {
  display:none !important;
}
body.com-config #sp-component>.sp-column,body.view-form #sp-component>.sp-column {
  background:#fff;
  color:#1b1f23;
  padding:24px 28px;
  border-radius:10px;
  margin:24px 0;
}
body.com-config #sp-component label,body.view-form #sp-component label,body.com-config #sp-component h1,body.com-config #sp-component h2,body.view-form #sp-component h1,body.view-form #sp-component legend {
  color:#1b1f23;
}
body.com-config #sp-component form .control-group,body.com-config #sp-component form #options,body.com-config #sp-component form hr {
  display:none;
}
.tox .tox-editor-header.tox-editor-dock-fadeout {
  visibility:visible !important;
  opacity:1 !important;
}

/*SMB matita di modifica ben visibile per i publishe*/
a.jmodedit {
  background:#ffd43b !important;
  color:#0b3d5c !important;
  border-radius:6px;
  padding:4px 8px !important;
  opacity:1 !important;
  z-index:20;
  box-shadow:0 1px 4px rgba(0,0,0,.3);
}

/*SMB header 9921199px:menu nella barra bianca,ric*/
@media (min-width:992px) and (max-width:1199.98px) {
  #sp-header .container-inner>.row {
    flex-wrap:nowrap;
  }
  #sp-header #sp-logo {
    flex:0 1 auto;
    min-width:0;
  }
  #sp-header #sp-menu {
    flex:1 1 auto;
    min-width:0;
  }
  #sp-header .header-modules {
    display:none !important;
  }
}

/*===== ES Avanzamento raccolta (ottobre 2026) modul*/
.es-raccolta {
  background:var(--es-blue-dark);
  color:#fff;
}
.es-raccolta h2,.es-raccolta h3 {
  color:#fff;
}
.es-progress-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:32px;
  margin:12px 0 24px;
}
.es-progress h3 {
  font-size:1.25rem;
  margin:0 0 2px;
}
.es-progress-sub {
  opacity:.8;
  margin:0 0 10px;
  font-size:.95rem;
}
.es-progress-amount {
  margin:0 0 10px;
}
.es-progress-amount strong {
  font-size:2.1rem;
  font-weight:800;
  color:var(--es-teal);
  margin-right:4px;
}
.es-progress-bar {
  height:14px;
  background:rgba(255,255,255,.16);
  border-radius:7px;
  overflow:hidden;
  font-size:0;
  line-height:0;
}
.es-progress-bar span {
  display:block;
  height:100%;
  width:0;
  background:var(--es-teal);
  border-radius:7px;
  font-size:0;
  line-height:0;
  transition:width .8s ease;
}
.es-progress-pct {
  margin:6px 0 0;
  font-size:.9rem;
  opacity:.85;
}
.es-progress-meta {
  margin:0;
  opacity:.9;
}
.es-progress-meta strong {
  color:var(--es-teal);
}

/*===== ES Avanzamento raccolta =====*/

/*ES Titolo pagina Crowdfunding sopra l'avanzamento */
.es-cf-title {
  padding:36px 24px 28px;
}
.es-cf-title h1 {
  color:#fff;
  margin:0;
  font-size:clamp(2rem,4.5vw,2.6rem);
}
body.itemid-110 .article-details>.article-header {
  display:none;
}
.es-progress-note {
  margin:6px 0 0;
  font-size:.9rem;
  opacity:.75;
}

/*ES Avanzamento raccolta:fascia chiara come le sez*/
.es-section.es-raccolta {
  background:var(--es-sand);
  color:var(--es-text);
}
.es-section.es-raccolta h2,.es-section.es-raccolta h3 {
  color:var(--es-blue);
}
.es-section.es-raccolta .es-label {
  color:var(--es-blue);
}
.es-section.es-raccolta .es-progress-amount strong,.es-section.es-raccolta .es-progress-meta strong {
  color:var(--es-blue);
}
.es-section.es-raccolta .es-progress-bar {
  background:rgba(11,61,92,.14);
}

/*SMB hero pulsanti stessa misura (ottobre 2026)*/
#smb-hero .es-btns {
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
}
#smb-hero .es-btn {
  text-align:center;
  white-space:nowrap;
}
@media (max-width:768px) {
  #smb-hero .es-btns {
    align-self:center;
  }
}

/*SMB Electric Sail pulsanti hero stessa misura e ce*/
@media (max-width:900px) {
  #es-hero .es-btns {
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  #es-hero .es-btn {
    text-align:center;
    white-space:nowrap;
  }
}

/*SMB header spazio tra ultima voce e icona menu (ot*/
@media (min-width:992px) {
  #sp-menu .sp-megamenu-parent {
    margin-right:0 !important;
  }
  #sp-menu .offcanvas-toggler-right {
    margin-left:28px !important;
  }
}

/*===== SMB Flotta pagina flotta (ott. 2026) =====*/
.smb-flotta {
  color:#fff;
  font-size:18px;
  line-height:1.6;
}
.smb-flotta .smb-flotta-kicker {
  margin:0 0 6px;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#2EC4B6;
  font-weight:700;
}
.smb-flotta h1 {
  margin:0 0 12px;
  font-family:Poppins,sans-serif;
  font-weight:700;
  font-size:44px;
  line-height:1.15;
  color:#fff;
}
.smb-flotta .smb-flotta-intro {
  max-width:720px;
  margin:0 0 20px;
  color:#D6E4EE;
  font-size:19px;
}

/*filtri (solo CSS)*/
.smb-flotta .smb-f {
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.smb-flotta .smb-chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 28px;
}
.smb-flotta .smb-chips label {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  border:2px solid #5E8AA8;
  color:#fff;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  margin:0;
}
#smbf-tutte:checked ~ .smb-chips label[for=smbf-tutte],#smbf-p:checked ~ .smb-chips label[for=smbf-p],#smbf-m:checked ~ .smb-chips label[for=smbf-m],#smbf-a:checked ~ .smb-chips label[for=smbf-a] {
  background:#2EC4B6;
  border-color:#2EC4B6;
  color:#0B3D5C;
  font-weight:700;
}
#smbf-tutte:focus-visible ~ .smb-chips label[for=smbf-tutte],#smbf-p:focus-visible ~ .smb-chips label[for=smbf-p],#smbf-m:focus-visible ~ .smb-chips label[for=smbf-m],#smbf-a:focus-visible ~ .smb-chips label[for=smbf-a] {
  outline:3px solid #fff;
  outline-offset:2px;
}
#smbf-p:checked ~ .smb-grid .smb-boat:not(.smb-cat-p),#smbf-m:checked ~ .smb-grid .smb-boat:not(.smb-cat-m),#smbf-a:checked ~ .smb-grid .smb-boat:not(.smb-cat-a) {
  display:none;
}

/*griglia e schede*/
.smb-flotta .smb-grid {
  background:#EEF3F7;
  border-radius:14px;
  padding:28px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:24px;
}
.smb-flotta .smb-boat {
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(11,61,92,.08),0 8px 24px rgba(11,61,92,.08);
  display:flex;
  flex-direction:column;
}
.smb-flotta .smb-boat-foto {
  position:relative;
  aspect-ratio:4/3;
  background:#cfdbe4;
}
.smb-flotta .smb-boat-foto img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  margin:0;
}
.smb-flotta .smb-boat-nofoto {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#3D4852;
  font-size:15px;
  font-weight:600;
}
.smb-flotta .smb-boat-tag {
  position:absolute;
  top:12px;
  left:12px;
  background:#0B3D5C;
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:5px 10px;
  border-radius:6px;
  line-height:1.3;
}
.smb-flotta .smb-boat-body {
  padding:18px 20px 20px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
}
.smb-flotta .smb-boat h2 {
  margin:0 0 4px;
  font-family:Poppins,sans-serif;
  font-weight:700;
  font-size:22px;
  line-height:1.25;
  color:#0B3D5C;
}
.smb-flotta .smb-boat-model,.smb-flotta .smb-boat-base {
  margin:0;
  font-size:16px;
  color:#3D4852;
}
.smb-flotta .smb-boat-btns {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:auto;
  padding-top:16px;
}
.smb-flotta .smb-boat-btns a {
  flex:1 1 120px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 14px;
  border-radius:8px;
  font-weight:700;
  font-size:15px;
  text-decoration:none!important;
  box-sizing:border-box;
}
.smb-flotta .smb-boat-btns a.smb-btn-disp {
  background:#2EC4B6!important;
  color:#0B3D5C!important;
  border:2px solid #2EC4B6;
}
.smb-flotta .smb-boat-btns a.smb-btn-gal {
  background:#fff!important;
  color:#0B3D5C!important;
  border:2px solid #0B3D5C;
}
.smb-flotta .smb-boat-btns a:hover {
  filter:brightness(.95);
}
.smb-flotta .smb-flotta-nota {
  margin:24px 0 0;
  color:#D6E4EE;
  font-size:16px;
}

/*barra di condivisione e riga autoredatavisite nasc*/
.article-details:has(.smb-flotta) .article-social-share,.itemid-134 .article-info {
  display:none!important;
}
@media (max-width:575px) {
  .smb-flotta h1 {
    font-size:32px;
  }
  .smb-flotta .smb-grid {
    padding:16px;
    gap:18px;
  }
}

/*SMB Flotta blocco blu come nel mockup*/
.smb-flotta {
  background:#0B3D5C;
  border-radius:16px;
  padding:40px 32px 32px;
}
@media (max-width:575px) {
  .smb-flotta {
    padding:28px 16px 20px;
    border-radius:12px;
  }
}
.smb-flotta .smb-flotta-nota a {
  color:#fff!important;
  font-weight:600;
  text-decoration:underline!important;
}

/*SMB Flotta v2 filtro quote e badge (ott. 2026)*/
.smb-flotta .smb-chip {
  font:inherit;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  border:2px solid #5E8AA8;
  background:transparent;
  color:#fff;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  margin:0;
}
.smb-flotta .smb-chip.is-on {
  background:#2EC4B6;
  border-color:#2EC4B6;
  color:#0B3D5C;
  font-weight:700;
}
.smb-flotta .smb-chip:focus-visible {
  outline:3px solid #fff;
  outline-offset:2px;
}
.smb-flotta .smb-grid.solo-quote .smb-boat:not(.smb-quote) {
  display:none;
}
.smb-flotta .smb-quote .smb-boat-tag {
  background:#2EC4B6;
  color:#0B3D5C;
  font-weight:700;
}
.smb-flotta .smb-flotta-loading,.smb-flotta .smb-flotta-errore {
  color:#D6E4EE;
  margin:0 0 8px;
}
.smb-flotta .smb-flotta-errore a {
  color:#fff!important;
  font-weight:600;
  text-decoration:underline!important;
}

/* ES – Due barche con animazione (modulo 122) */
#due-barche .es-boat-intro {
  margin-top:0;
  margin-bottom:28px;
}
#due-barche .es-boat-rows {
  display:flex;
  flex-direction:column;
  gap:32px;
}
#due-barche .es-boat-row {
  display:flex;
  gap:24px;
  align-items:stretch;
}
#due-barche .es-boat-row>.es-boat-card {
  flex:0 0 360px;
  max-width:360px;
}
#due-barche .es-boat-media {
  flex:1 1 auto;
  position:relative;
  min-height:240px;
  border-radius:10px;
  overflow:hidden;
}
#due-barche .es-boat-media video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
#due-barche .es-media-pending {
  background:#fff;
  box-shadow:rgba(11,61,92,.08) 0 4px 14px;
}
#due-barche .es-media-pending>img {
  position:absolute;
  inset:0 0 48px 0;
  width:100%;
  height:calc(100% - 48px);
  object-fit:contain;
  display:block;
  margin:0;
}
#due-barche .es-media-note {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:12px 16px;
  background:var(--es-blue);
  color:#fff;
  font-style:italic;
  line-height:24px;
}
@media (max-width:767px) {
  #due-barche .es-boat-row {
    flex-direction:column;
  }
  #due-barche .es-boat-row>.es-boat-card {
    flex:none;
    max-width:none;
  }
  #due-barche .es-boat-media {
    aspect-ratio:16/10;
    min-height:0;
  }
}

/* ES – Play/pausa animazioni (modulo 122) */
#due-barche .es-boat-media video {
  cursor:pointer;
}
.es-vbtn {
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:2;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--es-blue);
  cursor:pointer;
  opacity:.9;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.es-vbtn:hover,.es-vbtn:focus-visible {
  opacity:1;
  outline:2px solid var(--es-teal);
  outline-offset:2px;
}
.es-vbtn::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:10px;
  box-sizing:border-box;
  transform:translate(-50%,-50%);
  border-left:3px solid var(--es-teal);
  border-right:3px solid var(--es-teal);
}
.es-vbtn.is-paused::before {
  width:0;
  height:0;
  border-style:solid;
  border-width:5px 0 5px 9px;
  border-color:transparent transparent transparent var(--es-teal);
  transform:translate(-35%,-50%);
}

/* ===== ES – Team (modulo 127) ===== */
.es-team {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:32px;
}
.es-member {
  background:#fff;
  border-radius:12px;
  padding:28px 18px 24px;
  text-align:center;
  box-shadow:0 2px 10px rgba(11,61,92,.06);
}
.es-avatar {
  display:block;
  width:128px;
  height:128px;
  margin:0 auto 18px;
  border-radius:50%;
  overflow:hidden;
  border:4px solid var(--es-teal);
  box-sizing:border-box;
}
.es-avatar img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 50%;
}
.es-avatar-pietro img {
  object-position:50% 80%;
  transform:scale(1.6);
  transform-origin:60% 72%;
}
.es-avatar-charles img {
  transform:scale(1.25);
  transform-origin:50% 38%;
}
.es-avatar-federico img {
  object-position:50% 15%;
  transform:scale(1.1);
  transform-origin:50% 25%;
}
.es-initials {
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--es-blue);
  color:var(--es-teal);
  font-family:Poppins,sans-serif;
  font-weight:600;
  font-size:38px;
  letter-spacing:1px;
}
.es-member h3 {
  font-size:18px;
  margin:0 0 6px;
  line-height:1.3;
}
.es-member .es-role {
  font-weight:600;
  color:var(--es-blue);
  margin:0 0 6px;
  line-height:1.35;
}
.es-member .es-meta {
  font-size:14px;
  color:#5b6b76;
  margin:0;
}
@media (max-width:991px) {
  .es-team {
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:520px) {
  .es-team {
    grid-template-columns:1fr;
  }
}

/*SMB Flotta: foto riempiono il riquadro, taglio in alto; testi scheda leggibili*/
.smb-flotta .smb-boat-foto {
  overflow:hidden;
}
.smb-flotta .smb-boat-foto img {
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none;
  object-position:50% 85%;
}
#sp-main-body .smb-flotta .smb-boat-model,#sp-main-body .smb-flotta .smb-boat-base {
  color:#3D4852;
}
.smb-flotta .smb-boat-foto img[src$="lorelay-monia.jpg"] {
  object-position:50% 30%;
}
.smb-flotta .smb-boat-foto img[src$="belmar.jpg"] {
  object-position:50% 62%;
}
.smb-flotta .smb-boat-foto img[src$="dory.jpg"] {
  object-position:0% 50%;
}
.smb-flotta .smb-boat-foto img[src$="huntress-ii.jpg"] {
  object-position:50% 40%;
}
.smb-flotta .smb-boat-foto img[src$="gretha-ii.jpg"] {
  object-position:0% 50%;
}
/* Petruska: leggero zoom out (foto all'85% dell'altezza, ancorata in basso) per vedere tutta la barca;
   la fascia in alto prende il colore del cielo della foto */
.smb-flotta .smb-boat-foto:has(img[src$="petruska.jpg"]) {
  background:rgb(97,122,161);
}
.smb-flotta .smb-boat-foto img[src$="petruska.jpg"] {
  object-position:100% 50%;
  top:15%;
  height:85%!important;
}

/* SMB: icone social barra alta piu' grandi (27 ott 2026) - APPENDERE in fondo a custom.css */
#sp-top-bar ul.social-icons {
  font-size: 26px;
}
#sp-top-bar ul.social-icons > li {
  line-height: 1.3;
}
#sp-top-bar ul.social-icons > li:not(:last-child) {
  margin-right: 28px;
}

/* SMB menu alto: "Documenti" solo nel menu laterale (27 ott 2026). Il menu laterale resta invariato. */
#sp-menu .sp-megamenu-parent > li:has(> a[href*="linktr.ee"]) {
  display: none;
}

/* SMB header: il menu alto resta sempre nella barra bianca, non va a capo nell'area blu (27 ott 2026) */
@media (min-width: 992px) {
  #sp-header .container-inner > .row {
    flex-wrap: nowrap;
  }
  #sp-header #sp-menu {
    min-width: 0;
  }
}

/* SMB icone social a colori nella barra alta (27 ott 2026): Facebook blu #1877F2 su disco bianco, Instagram con gradiente */
#sp-top-bar .social-icons .fa-facebook {
  background: #fff;
  color: #1877F2;
  border-radius: 50%;
}
#sp-top-bar .social-icons .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #fff;
  border-radius: 7px;
  font-size: 22px;
  padding: 2px;
  box-sizing: content-box;
}
#sp-top-bar .social-icons a:hover .fab {
  opacity: .85;
}

/* ES – Due barche: righe di altezza uguale, cosi' le due animazioni hanno la stessa larghezza (28 ott 2026) */
@media (min-width: 768px) {
  #due-barche .es-boat-rows {
    display: grid;
    grid-auto-rows: 1fr;
  }
}