/*
Theme Name:   ProService
Theme URI:    
Description:  Theme para ProService
Author:       Common People
Author URI:   
Version:      0.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         
Text Domain:  proservice
*/
/* x treballar sense la font:
[class^="icon-"]:before {
	content: 'X';
}*/
@font-face {
  font-family: "vwts";
  src: url('fonts/VWAGTheSans-Light.woff') format('woff'), url('fonts/VWAGTheSans-Light.woff2') format('woff2'), url('fonts/VWAGTheSans-Light.eot'), url('fonts/VWAGTheSans-Light%EF%B9%96.eot#iefix') format('embedded-opentype'), url('fonts/VWAGTheSans-Light.otf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vwts";
  src: url('fonts/VWAGTheSans-Regular.woff') format('woff'), url('fonts/VWAGTheSans-Regular.woff2') format('woff2'), url('fonts/VWAGTheSans-Regular.eot'), url('fonts/VWAGTheSans-Regular%EF%B9%96.eot#iefix') format('embedded-opentype'), url('fonts/VWAGTheSans-Regular.otf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vwts";
  src: url('fonts/VWAGTheSans-Italic.woff') format('woff'), url('fonts/VWAGTheSans-Italic.woff2') format('woff2'), url('fonts/VWAGTheSans-Italic.eot'), url('fonts/VWAGTheSans-Italic%EF%B9%96.eot#iefix') format('embedded-opentype'), url('fonts/VWAGTheSans-Italic.otf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "vwts";
  src: url('fonts/VWAGTheSans-Bold.woff') format('woff'), url('fonts/VWAGTheSans-Bold.woff2') format('woff2'), url('fonts/VWAGTheSans-Bold.eot'), url('fonts/VWAGTheSans-Bold%EF%B9%96.eot#iefix') format('embedded-opentype'), url('fonts/VWAGTheSans-Bold.otf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*
Black i light no es fan servir ara per ara, comento per optimitzar càrrega

@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Light.woff2') format('woff2'),
        url('fonts/Rubik-Light.woff') format('woff'),
        url('fonts/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-LightItalic.woff2') format('woff2'),
        url('fonts/Rubik-LightItalic.woff') format('woff'),
        url('fonts/Rubik-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
*/
/* només es fan servir cursives ara per ara 
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Regular.woff2') format('woff2'),
        url('fonts/Rubik-Regular.woff') format('woff'),
        url('fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Italic.woff2') format('woff2'), url('fonts/Rubik-Italic.woff') format('woff'), url('fonts/Rubik-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* només es fan servir cursives ara per ara 
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Medium.woff2') format('woff2'),
        url('fonts/Rubik-Medium.woff') format('woff'),
        url('fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*/
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-MediumItalic.woff2') format('woff2'), url('fonts/Rubik-MediumItalic.woff') format('woff'), url('fonts/Rubik-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* només es fan servir cursives ara per ara 
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Bold.woff2') format('woff2'),
        url('fonts/Rubik-Bold.woff') format('woff'),
        url('fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
*/
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-BoldItalic.woff2') format('woff2'), url('fonts/Rubik-BoldItalic.woff') format('woff'), url('fonts/Rubik-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-Black.woff2') format('woff2'),
        url('fonts/Rubik-Black.woff') format('woff'),
        url('fonts/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rubik';
    src: url('fonts/Rubik-BlackItalic.woff2') format('woff2'),
        url('fonts/Rubik-BlackItalic.woff') format('woff'),
        url('fonts/Rubik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
*/
/*----------------------------------------------------------------------------------------------------
	1. Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com  
----------------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  text-align: left;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
textarea {
  overflow: auto;
}
div.clear,
span.clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 0px;
  overflow: hidden;
}
strong {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
input,
textarea,
button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
}
textarea {
  resize: none;
}
textarea:focus,
input:focus {
  outline: 0;
}
small {
  font-size: 0.75em;
}
/*----------------------------------------------------------------------------------------------------
	Normalitzacio
----------------------------------------------------------------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  text-align: center;
}
body,
input,
textarea {
  background: #ffffff;
}
body,
input,
textarea,
select,
button {
  font-family: 'Rubik', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 400;
  color: #141414;
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
main li {
  padding: 0;
  margin: 0 0 1.3em 0;
  line-height: 1.3em;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
input[type=checkbox],
input[type=radio] {
  height: auto;
  width: auto;
  -webkit-appearance: checkbox;
}
sup {
  font-size: 0.6em;
  vertical-align: 0.3em;
}
/************************** SKIN PROSERVICE: COLORS I TAMANYS DE TITULAR ************************/
body,
input,
textarea {
  background: #ffffff;
}
body,
input,
textarea,
select,
button {
  font-family: 'vwts', sans-serif;
  font-size: 20px;
  color: #141414;
  font-style: normal;
}
@media screen and (max-width: 800px) {
  body,
  input,
  textarea,
  select,
  button {
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  body,
  input,
  textarea,
  select,
  button {
    font-size: 16px;
  }
}
.com_titular_1,
.is-style-com_titular_1 {
  font-size: 100px;
}
.com_titular_2,
.is-style-com_titular_2 {
  font-size: 65px;
}
.com_titular_3,
.is-style-com_titular_3 {
  font-size: 45px;
  line-height: 1.1em;
}
.com_titular_4,
.is-style-com_titular_4 {
  font-size: 35px;
}
.com_titular_5,
.is-style-com_titular_5 {
  font-size: 25px;
}
@media screen and (max-width: 1050px) {
  .com_titular_2,
  .is-style-com_titular_2 {
    font-size: 6vw;
  }
  .com_titular_3,
  .is-style-com_titular_3 {
    font-size: 4.25vw;
  }
  .com_titular_5,
  .is-style-com_titular_5 {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 640px) {
  .com_titular_1,
  .is-style-com_titular_1 {
    font-size: 18vw;
  }
  .com_titular_2,
  .is-style-com_titular_2 {
    font-size: 12vw;
  }
  .com_titular_3,
  .is-style-com_titular_3 {
    font-size: 8vw;
  }
  .com_titular_4,
  .is-style-com_titular_4 {
    font-size: 6vw;
  }
}
a {
  color: #141414;
}
a:hover {
  color: #db9300;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #db9300;
}
main a {
  color: #db9300;
}
.com_bt {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #ffffff;
  text-decoration: none;
}
.com_bt:hover {
  background: #141414;
}
.skin-horum {
  padding-top: 1px;
  padding-bottom: 1px;
}
.zona-skin-proservice {
  border-top: 1px transparent solid;
  border-bottom: 1px transparent solid;
  background: #ffffff;
}
/************************** SKIN HORUM: COLORS I TAMANYS DE TITULAR ************************/
.body-skin-horum {
  background: #141414 url(img/textura_hexagonos1.jpg) no-repeat center top;
  background-size: 150%;
}
.body-skin-horum .zona-skin-horum {
  background: none;
}
.body-skin-horum .header_estatic .menu-icons a:hover,
.body-skin-horum .header_estatic .menu_open:hover,
.body-skin-horum.head-negre .header_estatic .menu_open:hover,
.body-skin-horum.scrolled .header_estatic .menu_open:hover,
.body-skin-horum.head-negre .header_estatic .menu-icons a:hover,
.body-skin-horum.scrolled .header_estatic .menu-icons a:hover {
  color: #f7ff36;
}
.skin-color {
  color: #db9300;
}
.body-skin-horum .skin-color,
.zona-skin-horum .skin-color {
  color: #f7ff36;
}
.body-skin-horum .zona-skin-proservice .skin-color {
  color: #db9300;
}
.zona-skin-horum {
  border-top: 1px transparent solid;
  border-bottom: 1px transparent solid;
}
.zona-skin-horum,
body.zona-skin-horum,
.zona-skin-horum input,
.zona-skin-horum textarea {
  background: #141414;
}
.zona-skin-horum,
body.zona-skin-horum,
.zona-skin-horum input,
.zona-skin-horum textarea,
.zona-skin-horum select,
.zona-skin-horum button {
  font-family: 'Rubik', sans-serif;
  font-size: 16.6px;
  line-height: 1.56626506em;
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
}
.zona-skin-horum p,
.zona-skin-horum li {
  padding: 0;
  margin-bottom: 1.56626506em;
  line-height: 1.56626506em;
}
.zona-skin-horum .com_titular_1,
.zona-skin-horum .is-style-com_titular_1 {
  font-size: 83px;
}
.zona-skin-horum .com_titular_2,
.zona-skin-horum .is-style-com_titular_2 {
  font-size: 53.95px;
}
.zona-skin-horum .com_titular_3,
.zona-skin-horum .is-style-com_titular_3 {
  font-size: 37.35px;
  line-height: 1.1em;
}
.zona-skin-horum .com_titular_4,
.zona-skin-horum .is-style-com_titular_4 {
  font-size: 29.05px;
}
.zona-skin-horum .com_titular_5,
.zona-skin-horum .is-style-com_titular_5 {
  font-size: 20.75px;
}
@media screen and (max-width: 1050px) {
  .zona-skin-horum .com_titular_2,
  .zona-skin-horum .is-style-com_titular_2 {
    font-size: 4.98vw;
  }
  .zona-skin-horum .com_titular_3,
  .zona-skin-horum .is-style-com_titular_3 {
    font-size: 3.5275vw;
  }
  .zona-skin-horum .com_titular_5,
  .zona-skin-horum .is-style-com_titular_5 {
    font-size: 0.913em;
  }
}
@media screen and (max-width: 640px) {
  .zona-skin-horum .com_titular_1,
  .zona-skin-horum .is-style-com_titular_1 {
    font-size: 14.94vw;
  }
  .zona-skin-horum .com_titular_2,
  .zona-skin-horum .is-style-com_titular_2 {
    font-size: 9.96vw;
  }
  .zona-skin-horum .com_titular_3,
  .zona-skin-horum .is-style-com_titular_3 {
    font-size: 6.64vw;
  }
  .zona-skin-horum .com_titular_4,
  .zona-skin-horum .is-style-com_titular_4 {
    font-size: 4.98vw;
  }
}
.zona-skin-horum .com_titular_1,
.zona-skin-horum .com_titular_2,
.zona-skin-horum .com_titular_3 {
  font-weight: bold;
}
.zona-skin-horum .com_titular_4,
.zona-skin-horum .com_titular_5 {
  font-weight: 500;
}
.zona-skin-horum a {
  color: #f7ff36;
}
.zona-skin-horum a:hover {
  color: #f7ff36;
}
.zona-skin-horum input[type="checkbox"],
.zona-skin-horum input[type="radio"] {
  accent-color: #f7ff36;
}
.zona-skin-horum a.com_bt,
.zona-skin-horum .com_bt {
  background: #ffffff;
  color: #141414;
  text-decoration: none;
}
.zona-skin-horum a.com_bt:hover,
.zona-skin-horum .com_bt:hover {
  background: #f7ff36;
}
.zona-skin-horum .com_fletxa {
  color: #f7ff36;
}
.zona-skin-horum .com_fletxa:hover {
  color: #ffffff;
}
/**************************** VIDEO BACKGROUND **************************/
.video-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 57.6vw;
  z-index: -1;
  overflow: hidden;
}
.video-background video {
  width: 100vw;
  height: 56.6vw;
  margin-top: -1vw;
}
@media screen and (max-width: 768px) {
  .video-background {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .body-skin-horum.with-video {
    background-image: none !important;
  }
}
/**************************** FLOAT POINTER **************************/
#float-pointer {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
  right: 5vw;
  top: 160px;
  margin-top: 0;
  transition: margin 1s ease-in-out, top 1s ease-in-out, width 0.25s ease-in-out;
  width: 210px;
  height: 60px;
  overflow: hidden;
  background: url('img/encuentranos-proservice.png') no-repeat right bottom;
}
@media screen and (max-width: 1400px) {
  #float-pointer {
    top: 80px;
  }
}
body.body-skin-horum #float-pointer {
  background-image: url('img/encuentranos-horum.png');
}
#float-pointer .wrap {
  width: 210px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}
#float-pointer .txt {
  display: block;
  color: #000;
  line-height: 1em;
  padding: 0;
  font-size: 17px;
  width: 186px;
  margin-top: -10px;
  text-align: left;
  padding-left: 42px;
  font-weight: bold;
}
body.body-skin-horum #float-pointer .txt {
  margin-top: -8px;
  padding-left: 0;
  font-weight: 500;
  font-size: 16px;
}
#float-pointer:hover {
  text-decoration: none;
}
body.scrolled2 #float-pointer {
  top: 100vh;
  margin-top: -100px;
  width: 65px;
  background-position: right top;
}
body.scrolled2 #float-pointer:hover {
  background-position: right bottom;
  width: 210px;
  text-decoration: none;
}
body.scrolled2 #float-pointer .txt {
  display: none;
}
body.scrolled2 #float-pointer:hover .txt {
  display: block;
}
/************************** SELECTMENU JQUERY UI ************************/
/*
Nota: si s'han de desenvolupar selects en zona proservice dins pag horum o a la inversa, 
caldrà afegir un class al body quan s'obri el select, pq el desplegable penja directament 
del body i per tant no es pot canviar el skin mirant el class del contenidor.
*/
.body-skin-horum .ui-selectmenu-button.ui-button,
.body-skin-horum select {
  background: #434343;
  color: #ffffff;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
}
.body-skin-horum .ui-widget.ui-widget-content {
  border-color: #434343;
  background: #434343;
  color: #ffffff;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
}
.body-skin-horum .ui-state-active,
.body-skin-horum .ui-widget-content .ui-state-active,
.body-skin-horum .ui-widget-header .ui-state-active,
.body-skin-horum a.ui-button:active,
.body-skin-horum .ui-button:active,
.body-skin-horum .ui-button.ui-state-active:hover {
  background: #303030;
  border-color: #303030;
}
.body-skin-horum .com_fletxa {
  color: #f7ff36;
}
.body-skin-horum .com_fletxa:hover {
  color: #ffffff;
}
body .ui-selectmenu-button.ui-button,
body select {
  background: #f3f3f3;
  color: #141414;
  font-family: 'vwts', sans-serif;
  font-size: 18px;
}
body .ui-widget.ui-widget-content {
  border-color: #f3f3f3;
  background: #f3f3f3;
  color: #141414;
  font-family: 'vwts', sans-serif;
  font-size: 16px;
}
body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover {
  background: #a1a1a1;
  border-color: #a1a1a1;
}
body select {
  border-radius: 5px;
}
body .ui-selectmenu-button.ui-button,
body select {
  border: 0;
  padding: 5px 15px;
  appearance: none;
  cursor: pointer;
  width: 300px;
}
body .ui-corner-all {
  border-radius: 6px;
}
body .ui-corner-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
body .ui-corner-bottom {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
body .ui-menu .ui-menu-item-wrapper {
  padding: 2px 0 2px 30px;
  margin: 0 12px !important;
}
body .ui-widget.ui-widget-content {
  text-align: left;
}
body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover {
  border: 0;
}
body .ui-selectmenu-icon.ui-icon {
  margin-top: 2px;
  text-indent: 0;
  background: none !important;
  font-family: 'proservice' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .ui-state-hover .ui-selectmenu-icon,
body .ui-button:hover .ui-selectmenu-icon {
  color: #f7ff36;
}
body .ui-selectmenu-icon:before {
  content: "\e923";
}
body .ui-selectmenu-button-open .ui-selectmenu-icon:before {
  content: "\e924";
}
/************************** ESTILS COMUNS ALS DOS ESTILS, TITULARS ************************/
.com_titular_2,
.is-style-com_titular-gran {
  text-align: center;
}
.com_titular_4,
.is-style-com_titular-petit {
  font-weight: 700;
}
.com_titular_5 {
  line-height: 1.2em;
}
@media screen and (max-width: 640px) {
  .com_titular_2 br,
  .is-style-com_titular-gran br,
  .com_titular_3 br,
  .is-style-com_titular-mig br,
  .com_titular_4 br,
  .is-style-com_titular-petit br {
    display: none;
  }
}
ul + .com_titular_4,
ul + .is-style-com_titular-petit,
p + .com_titular_4,
p + .is-style-com_titular-petit {
  padding-top: 1.5em;
}
/************************** SKINS PROSERVICE ************************

.zona-skin-proservice {

	padding: 1px 0;
	background: #fff;
	overflow: hidden;
	
	font-family: "vwts";
	font-style: normal;
	
	p {
		line-height: 1.5em;
	}
	
	.com_bt {
		font-weight: 400;
	}
	
	.com_titular_3,
	.is-style-com_titular-mig {
		font-size: 45px;
		font-family: "vwts";
		font-weight: 300;
	}
	
	.sub-mod-item .titol {
		font-size: 25px;
		font-weight: 400;
		margin-bottom: 0;
	}
	.sub-mod-item .titol span {
	    line-height: 1.6em;
	}
	
	// La maqueta s'estreta, faig els titulars proporcionals:
	@media screen and (max-width: 1050px) {
		.com_titular_3,
		.is-style-com_titular-mig {
			//font-size: 4.25vw;
		}
	}
	
	// En mobile, els titulars son proporcionalment mes grans:
	@media screen and (max-width: @BP_Desktop_max) {
		.com_titular_3,
		.is-style-com_titular-mig {
			font-size: 8vw;
		}
	}


}


.body-skin-horum {
	background:	@horumBlack;
}

.zona-skin-horum {

	padding: 1px 0;
	background:	@horumBlack;
	color: 			@horumWhite;
	overflow: hidden;

	/ *input,
	//textarea,
	select,
	button {
		color:		@horumWhite;
	}
	* /

	a {
		color:@horumWhite;
	}
	a:hover {
		color:@horumAcid;
	}
	input[type="checkbox"] {
		accent-color: @horumAcid;
	}

	a.com_bt,
	.com_bt {

		background: @horumWhite;
		color: @horumBlack;
		
		&:hover {
			background: @horumAcid;
		}
	}

}
*/
#wpadminbar {
  position: fixed;
}
header {
  overflow: hidden;
}
header:after,
header:before {
  content: ' ';
  display: block;
  background: #fff;
  width: 50vw;
  height: 1px;
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 11;
  margin-left: -500px;
  transition: top 0.5s ease-in-out;
}
body.admin-bar header:after,
body.admin-bar header:before {
  top: 82px;
}
header:after {
  margin-right: -500px;
  margin-left: auto;
  left: auto;
  right: 0;
}
body.head-negre header:after,
body.head-negre header:before {
  background: #141414;
}
body.scrolled header:after,
body.scrolled header:before {
  background: #141414;
  top: 28px;
}
body.admin-bar.scrolled header:after,
body.admin-bar.scrolled header:before {
  top: 60px;
}
.header_estatic {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 100px;
  background: rgba(255, 255, 255, 0);
  transition: background 0.25s ease-in-out, height 0.5s ease-in-out;
}
body.admin-bar .header_estatic {
  top: 32px;
}
.header_estatic .logo img {
  width: 60px;
  height: auto;
  margin-right: 25px;
  moz-filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
  filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
  transition: width 0.5s ease-in-out;
}
.header_estatic .maq-contenidor {
  display: flex;
  align-content: center;
  align-items: center;
  padding-top: 17px;
}
.header_estatic .maq-contenidor:before {
  content: ' ';
  display: inline-block;
  flex: 1;
  order: 1;
  border-top: #fff 1px solid;
}
.header_estatic .menu_open {
  margin-right: 1em;
  color: #fff;
}
.header_estatic .menu_open:hover {
  color: #db9300;
  text-decoration: none;
}
.header_estatic .menu-icons {
  order: 2;
  font-weight: normal;
}
.header_estatic .menu-icons li {
  display: inline-block;
  margin-left: 10px;
  font-size: 22px;
}
.header_estatic .menu-icons a {
  color: #fff;
}
.header_estatic .menu-icons a:hover {
  color: #db9300;
  text-decoration: none;
}
body.scrolled .header_estatic {
  background: rgba(255, 255, 255, 0.8);
  height: 55px;
}
body.scrolled .header_estatic .logo img {
  width: 30px;
  filter: none;
}
body.scrolled .header_estatic .maq-contenidor {
  padding-top: 10px;
}
body.scrolled.buscador-obert .header_estatic {
  height: 120px;
}
body.head-negre .header_estatic .logo img,
body.scrolled .header_estatic .logo img {
  filter: none;
}
body.head-negre .header_estatic .menu_open,
body.scrolled .header_estatic .menu_open,
body.head-negre .header_estatic .menu-icons a,
body.scrolled .header_estatic .menu-icons a {
  color: #141414;
}
body.head-negre .header_estatic .menu_open:hover,
body.scrolled .header_estatic .menu_open:hover,
body.head-negre .header_estatic .menu-icons a:hover,
body.scrolled .header_estatic .menu-icons a:hover {
  color: #db9300;
}
body.head-negre .header_estatic .maq-contenidor:before,
body.scrolled .header_estatic .maq-contenidor:before {
  border-top-color: #141414;
}
#cercador {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
body.menu-open #cercador {
  z-index: 101;
}
@media screen and (min-width: 1185px) {
  body.menu-open #cercador .maq-contenidor {
    max-width: 1200px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
body.open-search #cercador {
  display: block;
}
#cercador .maq-contenidor {
  height: 1px;
}
#cercador .posicionador {
  margin-right: 100px;
  margin-left: 125px;
  background: #fff;
  text-align: right;
  border-radius: 6px;
  margin-top: 32px;
  padding: 5px 9px;
  display: none;
  transition: margin-top 0.5s ease-in-out, margin-left 0.5s ease-in-out;
}
body.menu-open #cercador .posicionador {
  margin-top: 32px !important;
  margin-left: 125px !important;
}
body.admin-bar #cercador .posicionador {
  margin-top: 64px;
}
body.scrolled #cercador .posicionador {
  margin-left: 95px;
  margin-top: 10px;
}
body.admin-bar.scrolled #cercador .posicionador {
  margin-top: 42px;
}
body.scrolled #cercador .posicionador,
body.head-negre #cercador .posicionador {
  background: #434343;
  color: #fff;
}
body.scrolled #cercador .posicionador input,
body.head-negre #cercador .posicionador input,
body.scrolled #cercador .posicionador a,
body.head-negre #cercador .posicionador a {
  color: #fff;
}
body.scrolled #cercador .posicionador a:hover,
body.head-negre #cercador .posicionador a:hover {
  color: #db9300;
}
body.menu-open #cercador .posicionador,
body.scrolled #cercador .posicionador,
body.head-negre.scrolled #cercador .posicionador {
  background: #d0d0d0;
  color: #000;
}
body.menu-open #cercador .posicionador input,
body.scrolled #cercador .posicionador input,
body.head-negre.scrolled #cercador .posicionador input,
body.menu-open #cercador .posicionador a,
body.scrolled #cercador .posicionador a,
body.head-negre.scrolled #cercador .posicionador a {
  color: #000;
}
body.menu-open #cercador .posicionador a:hover,
body.scrolled #cercador .posicionador a:hover,
body.head-negre.scrolled #cercador .posicionador a:hover {
  color: #db9300;
}
#cercador form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cercador input {
  flex: 1;
  font-size: 16px;
  background: none;
}
#cercador a {
  font-size: 22px;
}
#cercador a:hover {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  #cercador {
    top: 60px;
  }
  #cercador .posicionador,
  body.menu-open #cercador .posicionador {
    margin-right: 0;
    margin-left: 0 !important;
  }
}
.layer-menu-principal {
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity 0.5s ease-in-out;
  position: fixed;
  z-index: -1;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(135deg, #f3f3f3 0%, #ffffff 100%);
  text-align: left;
  transition: background 0.5s ease-in-out;
  /* capa sota submenu */
  /* skins */
}
body.menu-open .layer-menu-principal {
  z-index: 100;
}
.layer-menu-principal.open_submenu {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}
.layer-menu-principal a:hover {
  text-decoration: none;
}
.layer-menu-principal .maq-contenidor {
  position: relative;
  z-index: 1;
}
.layer-menu-principal .menu_close.out {
  display: none;
  left: 50%;
  margin-left: -600px;
  position: absolute;
  z-index: 2;
  transition: margin-left 0.5s ease-in-out, left 0.5s ease-in-out;
}
body.admin-bar .layer-menu-principal .menu_close.out {
  top: 70px;
}
@media screen and (max-width: 1440px) {
  .layer-menu-principal .menu_close.out {
    left: 0;
    margin-left: 120px;
  }
}
.layer-menu-principal .menu_close.in,
.layer-menu-principal .menu_back {
  left: 120px;
  position: absolute;
  display: none;
  font-size: 36px;
  top: 32px;
}
body.admin-bar .layer-menu-principal .menu_close.in,
body.admin-bar .layer-menu-principal .menu_back {
  top: 64px;
}
.layer-menu-principal .menu_close.in,
.layer-menu-principal .menu_close.out {
  top: 38px;
  font-size: 24px;
}
.layer-menu-principal .menu_close.in {
  display: block;
  left: 50px;
}
.layer-menu-principal.open_submenu .menu_close.out {
  left: 40px;
  margin-left: 0;
}
.layer-menu-principal.open_submenu .menu_back {
  display: block;
}
.layer-menu-principal .menu-icons {
  position: absolute;
  right: 50px;
  top: 38px;
}
.layer-menu-principal .menu-icons li {
  /* Atenció: igual que l'altre menu-icons exterior! */
  display: inline-block;
  margin-left: 10px;
  font-size: 22px;
}
.layer-menu-principal .menu-icons a {
  transition: color 0.25s ease-in-out;
}
.layer-menu-principal .mod-slider-ofertas {
  max-width: 470px;
  margin-left: auto;
  margin-top: 120px;
  margin-bottom: 30px;
}
.layer-menu-principal .wrapper-promos {
  padding-top: 30px;
}
.layer-menu-principal .wrapper-menus {
  width: 50%;
  padding-top: 120px;
  padding-bottom: 60px;
  height: 100vh;
  box-sizing: border-box;
}
body.admin-bar .layer-menu-principal .wrapper-menus {
  padding-top: 112px;
}
.layer-menu-principal .wrapper-menus .inner {
  height: 100%;
  padding-top: 20px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.layer-menu-principal.open_submenu .menu-principal {
  margin-left: -100%;
}
.layer-menu-principal .menu-principal,
.layer-menu-principal .submenu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
  transition: margin-left 0.5s ease-in-out;
}
.layer-menu-principal .menu-principal li,
.layer-menu-principal .submenu li {
  line-height: 70px;
  border-bottom: #a1a1a1 1px solid;
}
.layer-menu-principal .menu-principal a,
.layer-menu-principal .submenu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  transition: color 0.25s ease-in-out;
}
.layer-menu-principal .menu-principal li.parent a,
.layer-menu-principal .submenu li.parent a {
  font-size: 28px;
  font-weight: 700;
}
.layer-menu-principal .menu-principal ul:hover a,
.layer-menu-principal .submenu ul:hover a {
  color: #a1a1a1;
}
.layer-menu-principal .menu-principal ul:hover a:hover,
.layer-menu-principal .submenu ul:hover a:hover {
  font-size: 32px;
  color: #141414;
  font-weight: 700;
  transition: none;
}
.layer-menu-principal .menu-principal span.icon-dreta,
.layer-menu-principal .submenu span.icon-dreta,
.layer-menu-principal .menu-principal ul:hover a:hover span.icon-dreta,
.layer-menu-principal .submenu ul:hover a:hover span.icon-dreta {
  font-size: 36px;
}
.layer-menu-principal .submenu {
  margin-left: 100%;
}
.layer-menu-principal .submenu.obert {
  margin-left: 0;
}
.layer-menu-principal:after {
  display: block;
  content: ' ';
  position: absolute;
  left: 100vw;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(135deg, #cbcbcb 0%, #e3e3e3 100%);
  transition: left 0.5s ease-in-out;
}
.layer-menu-principal.open_submenu:after {
  left: 0;
  top: 100px;
}
@media screen and (min-width: 1185px) {
  .layer-menu-principal .wrapper-menus {
    padding-top: 80px;
  }
  .layer-menu-principal .wrapper-promos {
    padding-top: 0;
  }
  .layer-menu-principal .menu_close.out {
    display: block;
  }
  .layer-menu-principal .menu_close.in {
    display: none;
  }
  .layer-menu-principal .maq-contenidor {
    max-width: 1200px;
    padding-left: 120px;
    padding-right: 120px;
  }
  .layer-menu-principal.open_submenu:after {
    left: 100px;
    top: 0;
  }
  .layer-menu-principal .menu-icons {
    right: 120px;
  }
}
@media screen and (max-width: 640px) {
  .layer-menu-principal .menu_close.in {
    left: 25px;
  }
  .layer-menu-principal .menu_back {
    left: 80px;
  }
  .layer-menu-principal .menu-icons {
    right: 25px;
  }
  .layer-menu-principal .wrapper-promos {
    display: none;
  }
  body.menu-open.buscador-obert .layer-menu-principal .wrapper-menus {
    padding-top: 140px;
  }
}
.layer-menu-principal.menu-skin-proservice .submenu li,
.layer-menu-principal.menu-skin-horum .submenu li,
.layer-menu-principal.menu-skin-proservice .submenu ul:hover a,
.layer-menu-principal.menu-skin-horum .submenu ul:hover a {
  color: rgba(255, 255, 255, 0.6);
}
.layer-menu-principal.menu-skin-proservice .submenu a,
.layer-menu-principal.menu-skin-horum .submenu a,
.layer-menu-principal.menu-skin-proservice .submenu ul:hover a:hover,
.layer-menu-principal.menu-skin-horum .submenu ul:hover a:hover {
  color: #ffffff;
}
@media screen and (min-width: 1185px) {
  .layer-menu-principal.menu-skin-proservice.open_submenu .menu-icons a,
  .layer-menu-principal.menu-skin-horum.open_submenu .menu-icons a,
  .layer-menu-principal.menu-skin-proservice .menu_back,
  .layer-menu-principal.menu-skin-horum .menu_back {
    color: rgba(255, 255, 255, 0.6);
  }
  .layer-menu-principal.menu-skin-proservice.open_submenu .menu-icons a:hover,
  .layer-menu-principal.menu-skin-horum.open_submenu .menu-icons a:hover,
  .layer-menu-principal.menu-skin-proservice .menu_back:hover,
  .layer-menu-principal.menu-skin-horum .menu_back:hover {
    color: #ffffff;
  }
}
.layer-menu-principal.menu-skin-proservice.open_submenu .linea-aux p,
.layer-menu-principal.menu-skin-horum.open_submenu .linea-aux p,
.layer-menu-principal.menu-skin-proservice.open_submenu .linea-aux li,
.layer-menu-principal.menu-skin-horum.open_submenu .linea-aux li,
.layer-menu-principal.menu-skin-proservice.open_submenu .linea-aux a,
.layer-menu-principal.menu-skin-horum.open_submenu .linea-aux a {
  color: rgba(255, 255, 255, 0.8);
}
.layer-menu-principal.menu-skin-proservice.open_submenu .linea-aux a:hover,
.layer-menu-principal.menu-skin-horum.open_submenu .linea-aux a:hover {
  color: #fff;
}
.layer-menu-principal.menu-skin-proservice .submenu li,
.layer-menu-principal.menu-skin-horum .submenu li {
  border-color: rgba(255, 255, 255, 0.6);
}
.layer-menu-principal.menu-skin-blog.open_submenu .linea-aux p,
.layer-menu-principal.menu-skin-blog.open_submenu .linea-aux li,
.layer-menu-principal.menu-skin-blog.open_submenu .linea-aux a {
  color: #727272;
}
.layer-menu-principal.menu-skin-blog.open_submenu .linea-aux a:hover {
  color: #141414;
}
.layer-menu-principal.menu-skin-proservice:after {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
}
.layer-menu-principal.menu-skin-horum:after {
  background: linear-gradient(135deg, #141414 0%, #434343 100%);
}
.layer-menu-principal .linea-aux {
  padding-top: 15px;
  position: absolute;
}
.layer-menu-principal .linea-aux ul {
  font-size: 0;
  line-height: 14px;
}
.layer-menu-principal .linea-aux p,
.layer-menu-principal .linea-aux li,
.layer-menu-principal .linea-aux ul {
  display: inline;
}
.layer-menu-principal .linea-aux p,
.layer-menu-principal .linea-aux li {
  font-size: 12px;
  margin: 0 1em 0 0;
}
.layer-menu-principal .linea-aux li:before {
  content: '|';
  margin: 0 1em 0 0;
}
.layer-menu-principal .linea-aux li.primer-a-la-linia:before {
  display: none;
}
.layer-menu-principal .linea-aux p,
.layer-menu-principal .linea-aux li,
.layer-menu-principal .linea-aux a {
  color: #727272;
  transition: color 0.5s ease-in-out;
}
.layer-menu-principal .linea-aux a:hover {
  color: #141414;
  text-decoration: underline;
  transition: none;
}
/* El menú burger está a qualsevol amplada:

.header_estatic {

	.menu_close,
	.linea-aux
	.menu_open,
	{
		display: none;
	}
}

@media screen and ( max-width: @BP_MenuMobile ) {


	.header_estatic {
		
		.menu_close {
			font-size: 24px;
		}

		.menu_close,
		.menu_open,
		.linea-aux {
			display: block;
		}

		.menu_open {
			//margin-top: 35px;
			font-size: 30px;
			margin-right: 1em;
			color: #fff;
		}
		.menu_open:hover {
			color: @proserviceDarkOrange;
			text-decoration: none;
		}
	}

	.header_estatic .menu {

		body.menu-open & {
			left: 0;
		}

		position: absolute;
		z-index: 11;
		background: #e00;
		background: linear-gradient(135deg, #141414 0%, #434343 100%);

		width: 320px;
		left: -320px;
		top: 0;
		height: 100vh;
		height: 100dvh;
		overflow: auto;
		margin: 0;
		margin-top: 0;
		padding: 40px 20px 30px;
		max-width: 100%;
		box-sizing: border-box;
		text-align: left;

		display:flex;
		flex-direction: column;
		justify-content: space-between;
		
		transition: left 0.5s ease-in-out;
		
		.menu_open {
			display: none;
		}
		
		.menu-principal {

			padding: 60px 0;
			flex: 1;
			
			li {
				display: block;
				border-bottom: 1px #999 solid; // white 60%
				line-height: 2.75em;
				margin: 0;
				font-size: 20px;
			}
			li a {
				display: block;
			}
		}
		.copy {
			text-align: center;
			font-size: 12px;
			color: #fff;
			margin-bottom: 6px;
			color: #ccc; // white 80%
		}
		.linea-aux {
			ul {
				text-align: center;
				font-size: 0;
				line-height: 14px;
			}
			li {
				font-size: 12px;
				margin: 0 1em 0 0;
			}
			li:before {
				content: '|';
				margin: 0 1em 0 0;
				color: #ccc; // white 80%
			}
			li.primer-a-la-linia:before {
				opacity: 0;
			}
			a {
				color: #ccc; // white 80%
			}
			a:hover {
				color: @proserviceDarkOrange;
			}
		}
	}
//}
*/
/*----------------------------------------------------------------------------------------------------
	AREA PRIVADA EN EL FRONT-END

    Estos class al body los añade el plugin User Registration 
    ( https://es.wordpress.org/plugins/user-registration/ )
    
    Usando estos wrappers nos aseguramos que no afecten estos estilos con los generales del sitio


URLs:
https://proservice.preproduccion.xyz/mi-cuenta/lost-password/
https://proservice.preproduccion.xyz/mi-cuenta/lost-password/?reset-link-sent=true
(el resto de páginas no se ven si no se sigue el proceso de registro)

----------------------------------------------------------------------------------------------------*/
/* 
    Cuidado! todas las páginas tienen user-registration-page al body!!!
    No usar, esto aparecería en todas las páginas siempre:

body.user-registration-page {
    background: #f00 !important;
}
*/
.layer-menu-principal .menu-icons li.hide-guest,
.header_estatic .menu-icons li.hide-guest {
  display: none;
}
body.logged-in .layer-menu-principal .menu-icons li.hide-logged,
body.logged-in .header_estatic .menu-icons li.hide-logged {
  display: none;
}
body.logged-in .layer-menu-principal .menu-icons li.hide-guest,
body.logged-in .header_estatic .menu-icons li.hide-guest {
  display: inline-block;
}
.apuntate p {
  font-size: 16px !important;
}
.apuntate p strong {
  font-weight: 400;
}
.proservice-newsletter-form .tnp-field {
  margin-bottom: 10px;
  position: relative;
}
.proservice-newsletter-form .tnp-field input[type="text"],
.proservice-newsletter-form .tnp-field input[type="email"] {
  height: 32px;
  padding: 7px 16px !important;
  border-radius: 5px;
  font-size: 14px;
}
.proservice-newsletter-form .tnp-field-privacy {
  display: flex !important;
  align-items: start;
}
.proservice-newsletter-form .tnp-field-privacy .tnp-privacy {
  width: 18px;
  height: 18px;
  background: #F3F3F3;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 11px;
  border-radius: 5px;
}
.proservice-newsletter-form .tnp-field-privacy .tnp-privacy:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='1 1 16 16' fill='none'%3E%3Cpath d='M5 8.75L7.75 11.5L13.25 6' stroke='%23DB9300' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.proservice-newsletter-form .tnp-field-privacy .tnp-privacy.error {
  border: 1px solid #D74632;
}
.proservice-newsletter-form .tnp-field-privacy label {
  font-size: 14px;
}
.proservice-newsletter-form .tnp-field-privacy .user-registration-error {
  bottom: 35px;
}
@media (min-width: 968.02px) {
  .proservice-newsletter-form .tnp-field-privacy .user-registration-error {
    bottom: 15px;
  }
}
.proservice-newsletter-form .tnp-field-button .tnp-submit {
  margin-left: auto;
  font-size: 12px;
  border-radius: 20px;
  padding: 6px 24px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #141414;
  border: #141414 1px solid;
  background: #ffffff;
}
.proservice-newsletter-form .tnp-field-button .tnp-submit:hover {
  cursor: pointer;
  background: #141414;
  color: #ffffff;
}
body.single-leadmagnet main > .com_titular_3 {
  padding-left: 28px !important;
}
body.proservice-area-privada,
body.single-leadmagnet {
  overflow-x: hidden;
}
body.proservice-area-privada,
body.single-leadmagnet,
.proservice-newsletter-form {
  /* Ejemplo de estilo usando como mixin el estilo general de botón
       (así mantenemos coherencia si hay cambios sobre este estilo)
       he copiado las declaraciones CSS del plugin para poder hacer override:
    */
}
body.proservice-area-privada main .maq_cols.cols_2,
body.single-leadmagnet main .maq_cols.cols_2,
.proservice-newsletter-form main .maq_cols.cols_2 {
  flex-direction: column;
}
body.proservice-area-privada main .maq_cols.cols_2 .col > .user-registration-error,
body.single-leadmagnet main .maq_cols.cols_2 .col > .user-registration-error,
.proservice-newsletter-form main .maq_cols.cols_2 .col > .user-registration-error {
  position: relative;
  top: 0;
  margin: 0 auto;
  margin-bottom: -25px;
}
body.proservice-area-privada main .maq_cols.cols_2 .col > .user-registration-error:after,
body.single-leadmagnet main .maq_cols.cols_2 .col > .user-registration-error:after,
.proservice-newsletter-form main .maq_cols.cols_2 .col > .user-registration-error:after {
  display: none;
}
body.proservice-area-privada main .maq_cols.cols_2 .col > .user-registration-error li:before,
body.single-leadmagnet main .maq_cols.cols_2 .col > .user-registration-error li:before,
.proservice-newsletter-form main .maq_cols.cols_2 .col > .user-registration-error li:before {
  content: "";
  display: none;
}
body.proservice-area-privada main .maq_cols.cols_2 .col,
body.single-leadmagnet main .maq_cols.cols_2 .col,
.proservice-newsletter-form main .maq_cols.cols_2 .col {
  width: 100%;
}
body.proservice-area-privada main .maq_cols.cols_2 .col:first-child,
body.single-leadmagnet main .maq_cols.cols_2 .col:first-child,
.proservice-newsletter-form main .maq_cols.cols_2 .col:first-child {
  position: relative;
}
body.proservice-area-privada .user-registration,
body.single-leadmagnet .user-registration,
.proservice-newsletter-form .user-registration {
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
body.proservice-area-privada .user-registration-error,
body.single-leadmagnet .user-registration-error,
.proservice-newsletter-form .user-registration-error {
  background: #D74632;
  border-top: 0;
  padding: 10px;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  z-index: 2;
}
body.proservice-area-privada .user-registration-error:before,
body.single-leadmagnet .user-registration-error:before,
.proservice-newsletter-form .user-registration-error:before {
  content: none;
}
body.proservice-area-privada .user-registration-error:after,
body.single-leadmagnet .user-registration-error:after,
.proservice-newsletter-form .user-registration-error:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'%3E%3Cpath d='M23 0H0L11.5 13.5L23 0Z' fill='%23D74632'/%3E%3C/svg%3E");
  width: 23px;
  height: 13px;
  bottom: -16px;
  left: 45%;
  position: absolute;
}
body.proservice-area-privada .user-registration-error a,
body.single-leadmagnet .user-registration-error a,
.proservice-newsletter-form .user-registration-error a {
  color: #ffffff;
  text-decoration: underline;
}
body.proservice-area-privada .maq-contenidor,
body.single-leadmagnet .maq-contenidor,
.proservice-newsletter-form .maq-contenidor,
body.proservice-area-privada .col,
body.single-leadmagnet .col,
.proservice-newsletter-form .col {
  position: relative;
}
body.proservice-area-privada .maq-contenidor > .user-registration-error,
body.single-leadmagnet .maq-contenidor > .user-registration-error,
.proservice-newsletter-form .maq-contenidor > .user-registration-error,
body.proservice-area-privada .col > .user-registration-error,
body.single-leadmagnet .col > .user-registration-error,
.proservice-newsletter-form .col > .user-registration-error {
  padding: 24px 40px;
  width: 100% !important;
}
body.proservice-area-privada .user-registration-message,
body.single-leadmagnet .user-registration-message,
.proservice-newsletter-form .user-registration-message {
  position: absolute;
  top: -120px;
  width: 100%;
  border-top: 0;
  border-radius: 6px;
  background: #D9F1D5;
  color: #000;
  font-size: 18px;
  padding: 24px 40px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 365.02px) {
  body.proservice-area-privada .user-registration-message,
  body.single-leadmagnet .user-registration-message,
  .proservice-newsletter-form .user-registration-message {
    top: -100px;
  }
}
@media (min-width: 604.02px) {
  body.proservice-area-privada .user-registration-message,
  body.single-leadmagnet .user-registration-message,
  .proservice-newsletter-form .user-registration-message {
    top: -80px;
  }
}
body.proservice-area-privada .user-registration-message:before,
body.single-leadmagnet .user-registration-message:before,
.proservice-newsletter-form .user-registration-message:before {
  content: none;
}
body.proservice-area-privada .maq-contenidor > #user-registration > .user-registration-error,
body.single-leadmagnet .maq-contenidor > #user-registration > .user-registration-error,
.proservice-newsletter-form .maq-contenidor > #user-registration > .user-registration-error {
  position: absolute;
  top: -80px;
  padding: 24px 40px;
  width: 100% !important;
}
body.proservice-area-privada .maq-contenidor > #user-registration > .user-registration-error li,
body.single-leadmagnet .maq-contenidor > #user-registration > .user-registration-error li,
.proservice-newsletter-form .maq-contenidor > #user-registration > .user-registration-error li {
  margin-bottom: 0;
}
body.proservice-area-privada .maq-contenidor > #user-registration > .user-registration-error li:before,
body.single-leadmagnet .maq-contenidor > #user-registration > .user-registration-error li:before,
.proservice-newsletter-form .maq-contenidor > #user-registration > .user-registration-error li:before {
  display: none;
}
body.proservice-area-privada .maq-contenidor > #user-registration > .user-registration-error:after,
body.single-leadmagnet .maq-contenidor > #user-registration > .user-registration-error:after,
.proservice-newsletter-form .maq-contenidor > #user-registration > .user-registration-error:after {
  display: none;
}
body.proservice-area-privada .maq-contenidor > .maq-contenidor,
body.single-leadmagnet .maq-contenidor > .maq-contenidor,
.proservice-newsletter-form .maq-contenidor > .maq-contenidor {
  padding-left: 0;
  padding-right: 0;
}
body.proservice-area-privada .maq-contenidor > .user-registration-error,
body.single-leadmagnet .maq-contenidor > .user-registration-error,
.proservice-newsletter-form .maq-contenidor > .user-registration-error {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: -20px;
}
body.proservice-area-privada .maq-contenidor > .user-registration-error:after,
body.single-leadmagnet .maq-contenidor > .user-registration-error:after,
.proservice-newsletter-form .maq-contenidor > .user-registration-error:after {
  display: none;
  content: "";
}
body.proservice-area-privada .maq-contenidor > .user-registration-error li,
body.single-leadmagnet .maq-contenidor > .user-registration-error li,
.proservice-newsletter-form .maq-contenidor > .user-registration-error li {
  margin: 0;
}
body.proservice-area-privada .maq-contenidor > .user-registration-error li:before,
body.single-leadmagnet .maq-contenidor > .user-registration-error li:before,
.proservice-newsletter-form .maq-contenidor > .user-registration-error li:before {
  content: none;
}
body.proservice-area-privada .maq-contenidor > .user-registration-message,
body.single-leadmagnet .maq-contenidor > .user-registration-message,
.proservice-newsletter-form .maq-contenidor > .user-registration-message {
  width: unset;
  position: relative;
  top: 0;
}
body.proservice-area-privada .ur-form-intro,
body.single-leadmagnet .ur-form-intro,
.proservice-newsletter-form .ur-form-intro {
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
body.proservice-area-privada .ur-form-intro .ur-form-small,
body.single-leadmagnet .ur-form-intro .ur-form-small,
.proservice-newsletter-form .ur-form-intro .ur-form-small {
  margin-top: auto;
  color: #727272;
  font-size: 12px;
  margin-bottom: 0;
  display: none;
}
body.proservice-area-privada .ur-form-intro h2,
body.single-leadmagnet .ur-form-intro h2,
.proservice-newsletter-form .ur-form-intro h2 {
  padding-top: 0;
  font-size: 31.5px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}
body.proservice-area-privada .ur-form-intro p,
body.single-leadmagnet .ur-form-intro p,
.proservice-newsletter-form .ur-form-intro p {
  font-size: 18px;
}
body.proservice-area-privada .user-registration .register,
body.single-leadmagnet .user-registration .register,
.proservice-newsletter-form .user-registration .register,
body.proservice-area-privada .login > .ur-form-row,
body.single-leadmagnet .login > .ur-form-row,
.proservice-newsletter-form .login > .ur-form-row,
body.proservice-area-privada .ur-form-container,
body.single-leadmagnet .ur-form-container,
.proservice-newsletter-form .ur-form-container,
body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid,
body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid,
.proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid {
  padding-left: 0;
}
body.proservice-area-privada .form-row,
body.single-leadmagnet .form-row,
.proservice-newsletter-form .form-row {
  margin-bottom: 20px;
}
body.proservice-area-privada .wrapper-the-content,
body.single-leadmagnet .wrapper-the-content,
.proservice-newsletter-form .wrapper-the-content {
  padding: 100px 0;
  background: #f3f3f3 url(img_cont/bg-my-account-1.jpg) no-repeat center;
  background-size: cover;
}
body.proservice-area-privada.user-registration-ur-lost-password .wrapper-the-content,
body.single-leadmagnet.user-registration-ur-lost-password .wrapper-the-content,
.proservice-newsletter-form.user-registration-ur-lost-password .wrapper-the-content {
  background-image: url(img_cont/bg-my-account-2.jpg);
}
body.proservice-area-privada .ur-frontend-form.login,
body.single-leadmagnet .ur-frontend-form.login,
.proservice-newsletter-form .ur-frontend-form.login {
  padding: 0 !important;
  border-radius: 6px;
}
body.proservice-area-privada .ur-frontend-form.login .user-registration-error,
body.single-leadmagnet .ur-frontend-form.login .user-registration-error,
.proservice-newsletter-form .ur-frontend-form.login .user-registration-error {
  margin-bottom: 5px !important;
  margin-right: 4px !important;
}
body.proservice-area-privada .user-registration,
body.single-leadmagnet .user-registration,
.proservice-newsletter-form .user-registration {
  border-radius: 6px;
}
body.proservice-area-privada .user-registration-form-login,
body.single-leadmagnet .user-registration-form-login,
.proservice-newsletter-form .user-registration-form-login,
body.proservice-area-privada .user-registration.ur-frontend-form,
body.single-leadmagnet .user-registration.ur-frontend-form,
.proservice-newsletter-form .user-registration.ur-frontend-form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 32px;
}
body.proservice-area-privada .ur-form-intro,
body.single-leadmagnet .ur-form-intro,
.proservice-newsletter-form .ur-form-intro,
body.proservice-area-privada .ur-form-row,
body.single-leadmagnet .ur-form-row,
.proservice-newsletter-form .ur-form-row {
  max-width: 100%;
  width: 100%;
}
body.proservice-area-privada .ur-form-intro .user-registration-Button,
body.single-leadmagnet .ur-form-intro .user-registration-Button,
.proservice-newsletter-form .ur-form-intro .user-registration-Button,
body.proservice-area-privada .ur-form-row .user-registration-Button,
body.single-leadmagnet .ur-form-row .user-registration-Button,
.proservice-newsletter-form .ur-form-row .user-registration-Button {
  float: unset !important;
}
body.proservice-area-privada .ur-form-intro .ur-form-grid,
body.single-leadmagnet .ur-form-intro .ur-form-grid,
.proservice-newsletter-form .ur-form-intro .ur-form-grid,
body.proservice-area-privada .ur-form-row .ur-form-grid,
body.single-leadmagnet .ur-form-row .ur-form-grid,
.proservice-newsletter-form .ur-form-row .ur-form-grid {
  padding: 0;
}
body.proservice-area-privada hr,
body.single-leadmagnet hr,
.proservice-newsletter-form hr {
  display: none;
  margin: 0;
  color: #a1a1a1;
  border-top: 1px solid #a1a1a1;
}
body.proservice-area-privada .user-registration-LostPassword a,
body.single-leadmagnet .user-registration-LostPassword a,
.proservice-newsletter-form .user-registration-LostPassword a {
  color: #141414;
  text-decoration: underline;
  font-size: 18px;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
body.proservice-area-privada .ur-frontend-form button,
body.single-leadmagnet .ur-frontend-form button,
.proservice-newsletter-form .ur-frontend-form button,
body.proservice-area-privada .ur-frontend-form button[type=submit],
body.single-leadmagnet .ur-frontend-form button[type=submit],
.proservice-newsletter-form .ur-frontend-form button[type=submit],
body.proservice-area-privada .ur-frontend-form input[type=submit],
body.single-leadmagnet .ur-frontend-form input[type=submit],
.proservice-newsletter-form .ur-frontend-form input[type=submit] {
  text-decoration: none;
  border-radius: 25px;
  display: inline-block;
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  text-align: center;
  padding: 9px 30px;
  text-shadow: none;
  border: transparent 1px solid;
  text-transform: uppercase;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form button:hover,
body.single-leadmagnet .ur-frontend-form button:hover,
.proservice-newsletter-form .ur-frontend-form button:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit]:hover {
  background: #141414;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next + .com_bt,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next + .com_bt,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next + .com_bt,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev + .com_bt,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev + .com_bt,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev + .com_bt,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit] + .com_bt,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit] + .com_bt,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit] + .com_bt,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit] + .com_bt,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit] + .com_bt,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit] + .com_bt,
body.proservice-area-privada .ur-frontend-form button + .com_bt,
body.single-leadmagnet .ur-frontend-form button + .com_bt,
.proservice-newsletter-form .ur-frontend-form button + .com_bt,
body.proservice-area-privada .ur-frontend-form button[type=submit] + .com_bt,
body.single-leadmagnet .ur-frontend-form button[type=submit] + .com_bt,
.proservice-newsletter-form .ur-frontend-form button[type=submit] + .com_bt,
body.proservice-area-privada .ur-frontend-form input[type=submit] + .com_bt,
body.single-leadmagnet .ur-frontend-form input[type=submit] + .com_bt,
.proservice-newsletter-form .ur-frontend-form input[type=submit] + .com_bt {
  margin-right: 10px;
  margin-left: 10px;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off,
body.proservice-area-privada .ur-frontend-form button.off,
body.single-leadmagnet .ur-frontend-form button.off,
.proservice-newsletter-form .ur-frontend-form button.off,
body.proservice-area-privada .ur-frontend-form button[type=submit].off,
body.single-leadmagnet .ur-frontend-form button[type=submit].off,
.proservice-newsletter-form .ur-frontend-form button[type=submit].off,
body.proservice-area-privada .ur-frontend-form input[type=submit].off,
body.single-leadmagnet .ur-frontend-form input[type=submit].off,
.proservice-newsletter-form .ur-frontend-form input[type=submit].off,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.off:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.off:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].off:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].off:hover,
body.proservice-area-privada .ur-frontend-form button.off:hover,
body.single-leadmagnet .ur-frontend-form button.off:hover,
.proservice-newsletter-form .ur-frontend-form button.off:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].off:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].off:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].off:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].off:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].off:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].off:hover {
  background: #d0d0d0;
  cursor: default;
}
@media only screen and (min-width: 641px) {
  body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.mini,
  body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.mini,
  .proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.mini,
  body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.mini,
  body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.mini,
  .proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.mini,
  body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].mini,
  body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].mini,
  .proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].mini,
  body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].mini,
  body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].mini,
  .proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].mini,
  body.proservice-area-privada .ur-frontend-form button.mini,
  body.single-leadmagnet .ur-frontend-form button.mini,
  .proservice-newsletter-form .ur-frontend-form button.mini,
  body.proservice-area-privada .ur-frontend-form button[type=submit].mini,
  body.single-leadmagnet .ur-frontend-form button[type=submit].mini,
  .proservice-newsletter-form .ur-frontend-form button[type=submit].mini,
  body.proservice-area-privada .ur-frontend-form input[type=submit].mini,
  body.single-leadmagnet .ur-frontend-form input[type=submit].mini,
  .proservice-newsletter-form .ur-frontend-form input[type=submit].mini {
    padding: 6px 24px;
    font-size: 12px;
    border-radius: 20px;
  }
}
abody.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
abody.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
a.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next,
abody.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
abody.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
a.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
abody.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
abody.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
a.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
abody.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
abody.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
a.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
abody.proservice-area-privada .ur-frontend-form button,
abody.single-leadmagnet .ur-frontend-form button,
a.proservice-newsletter-form .ur-frontend-form button,
abody.proservice-area-privada .ur-frontend-form button[type=submit],
abody.single-leadmagnet .ur-frontend-form button[type=submit],
a.proservice-newsletter-form .ur-frontend-form button[type=submit],
abody.proservice-area-privada .ur-frontend-form input[type=submit],
abody.single-leadmagnet .ur-frontend-form input[type=submit],
a.proservice-newsletter-form .ur-frontend-form input[type=submit] {
  text-decoration: none;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.quadrat,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.quadrat,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.quadrat,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.quadrat,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.quadrat,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.quadrat,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].quadrat,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].quadrat,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].quadrat,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].quadrat,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].quadrat,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].quadrat,
body.proservice-area-privada .ur-frontend-form button.quadrat,
body.single-leadmagnet .ur-frontend-form button.quadrat,
.proservice-newsletter-form .ur-frontend-form button.quadrat,
body.proservice-area-privada .ur-frontend-form button[type=submit].quadrat,
body.single-leadmagnet .ur-frontend-form button[type=submit].quadrat,
.proservice-newsletter-form .ur-frontend-form button[type=submit].quadrat,
body.proservice-area-privada .ur-frontend-form input[type=submit].quadrat,
body.single-leadmagnet .ur-frontend-form input[type=submit].quadrat,
.proservice-newsletter-form .ur-frontend-form input[type=submit].quadrat {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 6px;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form button:hover,
body.single-leadmagnet .ur-frontend-form button:hover,
.proservice-newsletter-form .ur-frontend-form button:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit]:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit]:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit]:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit]:hover {
  background: #141414;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc,
body.proservice-area-privada .ur-frontend-form button.blanc,
body.single-leadmagnet .ur-frontend-form button.blanc,
.proservice-newsletter-form .ur-frontend-form button.blanc,
body.proservice-area-privada .ur-frontend-form button[type=submit].blanc,
body.single-leadmagnet .ur-frontend-form button[type=submit].blanc,
.proservice-newsletter-form .ur-frontend-form button[type=submit].blanc,
body.proservice-area-privada .ur-frontend-form input[type=submit].blanc,
body.single-leadmagnet .ur-frontend-form input[type=submit].blanc,
.proservice-newsletter-form .ur-frontend-form input[type=submit].blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form button.blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form button.blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form button.blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].blanc-hover:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].blanc-hover:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].blanc-hover:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja,
body.proservice-area-privada .ur-frontend-form button.blanc-taronja,
body.single-leadmagnet .ur-frontend-form button.blanc-taronja,
.proservice-newsletter-form .ur-frontend-form button.blanc-taronja,
body.proservice-area-privada .ur-frontend-form button[type=submit].blanc-taronja,
body.single-leadmagnet .ur-frontend-form button[type=submit].blanc-taronja,
.proservice-newsletter-form .ur-frontend-form button[type=submit].blanc-taronja,
body.proservice-area-privada .ur-frontend-form input[type=submit].blanc-taronja,
body.single-leadmagnet .ur-frontend-form input[type=submit].blanc-taronja,
.proservice-newsletter-form .ur-frontend-form input[type=submit].blanc-taronja {
  color: #141414;
  background: #fff;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc:hover,
body.proservice-area-privada .ur-frontend-form button.blanc:hover,
body.single-leadmagnet .ur-frontend-form button.blanc:hover,
.proservice-newsletter-form .ur-frontend-form button.blanc:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].blanc:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].blanc:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].blanc:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].blanc:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].blanc:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].blanc:hover {
  color: #fff;
  background: #141414;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form button.blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form button.blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form button.blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].blanc-taronja:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].blanc-taronja:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].blanc-taronja:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].blanc-taronja:hover {
  color: #141414;
  background: #fbb347;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet-blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet-blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet-blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet-blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet-blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet-blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet-blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet-blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet-blanc,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet-blanc,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet-blanc,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet-blanc,
body.proservice-area-privada .ur-frontend-form button.filet-blanc,
body.single-leadmagnet .ur-frontend-form button.filet-blanc,
.proservice-newsletter-form .ur-frontend-form button.filet-blanc,
body.proservice-area-privada .ur-frontend-form button[type=submit].filet-blanc,
body.single-leadmagnet .ur-frontend-form button[type=submit].filet-blanc,
.proservice-newsletter-form .ur-frontend-form button[type=submit].filet-blanc,
body.proservice-area-privada .ur-frontend-form input[type=submit].filet-blanc,
body.single-leadmagnet .ur-frontend-form input[type=submit].filet-blanc,
.proservice-newsletter-form .ur-frontend-form input[type=submit].filet-blanc {
  border: #ffffff 1px solid;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet,
body.proservice-area-privada .ur-frontend-form button.filet,
body.single-leadmagnet .ur-frontend-form button.filet,
.proservice-newsletter-form .ur-frontend-form button.filet,
body.proservice-area-privada .ur-frontend-form button[type=submit].filet,
body.single-leadmagnet .ur-frontend-form button[type=submit].filet,
.proservice-newsletter-form .ur-frontend-form button[type=submit].filet,
body.proservice-area-privada .ur-frontend-form input[type=submit].filet,
body.single-leadmagnet .ur-frontend-form input[type=submit].filet,
.proservice-newsletter-form .ur-frontend-form input[type=submit].filet {
  color: #141414;
  border: #141414 1px solid;
  background: #ffffff;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.filet:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.filet:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].filet:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].filet:hover,
body.proservice-area-privada .ur-frontend-form button.filet:hover,
body.single-leadmagnet .ur-frontend-form button.filet:hover,
.proservice-newsletter-form .ur-frontend-form button.filet:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].filet:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].filet:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].filet:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].filet:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].filet:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].filet:hover {
  background: #141414;
  color: #ffffff;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla,
body.proservice-area-privada .ur-frontend-form button.taronja-pla,
body.single-leadmagnet .ur-frontend-form button.taronja-pla,
.proservice-newsletter-form .ur-frontend-form button.taronja-pla,
body.proservice-area-privada .ur-frontend-form button[type=submit].taronja-pla,
body.single-leadmagnet .ur-frontend-form button[type=submit].taronja-pla,
.proservice-newsletter-form .ur-frontend-form button[type=submit].taronja-pla,
body.proservice-area-privada .ur-frontend-form input[type=submit].taronja-pla,
body.single-leadmagnet .ur-frontend-form input[type=submit].taronja-pla,
.proservice-newsletter-form .ur-frontend-form input[type=submit].taronja-pla {
  background: #fbb347;
}
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next.taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev.taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form button[type=submit].taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form.ur-frontend-form--rounded form input[type=submit].taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form button.taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form button.taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form button.taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form button[type=submit].taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form button[type=submit].taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form button[type=submit].taronja-pla:hover,
body.proservice-area-privada .ur-frontend-form input[type=submit].taronja-pla:hover,
body.single-leadmagnet .ur-frontend-form input[type=submit].taronja-pla:hover,
.proservice-newsletter-form .ur-frontend-form input[type=submit].taronja-pla:hover {
  background: #141414;
}
body.proservice-area-privada .ur-frontend-form .ur-button-container .ur-submit-button,
body.single-leadmagnet .ur-frontend-form .ur-button-container .ur-submit-button,
.proservice-newsletter-form .ur-frontend-form .ur-button-container .ur-submit-button {
  margin-left: auto;
  margin-right: auto;
}
body.proservice-area-privada form input.error,
body.single-leadmagnet form input.error,
.proservice-newsletter-form form input.error {
  border: 1px solid #D74632 !important;
  color: #D74632 !important;
}
body.proservice-area-privada form .ur-form-row,
body.single-leadmagnet form .ur-form-row,
.proservice-newsletter-form form .ur-form-row {
  flex-wrap: wrap;
}
body.proservice-area-privada form .ur-form-row .ur-form-grid,
body.single-leadmagnet form .ur-form-row .ur-form-grid,
.proservice-newsletter-form form .ur-form-row .ur-form-grid {
  flex-basis: 100%;
}
@media (min-width: 992.02px) {
  body.proservice-area-privada form .ur-form-row .ur-form-grid,
  body.single-leadmagnet form .ur-form-row .ur-form-grid,
  .proservice-newsletter-form form .ur-form-row .ur-form-grid {
    flex-basis: 50%;
  }
}
body.proservice-area-privada form .postal-code,
body.single-leadmagnet form .postal-code,
.proservice-newsletter-form form .postal-code {
  padding-left: 0;
}
@media (min-width: 992.02px) {
  body.proservice-area-privada form .postal-code,
  body.single-leadmagnet form .postal-code,
  .proservice-newsletter-form form .postal-code {
    padding-left: 20px;
  }
}
body.proservice-area-privada form .ur-field-item,
body.single-leadmagnet form .ur-field-item,
.proservice-newsletter-form form .ur-field-item,
body.proservice-area-privada form .hide_show_password,
body.single-leadmagnet form .hide_show_password,
.proservice-newsletter-form form .hide_show_password {
  position: relative;
}
body.proservice-area-privada form .input-text,
body.single-leadmagnet form .input-text,
.proservice-newsletter-form form .input-text,
body.proservice-area-privada form select,
body.single-leadmagnet form select,
.proservice-newsletter-form form select {
  line-height: normal !important;
  font-size: 14px;
  height: 23px !important;
  padding: 7px 16px !important;
  border: none !important;
  border-radius: 5px !important;
  margin-bottom: 0 !important;
}
body.proservice-area-privada form .input-text::placeholder,
body.single-leadmagnet form .input-text::placeholder,
.proservice-newsletter-form form .input-text::placeholder,
body.proservice-area-privada form select::placeholder,
body.single-leadmagnet form select::placeholder,
.proservice-newsletter-form form select::placeholder {
  color: #a1a1a1 !important;
  opacity: 1 !important;
  font-weight: 400  !important;
}
body.proservice-area-privada form .input-text.ur-input-border-red,
body.single-leadmagnet form .input-text.ur-input-border-red,
.proservice-newsletter-form form .input-text.ur-input-border-red,
body.proservice-area-privada form select.ur-input-border-red,
body.single-leadmagnet form select.ur-input-border-red,
.proservice-newsletter-form form select.ur-input-border-red {
  border: 1px solid #D74632 !important;
  color: #D74632 !important;
}
body.proservice-area-privada form .input-checkbox.ur-input-border-red,
body.single-leadmagnet form .input-checkbox.ur-input-border-red,
.proservice-newsletter-form form .input-checkbox.ur-input-border-red {
  border: 1px solid #D74632 !important;
}
body.proservice-area-privada form .input-text,
body.single-leadmagnet form .input-text,
.proservice-newsletter-form form .input-text {
  color: #141414 !important;
}
body.proservice-area-privada form .field-select,
body.single-leadmagnet form .field-select,
.proservice-newsletter-form form .field-select {
  float: left;
  width: 100%;
  max-width: 100% ;
  margin-bottom: 0 !important;
}
@media (min-width: 992.02px) {
  body.proservice-area-privada form .field-select,
  body.single-leadmagnet form .field-select,
  .proservice-newsletter-form form .field-select {
    max-width: 190px;
  }
}
body.proservice-area-privada form .field-select > .form-row,
body.single-leadmagnet form .field-select > .form-row,
.proservice-newsletter-form form .field-select > .form-row {
  margin-bottom: 0;
}
@media (min-width: 768.02px) and (max-width: 992px) {
  body.proservice-area-privada form .field-select > .form-row,
  body.single-leadmagnet form .field-select > .form-row,
  .proservice-newsletter-form form .field-select > .form-row {
    margin-bottom: 20px;
  }
}
body.proservice-area-privada form .field-select .select,
body.single-leadmagnet form .field-select .select,
.proservice-newsletter-form form .field-select .select {
  background: #ffffff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55% !important;
  color: #141414 !important;
}
body.proservice-area-privada form .field-select select:required:invalid,
body.single-leadmagnet form .field-select select:required:invalid,
.proservice-newsletter-form form .field-select select:required:invalid {
  color: #a1a1a1 !important;
}
body.proservice-area-privada form .ur-checkbox-label,
body.single-leadmagnet form .ur-checkbox-label,
.proservice-newsletter-form form .ur-checkbox-label,
body.proservice-area-privada form .ur-label.checkbox,
body.single-leadmagnet form .ur-label.checkbox,
.proservice-newsletter-form form .ur-label.checkbox {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #141414 !important;
}
body.proservice-area-privada form input[type="checkbox"],
body.single-leadmagnet form input[type="checkbox"],
.proservice-newsletter-form form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  -webkit-appearance: none;
}
body.proservice-area-privada form input[type="checkbox"]:checked,
body.single-leadmagnet form input[type="checkbox"]:checked,
.proservice-newsletter-form form input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5 8.75L7.75 11.5L13.25 6' stroke='%23DB9300' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.proservice-area-privada form .user-registration-error,
body.single-leadmagnet form .user-registration-error,
.proservice-newsletter-form form .user-registration-error {
  position: absolute;
  bottom: 30px;
  right: 0;
}
body.proservice-area-privada .field-checkbox,
body.single-leadmagnet .field-checkbox,
.proservice-newsletter-form .field-checkbox {
  margin-bottom: 0 !important;
}
body.proservice-area-privada .field-checkbox > .form-row,
body.single-leadmagnet .field-checkbox > .form-row,
.proservice-newsletter-form .field-checkbox > .form-row {
  margin-bottom: 0;
}
body.proservice-area-privada .field-checkbox .ur-checkbox-list,
body.single-leadmagnet .field-checkbox .ur-checkbox-list,
.proservice-newsletter-form .field-checkbox .ur-checkbox-list {
  padding-left: 0;
  text-align: left;
  margin-bottom: 0 !important;
}
body.proservice-area-privada .field-checkbox .ur-checkbox-list:before,
body.single-leadmagnet .field-checkbox .ur-checkbox-list:before,
.proservice-newsletter-form .field-checkbox .ur-checkbox-list:before {
  content: none;
}
body.proservice-area-privada .field-privacy_policy,
body.single-leadmagnet .field-privacy_policy,
.proservice-newsletter-form .field-privacy_policy {
  width: fit-content;
}
body.proservice-area-privada .field-privacy_policy > .form-row,
body.single-leadmagnet .field-privacy_policy > .form-row,
.proservice-newsletter-form .field-privacy_policy > .form-row {
  display: flex !important;
  align-items: flex-start;
}
body.proservice-area-privada .field-privacy_policy > .form-row abbr,
body.single-leadmagnet .field-privacy_policy > .form-row abbr,
.proservice-newsletter-form .field-privacy_policy > .form-row abbr {
  display: none;
}
body.proservice-area-privada .field-privacy_policy > .form-row .description,
body.single-leadmagnet .field-privacy_policy > .form-row .description,
.proservice-newsletter-form .field-privacy_policy > .form-row .description {
  text-align: start;
  margin-left: 5px;
  font-size: 18px;
}
body.proservice-area-privada .field-privacy_policy > .form-row .description a,
body.single-leadmagnet .field-privacy_policy > .form-row .description a,
.proservice-newsletter-form .field-privacy_policy > .form-row .description a {
  text-decoration: underline;
}
body.proservice-area-privada .field-privacy_policy > .form-row .description span,
body.single-leadmagnet .field-privacy_policy > .form-row .description span,
.proservice-newsletter-form .field-privacy_policy > .form-row .description span {
  color: #D74632;
}
body.proservice-area-privada .field-privacy_policy .checkbox,
body.single-leadmagnet .field-privacy_policy .checkbox,
.proservice-newsletter-form .field-privacy_policy .checkbox {
  width: fit-content;
  text-align: left;
  margin-left: 0 !important;
  margin: 0;
}
body.proservice-area-privada .field-privacy_policy .user-registration-error,
body.single-leadmagnet .field-privacy_policy .user-registration-error,
.proservice-newsletter-form .field-privacy_policy .user-registration-error {
  bottom: 40px;
  right: -10%;
}
@media (min-width: 474.02px) {
  body.proservice-area-privada .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .field-privacy_policy .user-registration-error {
    bottom: 15px;
  }
}
@media (min-width: 768.02px) {
  body.proservice-area-privada .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .field-privacy_policy .user-registration-error {
    bottom: 40px;
  }
}
@media (min-width: 986.02px) {
  body.proservice-area-privada .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .field-privacy_policy .user-registration-error {
    bottom: 15px;
  }
}
body.proservice-area-privada .user-registration.ur-frontend-form,
body.single-leadmagnet .user-registration.ur-frontend-form,
.proservice-newsletter-form .user-registration.ur-frontend-form {
  border-radius: 6px;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-message,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-message,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-message {
  top: 0;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-error,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-error,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-error {
  position: relative;
  bottom: 20px;
  width: 100% !important;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-error:after,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-error:after,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-error:after {
  content: "";
  display: none;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-error ul,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-error ul,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-error ul {
  margin-bottom: 0;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-error li,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-error li,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-error li {
  margin-bottom: 0;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register > .user-registration-error li:before,
body.single-leadmagnet .user-registration.ur-frontend-form .register > .user-registration-error li:before,
.proservice-newsletter-form .user-registration.ur-frontend-form .register > .user-registration-error li:before {
  content: "";
}
body.proservice-area-privada .user-registration.ur-frontend-form .register .user-registration-message,
body.single-leadmagnet .user-registration.ur-frontend-form .register .user-registration-message,
.proservice-newsletter-form .user-registration.ur-frontend-form .register .user-registration-message {
  margin-top: 32px !important;
  position: relative;
}
body.proservice-area-privada .user-registration.ur-frontend-form .register .user-registration-message ul li:before,
body.single-leadmagnet .user-registration.ur-frontend-form .register .user-registration-message ul li:before,
.proservice-newsletter-form .user-registration.ur-frontend-form .register .user-registration-message ul li:before {
  content: "" !important;
}
body.proservice-area-privada .user-registration.ur-frontend-form .ur-grid-1,
body.single-leadmagnet .user-registration.ur-frontend-form .ur-grid-1,
.proservice-newsletter-form .user-registration.ur-frontend-form .ur-grid-1,
body.proservice-area-privada .user-registration.ur-frontend-form .ur-grid-2,
body.single-leadmagnet .user-registration.ur-frontend-form .ur-grid-2,
.proservice-newsletter-form .user-registration.ur-frontend-form .ur-grid-2 {
  position: relative;
  padding-left: 0;
}
body.proservice-area-privada .user-registration.ur-frontend-form .field-user_email,
body.single-leadmagnet .user-registration.ur-frontend-form .field-user_email,
.proservice-newsletter-form .user-registration.ur-frontend-form .field-user_email {
  width: 100%;
}
body.proservice-area-privada .user-registration.ur-frontend-form .field-user_pass,
body.single-leadmagnet .user-registration.ur-frontend-form .field-user_pass,
.proservice-newsletter-form .user-registration.ur-frontend-form .field-user_pass {
  padding-top: 32px;
  border-top: 1px solid #D0D0D0;
  margin-top: 12px;
}
body.proservice-area-privada .user-registration.ur-frontend-form .field-user_confirm_password,
body.single-leadmagnet .user-registration.ur-frontend-form .field-user_confirm_password,
.proservice-newsletter-form .user-registration.ur-frontend-form .field-user_confirm_password {
  padding-bottom: 32px;
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 12px !important;
}
body.proservice-area-privada .user-registration.ur-frontend-form .field-user_confirm_password > .form-row,
body.single-leadmagnet .user-registration.ur-frontend-form .field-user_confirm_password > .form-row,
.proservice-newsletter-form .user-registration.ur-frontend-form .field-user_confirm_password > .form-row {
  margin-bottom: 0;
}
body.proservice-area-privada .user-registration.ur-frontend-form .ur-field-item.field-checkbox,
body.single-leadmagnet .user-registration.ur-frontend-form .ur-field-item.field-checkbox,
.proservice-newsletter-form .user-registration.ur-frontend-form .ur-field-item.field-checkbox {
  margin-bottom: 0;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm,
body.single-leadmagnet .login > .user-registration-EditProfileForm,
.proservice-newsletter-form .login > .user-registration-EditProfileForm {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .ur-form-row,
body.single-leadmagnet .login > .user-registration-EditProfileForm .ur-form-row,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .ur-form-row {
  padding-left: 0;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-error,
body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-error,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-error {
  margin-right: 0 !important;
  bottom: 35px;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
body.single-leadmagnet .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error {
  bottom: 50px;
}
@media (min-width: 473.02px) {
  body.proservice-area-privada .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error {
    bottom: 20px;
  }
}
@media (min-width: 768.02px) {
  body.proservice-area-privada .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error {
    bottom: 50px;
  }
}
@media (min-width: 992.02px) {
  body.proservice-area-privada .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  body.single-leadmagnet .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm .field-privacy_policy .user-registration-error {
    bottom: 20px;
  }
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-profile-header p,
body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-profile-header p,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-profile-header p,
body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-profile-header span,
body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-profile-header span,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-profile-header span {
  text-align: center;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .ur-checkbox-label,
body.single-leadmagnet .login > .user-registration-EditProfileForm .ur-checkbox-label,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .ur-checkbox-label {
  margin-left: 5px;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .email-updated,
body.single-leadmagnet .login > .user-registration-EditProfileForm .email-updated,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .email-updated {
  padding-top: 16px;
  font-size: 16px;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-profile-fields > p,
body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-profile-fields > p,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-profile-fields > p {
  float: unset !important;
  text-align: center;
}
body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-profile-fields__field-wrapper,
body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-profile-fields__field-wrapper,
.proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-profile-fields__field-wrapper {
  margin: 0 !important;
}
body.proservice-area-privada .user-registration,
body.single-leadmagnet .user-registration,
.proservice-newsletter-form .user-registration,
body.proservice-area-privada .user-registration.ur-frontend-form,
body.single-leadmagnet .user-registration.ur-frontend-form,
.proservice-newsletter-form .user-registration.ur-frontend-form,
body.proservice-area-privada .user-registration.vertical > .user-registration-MyAccount-content,
body.single-leadmagnet .user-registration.vertical > .user-registration-MyAccount-content,
.proservice-newsletter-form .user-registration.vertical > .user-registration-MyAccount-content {
  background: #f3f3f3 !important;
}
body.proservice-area-privada .user-registration.vertical > .user-registration-MyAccount-content,
body.single-leadmagnet .user-registration.vertical > .user-registration-MyAccount-content,
.proservice-newsletter-form .user-registration.vertical > .user-registration-MyAccount-content {
  box-shadow: 0 2px 20px rgba(45, 53, 89, 0.1);
}
body.proservice-area-privada .user-registration.vertical,
body.single-leadmagnet .user-registration.vertical,
.proservice-newsletter-form .user-registration.vertical {
  background: transparent !important;
  box-shadow: none !important;
}
body.proservice-area-privada #tipo_empresa-error,
body.single-leadmagnet #tipo_empresa-error,
.proservice-newsletter-form #tipo_empresa-error {
  right: 0;
  bottom: 30px;
}
body.proservice-area-privada #user_email-error,
body.single-leadmagnet #user_email-error,
.proservice-newsletter-form #user_email-error {
  right: 0;
}
body.proservice-area-privada .ur_lost_reset_password,
body.single-leadmagnet .ur_lost_reset_password,
.proservice-newsletter-form .ur_lost_reset_password {
  padding: 32px;
}
body.proservice-area-privada .ur_lost_reset_password .ur-form-row,
body.single-leadmagnet .ur_lost_reset_password .ur-form-row,
.proservice-newsletter-form .ur_lost_reset_password .ur-form-row {
  max-width: 100%;
}
body.proservice-area-privada .ur_lost_reset_password .user-registration-form-row,
body.single-leadmagnet .ur_lost_reset_password .user-registration-form-row,
.proservice-newsletter-form .ur_lost_reset_password .user-registration-form-row {
  text-align: center;
}
body.proservice-area-privada .ur_lost_reset_password .ur-form-grid,
body.single-leadmagnet .ur_lost_reset_password .ur-form-grid,
.proservice-newsletter-form .ur_lost_reset_password .ur-form-grid {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
body.proservice-area-privada .ur_lost_reset_password .ur-form-grid .user-registration-form-row,
body.single-leadmagnet .ur_lost_reset_password .ur-form-grid .user-registration-form-row,
.proservice-newsletter-form .ur_lost_reset_password .ur-form-grid .user-registration-form-row {
  position: relative;
}
body.proservice-area-privada .ur_lost_reset_password .ur-form-grid .user-registration-form-row .user-registration-error,
body.single-leadmagnet .ur_lost_reset_password .ur-form-grid .user-registration-form-row .user-registration-error,
.proservice-newsletter-form .ur_lost_reset_password .ur-form-grid .user-registration-form-row .user-registration-error {
  bottom: 30px;
}
body.proservice-area-privada .user-registration-EditAccountForm.edit-password > .ur-form-row,
body.single-leadmagnet .user-registration-EditAccountForm.edit-password > .ur-form-row,
.proservice-newsletter-form .user-registration-EditAccountForm.edit-password > .ur-form-row {
  width: 100%;
  max-width: 100%;
}
body.proservice-area-privada .user-registration-EditAccountForm.edit-password > .ur-form-row .ur-form-description,
body.single-leadmagnet .user-registration-EditAccountForm.edit-password > .ur-form-row .ur-form-description,
.proservice-newsletter-form .user-registration-EditAccountForm.edit-password > .ur-form-row .ur-form-description {
  margin-bottom: 16px;
}
body.proservice-area-privada .user-registration-EditAccountForm.edit-password > .ur-form-row p,
body.single-leadmagnet .user-registration-EditAccountForm.edit-password > .ur-form-row p,
.proservice-newsletter-form .user-registration-EditAccountForm.edit-password > .ur-form-row p {
  text-align: center;
  width: 100%;
}
body.proservice-area-privada .user-registration-password-confirmation,
body.single-leadmagnet .user-registration-password-confirmation,
.proservice-newsletter-form .user-registration-password-confirmation {
  padding: 32px;
  background-color: #F8E9CC;
  text-align: left;
  border-radius: 6px;
}
body.proservice-area-privada .user-registration-password-confirmation h2,
body.single-leadmagnet .user-registration-password-confirmation h2,
.proservice-newsletter-form .user-registration-password-confirmation h2 {
  padding-top: 0;
}
body.proservice-area-privada .user-registration-password-confirmation p:last-child,
body.single-leadmagnet .user-registration-password-confirmation p:last-child,
.proservice-newsletter-form .user-registration-password-confirmation p:last-child {
  margin-bottom: 0;
}
body.proservice-area-privada .user-registration-password-confirmation .button-container,
body.single-leadmagnet .user-registration-password-confirmation .button-container,
.proservice-newsletter-form .user-registration-password-confirmation .button-container {
  text-align: center !important;
  text-transform: uppercase;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation {
  width: 100% !important;
  border-bottom: none !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media (min-width: 768.02px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation {
    width: unset !important;
  }
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul {
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li {
  background: #e8e8e8;
  flex: 1;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li a {
  border: solid #d0d0d0 !important;
  border-width: 0 0 1px 0 !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 30px;
  width: 100%;
  background: transparent !important;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768.02px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li a,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li a,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li a {
    width: max-content;
    min-width: 100px;
    border-width: 1px 0 1px 0 !important;
  }
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:before,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:before,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:before {
  content: "";
  display: none;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:first-child a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:first-child a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:first-child a {
  border-radius: 6px 6px 0 0;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:last-child a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:last-child a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:last-child a {
  border-radius: 0;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li.is-active a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li.is-active a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li.is-active a {
  color: #141414;
  font-weight: 600 !important;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li.is-active,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li.is-active,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li.is-active,
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:hover,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:hover,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:hover {
  background: #f3f3f3 !important;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li.is-active a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li.is-active a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li.is-active a,
body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:hover a,
body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:hover a,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:hover a {
  background: #f3f3f3 !important;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-content,
body.single-leadmagnet .user-registration .user-registration-MyAccount-content,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-content {
  width: 100% !important;
  padding: 32px !important;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 768.02px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-content,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-content,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-content {
    padding: 64px 80px !important;
    border-radius: 0 6px 6px 6px;
  }
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-content .ur-form-row,
body.single-leadmagnet .user-registration .user-registration-MyAccount-content .ur-form-row,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-content .ur-form-row {
  justify-content: space-between;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-content > .user-registration-profile-header,
body.single-leadmagnet .user-registration .user-registration-MyAccount-content > .user-registration-profile-header,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-content > .user-registration-profile-header {
  display: none !important;
}
body.proservice-area-privada .user-registration .user-registration-MyAccount-content > p,
body.single-leadmagnet .user-registration .user-registration-MyAccount-content > p,
.proservice-newsletter-form .user-registration .user-registration-MyAccount-content > p {
  text-align: center;
}
body.proservice-area-privada .user-registration-ResetPassword .user-registration-form-row--wide,
body.single-leadmagnet .user-registration-ResetPassword .user-registration-form-row--wide,
.proservice-newsletter-form .user-registration-ResetPassword .user-registration-form-row--wide {
  padding-bottom: 0 !important;
}
body.proservice-area-privada .user-registration-ResetPassword .user-registration-Button,
body.single-leadmagnet .user-registration-ResetPassword .user-registration-Button,
.proservice-newsletter-form .user-registration-ResetPassword .user-registration-Button {
  margin-top: 12px;
}
@media (min-width: 768.02px) {
  body.proservice-area-privada hr,
  body.single-leadmagnet hr,
  .proservice-newsletter-form hr {
    display: block;
  }
  body.proservice-area-privada .user-registration-password-confirmation .button-container,
  body.single-leadmagnet .user-registration-password-confirmation .button-container,
  .proservice-newsletter-form .user-registration-password-confirmation .button-container {
    text-align: left !important;
  }
  body.proservice-area-privada #tipo_empresa-error,
  body.single-leadmagnet #tipo_empresa-error,
  .proservice-newsletter-form #tipo_empresa-error {
    bottom: 50px;
  }
  body.proservice-area-privada .ur-form-intro .ur-form-small,
  body.single-leadmagnet .ur-form-intro .ur-form-small,
  .proservice-newsletter-form .ur-form-intro .ur-form-small {
    display: block;
  }
  body.proservice-area-privada .ur-form-intro,
  body.single-leadmagnet .ur-form-intro,
  .proservice-newsletter-form .ur-form-intro {
    max-width: 331px;
    padding-right: 32px;
  }
  body.proservice-area-privada .ur-form-intro h2,
  body.single-leadmagnet .ur-form-intro h2,
  .proservice-newsletter-form .ur-form-intro h2 {
    font-size: 45px !important;
  }
  body.proservice-area-privada .ur-form-row,
  body.single-leadmagnet .ur-form-row,
  .proservice-newsletter-form .ur-form-row,
  body.proservice-area-privada .user-registration .register,
  body.single-leadmagnet .user-registration .register,
  .proservice-newsletter-form .user-registration .register,
  body.proservice-area-privada .ur-form-container,
  body.single-leadmagnet .ur-form-container,
  .proservice-newsletter-form .ur-form-container,
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid {
    max-width: 412px;
    width: 100%;
  }
  body.proservice-area-privada .ur-form-row .user-registration-Button,
  body.single-leadmagnet .ur-form-row .user-registration-Button,
  .proservice-newsletter-form .ur-form-row .user-registration-Button,
  body.proservice-area-privada .user-registration .register .user-registration-Button,
  body.single-leadmagnet .user-registration .register .user-registration-Button,
  .proservice-newsletter-form .user-registration .register .user-registration-Button,
  body.proservice-area-privada .ur-form-container .user-registration-Button,
  body.single-leadmagnet .ur-form-container .user-registration-Button,
  .proservice-newsletter-form .ur-form-container .user-registration-Button,
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid .user-registration-Button,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid .user-registration-Button,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid .user-registration-Button {
    float: left !important;
  }
  body.proservice-area-privada .ur-form-row p,
  body.single-leadmagnet .ur-form-row p,
  .proservice-newsletter-form .ur-form-row p,
  body.proservice-area-privada .user-registration .register p,
  body.single-leadmagnet .user-registration .register p,
  .proservice-newsletter-form .user-registration .register p,
  body.proservice-area-privada .ur-form-container p,
  body.single-leadmagnet .ur-form-container p,
  .proservice-newsletter-form .ur-form-container p,
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid p,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid p,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid p {
    text-align: start;
    width: 100%;
  }
  body.proservice-area-privada .user-registration .register,
  body.single-leadmagnet .user-registration .register,
  .proservice-newsletter-form .user-registration .register,
  body.proservice-area-privada .login > .ur-form-row,
  body.single-leadmagnet .login > .ur-form-row,
  .proservice-newsletter-form .login > .ur-form-row,
  body.proservice-area-privada .ur-form-container,
  body.single-leadmagnet .ur-form-container,
  .proservice-newsletter-form .ur-form-container,
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid {
    padding-left: 32px;
  }
  body.proservice-area-privada .user-registration-form-login,
  body.single-leadmagnet .user-registration-form-login,
  .proservice-newsletter-form .user-registration-form-login,
  body.proservice-area-privada .user-registration.ur-frontend-form,
  body.single-leadmagnet .user-registration.ur-frontend-form,
  .proservice-newsletter-form .user-registration.ur-frontend-form {
    flex-direction: row;
    padding: 64px 80px;
  }
  body.proservice-area-privada .user-registration-form-login .ur-form-description,
  body.single-leadmagnet .user-registration-form-login .ur-form-description,
  .proservice-newsletter-form .user-registration-form-login .ur-form-description,
  body.proservice-area-privada .user-registration.ur-frontend-form .ur-form-description,
  body.single-leadmagnet .user-registration.ur-frontend-form .ur-form-description,
  .proservice-newsletter-form .user-registration.ur-frontend-form .ur-form-description {
    font-size: 18px;
  }
  body.proservice-area-privada .ur_lost_reset_password,
  body.single-leadmagnet .ur_lost_reset_password,
  .proservice-newsletter-form .ur_lost_reset_password {
    padding: 64px 80px;
  }
  body.proservice-area-privada .ur_lost_reset_password .ur-form-grid,
  body.single-leadmagnet .ur_lost_reset_password .ur-form-grid,
  .proservice-newsletter-form .ur_lost_reset_password .ur-form-grid {
    flex-direction: row;
  }
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-row,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-row,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-row {
    flex-wrap: nowrap;
  }
  body.proservice-area-privada .user-registration-EditAccountForm.edit-password .ur-form-grid,
  body.single-leadmagnet .user-registration-EditAccountForm.edit-password .ur-form-grid,
  .proservice-newsletter-form .user-registration-EditAccountForm.edit-password .ur-form-grid {
    min-width: 250px;
  }
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul {
    flex-direction: row !important;
  }
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:not(.is-active),
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:not(.is-active),
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:not(.is-active) {
    border-bottom: 1px solid #d0d0d0 !important;
  }
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li a,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li a,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li a {
    border: 0 !important;
    font-size: 16px !important;
    padding: 30px 20px !important;
  }
  body.proservice-area-privada .login > .user-registration-EditProfileForm,
  body.single-leadmagnet .login > .user-registration-EditProfileForm,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm {
    flex-direction: row;
  }
  body.proservice-area-privada .login > .user-registration-EditProfileForm > .ur-form-row,
  body.single-leadmagnet .login > .user-registration-EditProfileForm > .ur-form-row,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm > .ur-form-row {
    min-width: 320px;
    padding-left: 32px;
  }
  body.proservice-area-privada .login > .user-registration-EditProfileForm .ur-grid-2 .postal-code,
  body.single-leadmagnet .login > .user-registration-EditProfileForm .ur-grid-2 .postal-code,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm .ur-grid-2 .postal-code {
    max-width: 100%;
  }
  body.proservice-area-privada .login > .user-registration-EditProfileForm .user-registration-profile-fields > p,
  body.single-leadmagnet .login > .user-registration-EditProfileForm .user-registration-profile-fields > p,
  .proservice-newsletter-form .login > .user-registration-EditProfileForm .user-registration-profile-fields > p {
    text-align: left;
  }
  body.proservice-area-privada .user-registration-password-confirmation,
  body.single-leadmagnet .user-registration-password-confirmation,
  .proservice-newsletter-form .user-registration-password-confirmation {
    padding: 64px 80px;
  }
  body.proservice-area-privada .user-registration.ur-frontend-form .ur-button-container,
  body.single-leadmagnet .user-registration.ur-frontend-form .ur-button-container,
  .proservice-newsletter-form .user-registration.ur-frontend-form .ur-button-container {
    padding-left: 0;
  }
  body.proservice-area-privada .user-registration.ur-frontend-form .ur-button-container .ur-submit-button,
  body.single-leadmagnet .user-registration.ur-frontend-form .ur-button-container .ur-submit-button,
  .proservice-newsletter-form .user-registration.ur-frontend-form .ur-button-container .ur-submit-button {
    margin-left: 0;
  }
  body.proservice-area-privada form .input-text,
  body.single-leadmagnet form .input-text,
  .proservice-newsletter-form form .input-text,
  body.proservice-area-privada form select,
  body.single-leadmagnet form select,
  .proservice-newsletter-form form select {
    font-size: 18px;
  }
  body.proservice-area-privada form .postal-code,
  body.single-leadmagnet form .postal-code,
  .proservice-newsletter-form form .postal-code {
    max-width: 100% !important;
    margin-left: auto;
  }
}
@media (min-width: 768.02px) and (min-width: 768px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:first-child,
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:first-child a,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:first-child a,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:first-child a {
    border-radius: 6px 0 0 0;
  }
}
@media (min-width: 768.02px) and (min-width: 768px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:last-child,
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li:last-child a,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li:last-child a,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li:last-child a {
    border-radius: 0 6px 0 0;
  }
}
@media (min-width: 768.02px) and (min-width: 768.02px) {
  body.proservice-area-privada .user-registration .user-registration-MyAccount-navigation > ul li + li,
  body.single-leadmagnet .user-registration .user-registration-MyAccount-navigation > ul li + li,
  .proservice-newsletter-form .user-registration .user-registration-MyAccount-navigation > ul li + li {
    border-left: 1px solid #d0d0d0;
  }
}
div.formulari-atencion-cliente {
  margin-bottom: 60px;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente {
    margin-bottom: 128px;
  }
}
div.formulari-atencion-cliente nav {
  display: none;
}
div.formulari-atencion-cliente nav ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente nav ul {
    flex-direction: row;
  }
}
div.formulari-atencion-cliente nav ul li {
  padding-left: 0;
  background: #E8E8E8;
  margin-bottom: 0;
  border-bottom: 1px solid #D0D0D0;
}
div.formulari-atencion-cliente nav ul li a {
  display: block;
  padding: 30px 80px;
}
div.formulari-atencion-cliente nav ul li:before {
  display: none;
}
div.formulari-atencion-cliente nav ul li:first-child {
  border-radius: 6px 6px 0 0;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente nav ul li:first-child {
    border-radius: 6px 0 0 0;
  }
}
div.formulari-atencion-cliente nav ul li:last-child {
  border-radius: 0;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente nav ul li:last-child {
    border-radius: 0 6px 0 0;
  }
}
div.formulari-atencion-cliente nav ul li + li {
  border-top: 1px solid #D0D0D0;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente nav ul li + li {
    border-left: 1px solid #D0D0D0;
    border-top: none;
  }
}
div.formulari-atencion-cliente nav li.is-active {
  background: #F3F3F3;
  font-weight: bold;
  border-bottom: none;
}
div.formulari-atencion-cliente nav li.is-active a {
  color: #141414;
}
div.formulari-atencion-cliente nav li.is-active:last-child {
  border-bottom: 1px solid #D0D0D0;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente nav li.is-active:last-child {
    border-bottom: none;
  }
}
div.formulari-atencion-cliente .layer.cliente,
div.formulari-atencion-cliente .layer.no-cliente {
  background: #F3F3F3;
  padding: 32px;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente .layer.cliente,
  div.formulari-atencion-cliente .layer.no-cliente {
    padding: 64px 80px;
  }
}
div.formulari-atencion-cliente .layer.cliente p,
div.formulari-atencion-cliente .layer.no-cliente p {
  font-size: 14px;
  letter-spacing: 0.36px;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente .layer.cliente p,
  div.formulari-atencion-cliente .layer.no-cliente p {
    font-size: 18px;
  }
}
div.formulari-atencion-cliente .layer.no-cliente {
  display: none;
}
div.formulari-atencion-cliente .layer.no-cliente .opcion-no-cliente-a {
  padding-top: 8px;
  padding-bottom: 32px;
  border-bottom: 1px solid #D0D0D0;
}
div.formulari-atencion-cliente div.wpforms-container-full input[type=submit].com_bt,
div.formulari-atencion-cliente div.wpforms-container-full button[type=submit].com_bt,
div.formulari-atencion-cliente div.wpforms-container-full .wpforms-page-button.com_bt {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #fff;
  text-decoration: none;
}
div.formulari-atencion-cliente div.wpforms-container-full input[type=submit].com_bt:hover,
div.formulari-atencion-cliente div.wpforms-container-full button[type=submit].com_bt:hover,
div.formulari-atencion-cliente div.wpforms-container-full .wpforms-page-button.com_bt:hover {
  background: #141414;
}
div.formulari-atencion-cliente div.wpforms-container .wpforms-form .wpforms-field {
  overflow-x: unset !important;
}
div.formulari-atencion-cliente form .wpforms-field {
  position: relative;
  padding-bottom: 20px;
  padding-top: 0;
}
div.formulari-atencion-cliente form input.wpforms-error {
  border: 1px solid #D74632 !important;
  color: #D74632 !important;
}
div.formulari-atencion-cliente form em.wpforms-error,
div.formulari-atencion-cliente form .user-registration-error {
  width: fit-content;
  padding: 10px !important;
  border-radius: 6px;
  position: absolute !important;
  top: -55px;
  right: -30px;
  background: #D74632;
  color: white !important;
  font-weight: 700 !important;
  margin-top: 0;
  border-top: none;
}
div.formulari-atencion-cliente form em.wpforms-error:before,
div.formulari-atencion-cliente form .user-registration-error:before {
  display: none;
}
div.formulari-atencion-cliente form em.wpforms-error:after,
div.formulari-atencion-cliente form .user-registration-error:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'%3E%3Cpath d='M23 0H0L11.5 13.5L23 0Z' fill='%23D74632'/%3E%3C/svg%3E");
  width: 23px;
  height: 13px;
  bottom: -12px;
  left: 45%;
  position: absolute;
}
div.formulari-atencion-cliente form .wpforms-field-textarea {
  padding-bottom: 32px;
  border-bottom: 1px solid #D0D0D0;
}
div.formulari-atencion-cliente form .wpforms-field-textarea textarea {
  border: none;
  font-size: 14px;
  font-weight: 400 ;
  color: #141414 ;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente form .wpforms-field-textarea textarea {
    font-size: 18px;
  }
}
div.formulari-atencion-cliente form .wpforms-field-textarea em.wpforms-error {
  margin-top: 0;
  top: -40px;
  bottom: unset;
}
div.formulari-atencion-cliente form .wpforms-field-textarea .wpforms-field-description,
div.formulari-atencion-cliente form .wpforms-field-textarea .wpforms-field-limit-text {
  display: none;
}
div.formulari-atencion-cliente form.busca_cp {
  padding-bottom: 32px;
  border-bottom: 1px solid #D0D0D0;
  text-align: center;
  position: relative;
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form.busca_cp {
    text-align: left;
  }
}
div.formulari-atencion-cliente form.busca_cp .user-registration-error {
  top: -40px;
  left: unset;
  right: 0;
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form.busca_cp .user-registration-error {
    right: unset;
    left: 35px;
  }
}
div.formulari-atencion-cliente form.busca_cp .error {
  border: 1px solid #D74632 !important;
}
div.formulari-atencion-cliente form.busca_cp input {
  max-width: 100%;
  width: 100%;
  color: #141414;
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form.busca_cp input {
    max-width: 140px;
  }
}
div.formulari-atencion-cliente form.busca_cp button {
  max-width: 170px;
  font-size: 12px;
  height: 28px;
  letter-spacing: 1.2px;
  padding: 2px 20px;
  margin: 20px auto 0 auto;
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form.busca_cp button {
    margin: 0 0 0 16px;
  }
}
div.formulari-atencion-cliente form .postal-code {
  max-width: 100%;
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form .postal-code {
    max-width: 140px;
  }
}
@media (min-width: 576.02px) {
  div.formulari-atencion-cliente form .postal-code em.wpforms-error {
    right: -30%;
  }
}
div.formulari-atencion-cliente form.busca_cp + p {
  padding-top: 32px;
}
div.formulari-atencion-cliente form input,
div.formulari-atencion-cliente form select {
  line-height: normal;
  font-size: 14px !important;
  padding: 7px 16px;
  height: 37px;
  border: none !important;
  background: #FFF;
  border-radius: 5px;
  margin-bottom: 0 ;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente form input,
  div.formulari-atencion-cliente form select {
    font-size: 18px !important;
  }
}
div.formulari-atencion-cliente form input::placeholder,
div.formulari-atencion-cliente form select::placeholder {
  color: #A1A1A1 !important;
  opacity: 1 !important;
  font-weight: 400  !important;
}
div.formulari-atencion-cliente form select {
  background: #ffffff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55% !important;
  color: #141414;
}
div.formulari-atencion-cliente form select:invalid {
  color: #A1A1A1 !important;
}
div.formulari-atencion-cliente form select:invalid.wpforms-error {
  border: 1px solid #D74632 !important;
}
div.formulari-atencion-cliente form .wpforms-field-checkbox {
  text-align: left;
}
div.formulari-atencion-cliente form .wpforms-field-checkbox li:before {
  display: none;
}
div.formulari-atencion-cliente form .wpforms-field-checkbox li input,
div.formulari-atencion-cliente form .wpforms-field-checkbox li label {
  padding: 0;
  font-size: 14px;
  font-weight: 400 ;
  color: #141414 ;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente form .wpforms-field-checkbox li input,
  div.formulari-atencion-cliente form .wpforms-field-checkbox li label {
    font-size: 18px;
  }
}
div.formulari-atencion-cliente form .wpforms-field-checkbox li label {
  padding-left: 5px !important;
}
div.formulari-atencion-cliente form .wpforms-field-checkbox li label a {
  text-decoration: underline;
  color: #141414;
}
div.formulari-atencion-cliente form .politica-privacidad {
  margin-top: 32px;
  width: fit-content;
}
div.formulari-atencion-cliente form .politica-privacidad fieldset,
div.formulari-atencion-cliente form .politica-privacidad ul,
div.formulari-atencion-cliente form .politica-privacidad li {
  width: fit-content;
}
div.formulari-atencion-cliente form .politica-privacidad em.wpforms-error {
  top: -40px;
  margin-top: 0;
}
div.formulari-atencion-cliente form .wpforms-submit-container {
  text-align: center;
}
@media (min-width: 768.02px) {
  div.formulari-atencion-cliente form .wpforms-submit-container {
    text-align: left;
  }
}
div.formulari-atencion-cliente form .wpforms-submit-container button {
  text-transform: uppercase;
}
div.formulari-atencion-cliente form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  -webkit-appearance: none;
  background: #fff;
  margin-top: 0 !important;
}
div.formulari-atencion-cliente form input[type="checkbox"]:before,
div.formulari-atencion-cliente form input[type="checkbox"]:after {
  display: none;
}
div.formulari-atencion-cliente form input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5 8.75L7.75 11.5L13.25 6' stroke='%23DB9300' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
div.formulari-atencion-cliente form .tipo-empresa {
  max-width: 190px;
}
div.formulari-atencion-cliente form .consulta {
  max-width: 350px;
}
div.formulari-atencion-cliente form .tipo-empresa select,
div.formulari-atencion-cliente form .consulta select {
  max-width: 100%;
}
@media (max-width: 576px) {
  div.formulari-atencion-cliente form .wpforms-one-half.wpforms-field-email {
    width: 100% !important;
  }
}
@media (max-width: 576px) {
  div.formulari-atencion-cliente form .wpforms-one-half.wpforms-field-number {
    margin-left: 0;
    min-width: 112px;
  }
}
/*----------------------------------------------------------------------------------------------------
	Resultats cerca
----------------------------------------------------------------------------------------------------*/
.resultats-cerca {
  padding-top: 85px;
  padding-bottom: 110px;
}
.resultats-cerca .info-pre {
  margin: 1em 0 0.5em 0;
}
.resultats-cerca .resultat {
  display: flex;
  border-bottom: #a1a1a1 1px solid;
  padding-top: 25px;
  padding-bottom: 1px;
}
.resultats-cerca .resultat a {
  color: #141414;
}
.resultats-cerca .resultat a:hover {
  color: #db9300;
}
.resultats-cerca .resultat > a {
  display: flex;
}
.resultats-cerca .resultat:first-child {
  border-top: #a1a1a1 1px solid;
}
.resultats-cerca .foto {
  width: 220px;
  margin-right: 20px;
  padding-bottom: 25px;
  padding-top: 5px;
}
.resultats-cerca .foto img {
  max-width: 100%;
  height: auto;
}
.resultats-cerca .text {
  font-size: 18px;
  flex: 1;
  text-align: left;
  padding-bottom: 25px;
}
.resultats-cerca .titol {
  font-size: 20px;
  color: #db9300;
  text-align: left;
  margin-bottom: 0.5em;
}
.resultats-cerca .paginacio-wrapper {
  display: flex;
  margin-top: 30px;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}
.resultats-cerca .paginacio-wrapper p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.resultats-cerca .paginacio-wrapper .text-paginacio {
  margin: 0 10px;
}
.resultats-cerca .paginacio-wrapper a,
.resultats-cerca .paginacio-wrapper .prev,
.resultats-cerca .paginacio-wrapper .next {
  font-size: 1.75em;
}
.resultats-cerca .paginacio-wrapper a:hover {
  text-decoration: none;
  color: #141414;
}
.resultats-cerca .paginacio-wrapper span.prev,
.resultats-cerca .paginacio-wrapper span.next {
  color: #a1a1a1;
}
.resultats-cerca .paginacio-wrapper select,
.resultats-cerca .paginacio-wrapper .ui-selectmenu-button {
  margin: 0 10px;
  width: 150px;
}
@media only screen and (max-width: 640px) {
  .resultats-cerca .resultat a {
    display: block;
  }
  .resultats-cerca .foto {
    max-width: none;
    text-align: left;
    padding-bottom: 10px;
  }
}
/*----------------------------------------------------------------------------------------------------
	Faqs
----------------------------------------------------------------------------------------------------*/
.mod-faqs {
  /*margin-top:    @espaiEntreModuls;
	margin-bottom: @espaiEntreModuls;*/
}
.mod-faqs .faqs-wrapper {
  margin-top: 2.33333333vw;
  border-radius: 6px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  overflow: hidden;
}
.mod-faqs .enunciat {
  background: #f7e5c2;
  border-bottom: #fff 1px solid;
  padding: 0 30px 0 35px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mod-faqs .enunciat:hover {
  background: #f1d499;
}
.mod-faqs .enunciat p {
  padding: 6px 0;
  margin: 0;
}
.mod-faqs .enunciat span {
  font-weight: 700;
}
.mod-faqs .enunciat:after {
  display: block;
  font-family: 'proservice' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  font-size: 0.9em;
}
.mod-faqs .opening > .enunciat,
.mod-faqs .open > .enunciat {
  font-weight: 700;
  background: #f1d499;
}
.mod-faqs .opening > .enunciat:after,
.mod-faqs .open > .enunciat:after {
  content: "\e924";
}
.mod-faqs .open > .contingut {
  display: block;
}
.mod-faqs .contingut {
  display: none;
}
.mod-faqs .pregunta .enunciat {
  background: #f3f3f3;
  border-bottom-color: #d0d0d0;
  padding-left: 65px;
}
.mod-faqs .pregunta .enunciat:hover {
  background: #d0d0d0;
}
.mod-faqs .contingut .inner {
  padding: 1.3em 65px 0;
}
.mod-faqs .media {
  margin-left: 20px;
  margin-bottom: 1em;
}
@media screen and (max-width: 781px) {
  .mod-faqs .enunciat {
    padding: 0 15px;
  }
  .mod-faqs .pregunta .enunciat {
    padding-left: 35px;
  }
  .mod-faqs .contingut .inner {
    padding: 1.3em 35px 0;
  }
}
.mod-faqs-form {
  padding-top: 7vw;
  padding-bottom: 7vw;
  background: #f3f3f3;
}
/*----------------------------------------------------------------------------------------------------
	Pagines Categoria i Tag, amb sidebar dins del loop
----------------------------------------------------------------------------------------------------*/
.loop.maq_cols.amb-sidebar .post.last-post {
  display: none;
}
.loop.maq_cols.amb-sidebar .post.last-post.last-page {
  display: block;
}
@media screen and (min-width: 641px) {
  .loop.maq_cols.amb-sidebar {
    grid-auto-flow: dense;
    display: grid;
    align-items: start;
    justify-items: stretch;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .loop.maq_cols.amb-sidebar > .col {
    order: 2;
    width: 100% !important;
    margin: 0;
  }
  .loop.maq_cols.amb-sidebar .mod-sidebar {
    order: 1;
    padding-left: 20px;
  }
  .loop.maq_cols.amb-sidebar .col:nth-child(1),
  .loop.maq_cols.amb-sidebar .col:nth-child(2) {
    order: 0;
  }
}
@media screen and (min-width: 641px) and (max-width: 781px) {
  .loop.maq_cols.amb-sidebar {
    grid-template-columns: repeat(2, 1fr);
  }
  .loop.maq_cols.amb-sidebar .col:nth-child(2) {
    order: 2;
  }
}
@media screen and (max-width: 640px) {
  .loop.maq_cols.amb-sidebar .col {
    order: 1;
  }
  .loop.maq_cols.amb-sidebar .mod-sidebar {
    order: 0;
  }
}
/*----------------------------------------------------------------------------------------------------
	Comú a categoria, single post i tag
----------------------------------------------------------------------------------------------------*/
.mod-sidebar {
  font-size: 16px;
  color: #a1a1a1;
}
.mod-sidebar .inner {
  padding-top: 0.8em;
  border-top: #a1a1a1 1px solid;
  border-bottom: #a1a1a1 1px solid;
}
.mod-sidebar p,
main .mod-sidebar ul li {
  margin-bottom: 0.6em;
}
main .mod-sidebar ul {
  margin-bottom: 0;
}
main .mod-sidebar ul li {
  padding-left: 0;
  text-align: left;
  text-transform: uppercase;
}
main .mod-sidebar ul li:before {
  display: none;
}
.mod-sidebar strong {
  font-weight: 700;
  color: #141414;
}
main .mod-sidebar a {
  color: #a1a1a1;
}
main .mod-sidebar a:hover {
  text-decoration: none;
  color: #db9300;
}
.mod-sidebar [class^="icon-"],
.mod-sidebar [class*=" icon-"] {
  color: #db9300;
  margin-right: 8px;
}
.mod-sidebar .tag-cloud {
  border-top: #a1a1a1 1px solid;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: left;
}
.mod-sidebar .tag-cloud p {
  margin-bottom: 0.35em;
}
/*----------------------------------------------------------------------------------------------------
	Post i Promocion
----------------------------------------------------------------------------------------------------*/
.post-single {
  padding-top: 85px;
  padding-bottom: 110px;
  /*
    .info-post2 {
        margin-top: 105px;
        border: 0;
		padding: 0;
    }
	*/
}
.post-single .titular {
  padding-bottom: 25px;
}
.post-single .titular .back {
  margin-bottom: 2.5em;
  font-size: 18px;
}
.post-single .titular .back a {
  color: #141414;
}
.post-single .titular .back a:hover {
  color: #db9300;
}
.post-single .titular .planeta_pro {
  font-weight: 700;
  padding: 0 0 10px;
}
.post-single .titular .com_titular_2 {
  padding-top: 0;
}
.post-single .post-text {
  position: relative;
}
.post-single .post-excerpt,
.post-single .post-content > *:not( .wp-block-proservice-boton ) {
  padding-right: 320px;
}
.post-single .post-content > .wp-block-proservice-boton {
  margin-right: 320px;
}
.post-single .post-content > .wp-block-proservice-cartas-ps {
  padding-right: 0;
}
.post-single .post-content > .wp-block-proservice-cartas-ps .maq-contenidor {
  padding: 0;
  max-width: none;
}
.post-single .post-content > .wp-block-image {
  padding-right: 0;
  margin-bottom: 1em;
}
.post-single .post-excerpt {
  font-size: 1.25em;
}
.post-single .info-post,
.post-single .info-post2 {
  position: absolute;
  right: 0;
  width: 236px;
  color: #a1a1a1;
}
.post-single .linea-sota {
  border-bottom: #a1a1a1 1px solid;
}
.post-single .logo_promo {
  text-align: left;
}
.post-single .logo_promo img {
  width: auto;
  height: 40px;
}
.post-single .post-meta [class^="icon-"] {
  color: #db9300;
}
.post-single .post-meta p {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
.post-single .post-meta a {
  color: #a1a1a1;
}
.post-single .post-meta a:hover {
  color: #000;
}
.post-single .post-meta .autor,
.post-single .post-meta .privat {
  margin-right: 0.5em;
}
/*----------------------------------------------------------------------------------------------------
	Blog 
----------------------------------------------------------------------------------------------------*/
.com-categoria-post {
  font-size: 14px;
  line-height: 2.5em;
  color: #727272;
  font-weight: 700;
  border-left: #a1a1a1 1px solid;
  border-right: #a1a1a1 1px solid;
  display: inline-block;
  padding: 0 15px;
  margin-right: auto;
  text-transform: uppercase;
}
.com-categoria-post:hover {
  color: #db9300;
  border-color: #db9300;
  text-decoration: none;
}
.post.col {
  max-width: 500px;
  margin: 0 auto;
}
.post .img {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.post .img img {
  display: block;
  width: 100%;
  height: auto;
}
.post.locked .img img {
  filter: blur(4px);
}
.post.locked .com_titular_4,
.post.locked .com_titular_5 {
  color: #727272;
}
.post .locked-div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.post .locked-div .icon {
  font-size: 65px;
  margin: 0;
  color: #db9300;
  line-height: 1.2em;
}
.post .locked-div .txt {
  margin: 0 0 0.1em;
}
.post .locked-div .bt {
  margin: 0;
}
.post .locked-div .com_bt:hover {
  background: #db9300;
}
.post .data {
  color: #727272;
  font-size: 12px;
  margin: 1.5em 0 0.75em;
}
.post .com_titular_4,
.post .com_titular_5 {
  padding: 0 0 0.3em;
  margin: 0;
}
.post.js-hover .com_titular_4 a,
.post.js-hover .com_titular_5 a {
  text-decoration: underline;
}
.post .fletxa {
  margin-bottom: 5px;
}
.post .fletxa a {
  color: #141414;
  font-size: 1.25em;
}
.post .fletxa:hover a,
.post.js-hover .fletxa a {
  color: #db9300;
  text-decoration: none;
}
.post .info {
  padding-left: 16px;
  text-align: left;
}
.post .com-categoria-post {
  margin-left: -16px;
}
.post .excerpt p {
  margin-bottom: 0.5em;
}
.mod-destaca-post .post {
  display: flex;
  margin-left: -20px;
}
.mod-destaca-post .img,
.mod-destaca-post .info {
  padding-left: 20px;
  box-sizing: border-box;
  width: 50%;
}
.mod-destaca-post .info {
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mod-destaca-post .excerpt {
  flex: 1;
}
.mod-loop {
  padding-top: 7vw;
  padding-bottom: 7vw;
  background: #f3f3f3;
}
.mod-loop .intro {
  padding-bottom: 2em;
}
.mod-loop .post .info {
  margin: 0.5em 0 1em;
}
.mod-loop .filtre-posts {
  border-bottom: #d0d0d0 1px solid;
  text-align: left;
  margin-bottom: 32px;
  text-transform: uppercase;
}
.mod-loop .filtre-posts a,
.mod-loop .filtre-posts button {
  display: inline-block;
  background: none;
  padding: 5px 0;
  font-size: 16px;
  cursor: pointer;
  color: #a1a1a1;
  margin-left: 50px;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
}
.mod-loop .filtre-posts a:first-child,
.mod-loop .filtre-posts button:first-child {
  margin-left: 0;
}
.mod-loop .filtre-posts a:hover,
.mod-loop .filtre-posts button:hover {
  color: #db9300;
  text-decoration: none;
}
.mod-loop .filtre-posts a.active,
.mod-loop .filtre-posts a.active:hover,
.mod-loop .filtre-posts button.mixitup-control-active,
.mod-loop .filtre-posts button.mixitup-control-active:hover {
  color: #141414;
  border-bottom-color: #db9300;
  cursor: default;
}
.mod-loop .load-more-bt {
  margin-top: 1em;
}
.more_posts_wrapper {
  text-align: center;
}
main {
  overflow: hidden;
}
body.home main {
  overflow: unset;
}
.maq_cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.maq_cols.valign_center {
  align-items: center;
}
.maq_cols.gutter {
  margin-left: -20px;
}
.maq_cols.gutter .col {
  padding-left: 20px;
  box-sizing: border-box;
}
.maq_cols.gutterGran {
  margin-left: -50px;
}
.maq_cols.gutterGran .col {
  padding-left: 50px;
  box-sizing: border-box;
}
.maq_cols.cols_2 > .col,
.maq_cols.cols_4 > .col-doble {
  width: 50%;
}
.maq_cols.cols_2 > .col-doble {
  width: 100%;
}
.maq_cols.cols_3 > .col {
  width: 33.3333%;
}
.maq_cols.cols_3 > .col-doble {
  width: 66.6666%;
}
.maq_cols.cols_4 > .col {
  width: 25%;
}
.maq_cols .col.width_7_12 {
  width: 58.33333333%;
}
.maq_cols .col.width_4_12 {
  width: 33.33333333%;
}
.maq_cols .col.width_5_12 {
  width: 41.66666667%;
}
.has-text-align-left {
  text-align: left !important;
}
.has-text-align-center {
  text-align: center !important;
}
.has-text-align-right {
  text-align: right !important;
}
.com_sense-espai-superior {
  margin-top: 0 !important;
}
.com_sense-espai-inferior {
  margin-bottom: 0 !important;
}
.com_bg_bottom_right,
.com_bg_bottom_right > div[class*="mod-"] {
  background-position: bottom right !important;
}
.com_bg_center_right,
.com_bg_center_right > div[class*="mod-"] {
  background-position: center right !important;
}
.com_bg_size_contain,
.com_bg_size_contain > div[class*="mod-"] {
  background-size: contain !important;
}
.com_bg_size_auto,
.com_bg_size_auto > div[class*="mod-"] {
  background-size: auto !important;
}
/*----------------------------------------------------------------------------------------------------
	Estils del editor de WP
----------------------------------------------------------------------------------------------------*/
.has-color-horum-acid-color {
  color: #f7ff36;
}
.has-color-proservice-soft-orange-color {
  color: #fbb347;
}
.has-color-proservice-dark-orange-color {
  color: #db9300;
}
.has-color-blanc-color {
  color: #fff;
}
.has-color-black-20-color {
  color: #f7ff36;
}
.has-color-black-40-color {
  color: #f7ff36;
}
.has-color-black-60-color {
  color: #f7ff36;
}
.has-color-black-80-color {
  color: #f7ff36;
}
.has-color-black-text-color {
  color: #f7ff36;
}
.has-color-black-abs-color {
  color: #f7ff36;
}
.has-color-blanc-background-color {
  background-color: #fff;
}
.has-color-negre-background-color {
  background-color: #000000;
}
.has-color-gris-clarissim-background-color {
  background: #f3f3f3;
}
.bg-proservice-gradient {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%) !important;
}
.bg-proservice-soft-orange {
  background: #fbb347 !important;
}
.is-style-font-size-mini {
  font-size: 18px;
}
.is-style-font-size-micro {
  font-size: 12px;
}
.is-style-font-size-gegant {
  font-size: 100px;
}
.is-style-font-size-mig {
  font-size: 45px;
}
.is-style-font-size-gran {
  font-size: 35px;
}
.text-mas-interlinea {
  line-height: 1.6em;
}
.com-sense-marges {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/*----------------------------------------------------------------------------------------------------
	Titulars, links i botons
----------------------------------------------------------------------------------------------------*/
/************************** TITULARS, ALGUNES PROPIETATS ESTAN A skins.less ************************/
.com_titular_1,
.is-style-com_titular_1,
.com_titular_2,
.is-style-com_titular_2,
.com_titular_3,
.is-style-com_titular_3,
.com_titular_4,
.is-style-com_titular_4 {
  font-weight: 300;
  line-height: 1em;
  text-align: left;
  padding-top: 1em;
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
.com_titular_1,
.is-style-com_titular_1,
.com_titular_2,
.is-style-com_titular_2,
.com_titular_3,
.is-style-com_titular_3 {
  font-weight: 700;
}
.com_titular_5,
.is-style-com_titular_5 {
  font-weight: 400;
}
/************************** BOTONS, ALGUNES PROPIETATS ESTAN A skins.less ************************/
.com_bt {
  border-radius: 25px;
  display: inline-block;
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  text-align: center;
  padding: 9px 30px;
  text-shadow: none;
  border: transparent 1px solid;
}
.com_bt + .com_bt {
  margin-right: 10px;
  margin-left: 10px;
}
.com_bt.off,
.com_bt.off:hover {
  background: #d0d0d0;
  cursor: default;
}
@media only screen and (min-width: 641px) {
  .com_bt.mini {
    padding: 6px 24px;
    font-size: 12px;
    border-radius: 20px;
  }
}
a.com_bt {
  text-decoration: none;
}
.com_bt.quadrat {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 6px;
}
.com_bt:hover {
  background: #141414;
}
.com_bt.blanc,
.com_bt.blanc-hover:hover,
.com_bt.blanc-taronja {
  color: #141414;
  background: #fff;
}
.com_bt.blanc:hover {
  color: #fff;
  background: #141414;
}
.com_bt.blanc-taronja:hover {
  color: #141414;
  background: #fbb347;
}
.com_bt.filet-blanc {
  border: #ffffff 1px solid;
}
.com_bt.filet {
  color: #141414;
  border: #141414 1px solid;
  background: #ffffff;
}
.com_bt.filet:hover {
  background: #141414;
  color: #ffffff;
}
.com_bt.taronja-pla {
  background: #fbb347;
}
.com_bt.taronja-pla:hover {
  background: #141414;
}
.com_botons {
  line-height: 2.5em;
}
.com_input_text {
  background: #434343;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  line-height: 1.77777778em;
  padding: 0 1em;
  width: 210px;
}
input.com_checkbox-tune {
  -webkit-appearance: none;
  background-color: #f3f3f3;
  border: #f3f3f3 1px solid;
  border-radius: 6px;
  padding: 8px;
  display: inline-block;
  margin: 1px 0;
  position: relative;
}
input.com_checkbox-tune:active,
input.com_checkbox-tune:checked:active {
  border-color: #db9300;
}
input.com_checkbox-tune:checked {
  border-color: #db9300;
  background: #db9300;
}
input.com_checkbox-tune:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -5px;
  left: 3px;
  color: #fff;
}
.com_max_width_700 {
  max-width: 700px;
}
/*----------------------------------------------------------------------------------------------------
	Senefes
----------------------------------------------------------------------------------------------------*/
.com-senefa,
.com-senefa .senefa-wrapper,
.com-senefa .senefa,
.com-senefa .llum {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.com-senefa .senefa {
  background: url('img/cenefa-amarilla.png') no-repeat center center;
  background-size: cover;
}
.com-senefa.lila .senefa {
  background-image: url('img/cenefa-lila.png');
}
.com-senefa.vermella .senefa {
  background-image: url('img/cenefa-roja.png');
}
.com-senefa.rosa .senefa {
  background-image: url('img/cenefa-rosa.png');
}
.com-senefa.invers_0 .senefa,
.com-senefa.flip-horizontal .senefa {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.com-senefa .llum {
  right: 65%;
  left: -15%;
  background: url('img/llum-groga.svg') no-repeat center center;
  background-size: contain;
  filter: blur(70px);
  opacity: 0.5;
  z-index: -1;
  webkit-animation: animaLlum 15s;
  webkit-animation-iteration-count: infinite;
  animation: animaLlum 15s;
  animation-iteration-count: infinite;
}
.com-senefa.invers_0 .llum,
.com-senefa.flip-horizontal .llum {
  right: -15%;
  left: 65%;
}
.com-senefa.lila .llum {
  background-image: url('img/llum-lila.svg');
}
.com-senefa.vermella .llum {
  background-image: url('img/llum-vermella.svg');
}
.com-senefa.rosa .llum {
  background-image: url('img/llum-rosa.svg');
}
@keyframes animaLlum {
  0% {
    margin-top: 0;
    opacity: 0.5;
    margin-left: 0;
  }
  25% {
    margin-top: -5vw;
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
    margin-top: 0;
    margin-left: 10vw;
  }
  75% {
    opacity: 0.4;
    margin-top: 5vw;
  }
  100% {
    opacity: 0.5;
    margin-top: 0;
    margin-left: 0;
  }
}
@-webkit-keyframes animaLlum {
  0% {
    margin-top: 0;
    opacity: 0.5;
    margin-left: 0;
  }
  25% {
    margin-top: -5vw;
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
    margin-top: 0;
    margin-left: 10vw;
  }
  75% {
    opacity: 0.4;
    margin-top: 5vw;
  }
  100% {
    opacity: 0.5;
    margin-top: 0;
    margin-left: 0;
  }
}
/**
 *  En aquest fitxer es defineixen aquells estils que estan ficats amb un class a llocs específics del editor gutenberg
 */
/**
 *  Furgoneta al modul hitos de la home
 */
.excepcion-furgo-wrapper {
  overflow: hidden;
}
.excepcion-furgo-wrapper .excepcion-furgo-col {
  position: relative;
}
.excepcion-furgo-wrapper .excepcion-furgo {
  height: 100%;
}
.excepcion-furgo-wrapper .bg-right {
  height: inherit;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
  background-image: url(img_cont/quienes-2.jpg);
  position: absolute;
  left: 0;
  top: -60px;
  bottom: 0;
  width: calc(55vw);
}
@media (max-width: 781px) {
  .excepcion-furgo-wrapper .bg-right {
    position: relative;
    left: 0;
    top: -20px;
    bottom: 0;
    width: 100vw;
    height: 80vw;
  }
}
/**
 *  Logo puntazos en el hero de pág. puntazos
 */
.excepcion-logo-puntazos .maq-contenidor {
  display: flex;
}
.excepcion-logo-puntazos .subtitol {
  margin-top: 130px;
  margin-left: 40px;
}
@media screen and (max-width: 1160px) {
  .excepcion-logo-puntazos .logo_puntazos img {
    width: 27vw;
    height: auto;
  }
}
@media screen and (max-width: 781px) {
  .excepcion-logo-puntazos .maq-contenidor {
    display: block;
  }
  .excepcion-logo-puntazos .logo_puntazos {
    text-align: center;
  }
  .excepcion-logo-puntazos .logo_puntazos img {
    width: 200px;
    max-width: 75%;
    margin: auto;
  }
  .excepcion-logo-puntazos .subtitol {
    margin-top: 0;
    margin-left: 0;
  }
}
/**
 *  Catálogo regalos de pág. puntazos
 */
.excepcion-catalogo-regalos {
  min-height: 350px;
  background-color: #f3f3f3 !important;
  background-image: url(img/regalos-2023.png), url(img/focus.jpg) !important;
  background-size: 450px, cover !important;
  background-repeat: no-repeat !important;
  background-position: right bottom, center !important;
}
.excepcion-catalogo-regalos .maq-contenidor > * {
  max-width: 75%;
}
@media screen and (max-width: 1400px) {
  .excepcion-catalogo-regalos {
    background-size: 34vw, cover !important;
    min-height: 25vw;
  }
  .excepcion-catalogo-regalos .maq-contenidor > * {
    max-width: 50%;
  }
}
/**
 *  Fotos amb cara tallada a escacs
 */
.excepcion-ajedrez-cara .bg-right {
  background-position: top left !important;
}
/**
 *  Recambios originales
 */
.mod-franja.amb_background.excepcion-disco-freno {
  background-size: 300px;
  background-position: right 40%;
}
@media screen and (max-width: 1200px) {
  .mod-franja.amb_background.excepcion-disco-freno {
    background-size: 250px;
  }
}
@media screen and (max-width: 1000px) {
  .mod-franja.amb_background.excepcion-disco-freno {
    background-position: right 45%;
  }
  .mod-franja.amb_background.excepcion-disco-freno .espacio-freno {
    margin-top: 300px;
  }
}
@media screen and (max-width: 850px) {
  .mod-franja.amb_background.excepcion-disco-freno {
    background-position: right 40%;
  }
}
/*----------------------------------------------------------------------------------------------------
	Maqueta
----------------------------------------------------------------------------------------------------*/
main > p,
main > h1,
main > h2,
main > h3,
main > h4,
main > .wp-block-columns,
.maq-contenidor {
  max-width: 940px;
  margin: auto;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: content-box;
}
@media only screen and (max-width: 640px) {
  .maq-contenidor {
    padding-left: 25px;
    padding-right: 25px;
  }
}
/*
.maq_cols {
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	
	&.valign_center {
		align-items: center;
	}
    
    &.gutter {
        margin-left: -@gutterCols;
    }
    &.gutter .col {
        padding-left: @gutterCols;
        box-sizing: border-box;
    }
    &.gutterGran {
        margin-left: -@gutterCols * 2.5;
    }
    &.gutterGran .col {
        padding-left: @gutterCols * 2.5;
        box-sizing: border-box;
    }
    &.cols_2 > .col,
    &.cols_4 > .col-doble {
        width: 50%;
    }
    &.cols_2 > .col-doble {
        width: 100%;
    }
    &.cols_3 > .col {
        width: 33.3333%;
    }
    &.cols_3 > .col-doble {
        width: 66.6666%;
    }
    &.cols_4 > .col {
        width: 25%;
    }
	.col.width_7_12 {
		width: 100% * (7/12);
	}
	.col.width_4_12 {
		width: 100% * (4/12);
	}
	.col.width_5_12 {
		width: 100% * (5/12);
	}
}
*/
@media screen and (max-width: 1000px) {
  .maq_cols.cols_4 > .col {
    width: 33.3333%;
  }
}
@media screen and (max-width: 781px) {
  .maq_cols.cols_3 > .col,
  .maq_cols.cols_4 > .col {
    width: 50%;
  }
  .maq_cols.cols_3 > .col-doble {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .maq_cols {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .maq_cols.cols_2 > .col,
  .maq_cols.cols_3 > .col,
  .maq_cols.cols_4 > .col,
  .maq_cols.cols_3 > .col-doble {
    width: 100%;
  }
}
.slick-slide img.com_mobile,
.com_mobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .slick-slide img.com_mobile,
  .com_mobile {
    display: block;
  }
  .slick-slide img.com_desktop,
  .com_desktop {
    display: none;
  }
}
.marges-pags-simples {
  padding-top: 85px;
  padding-bottom: 110px;
}
/*----------------------------------------------------------------------------------------------------
	Comunes
----------------------------------------------------------------------------------------------------*/
main ul {
  margin-bottom: 1.3em;
}
main ul li {
  padding-left: 1.5em;
  margin-bottom: 0.4em;
}
main ul li:before {
  content: "\2022";
  margin-left: -0.9em;
  position: absolute;
}
#icon-pointer {
  position: fixed;
  z-index: 9;
  right: 5vw;
  top: 160px;
  margin-top: 0;
  font-size: 4vw;
  color: #fff;
  transition: margin 1s ease-in-out, top 1s ease-in-out;
}
body.scrolled2 #icon-pointer {
  top: 100vh;
  margin-top: -100px;
}
#icon-pointer:hover {
  color: #fbb347;
  text-decoration: none;
}
@media screen and (max-width: 1150px) {
  #icon-pointer {
    font-size: 40px;
  }
}
/*
.com_sense-espai-superior {
	margin-top: 0 !important;
}
.com_sense-espai-inferior {
	margin-bottom: 0 !important;
}
.com_bg_bottom_right {
	background-position: bottom right !important;
}
.com_bg_size_contain {
    background-size: contain !important;
}
.com_bg_size_auto {
    background-size: auto !important;
}

/*----------------------------------------------------------------------------------------------------
	Estils del editor de WP
----------------------------------------------------------------------------------------------------* /

.has-color-negre-background-color {
	background-color: #000000;
}
.has-color-horum-acid-color {
	color:@horumAcid;
}
.has-color-proservice-soft-orange-color {
	color:@proserviceSoftOrange;
}
.has-color-proservice-dark-orange-color {
	color:@proserviceDarkOrange;
}
.has-color-blanc-color {
	color: #fff;
}
.has-color-gris-clarissim-background-color {
	background: @colorGrisClarissim;
}

.is-style-font-size-mini {
	font-size: @fontSizeMini;
}
.is-style-font-size-micro {
	font-size: @fontSizeMicro;
}
.is-style-font-size-gegant {
    font-size: 100px;
}
.is-style-font-size-mig {
    font-size: 45px;
}

.is-style-font-size-gran { // malament, comprovar i corregir!
    font-size: 35px;
}

.bg-proservice-gradient {
	background: @gradientOrange !important;
}
.bg-proservice-soft-orange {
	background: @proserviceSoftOrange !important;
}

.text-mas-interlinea {
    line-height: 1.6em;
}
.com-sense-marges {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*/
.anchor {
  position: absolute;
  left: -10000px;
  margin-top: -150px;
}
html {
  scroll-behavior: smooth;
}
body .fancybox-navigation .fancybox-button {
  height: 150px;
  width: 150px;
}
.slider .slide {
  display: none;
}
.slider .slide:first-child,
.slider.slick-initialized .slide,
.slick-initialized .slider .slide,
.slider .slick-initialized .slide {
  display: block;
}
.com_slick_gutter {
  overflow: hidden;
  /* the parent */
}
.com_slick_gutter .slick-slide {
  margin: 0 20px;
}
.com_slick_gutter .slick-list {
  margin: 0 -20px;
}
.com_fletxa {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -25px;
  font-size: 50px;
  cursor: pointer;
  z-index: 1;
}
.com_fletxa.gran {
  margin-top: -50px;
  font-size: 100px;
}
.com_fletxa.dreta {
  left: auto;
  right: -5px;
}
@media only screen and (max-width: 640px) {
  .slider {
    padding-bottom: 100px;
    position: relative;
  }
  .slider .com_fletxa {
    bottom: 0;
    margin: 0;
    top: auto;
    left: 50% !important;
    right: auto !important;
  }
  .slider .com_fletxa.gran {
    font-size: 75px;
  }
  .slider .com_fletxa.esquerra {
    margin-left: -75px;
  }
}
.slick-dots li {
  display: inline-block;
  margin: 2px;
  padding: 0;
}
.slick-dots li:before {
  display: none !important;
}
.slick-dots button {
  width: 7px;
  height: 7px;
  border-radius: 4px;
  font-size: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots .slick-active button {
  width: 25px;
}
/*----------------------------------------------------------------------------------------------------
	Titulars, links i botons
----------------------------------------------------------------------------------------------------*/
/************************** TITULARS, ALGUNES PROPIETATS ESTAN A skins.less ************************ /

.com_titular_1,
.is-style-com_titular-gegant,
.com_titular_2,
.is-style-com_titular-gran,
.com_titular_3,
.is-style-com_titular-mig,
.com_titular_4,
.is-style-com_titular-petit {
    font-weight: @fontWeightTitulars;
    line-height: 1em;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 0.5em;
	margin-bottom: 0;
}
.com_titular_1,
.com_titular_2,
.com_titular_3 {
    font-weight: @FW_VAG_bold;
}
.com_titular_5 {
    font-weight: @fontWeightGeneral;
}
.tamanys_titulars( @sizeRatio ) {

	.com_titular_1,
	.is-style-com_titular-gegant {
		font-size:100px * @sizeRatio;
	}
	.com_titular_2,
	.is-style-com_titular-gran {
		font-size: 65px * @sizeRatio;
	}
	.com_titular_3,
	.is-style-com_titular-mig {
		font-size: 45px * @sizeRatio;
		line-height: 1.1em;
	}
	.com_titular_4,
	.is-style-com_titular-petit {
		font-size: 35px * @sizeRatio;
	}
	.com_titular_5 {
		font-size: 25px * @sizeRatio;
	}
	
	// La maqueta s'estreta, faig els titulars proporcionals:
	@media screen and (max-width: 1050px) {
		.com_titular_1,
		.is-style-com_titular-gegant {
		}
		.com_titular_2,
		.is-style-com_titular-gran {
			font-size: 6vw * @sizeRatio;
		}
		.com_titular_3,
		.is-style-com_titular-mig {
			font-size: 4.25vw * @sizeRatio;
		}
		.com_titular_5 {
			font-size: 1.1em * @sizeRatio;
		}
	}

	// En mobile, els titulars son proporcionalment mes grans:
	@media screen and (max-width: @BP_Desktop_max) {
		/*.com_titular_1,
		.is-style-com_titular-gegant {
		}* /
		.com_titular_2,
		.is-style-com_titular-gran {
			font-size: 12vw * @sizeRatio;
		}
		.com_titular_3,
		.is-style-com_titular-mig {
			font-size: 8vw * @sizeRatio;
		}
		.com_titular_4,
		.is-style-com_titular-petit {
			font-size: 6vw * @sizeRatio;
		}
	}
}

/************************** BOTONS, ALGUNES PROPIETATS ESTAN A skins.less ************************ /

.com_bt {

	border-radius: 25px;
	display: inline-block;
	background: @gradientOrange;
	color: @proserviceWhite;
	cursor: pointer;
	//line-height: 2em;
	//padding: 0 30px;
	font-size: 16px;
	letter-spacing: 0.1em;
	
	line-height: 1.2em;
    text-align: center;
    padding: 9px 30px;
    text-shadow: none;
    border: transparent 1px solid;
    
    + .com_bt {
        margin-left: 20px;
    }

	
	&.mini {
		padding: 6px 24px;
		font-size: 12px;
		border-radius: 20px;
	}
	
	a& {
		text-decoration: none;
	}
	
	&.quadrat {
		padding-top:		6px;
		padding-bottom:	6px;
		border-radius:		6px;
	}
	&:hover {
		background: @proserviceBlack;
	}
	&.blanc,
	&.blanc-hover:hover,
	&.blanc-taronja {
		color: @proserviceBlack;
		background: #fff;
	}
	&.blanc:hover {
		color: #fff;
		background: @proserviceBlack;
	}
	&.blanc-taronja:hover {
		color: @proserviceBlack;
		background: @proserviceSoftOrange;
	}
	&.filet-blanc {
		border: @proserviceWhite 1px solid;
    }
	&.filet {
		color: @proserviceBlack;
		border: @proserviceBlack 1px solid;
		background: @proserviceWhite;
	}
	&.filet:hover {
		background: @proserviceBlack;
		color: @proserviceWhite;
	}
    &.taronja-pla {
		background: @proserviceSoftOrange;
    }
    &.taronja-pla:hover {
		background: @proserviceBlack;
    }
}

.com_input_text {
	background: @colorBlack80;
	border-radius: 6px;
	//color: @colorGrey2;
	color: #fff;
	font-size: 18px;
	line-height: 2em * (16/18); // Equiparació botó cos 16px;
	padding: 0 1em;
	width: 210px;
}


input.com_checkbox-tune {
	-webkit-appearance: none;
	background-color: @colorBlack5;
	border: @colorBlack5 1px solid;
	border-radius: 6px;
    padding: 8px;
    display: inline-block;
    margin: 1px 0;
	position: relative;

	&:active, 
	&:checked:active {
		border-color: @accentColor;
	}

	&:checked {
		border-color: @accentColor;
		background: @accentColor;
	}
	&:checked:after {
		content: '\2714';
		font-size: 14px;
		position: absolute;
		top: -5px;
		left: 3px;
		color: #fff;
	}
}

.fes_img_blanca() {
   moz-filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
   filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
}

.com_max_width_700 {
    max-width: 700px;
}

/*----------------------------------------------------------------------------------------------------
	Senefes
----------------------------------------------------------------------------------------------------* /

.com-senefa {

	&,
	.senefa-wrapper,
	.senefa,
	.llum {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.senefa {
		background: url('img/cenefa-amarilla.png') no-repeat center center;
		background-size: cover;
	}
	&.lila .senefa {
		background-image: url('img/cenefa-lila.png');
	}
	&.vermella .senefa {
		background-image: url('img/cenefa-roja.png');
	}
	&.rosa .senefa {
		background-image: url('img/cenefa-rosa.png');
	}
	
	&.flip-horizontal .senefa {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}
	.llum {
		right: 65%;
		left: -15%;

		background: url('img/llum-groga.svg') no-repeat center center;
		background-size: contain;
		filter: blur(70px);
		opacity: 0.5;
		z-index: -1;

		webkit-animation: animaLlum 15s;
		webkit-animation-iteration-count: infinite;
		animation: animaLlum 15s;
		animation-iteration-count: infinite;
	}
	&.flip-horizontal .llum {
		right: -15%;
		left: 65%;
	}
	&.lila .llum {
		background-image: url('img/llum-lila.svg');
	}
	&.vermella .llum {
		background-image: url('img/llum-vermella.svg');
	}
	&.rosa .llum {
		background-image: url('img/llum-rosa.svg');
	}
}

@keyframes animaLlum {
    0% {
		margin-top: 0;
		opacity: 0.5;
		margin-left: 0;
    }
    25% {
		margin-top: -5vw;
		opacity: 0.3;
    }
    50% {
		opacity: 0.6;
		margin-top: 0;
		margin-left: 10vw;
    }
    75% {
		opacity: 0.4;
		margin-top: 5vw;
    }
    100% {
		opacity: 0.5;
		margin-top: 0;
		margin-left: 0;
    }
}
@-webkit-keyframes animaLlum {
    0% {
		margin-top: 0;
		opacity: 0.5;
		margin-left: 0;
    }
    25% {
		margin-top: -5vw;
		opacity: 0.3;
    }
    50% {
		opacity: 0.6;
		margin-top: 0;
		margin-left: 10vw;
    }
    75% {
		opacity: 0.4;
		margin-top: 5vw;
    }
    100% {
		opacity: 0.5;
		margin-top: 0;
		margin-left: 0;
    }
}
*/
/*----------------------------------------------------------------------------------------------------
	The content
----------------------------------------------------------------------------------------------------*/
/* blocs core del wp */
.main_content {
  /*
	> blockquote {
		font-size: 1.2em;
	}
	> blockquote p:first-child::before,
	> blockquote p:last-child::after {
		content:'"';
		color:@colorAlco;
		font-size: 2em;
		margin-top: -1em;
		vertical-align: middle;
	}
	*/
}
.main_content > p,
.main_content > h1,
.main_content > h2,
.main_content > h3,
.main_content > h4,
.main_content > h5,
.main_content > h6,
.main_content > ul,
.main_content > ol,
.main_content > blockquote,
.main_content > div.wp-block-image,
.main_content > div.wp-block-buttons,
.main_content > .wp-block-group,
.main_content > .wp-block-columns,
.main_content > .wp-block-image,
.main_content > .wp-block-gallery,
.main_content > .wp-block-table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 940px;
  padding: 0 50px;
  box-sizing: border-box;
  /*
		@media only screen and (max-width : 900px) {
			padding-left: 25px;
			padding-right: 25px;
		}
		*/
}
.main_content > div.wp-block-image.size-full,
.main_content > .wp-block-image.size-full {
  max-width: none;
  padding: 0;
}
.main_content > div.wp-block-image.size-full img,
.main_content > .wp-block-image.size-full img {
  width: 100%;
  height: auto;
}
.main_content .is-type-video {
  max-width: 800px;
  margin: auto;
  padding: 0 50px;
  box-sizing: border-box;
}
.main_content .is-type-video .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 60%;
}
.main_content .is-type-video iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wp-block-image img {
  width: 100%;
  height: auto;
}
/****************************************************************************************************
	Mòduls exclusivament ProService
*****************************************************************************************************/
/*----------------------------------------------------------------------------------------------------
	Hero's
----------------------------------------------------------------------------------------------------*/
.mod-hero {
  position: relative;
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  padding-top: 150px;
  padding-bottom: 30px;
}
.mod-hero .com_titular_2 {
  max-width: 75%;
  font-weight: 300;
}
.mod-hero .com_titular_2 strong {
  display: inline-block;
}
.mod-hero .bg {
  position: absolute;
  left: 0;
  right: 0;
  height: 720px;
  background: #999999 no-repeat center center url('img_cont/bg-hero.jpg');
  background-size: cover;
  margin-top: -720px;
  z-index: -1;
}
.mod-hero .wrapper {
  position: relative;
  z-index: 1;
}
.mod-hero .zona-1 #posicionador_bg {
  margin-top: 30px;
}
.mod-hero .zona-2 {
  padding-top: 40px;
  color: #141414;
  padding-bottom: 30px;
}
.mod-hero .zona-1,
.mod-hero .zona-2 {
  max-width: 400px;
}
.mod-hero .estrelles {
  max-width: 400px;
  display: flex;
  justify-content: space-between;
}
.mod-hero .estrella {
  text-align: center;
  width: 133.33333333px;
}
.mod-hero .estrella p {
  text-align: center;
}
.mod-hero .estrella .icon-star {
  font-size: 46px;
  color: #fff;
}
.mod-hero .mod-slider-ofertas {
  position: sticky;
  top: 110px;
}
@media screen and (max-width: 850px) {
  .mod-hero .maq_cols.cols_2 .col {
    width: 100%;
  }
  .mod-hero .mod-slider-ofertas {
    max-width: 470px;
    margin: auto;
  }
  .mod-hero .zona-2 {
    margin: auto;
  }
  .mod-hero .zona-2 p {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .mod-hero .com_titular_2 {
    max-width: 90%;
  }
}
@media screen and (max-width: 450px) {
  .mod-hero {
    padding-bottom: 0;
  }
  .mod-hero .estrelles {
    display: block;
  }
  .mod-hero .estrella {
    width: auto;
    text-align: center;
  }
  .mod-hero .mod-slider-ofertas {
    margin-left: -25px;
    margin-right: -25px;
  }
  .mod-hero .mod-slider-ofertas .titol {
    font-size: 1.1em;
    background: #fff;
  }
}
.mod-hero-interior {
  min-height: 470px;
  overflow: hidden;
  position: relative;
  background: #f3f3f3;
}
.mod-hero-interior.variacio-buid {
  min-height: 200px;
  height: 30vw;
}
.mod-hero-interior.mes-alt {
  min-height: 580px;
}
.mod-hero-interior .maq-contenidor {
  position: relative;
  z-index: 1;
}
.mod-hero-interior .com_titular_1 {
  padding: 1.3em 0 0.2em 0;
  hyphens: auto;
}
@media screen and (max-width: 450px) {
  .mod-hero-interior .com_titular_1 {
    padding-top: 105px;
    padding-bottom: 20px;
  }
}
.mod-hero-interior .subtitol > * {
  font-size: 30px;
}
@media screen and (max-width: 640px) {
  .mod-hero-interior .subtitol > * {
    font-size: 5.6vw;
  }
}
.mod-hero-interior .bg {
  font-weight: 700;
  position: absolute;
  top: -6vw;
  margin-top: -10vw;
  left: -20vw;
  color: #fff;
  font-size: 40vw;
  line-height: 1em;
  width: 1000vw;
  text-align: left;
}
.mod-hero-interior .bg.variacio-centrat {
  left: -450vw;
  text-align: center;
  font-size: 30vw;
  line-height: 1.25em;
  font-weight: 700;
}
.mod-hero-interior.variacio-blanca {
  background: #ffffff;
}
.mod-hero-interior.variacio-blanca .bg {
  color: #f3f3f3;
}
.mod-hero-interior.variacio-taronja {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #fff;
}
.mod-hero-interior.variacio-taronja .bg {
  opacity: 0.3;
}
.mod-hero-interior.variacio-imatge {
  background: none;
  position: relative;
}
.mod-hero-interior.variacio-imatge .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f3f3f3 no-repeat center center;
  background-size: cover;
  z-index: -1;
}
.mod-hero-interior.variacio-imatge .bg {
  opacity: 0.1;
}
.mod-hero-interior.variacio-404 {
  min-height: 0;
}
.mod-hero-interior.variacio-404 p {
  text-align: center;
}
.mod-hero-interior.variacio-404 .com_titular_3 {
  padding: 4em 0 0.2em 0;
  text-align: center;
}
.mod-hero-interior.variacio-404 .bg {
  top: 50px;
  margin-top: auto;
  height: 400px;
  font-size: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  .mod-hero-interior.variacio-404 .bg {
    font-size: 60vw;
  }
}
/*----------------------------------------------------------------------------------------------------
	Home
----------------------------------------------------------------------------------------------------*/
.mod-slider-ofertas {
  background: #db9300;
  border-radius: 3px;
}
.mod-slider-ofertas .titol {
  text-align: center;
  line-height: 2em;
  margin: 0;
}
.mod-slider-ofertas .inner {
  text-align: left;
  padding: 40px 50px;
  background: #aaaaaa no-repeat center center;
  background-size: cover;
  min-height: 350px;
}
.mod-slider-ofertas .inner img {
  display: block;
  max-width: 50%;
  height: auto;
}
.mod-slider-ofertas .inferior {
  margin-top: 10px;
}
.mod-slider-ofertas .com_titular_4 {
  padding-top: 0.25em;
}
.mod-slider-ofertas .com_fletxa {
  color: #fff;
}
.mod-slider-ofertas .com_fletxa :hover {
  color: #141414;
}
.mod-slider-ofertas .slick-dots {
  margin-top: -40px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.mod-slider-ofertas .slick-dots button {
  background: #fff;
}
.mod-slider-ofertas .slick-dots button:hover {
  background: #141414;
}
.mod-slider-ofertas .slide.zona-skin-horum {
  background: #000;
  color: #fff;
  display: flex;
}
.mod-slider-ofertas .slide.zona-skin-horum * {
  text-align: center;
}
.mod-slider-ofertas .slide.zona-skin-horum img {
  margin: 0 auto 10px;
}
.mod-slider-ofertas .slide.zona-skin-horum .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-position: center top;
}
.mod-slider-ofertas .zona-skin-planeta-pro {
  color: #fff;
}
.mod-slider-ofertas .zona-skin-planeta-pro .com_titular_4,
.mod-slider-ofertas .zona-skin-planeta-pro .is-style-com_titular_4 {
  font-weight: 500;
}
.mod-logos img {
  margin: 0 1em;
}
.sub-mod-hito {
  /*border: @colorBlack40 1px solid;*/
  background: rgba(20, 20, 20, 0.05);
  border-radius: 6px;
  height: 100%;
  padding: 40px 40px;
  box-sizing: border-box;
  /*.com_titular_1 {
        font-weight: @FW_VAG_light;
	}*/
}
.sub-mod-hito.forzar_alto_0 {
  height: auto;
}
.sub-mod-hito.sobre-claro {
  background: rgba(255, 255, 255, 0.8);
}
.sub-mod-hito.centrat_1,
.sub-mod-hito.align_center {
  padding-left: 20px;
  padding-right: 20px;
}
.sub-mod-hito.centrat_1 > *,
.sub-mod-hito.align_center > * {
  text-align: center;
}
.sub-mod-hito.sobre-oscuro {
  border: rgba(255, 255, 255, 0.6) 1px solid;
  background: rgba(20, 20, 20, 0.6);
}
.sub-mod-hito .is-style-com_titular_2,
.sub-mod-hito .com_titular_2,
.sub-mod-hito .is-style-com_titular_3,
.sub-mod-hito .com_titular_3,
.sub-mod-hito .is-style-com_titular_4,
.sub-mod-hito .com_titular_4,
.sub-mod-hito .is-style-com_titular5,
.sub-mod-hito .com_titular_5,
.sub-mod-hito .is-style-com_titular_1,
.sub-mod-hito .com_titular_1 {
  padding: 0;
  margin: 0 0 0.2em 0;
}
.sub-mod-hito .is-style-com_titular_1,
.sub-mod-hito .com_titular_1 {
  line-height: 0.8em;
  margin-bottom: 0.05em;
}
.sub-mod-hito > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.sub-mod-hito .com_titular_1:first-child {
  margin-top: -10px;
}
@media screen and (max-width: 450px) {
  .sub-mod-hito {
    padding: 6vw 8vw;
  }
}
.sub-mod-promo {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.sub-mod-promo.col {
  margin-bottom: 40px;
}
.sub-mod-promo .img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.sub-mod-promo .info {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.sub-mod-promo .logo {
  border: #727272 1px solid;
  border-top: 0;
  border-bottom: 0;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  min-height: 30px;
}
.sub-mod-promo .logo img {
  width: auto;
  height: 30px;
}
.sub-mod-promo .inner {
  padding: 0 15px;
  font-size: 18px;
}
.sub-mod-promo .data {
  flex: 1;
  text-align: right;
  margin: 0;
  padding-right: 10px;
  font-size: 12px;
}
.sub-mod-promo .data time {
  color: #db9300;
}
.sub-mod-promo .call-to-action {
  margin-top: -5px;
  text-align: left;
}
.mod-mixt {
  margin-top: 7vw;
  margin-bottom: 7vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
.mod-mixt,
.mod-franja {
  /* de moment maqueto aixó com si tots els sliders funcionessin igual dins de mod-mixt */
}
.mod-mixt.padding_no_margin,
.mod-franja.padding_no_margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.mod-mixt.blanc,
.mod-franja.blanc {
  color: #fff;
}
.mod-mixt.especial_bg-right-wrap .bg-right,
.mod-franja.especial_bg-right-wrap .bg-right {
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
  background-image: url(img_cont/quienes-2.jpg);
}
@media screen and (min-width: 782px) {
  .mod-mixt.especial_bg-right-wrap,
  .mod-franja.especial_bg-right-wrap {
    overflow: hidden;
    padding-top: 7vw;
    margin-top: 0;
  }
  .mod-mixt.especial_bg-right-wrap .col-wrap,
  .mod-franja.especial_bg-right-wrap .col-wrap {
    position: relative;
  }
  .mod-mixt.especial_bg-right-wrap .bg-right,
  .mod-franja.especial_bg-right-wrap .bg-right {
    height: inherit;
    position: absolute;
    left: 0;
    top: -60px;
    bottom: 0;
    width: calc(50vw - 220px);
  }
  .mod-mixt.especial_bg-right-wrap.foto-sang,
  .mod-franja.especial_bg-right-wrap.foto-sang {
    padding-bottom: 7vw;
    margin-bottom: 0;
  }
  .mod-mixt.especial_bg-right-wrap.foto-sang .bg-right,
  .mod-franja.especial_bg-right-wrap.foto-sang .bg-right {
    top: -7vw;
    bottom: -7vw;
    background-size: cover;
    left: 78.33333333px;
  }
  .mod-mixt.especial_bg-right-wrap.revers_1 .maq_cols .col:first-child,
  .mod-franja.especial_bg-right-wrap.revers_1 .maq_cols .col:first-child {
    order: 2;
  }
  .mod-mixt.especial_bg-right-wrap.revers_1 .bg-right,
  .mod-franja.especial_bg-right-wrap.revers_1 .bg-right {
    right: 0;
    left: auto;
    background-position: center right;
  }
  .mod-mixt.especial_bg-right-wrap.revers_1.foto-sang .bg-right,
  .mod-franja.especial_bg-right-wrap.revers_1.foto-sang .bg-right {
    right: 78.33333333px;
    left: auto;
  }
}
@media screen and (max-width: 781px) {
  .mod-mixt.especial_bg-right-wrap .col-wrap,
  .mod-franja.especial_bg-right-wrap .col-wrap {
    width: 100%;
  }
  .mod-mixt.especial_bg-right-wrap .bg-right,
  .mod-franja.especial_bg-right-wrap .bg-right {
    height: 30vw;
    background-size: cover;
  }
  .mod-mixt.especial_bg-right-wrap .col-doble,
  .mod-franja.especial_bg-right-wrap .col-doble {
    width: 100%;
    order: 2;
  }
  .mod-mixt p.bt,
  .mod-franja p.bt {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .mod-mixt.especial_bg-right-wrap .bg-right,
  .mod-franja.especial_bg-right-wrap .bg-right {
    height: 50vw;
    margin-left: -25px;
    margin-right: -25px;
  }
}
.mod-mixt .com_fletxa,
.mod-franja .com_fletxa {
  color: #db9300;
}
.mod-mixt .com_fletxa:hover,
.mod-franja .com_fletxa:hover {
  color: #141414;
}
.mod-promociones {
  overflow: hidden;
  /*
	.com_fletxa.esquerra {
		left: 0;
	}
	.com_fletxa.dreta {
		right: 0;
	}
	*/
}
.mod-promociones .slider {
  position: relative;
  max-width: 1300px;
  margin: auto;
}
@media screen and (max-width: 1100px) {
  .mod-promociones .slider .maq-contenidor {
    padding-left: 85px;
    padding-right: 85px;
  }
}
@media only screen and (max-width: 640px) {
  .mod-promociones .slider .maq-contenidor {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.mod-satisfaccion [class^="com_titular_"] {
  padding-top: 0;
  text-align: center;
}
.mod-satisfaccion .col:first-child > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.mod-satisfaccion .col:first-child > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.mod-satisfaccion .slider {
  padding: 30px 50px 0;
  max-width: 600px;
  margin: auto;
}
.mod-satisfaccion .slide * {
  text-align: center;
}
.mod-satisfaccion .cita {
  font-size: 18px;
}
.mod-satisfaccion .firma {
  font-size: 12px;
}
.mod-satisfaccion .com_fletxa.esquerra {
  left: -100px;
}
.mod-satisfaccion .com_fletxa.dreta {
  right: -100px;
}
@media screen and (max-width: 850px) {
  .mod-satisfaccion .com_fletxa.esquerra {
    left: -50px;
  }
  .mod-satisfaccion .com_fletxa.dreta {
    right: -50px;
  }
}
@media only screen and (max-width: 640px) {
  .mod-satisfaccion .slider {
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 75px;
  }
}
.mod-ban {
  margin-top: 7vw;
  margin-bottom: 7vw;
}
.mod-ban img {
  max-width: 100%;
  height: auto;
  margin: auto;
}
.mod-ban .slider {
  position: relative;
  max-width: 1300px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 0;
}
.sub-mod-item {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
.sub-mod-item img {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.sub-mod-item .com_titular_5 {
  color: #db9300;
  margin: 1em 0 0.5em 0;
}
.sub-mod-item .com_titular_5 span {
  color: #fbb347;
  position: absolute;
  margin-left: -30px;
  font-size: 25px;
}
.sub-mod-item p,
.sub-mod-item .com_titular_5 {
  padding-left: 30px;
}
.mod-intro-franja {
  max-width: 700px;
}
.mod-intro-franja p {
  font-size: 1.1em;
  line-height: 1.6em;
}
.mod-filet {
  height: 1px;
  background: #d0d0d0;
  overflow: hidden;
}
.mod-icones {
  text-align: center;
  margin-top: 7vw;
  margin-bottom: 7vw;
  background: no-repeat center center;
  background-size: cover;
}
.mod-icones [class^="com_titular_"] {
  padding-top: 0;
}
.mod-icones.bg_fosc {
  color: #fff;
  background-color: #141414;
  text-shadow: 0 0 4px #141414;
}
.mod-icones.padding_no_margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.mod-icones * {
  text-align: center;
}
.mod-icones .items {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.mod-icones .item {
  width: 25%;
  text-align: center;
  font-size: 18px;
  padding: 0 10px;
  box-sizing: border-box;
}
.mod-icones .cols_3 .item {
  width: 33%;
}
.mod-icones .icona {
  font-size: 100px;
  padding-bottom: 5px;
}
.mod-icones .tit {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 4px;
}
@media screen and (max-width: 850px) {
  .mod-icones .icona {
    font-size: 80px;
  }
  .mod-icones .tit {
    font-size: 18px;
  }
  .mod-icones .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 769px) {
  .mod-icones .item {
    width: 33.3%;
  }
}
@media screen and (max-width: 640px) {
  .mod-icones .item,
  .mod-icones .cols_3 .item {
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .mod-icones .icona {
    font-size: 100px;
  }
  .mod-icones .item,
  .mod-icones .cols_3 .item {
    width: 100%;
  }
}
.mod-incentivo {
  margin-bottom: 40px;
}
.mod-incentivo .img {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.mod-incentivo .img img {
  display: block;
}
.mod-incentivo .com_titular_4,
.mod-incentivo .com_titular_5 {
  padding: 0.8em 0 0.1em;
  margin: 0;
  color: #db9300;
}
.mod-incentivo.js-hover .com_titular_4 a,
.mod-incentivo.js-hover .com_titular_5 a {
  text-decoration: underline;
}
.mod-incentivo.js-hover .com_bt {
  color: #db9300;
  background: #141414;
}
.mod-incentivo .info {
  padding-left: 16px;
  text-align: left;
}
.mod-incentivo .excerpt p {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 782px) {
  .mod-incentivo.col-doble {
    display: flex;
  }
  .mod-incentivo.col-doble .com_titular_4,
  .mod-incentivo.col-doble .com_titular_5 {
    padding-top: 0;
  }
  .mod-incentivo.col-doble .img {
    width: 50%;
    margin-bottom: 1.3em;
  }
  .mod-incentivo.col-doble .info {
    width: 50%;
  }
  .mod-incentivo.col-doble.revers .img {
    order: 1;
  }
  .mod-incentivo.col-doble.revers .info {
    padding-right: 32px;
  }
}
@media screen and (max-width: 781px) {
  .mod-incentivo {
    max-width: 480px;
    margin: auto;
  }
  .mod-incentivo.col-doble {
    margin-top: 2em;
  }
}
.mod-incentivos {
  margin-top: 7vw;
  margin-bottom: 7vw;
}
.mod-incentivos.padding_no_margin {
  padding-top: 3.5vw;
  padding-bottom: 3.5vw;
  margin-top: 0;
  margin-bottom: 0;
}
.mod-incentivos .incentivo {
  margin-bottom: 40px;
}
.mod-incentivos .incentivo .img {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.mod-incentivos .incentivo .img img {
  display: block;
}
.mod-incentivos .incentivo .com_titular_4,
.mod-incentivos .incentivo .com_titular_5 {
  padding: 0.8em 0 0.1em;
  margin: 0;
  color: #db9300;
}
.mod-incentivos .incentivo.js-hover .com_titular_4 a,
.mod-incentivos .incentivo.js-hover .com_titular_5 a {
  text-decoration: underline;
}
.mod-incentivos .incentivo.js-hover .com_bt {
  color: #db9300;
  background: #141414;
}
.mod-incentivos .incentivo .info {
  padding-left: 16px;
  text-align: left;
}
.mod-incentivos .incentivo .excerpt p {
  margin-bottom: 0.75em;
}
.mod-incentivos .incentivo.col-doble {
  display: flex;
}
.mod-incentivos .incentivo.col-doble .com_titular_4,
.mod-incentivos .incentivo.col-doble .com_titular_5 {
  padding-top: 0;
}
.mod-incentivos .incentivo.col-doble .img {
  width: 50%;
  margin-bottom: 1.3em;
}
.mod-incentivos .incentivo.col-doble .info {
  width: 50%;
}
.mod-incentivos .incentivo.col-doble.revers .img {
  order: 1;
}
.mod-incentivos .incentivo.col-doble.revers .info {
  padding-right: 32px;
}
.mod-esquema-cercle {
  padding-top: 1px;
}
.mod-esquema-cercle [class^="com_titular_"] {
  padding-top: 0;
  text-align: center;
  padding-bottom: 90px;
}
@media screen and (min-width: 851px) {
  .mod-esquema-cercle .punt {
    display: flex;
    position: absolute;
    left: 50%;
  }
  .mod-esquema-cercle .punt-1 {
    right: 50%;
    left: auto;
    margin-right: 180px;
    margin-top: 160px;
  }
  .mod-esquema-cercle .punt-2 {
    margin-left: -200px;
  }
  .mod-esquema-cercle .punt-3 {
    margin-top: 130px;
    margin-left: 190px;
  }
  .mod-esquema-cercle .punt-4 {
    margin-top: 340px;
    margin-left: 170px;
  }
  .mod-esquema-cercle .punt-5 {
    margin-top: 405px;
    margin-left: -230px;
  }
}
.mod-esquema-cercle .n {
  color: rgba(219, 147, 0, 0.4);
  font-size: 70px;
  line-height: 60px;
  font-weight: 700;
  margin-right: 10px;
}
.mod-esquema-cercle .cercle {
  width: 320px;
  height: 320px;
  margin: 70px auto 100px;
  background: url(img_cont/cercle.svg) no-repeat center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mod-esquema-cercle .cercle p {
  margin: 0;
  line-height: 0.8em;
}
@media screen and (max-width: 850px) {
  .mod-esquema-cercle .punts {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -30px;
  }
  .mod-esquema-cercle .punt {
    display: flex;
    width: 50%;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .mod-esquema-cercle .punt br {
    display: none;
  }
  .mod-esquema-cercle .cercle {
    margin-top: 30px;
  }
}
@media screen and (max-width: 781px) {
  .mod-esquema-cercle .punts {
    display: block;
  }
  .mod-esquema-cercle .punt {
    width: 100%;
    max-width: 400px;
  }
}
.mod-download {
  border-top: #a1a1a1 1px solid;
  border-bottom: #a1a1a1 1px solid;
  padding: 0.5em 0;
  margin: 1em 0;
}
.mod-download td {
  padding-right: 20px;
  text-align: left;
  line-height: 2em;
}
.mod-download .icona {
  color: #db9300;
}
.mod-download .label {
  color: #a1a1a1;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.7;
}
.com-spinner {
  display: inline-block;
  background-color: #78848f;
  width: 18px;
  height: 18px;
  opacity: .7;
  margin: 5px 11px 0;
  border-radius: 100%;
  position: relative;
}
.com-spinner::before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  transform-origin: 6px 6px;
  animation: cb-spinner__animation 1s linear infinite;
}
@keyframes cb-spinner__animation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
#agencia_modal {
  background: #eee;
  padding: 0 !important;
  overflow: visible !important;
}
#agencia_modal #map {
  width: 100%;
  height: 100%;
}
#agencia_modal #map .leaflet-tile-loaded {
  filter: grayscale(1) brightness(1.1) contrast(0.9);
}
#agencia_modal #map .leaflet-control-container {
  display: none;
}
#agencia_modal .fancybox-close-small {
  color: #fff;
  padding: 5px;
  top: -46px;
  right: -12px;
}
#agencia_modal .inner {
  width: 800px;
  max-width: 90vw;
  height: 500px;
  position: relative;
  overflow: auto;
}
#agencia_modal.loading .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#agencia_modal .info {
  position: absolute;
  padding: 30px 30px;
  left: 50px;
  top: 50px;
  width: 350px;
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  z-index: 2;
  color: #fff;
}
#agencia_modal .contactanos {
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #141414;
}
#agencia_modal .contactanos p {
  margin-bottom: 0;
}
#agencia_modal .mapa_gm {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f7f7f7;
}
#agencia_modal .pre {
  font-size: 22px;
  margin-bottom: 0;
  color: #141414;
}
#agencia_modal .nom {
  margin-bottom: 5px;
  font-size: 25px;
  color: #141414;
}
#agencia_modal .direccion {
  margin-bottom: 1.6em;
  font-size: 18px;
}
#agencia_modal .tel {
  font-size: 30px;
  margin-bottom: 0.5em;
  margin-top: 0.25em;
}
#agencia_modal .tel a {
  color: #fff;
}
#agencia_modal .tel a:hover {
  color: #141414;
}
#agencia_modal .contacto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#agencia_modal .link-gm {
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fbb347;
}
#agencia_modal .link-gm:hover {
  background: #434343;
  color: #fff;
  text-decoration: none;
}
#agencia_modal .agencia_ko {
  background: linear-gradient(135deg, #db9300 0%, #fbb347 100%);
  color: #fff;
  padding: 150px 40px 40px;
  color: #141414;
  height: 100%;
}
#agencia_modal .agencia_ko .com_input_text {
  background: #f3f3f3;
  color: #141414;
}
@media screen and (max-width: 530px) {
  #agencia_modal .inner {
    max-width: 370px;
    max-height: 400px;
  }
  #agencia_modal .info {
    padding: 15px;
    left: 10px;
    top: 10px;
    height: 380px;
  }
}
/****************************************************************************************************
	Mòduls exclusivament d'Horum
*****************************************************************************************************/
/* Atenció: modificacio respecte a la landing Horum */
.mod-intro-horum.variant-home {
  background: url(img/textura_hexagonos1.jpg) no-repeat center;
  background-size: cover;
}
.mod-intro-horum.variant-home .centrat {
  max-width: 650px;
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.mod-intro-horum.variant-home .centrat * {
  text-align: center;
}
.mod-intro-horum.variant-home .logo {
  margin: 0 auto 1.75vw;
}
.mod-intro-horum.variant-home .bodegon {
  background: no-repeat right bottom url(img/bodegon-horum2-low.png);
  background-size: 100% auto;
  height: 570px;
  position: relative;
  z-index: 1;
}
.mod-intro-horum.variant-home .com-senefa {
  top: 15vw;
}
@media only screen and (max-width: 1050px) {
  .mod-intro-horum.variant-home .bodegon {
    height: 52vw;
    background-size: contain;
    padding-bottom: 0;
  }
  .mod-intro-horum.variant-home .maq-contenidor {
    padding-top: 15vw;
  }
  .mod-intro-horum.variant-home .com-senefa {
    top: 25vw;
  }
}
@media only screen and (min-width: 800px) {
  .mod-intro-horum.variant-home .bodegon {
    background-image: url(img/bodegon-horum2.png) !important;
  }
}
@media only screen and (max-width: 800px) {
  .mod-intro-horum.variant-home .com-senefa {
    top: 35vw;
  }
}
@media only screen and (max-width: 700px) {
  .mod-intro-horum.variant-home .com-senefa {
    top: 45vw;
  }
}
@media only screen and (max-width: 500px) {
  .mod-intro-horum.variant-home .bodegon {
    padding-bottom: 35vw;
    background-position: center;
    margin-left: -25px;
    margin-right: -25px;
    background-size: auto 100%;
  }
  .mod-intro-horum.variant-home .com-senefa {
    top: 75vw;
  }
}
/*----------------------------------------------------------------------------------------------------
	Pag Aceites Horum
----------------------------------------------------------------------------------------------------*/
.mod-hero-horum {
  /*
	background: @horumBlack url(img/textura_hexagonos1.jpg) no-repeat center top;
	background-size: cover;
    */
  position: relative;
  overflow: hidden;
}
.mod-hero-horum .esquerra {
  max-width: 50%;
  margin-right: auto;
}
.mod-hero-horum .maq-contenidor {
  padding-top: 150px;
}
.mod-hero-horum .logo {
  width: 380px;
  height: auto;
  padding-bottom: 10px;
}
.mod-hero-horum .logo .com_titular_2 {
  margin-bottom: 0;
  font-weight: 300;
}
.mod-hero-horum .logo img {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.mod-hero-horum .com-senefa .llum {
  z-index: 0;
}
.mod-hero-horum .bodegon {
  background: no-repeat bottom right url('img_cont/hero-aceite-horum2.png');
  background-size: 50% auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .mod-hero-horum .bodegon {
    min-height: 70vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mod-hero-horum .bodegon {
    background-size: 600px;
    background-position: calc(50% + 300px) bottom;
    height: 840px;
  }
}
@media only screen and (max-width: 850px) {
  .mod-hero-horum .bodegon {
    min-height: auto;
    background-size: auto 50vw;
    padding-bottom: 45vw;
  }
  .mod-hero-horum .logo {
    width: auto;
    text-align: left;
  }
  .mod-hero-horum .logo img {
    width: 300px;
    max-width: 65vw;
  }
  .mod-hero-horum .esquerra {
    max-width: none;
  }
  .mod-hero-horum .com-senefa {
    margin-top: 500px;
  }
}
@media only screen and (max-width: 640px) {
  .mod-hero-horum .bodegon {
    min-height: none;
    background-size: auto 75vw;
    padding-bottom: 73vw;
  }
  .mod-hero-horum .com-senefa {
    margin-top: 500px;
  }
}
.mod-slider-caracteristiques .head {
  display: flex;
}
.mod-slider-caracteristiques .head .com_titular_3 {
  color: #f7ff36;
}
.mod-slider-caracteristiques .head .img {
  width: 33%;
  margin-left: -7%;
  margin-right: 5%;
}
.mod-slider-caracteristiques .head .img img {
  width: 110%;
  height: auto;
  display: block;
}
.mod-slider-caracteristiques .head .text {
  width: 66%;
}
@media only screen and (max-width: 640px) {
  .mod-slider-caracteristiques .head {
    flex-direction: column;
  }
  .mod-slider-caracteristiques .head .text {
    width: 100%;
  }
  .mod-slider-caracteristiques .head .img {
    order: 1;
    width: 100%;
    margin: auto;
  }
  .mod-slider-caracteristiques .head .img img {
    max-width: 350px;
    width: 100%;
    margin: auto;
  }
}
.mod-slider-caracteristiques .nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
  margin-bottom: 15px;
}
.mod-slider-caracteristiques .nav .paginacio {
  display: flex;
  align-items: center;
}
.mod-slider-caracteristiques .nav .info {
  width: 4em;
  text-align: center;
  display: inline-block;
}
.mod-slider-caracteristiques .nav .slick-arrow {
  font-size: 3.5em;
  color: #f7ff36;
  cursor: pointer;
}
.mod-slider-caracteristiques .nav .slick-arrow:hover {
  color: #fff;
}
.mod-slider-caracteristiques .nav .slick-arrow.slick-disabled,
.mod-slider-caracteristiques .nav .slick-arrow.slick-disabled:hover {
  cursor: default;
  color: #f7ff36;
  opacity: 0.3;
}
.mod-slider-caracteristiques .slider-wrapper {
  margin-left: -235px;
}
.mod-slider-caracteristiques .slide {
  width: 548.33333333px;
  padding-right: 156.66666667px;
  text-align: left;
  opacity: 0.3;
  transition: opacity 1s ease 0s;
}
.mod-slider-caracteristiques .slide.slick-current {
  opacity: 1;
}
.mod-slider-caracteristiques .slide .nom {
  color: #f7ff36;
  font-weight: 300;
  border: #f7ff36 1px solid;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 24px;
}
.mod-slider-caracteristiques .slide .titular {
  border-bottom: #f7ff36 1px solid;
  margin-bottom: 0.5em;
  padding-bottom: 0.1em;
  font-weight: 500;
  font-size: 18px;
}
.mod-slider-caracteristiques .slide .row {
  display: flex;
  margin-left: -20px;
  font-size: 16px;
  font-weight: 300;
}
.mod-slider-caracteristiques .slide .img {
  width: 156.66666667px;
  padding-left: 20px;
}
.mod-slider-caracteristiques .slide .text {
  width: 391.66666667px;
  padding-left: 20px;
}
.mod-slider-caracteristiques .slide .especificacions {
  width: 235px;
  padding-left: 20px;
}
.mod-slider-caracteristiques .slide .tamanys-col {
  width: 313.33333333px;
  padding-left: 20px;
}
.mod-slider-caracteristiques .slide .botones {
  margin-top: 30px;
  text-align: right;
}
.mod-slider-caracteristiques .slide .img img {
  width: 100%;
  height: auto;
  display: block;
}
.zona-skin-horum .mod-slider-caracteristiques .slide li {
  padding-left: 1.5em;
  margin-bottom: 0.4em;
}
.mod-slider-caracteristiques .slide .llista-tamanys {
  display: flex;
  padding-top: 20px;
}
.mod-slider-caracteristiques .slide .tamany-venda {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  margin-right: 10px;
}
.mod-slider-caracteristiques .slide .tamany-venda span {
  font-size: 3em;
}
.mod-slider-caracteristiques .slide .tamany-venda .svg-manual {
  width: 1em;
  height: 1em;
  background: no-repeat center center;
  background-size: contain;
}
.mod-slider-caracteristiques .slide .tamany-venda p {
  margin: 0;
  line-height: 1em;
}
@media only screen and (max-width: 1050px) {
  .mod-slider-caracteristiques .slider-wrapper {
    margin-left: calc( -100vw + 800px );
  }
}
@media only screen and (max-width: 750px) {
  .mod-slider-caracteristiques .slider-wrapper {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .mod-slider-caracteristiques .slider-wrapper {
    margin-left: 0;
  }
  .mod-slider-caracteristiques .slider {
    padding-bottom: 0;
  }
  .mod-slider-caracteristiques .nav .paginacio {
    display: none;
  }
  .mod-slider-caracteristiques .slide {
    padding-right: 25px;
    padding-left: 25px;
  }
  .mod-slider-caracteristiques .slide .img {
    margin: auto;
    padding: 0;
  }
  .mod-slider-caracteristiques .slide .row {
    display: block;
  }
  .mod-slider-caracteristiques .slide .especificacions,
  .mod-slider-caracteristiques .slide .tamanys-col {
    width: auto;
  }
}
/*----------------------------------------------------------------------------------------------------
	Landing Horum
----------------------------------------------------------------------------------------------------*/
.mod-intro-horum {
  /*
	background: @horumBlack url(img/textura_hexagonos1.jpg) no-repeat center top;
	background-size: cover;
    */
  position: relative;
  overflow: hidden;
}
.mod-intro-horum .esquerra {
  max-width: 650px;
  margin-right: auto;
}
.mod-intro-horum .maq-contenidor {
  padding-top: 10vw;
}
.mod-intro-horum .logo {
  width: 380px;
  height: auto;
  margin-bottom: 1.75vw;
}
.mod-intro-horum .logo img {
  width: 100%;
  height: auto;
}
.mod-intro-horum .com-senefa .llum {
  z-index: 0;
}
.mod-intro-horum .bodegon {
  background: url(img/bodegon-horum2-low.png) no-repeat right bottom;
  background-size: 75% auto;
  height: 70vw;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 800px) {
  .mod-intro-horum .bodegon {
    background-image: url(img/bodegon-horum2.png) !important;
  }
}
.mod-intro-horum .com-senefa {
  top: 5vw;
}
@media only screen and (max-width: 1250px) {
  .mod-intro-horum .logo {
    width: 30vw;
  }
}
@media only screen and (max-width: 1000px) {
  .mod-intro-horum .logo {
    width: 300px;
    margin-bottom: 20px;
  }
  .mod-intro-horum p {
    font-size: 2.1vw;
  }
  .mod-intro-horum .esquerra {
    max-width: none;
    margin-right: 15vw;
  }
  .mod-intro-horum .maq-contenidor {
    padding-top: 110px;
  }
  .mod-intro-horum .bodegon {
    height: 80vw;
  }
  .mod-intro-horum .com-senefa {
    top: 15vw;
  }
}
@media only screen and (max-width: 760px) {
  .mod-intro-horum p {
    font-size: 16px;
  }
  .mod-intro-horum .maq-contenidor {
    padding-top: 160px;
  }
  .mod-intro-horum .esquerra {
    margin-right: 20vw;
  }
  .mod-intro-horum .bodegon {
    background-size: 100%;
    height: 110vw;
  }
  .mod-intro-horum .com-senefa {
    top: 24vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod-intro-horum .esquerra {
    margin-right: 0;
  }
  .mod-intro-horum .bodegon {
    background-size: 100%;
    height: 470px;
    padding-bottom: 55vw;
  }
  .mod-intro-horum .com-senefa {
    top: 450px;
    margin-top: -30vw;
  }
}
@media only screen and (max-width: 400px) {
  .mod-intro-horum .logo {
    width: 250px;
    margin-bottom: 20px;
  }
}
.mod-foto-text {
  position: relative;
  min-height: 50vw;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: 7vw;
  margin-bottom: 7vw;
  text-shadow: #000 0 0 10px;
}
.mod-foto-text.invers_1 .wrapper,
.mod-foto-text.invers .wrapper {
  max-width: 940px;
  margin: auto;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: content-box;
}
.mod-foto-text .com_bt {
  text-shadow: none;
}
.mod-foto-text .foto {
  top: 0;
  left: -8vw;
  position: absolute;
  z-index: 1;
  width: 50vw;
  height: 50vw;
}
.mod-foto-text.invers_1 .foto,
.mod-foto-text.invers .foto {
  left: auto;
  right: -8vw;
}
.mod-foto-text .text {
  max-width: 540px;
  padding-left: 43vw;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}
.mod-foto-text.invers_1 .text,
.mod-foto-text.invers .text {
  padding-left: 0;
  padding-right: 400px;
}
.mod-foto-text .com-senefa {
  bottom: 5vw;
}
@media only screen and (min-width: 1150px) {
  .mod-foto-text {
    height: 583px;
    min-height: 0;
  }
  .mod-foto-text .com-senefa {
    bottom: 58px;
  }
  .mod-foto-text .foto {
    width: 584px;
    height: 584px;
    left: -93px;
  }
  .mod-foto-text .text {
    padding-left: 500px;
  }
}
@media only screen and (max-width: 1150px) {
  .mod-foto-text.invers_1 .text,
  .mod-foto-text.invers .text {
    padding-right: 40vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod-foto-text .wrapper,
  .mod-foto-text.invers_1 .wrapper,
  .mod-foto-text.invers .wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .mod-foto-text .text,
  .mod-foto-text.invers_1 .text,
  .mod-foto-text.invers .text {
    padding-left: 0;
    padding-right: 0;
  }
  .mod-foto-text .foto,
  .mod-foto-text.invers_1 .foto,
  .mod-foto-text.invers .foto {
    position: relative;
    left: auto;
    right: auto;
    margin: auto;
    width: 400px;
    height: 400px;
  }
  .mod-foto-text .com-senefa {
    height: 50vw;
  }
  .mod-foto-text .com-senefa .senefa-wrapper {
    transform: scale(2) translate3d(15vw, 0, 0);
  }
  .mod-foto-text .com-senefa.invers_0 .senefa-wrapper,
  .mod-foto-text .com-senefa.flip-horizontal .senefa-wrapper {
    transform: scale(2) translate3d(-15vw, 165px, 0);
  }
  .mod-foto-text .com-senefa .senefa {
    /*
			background-size: 250%;
			background-position: 30% top;
			*/
  }
  .mod-foto-text.invers_1 .com-senefa .senefa,
  .mod-foto-text.invers_1 .com-senefa .llum,
  .mod-foto-text.invers .com-senefa .senefa,
  .mod-foto-text.invers .com-senefa .llum {
    margin-top: 0;
  }
}
@media only screen and (max-width: 475px) {
  .mod-foto-text {
    /*
		.com-senefa {
			margin-top: 5vw;
		}
		&.invers .com-senefa {
			margin-top: -60vw;
		}
		.com-senefa .senefa,
		.com-senefa .llum {
			margin-top: 30px;
		}
		*/
  }
  .mod-foto-text .foto,
  .mod-foto-text.invers_1 .foto,
  .mod-foto-text.invers .foto {
    width: 90vw;
    height: 90vw;
  }
  .mod-foto-text .com-senefa .senefa-wrapper {
    transform: scale(2) translate3d(15vw, 0, 0);
  }
  .mod-foto-text .com-senefa.invers_0 .senefa-wrapper,
  .mod-foto-text .com-senefa.flip-horizontal .senefa-wrapper {
    transform: scale(2) translate3d(-15vw, 38vw, 0);
  }
}
/****************************************************************************************************
	Mòduls compartits entre ProService i Horum
*****************************************************************************************************/
/*----------------------------------------------------------------------------------------------------
	Moduls generals
----------------------------------------------------------------------------------------------------*/
/* atenció: aquest módul és comú als dos skins */
.mod-busca-distribuidors {
  margin-top: 7vw;
  margin-bottom: 7vw;
  background: #fbb347;
  /*
	.zona-skin-horum & .com_input_text {
		background: @colorBlack80;		
	}
	.zona-skin-proservice & .com_bt:hover {
		background: @proserviceWhite;
		color: @proserviceBlack;
	}
	*/
}
.mod-busca-distribuidors.padding_no_margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3.5vw;
  padding-bottom: 3.5vw;
}
.mod-busca-distribuidors.skin-horum {
  color: #ffffff;
  background: #141414;
}
.mod-busca-distribuidors img {
  display: block;
  max-width: 100%;
  height: auto;
}
.mod-busca-distribuidors .col {
  text-align: left;
}
.mod-busca-distribuidors .com_titular_5 {
  margin-top: 1em;
  margin-bottom: 3em;
}
.mod-busca-distribuidors .com_input_text {
  color: #141414;
  background: #f3f3f3;
}
.mod-busca-distribuidors .com_input_text {
  margin-right: 0.75em;
}
.mod-busca-distribuidors .has-color-horum-acid-color {
  white-space: nowrap;
}
@media only screen and (max-width: 1150px) {
  .mod-busca-distribuidors .com_titular_5 {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 850px) {
  .mod-busca-distribuidors .com_input_text {
    width: 160px;
  }
}
@media screen and (max-width: 781px) {
  .mod-busca-distribuidors .maq_cols {
    display: block;
  }
  .mod-busca-distribuidors .maq_cols.cols_2 .col {
    width: auto;
    /*text-align: center;*/
  }
  .mod-busca-distribuidors p {
    /*text-align: center;*/
  }
  .mod-busca-distribuidors .com_input_text {
    width: 200px;
  }
  .mod-busca-distribuidors .col.mapa img {
    max-width: 400px;
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 700px) {
  .mod-busca-distribuidors .maq_cols {
    align-items: center;
  }
}
@media only screen and (max-width: 640px) {
  .mod-busca-distribuidors .maq_cols.cols_2 .col {
    text-align: left;
  }
  .mod-busca-distribuidors p {
    text-align: left;
  }
}
@media screen and (max-width: 500px) {
  .mod-busca-distribuidors .col.mapa img {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .mod-busca-distribuidors .com_input_text {
    width: 150px;
  }
}
.mod-destacat {
  margin-top: 7vw;
  margin-bottom: 7vw;
  text-align: center;
}
.mod-destacat.has-color-gris-clarissim-background-color {
  background-image: none !important;
}
.mod-destacat.bg-fosc {
  color: #fff;
}
.mod-destacat.amb_background,
.mod-destacat.padding_no_margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.mod-destacat.amb_background.variacio-slim {
  padding-top: 24px;
  padding-bottom: 64px;
}
.mod-destacat.amb_background {
  background: #333333 no-repeat center center;
  background-size: cover;
}
.mod-destacat * {
  text-align: center;
}
.mod-destacat.align_left * {
  text-align: left;
}
.mod-destacat .dialeg {
  background: #fff;
  border-radius: 6px;
  padding: 30px;
  margin: 80px 0 30px;
  font-size: 18px;
}
.mod-destacat .dialeg .com_titular_3 {
  padding-top: 0.5em;
}
.mod-destacat .dialeg .cercador_linia {
  display: flex;
  margin-bottom: 30px;
}
.mod-destacat .dialeg .cercador_linia input {
  border-radius: 6px;
  background: #f3f3f3;
  margin-right: 40px;
  padding: 0 30px;
  flex: 1;
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .mod-destacat .mod-logos {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.sub-mod-product {
  text-align: left;
  border-radius: 6px;
  padding: 30px 35px;
  background: #f3f3f3 no-repeat center;
  background-size: cover;
  min-height: 460px;
  box-sizing: border-box;
}
.sub-mod-product > *:first-child {
  padding-top: 0;
}
.sub-mod-product.fons-fosc {
  color: #fff;
  text-shadow: 0 0 4px #000;
}
.sub-mod-product.zona-skin-horum {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: space-between;
  background-size: cover;
  padding-bottom: 5px;
  border-radius: 0;
}
@media only screen and (max-width: 640px) {
  .sub-mod-product.zona-skin-horum {
    font-size: 15px;
  }
}
.sub-mod-product.zona-skin-horum * {
  text-align: center;
}
.sub-mod-product.zona-skin-horum img.logo {
  width: 50%;
  height: auto;
  margin: auto;
  margin-bottom: 5px;
}
.sub-mod-product.zona-skin-horum p:last-child {
  flex: 1;
}
.mod-modos-contacto {
  /*margin-top:    @espaiEntreModuls;
	margin-bottom: @espaiEntreModuls;*/
  /*
    a {
		text-decoration: underline;
	}
    */
}
.mod-modos-contacto.padding_no_margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.mod-modos-contacto * {
  text-align: center;
}
.mod-modos-contacto .com_titular_5 {
  margin-bottom: 0;
  color: #db9300;
}
.body-skin-horum .mod-modos-contacto .com_titular_5,
.zona-skin-horum .mod-modos-contacto .com_titular_5 {
  color: #f7ff36;
}
.body-skin-horum .zona-skin-proservice .mod-modos-contacto .com_titular_5 {
  color: #db9300;
}
.mod-modos-contacto a.com_bt {
  text-decoration: none;
  margin-top: 10px;
}
.mod-modos-contacto a:hover {
  color: #141414;
}
.body-skin-horum .mod-modos-contacto a:hover,
.zona-skin-horum .mod-modos-contacto a:hover {
  color: #ffffff;
}
.body-skin-horum .zona-skin-proservice .mod-modos-contacto a:hover {
  color: #141414;
}
.body-skin-horum .mod-modos-contacto a.com_bt:hover,
.zona-skin-horum .mod-modos-contacto a.com_bt:hover {
  color: #141414;
}
.mod-modos-contacto .item {
  position: relative;
  padding: 10px;
}
.zona-skin-horum .mod-modos-contacto .item {
  padding: 0;
}
.mod-modos-contacto .item .icona {
  font-size: 60px;
  line-height: 60px;
  padding-top: 40px;
  padding-bottom: 15px;
}
.mod-modos-contacto .item .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 20px 20px 0;
}
.zona-skin-horum .mod-modos-contacto .item .text {
  padding-top: 0;
}
.mod-modos-contacto .item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.mod-modos-contacto .item .com_titular_5 {
  color: #ffffff;
  line-height: 1.1em;
  margin-bottom: 0;
}
.mod-modos-contacto .item p {
  margin-bottom: 0;
  color: #ffffff;
}
.mod-modos-contacto .item .tel {
  font-size: 34px;
}
.mod-modos-contacto .item form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.mod-modos-contacto .item .com_input_text {
  width: 100px;
  padding: 0 10px;
  line-height: 28px;
  margin-right: 10px;
}
.mod-modos-contacto .js_iguala_alturas {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 1050px) and (min-width: 782px) {
  .mod-modos-contacto .item .icona {
    font-size: 5.75vw;
    line-height: 4vw;
  }
  .mod-modos-contacto .item .com_titular_5,
  .mod-modos-contacto .item .is-style-com_titular_5 {
    font-size: 2.1vw;
  }
  .mod-modos-contacto .item p {
    font-size: 1.9vw;
  }
  .mod-modos-contacto .item .tel {
    font-size: 3.25vw;
  }
}
@media screen and (max-width: 781px) {
  .mod-modos-contacto .maq_cols {
    display: block;
  }
  .mod-modos-contacto .col {
    width: auto !important;
  }
  .mod-modos-contacto .item {
    max-width: 313px;
    box-sizing: border-box;
    margin: auto;
  }
}
.mod-franja.sense_background {
  background-image: none !important;
}
.mod-franja.amb_background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.mod-franja.com_bg_bottom_right {
  background-position: right bottom;
  background-size: contain;
}
.mod-franja.align_center * {
  text-align: center;
}
.mod-franja.align_left {
  text-align: left;
}
.mod-franja.marge_sup_1 {
  margin-top: 7vw;
}
.mod-franja.marge_inf_1 {
  margin-bottom: 7vw;
}
.mod-franja.padding_fondo {
  padding-top: 3.5vw;
  padding-bottom: 3.5vw;
}
.mod-franja.padding_fondo_finet {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mod-franja.padding_fondo_xxl {
  padding-top: 10.5vw;
  padding-bottom: 10.5vw;
}
@media only screen and (max-width: 640px) {
  .mod-franja.padding_fondo_xxl {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
}
.mod-franja.has-color-negre-background-color {
  color: #fff;
}
.mod-flip-cards {
  margin-top: 7vw;
  margin-bottom: 7vw;
}
.mod-flip-cards .maq-contenidor {
  justify-content: center;
}
.mod-flip-cards .com_titular_2 {
  margin-bottom: 1em;
  text-align: center;
}
.mod-flip-cards.skin-proservice .com_titular_3 {
  text-align: center;
}
.mod-flip-cards .back p {
  font-weight: normal;
}
.mod-flip-cards.skin-proservice .com_titular_4 {
  font-size: 22px;
  font-weight: 700;
}
.mod-flip-cards.skin-proservice .cardBox {
  background: #f3f3f3;
}
@media only screen and (min-width: 641px) {
  .mod-flip-cards.skin-proservice .cardBox {
    background: none;
  }
  .mod-flip-cards.skin-proservice .com_bt {
    margin-top: -60px;
  }
  .mod-flip-cards.skin-proservice .front {
    background: #f3f3f3;
    color: #141414;
    border-radius: 6px;
  }
  .mod-flip-cards.skin-proservice .front .com_titular_4 {
    align-items: center;
  }
  .mod-flip-cards.skin-proservice .back {
    background: #fbb347;
    color: #141414;
    border-radius: 6px;
  }
  .mod-flip-cards.skin-proservice .cardBox .com_bt:hover,
  .mod-flip-cards.skin-proservice .cardBox:hover .com_bt {
    background: #ffffff;
    color: #141414;
  }
  .mod-flip-cards .back p {
    text-align: center;
    font-size: 18px;
  }
  .mod-flip-cards .com_titular_4 {
    margin-top: 0;
    text-align: center;
  }
  .mod-flip-cards .cards-wrapper {
    justify-content: center;
  }
  .mod-flip-cards .cardBox {
    perspective: 800px;
    transition: all 0.3s ease 0s;
    margin-top: 20px;
  }
  .mod-flip-cards .cardBox:hover .card {
    transform: rotateY(180deg);
  }
  .mod-flip-cards .card {
    height: 300px;
    transform-style: preserve-3d;
    transition: transform 0.4s ease 0s;
    width: 100%;
    -webkit-animation: giro 1s 1;
    animation: giro 1s 1;
  }
  .mod-flip-cards .front,
  .mod-flip-cards .back {
    backface-visibility: hidden;
    box-sizing: border-box;
    color: white;
    display: block;
    height: 100%;
    padding: 0.8em;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .mod-flip-cards .front {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .mod-flip-cards .front .com_titular_4 {
    margin-bottom: 40px;
    display: flex;
    min-height: 3em;
    justify-content: center;
    align-items: flex-end;
    line-height: 1.1em;
  }
  .mod-flip-cards .back {
    transform: rotateY(180deg);
    background: #2e353d;
  }
  .mod-flip-cards .icona span {
    font-size: 100px;
    line-height: 100px;
    vertical-align: middle;
  }
  .mod-flip-cards .icona span:nth-child(2) {
    font-size: 60px;
    margin-left: -80px;
    position: absolute;
  }
  .mod-flip-cards .com_bt {
    margin-top: -50px;
    position: absolute;
    margin-left: -50px;
    width: 100px;
    box-sizing: border-box;
  }
  .mod-flip-cards .cardBox:hover .com_bt {
    background: #f7ff36;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .mod-flip-cards .com_titular_4 {
    font-size: 2.8vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod-flip-cards .com_titular_2 {
    text-align: left;
  }
  .mod-flip-cards .maq_cols {
    display: block;
    margin-left: 0;
  }
  .mod-flip-cards .col {
    padding-left: 0;
  }
  .mod-flip-cards .cardBox {
    display: block;
    text-align: left;
    padding: 0 0 2em 0 !important;
    width: auto !important;
  }
  .mod-flip-cards .cardBox:hover {
    text-decoration: none;
    color: #fff;
  }
  .mod-flip-cards .card {
    display: flex;
    flex-direction: row;
  }
  .mod-flip-cards .card .front .com_titular_4 {
    display: none;
  }
  .mod-flip-cards .icona span {
    font-size: 80px;
    line-height: 80px;
    vertical-align: middle;
  }
  .mod-flip-cards .icona span:nth-child(2) {
    font-size: 50px;
    margin-left: -65px;
    position: absolute;
  }
  .mod-flip-cards .com_titular_4 {
    padding: 0.1em 0;
  }
  .mod-flip-cards .back {
    margin-left: 15px;
    text-align: left;
  }
  .mod-flip-cards .com_bt {
    margin-left: 95px;
  }
  .mod-flip-cards.skin-proservice .cardBox {
    padding: 20px !important;
    border-radius: 6px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .mod-flip-cards .icona span {
    font-size: 55px;
    line-height: 60px;
  }
  .mod-flip-cards .icona span:nth-child(2) {
    font-size: 38px;
    margin-left: -46px;
  }
  .mod-flip-cards .com_bt {
    margin-left: 71px;
  }
}
@keyframes giro {
  from {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes giro {
  from {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
footer {
  background: #ffffff;
}
footer .seccio-principal {
  border-top: #a1a1a1 1px solid;
  text-align: left;
  padding-top: 30px;
}
footer .seccio-principal .cols_wrapper {
  display: flex;
}
footer .seccio-principal .logo {
  width: 16.66666667%;
  margin-bottom: 30px;
}
footer .seccio-principal .logo img {
  width: 90px;
  height: auto;
}
footer .seccio-principal .principal {
  width: 58.33333333%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
}
footer .seccio-principal .principal .menus-footer {
  display: flex;
}
footer .seccio-principal .principal .menus-footer ul {
  margin-left: 50px;
  font-size: 14px;
}
footer .seccio-principal .principal .menus-footer ul:first-child {
  margin-left: 0;
}
footer .seccio-principal .apuntate {
  width: 25%;
}
footer .seccio-principal .xxss {
  margin-left: -1em;
  margin-bottom: 0.5em;
}
footer .seccio-principal .xxss li {
  display: inline-block;
  margin-left: 1em;
  font-size: 20px;
}
footer .seccio-principal .xxss a:hover {
  text-decoration: none;
}
footer .seccio-principal .linea-aux.out {
  margin-top: -40px;
}
footer .seccio-principal .apuntate {
  font-size: 16px;
}
.body-skin-horum footer .seccio-principal .apuntate {
  font-size: 15px;
}
footer .seccio-principal .apuntate .ckeck_wrap {
  font-size: 0.85em;
  line-height: 1.5em;
}
footer .seccio-principal .apuntate p {
  margin-bottom: 10px;
}
footer .seccio-principal .apuntate form p {
  margin-bottom: 10px;
}
footer .seccio-principal .apuntate .com_input_text {
  font-size: 14px;
  line-height: 2.25em;
  background: #f3f3f3;
  width: 100%;
  color: #141414;
}
footer .seccio-principal .apuntate .ckeck_wrap input {
  position: absolute;
}
footer .seccio-principal .apuntate .ckeck_wrap label {
  padding-left: 24px;
  display: block;
}
footer .seccio-principal .apuntate .bt_wrap {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  footer .seccio-principal .cols_wrapper {
    flex-wrap: wrap;
  }
  footer .seccio-principal .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
  }
  footer .seccio-principal .principal {
    width: 66.66666667%;
  }
  footer .seccio-principal .apuntate {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 640px) {
  footer .seccio-principal .principal {
    margin: 0 auto 3em ;
    width: auto;
  }
  footer .seccio-principal .apuntate {
    width: 100%;
    margin-bottom: 20px;
  }
  footer .seccio-principal .apuntate p {
    text-align: center;
  }
  footer .seccio-principal .linea-aux-out {
    text-align: center;
  }
}
footer .copy {
  color: #727272;
  /*display: flex;
		align-content: center;
		align-items: center;*/
  line-height: 1.1em;
  font-size: 0;
}
footer .copy p,
footer .copy ul,
footer .copy li {
  color: #727272;
  display: inline;
  font-size: 12px;
  margin: 0;
}
footer .copy p,
footer .copy li {
  white-space: nowrap;
  margin: 0 1em 0 0;
  line-height: 1.5em;
}
footer .copy li:before {
  content: '|';
  margin: 0 1em 0 0;
}
footer .copy li.primer-a-la-linia:before {
  opacity: 0;
}
footer .copy a {
  color: #727272;
  white-space: nowrap;
}
footer .copy a:hover {
  color: #db9300;
}
footer .seccio-logos {
  color: #ffffff;
  background: #141414;
  padding: 20px 0 25px;
  margin-top: 20px;
}
footer .seccio-logos .titular {
  text-align: center;
  font-size: 10px;
}
footer .seccio-logos .titular:before {
  display: block;
  overflow: hidden;
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: 5px;
  background: #db9300;
}
footer .seccio-logos .titular span {
  background: #141414;
  display: inline-block;
  padding: 0 20px;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
footer .seccio-logos .mod-logos {
  display: flex;
  justify-content: space-between;
}
footer .seccio-logos .mod-logos .break {
  display: none;
}
footer .seccio-logos img {
  moz-filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
  filter: grayscale(1) contrast(1.5) brightness(1) invert(1);
  height: 30px;
  width: auto;
}
@media only screen and (max-width: 640px) {
  footer .seccio-logos .mod-logos {
    justify-content: center;
    flex-wrap: wrap;
  }
  footer .seccio-logos .mod-logos .break {
    display: block;
    height: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  footer .seccio-logos .mod-logos {
    margin-left: -25px;
    margin-right: -25px;
  }
}
body.body-skin-horum footer {
  background: #141414 url(img/textura_hexagonos2.jpg) bottom center no-repeat;
  background-size: cover;
  font-family: 'Rubik', sans-serif;
  font-size: 16.6px;
  line-height: 1.56626506em;
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
}
body.body-skin-horum footer a {
  color: #ffffff;
}
body.body-skin-horum footer a:hover {
  color: #f7ff36;
}
body.body-skin-horum footer .seccio-principal .logo {
  width: 33.33333333%;
}
body.body-skin-horum footer .seccio-principal .principal {
  width: 41.66666667%;
}
body.body-skin-horum footer .seccio-principal .logo img {
  width: 75%;
}
body.body-skin-horum footer .seccio-principal .copy p,
body.body-skin-horum footer .seccio-principal .copy li,
body.body-skin-horum footer .seccio-principal .copy a {
  color: #ffffff;
}
body.body-skin-horum footer .seccio-principal .copy a:hover {
  color: #f7ff36;
}
@media only screen and (max-width: 1050px) {
  body.body-skin-horum footer .seccio-principal .cols_wrapper {
    flex-wrap: wrap;
  }
  body.body-skin-horum footer .seccio-principal .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
  }
  body.body-skin-horum footer .seccio-principal .logo img {
    max-width: 235px;
  }
  body.body-skin-horum footer .seccio-principal .principal {
    width: 66.66666667%;
  }
  body.body-skin-horum footer .seccio-principal .apuntate {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 640px) {
  body.body-skin-horum footer .seccio-principal .principal {
    margin: 0 auto 3em ;
    width: auto;
  }
  body.body-skin-horum footer .seccio-principal .apuntate {
    width: 100%;
  }
  body.body-skin-horum footer .seccio-principal .apuntate p {
    text-align: center;
  }
  body.body-skin-horum footer .seccio-principal .linea-aux-out {
    text-align: center;
  }
}
body.body-skin-horum footer .apuntate .com_input_text {
  color: #fff;
  background: #434343;
}
body.body-skin-horum footer .apuntate .com_bt {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  line-height: 1em;
  font-style: normal;
  font-weight: 500;
  background: #fff;
  padding-top: 9px;
}
body.body-skin-horum footer .apuntate .com_bt:hover {
  color: #141414;
  background: #f7ff36;
}
body.body-skin-horum footer input.com_checkbox-tune {
  background: #434343;
  border-color: #434343;
}
body.body-skin-horum footer input.com_checkbox-tune:active,
body.body-skin-horum footer input.com_checkbox-tune:checked:active {
  border-color: #f7ff36;
}
body.body-skin-horum footer input.com_checkbox-tune:checked {
  border-color: #f7ff36;
  background: #f7ff36;
}
body.body-skin-horum footer input.com_checkbox-tune:checked:after {
  color: #141414;
}
body.body-skin-horum footer .com_bt.filet {
  color: #ffffff;
  border-color: #727272;
  background: #141414;
}
body.body-skin-horum footer .com_bt.filet:hover {
  color: #141414;
  border-color: #f7ff36;
  background: #f7ff36;
}
body.body-skin-horum footer .linea-sota-horum {
  border-top: #f7ff36 1px solid;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  font-size: 17px;
}
body.body-skin-horum footer .linea-sota-horum .maq-contenidor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.body-skin-horum footer .linea-sota-horum li {
  display: inline-block;
  margin-right: 1.5em;
}
body.body-skin-horum footer .linea-sota-horum li span {
  margin-right: 0.5em;
  font-size: 1.4em;
}
body.body-skin-horum footer .linea-sota-horum a {
  color: #ffffff;
  display: flex;
  align-items: center;
}
body.body-skin-horum footer .linea-sota-horum a:hover {
  color: #f7ff36;
  text-decoration: none;
}
body.body-skin-horum footer .linea-sota-horum p {
  margin: 0;
  font-weight: 300;
  color: #f7ff36;
}
@media screen and (max-width: 1100px) {
  body.body-skin-horum footer .linea-sota-horum .maq-contenidor {
    display: block;
    text-align: center;
  }
  body.body-skin-horum footer .linea-sota-horum p {
    text-align: center;
    margin-top: 20px;
  }
}
@media screen and (max-width: 500px) {
  body.body-skin-horum footer .linea-sota-horum p {
    font-size: 15px;
  }
}
/********* COMPLAINZ ***********/
#cmplz-document {
  margin: 50px auto !important;
}
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown p,
#cmplz-document li,
#cmplz-document p,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,
.editor-styles-wrapper .cmplz-unlinked-mode li,
.editor-styles-wrapper .cmplz-unlinked-mode p,
.editor-styles-wrapper .cmplz-unlinked-mode td {
  font-size: 16px;
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
  background-color: #444 !important;
  text-align: left;
}
.chivato {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #ff0;
  color: #000;
  padding: 3px 6px;
  font-size: 14px;
  line-height: 1.5em;
  z-index: 10;
}
.cssWidth {
  position: fixed;
  left: -10000px;
  top: 0;
  width: 160px;
}
@media screen and (max-width: 1150px) {
  .cssWidth {
    width: 115px;
  }
}
@media screen and (max-width: 640px) {
  .cssWidth {
    width: 64px;
  }
}
/*# sourceMappingURL=style.css.map */