.ow_logo_wrap a{background-image:url(https://app.shippeoo.com/ow_userfiles/themes/theme_image_1.png)}
.ow_site_panel_wrap.site_panel_wrap_bg_color .ow_logo_wrap a{background-image:url(https://app.shippeoo.com/ow_userfiles/themes/theme_image_2.png)}
/* 1) Web fonts */
@import url('https://fonts.googleapis.com/css2?family=Oranienbaum:wght@400;700&family=Lato:wght@400;600;700&display=swap');

/* 2) Design tokens */
:root{
  --brand: #5FB9F9;       /* accent principal */
  --brand-600: #5FB9F9;   /* (mateix to per hover, manté paleta acordada) */
  --brand-50: rgba(95,185,249,.18); /* fons subtils */
  --ink: #333333;         /* text fort (títols) */
  --muted: #333333;       /* text base */
  --accent-rose: #F2A9A7; /* èmfasi */
  --radius: 8px;
}

/* 3) Tipografia – cos */
html, body{
  color: var(--muted);
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}
.ow_content, .ow_box_body, .ow_page{
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* 4) Tipografia – títols (pàgines, widgets, sidebars) */
h1, h2, h3, h4, h5, h6,
.ow_page h1, .ow_page h2, .ow_page h3, .ow_page h4, .ow_page h5, .ow_page h6,
.ow_box_cap h3, .ow_box_cap_empty h3,
.ow_sidebar h3, .ow_right h3, .ow_left h3{
  font-family: "Oranienbaum", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  color: var(--ink);
  text-transform: none;
}

/* 5) Enllaços globals (contingut) */
a{ color: var(--brand); text-decoration: none; }
a:hover{ color: var(--accent-rose); text-decoration: underline; }

/* 6) Menú principal sota el logo – només tipografia & colors */
.ow_main_menu li a{
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600;
  letter-spacing: .3px;
  color: var(--ink) !important;         /* #333333 per defecte */
  text-decoration: none;
}
.ow_main_menu li a:hover,
.ow_main_menu li:hover > a,
.ow_main_menu li.current a,
.ow_main_menu li.active a{
  color: var(--brand) !important;       /* blau en hover/actiu */
}

/* 7) Botons (Skadate usa span.ow_button) */
span.ow_button{
  background: var(--brand);
  border-radius: var(--radius);
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
span.ow_button:hover{ background: var(--brand-600); }
span.ow_button input[type="submit"],
span.ow_button input[type="button"]{
  background: transparent;
  color: #fff;
  font-weight: 600;
  letter-spacing: .25px;
}

/* 8) Cards / caixes */
.ow_box{
  borde