@charset "UTF-8";
/*!
Theme Name: cofbserveis
Theme URI: http://underscores.me/
Author: 3ipunt Solucions Informàtiques
Author URI: https://tresipunt.com/
Description: Description
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cofserveis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

cofserveis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-size: 1rem !important;
  line-height: 1.5;
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h1 {
  color: #338D85;
  font-size: 2rem;
  font-weight: bold !important;
}

h2 {
  font-size: 2.2rem !important;
  border-bottom: 2px solid #338D85;
  color: #338D85;
  font-weight: 900 !important;
}

h2.no-border {
  border-bottom: unset;
}

h2.small {
  font-size: 1rem !important;
}

h2.white {
  color: white;
}

h3 {
  font-size: 1.69rem;
  font-weight: 900;
}

.s1 {
  font-size: 0.79rem;
}

.s2 {
  font-size: 0.827rem;
}

.s3 {
  font-size: 1.1rem;
}

.s4 {
  font-size: 1.18rem;
}

.s5 {
  font-size: 1.42rem !important;
}

.s6 {
  font-size: 1.575rem;
}

.s7 {
  font-size: 1.69rem;
}

.s8 {
  font-size: 1.89rem;
}

.s9 {
  font-size: 2.36rem;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

.black a {
  color: #37392e !important;
}

.white a {
  color: white !important;
}

footer a {
  text-decoration: underline;
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul {
  margin: unset !important;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  max-width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.form-bg {
  padding: 20px;
}

figure {
  margin: 1em 0;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.greenBack {
  background-color: #338D85;
  color: white;
  padding: 1% 37px;
  /*  margin-top: 15px;*/
}

.darkgreenBack {
  background-color: #005F71;
  color: white;
  padding: 1% 37px;
}

.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #338D85;
}

div.et-truquem {
  background-color: #338D85;
  color: white;
  margin-top: 15px;
  cursor: pointer;
  display: grid;
  align-content: center;
  display: grid;
  grid-template-columns: 0.25fr 1fr;
}
div.et-truquem div.telefon {
  margin-left: 11%;
}
div.et-truquem div.text {
  align-self: center;
  justify-self: center;
}
div.et-truquem div.text h2 {
  margin-top: 5px;
  margin-bottom: 0px;
}
div.et-truquem div.text span {
  font-weight: bold;
  line-height: 51px;
  vertical-align: top;
  font-size: 23px;
}
div.et-truquem:hover {
  background-color: #2B7871;
}
div.et-truquem h2 {
  border-bottom: none;
}

.home .et-truquem {
  background-color: #005F71;
}

.search-form .search-box {
  display: grid;
  grid-template-columns: 8fr 1fr;
}
.search-form .search-box .search-input {
  border-radius: 0px;
  border: 1px solid #338D85;
}
.search-form .search-box .search-image {
  background-color: #338D85;
  width: 36px;
  padding: 8px;
  height: auto;
  vertical-align: bottom;
}

blockquote {
  border-left: 4px solid #338D85;
  padding-left: 15px;
}

.wp-block-file {
  background-color: #338D85;
  padding: 10px 15px;
}
.wp-block-file a {
  color: #ffffff !important;
}

.big-text {
  font-size: 4rem;
  color: #338D85;
  font-weight: bold;
}

.print-button {
  text-align: right;
}
.print-button button {
  background-color: #338D85;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  font-weight: bold !important;
}
.print-button button:hover {
  background-color: #2B7871;
}

.extra-tools input[type=submit] {
  background-color: #338D85;
  color: #ffffff;
}
.extra-tools input[type=submit]:hover {
  background-color: #2B7871;
}

body.search footer.entry-footer {
  display: none;
}

.servei-contractat h4 {
  padding: 9px;
  font-weight: bold;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
div.serveiFarmacia, div.serveiPerTu {
  height: 106px !important;
}

div.container .single {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 15px 20px;
}
div.container .single article .entry-header {
  margin-bottom: 20px;
  margin-top: 10.15px;
}
div.container .single article .entry-header footer.entry-footer {
  background-color: transparent;
}
div.container .single article .entry-header footer.entry-footer .byline {
  display: none;
}
div.container .single article .breadcrumbs {
  margin-bottom: 50px;
}
div.container .single aside .first-widget {
  margin-bottom: 32px;
}
div.container .single aside .serveis-box {
  padding: 17%;
  margin-bottom: 20px;
}
div.container .single aside .serveis-box a {
  color: white;
}
div.container .single aside .serveis-box a:hover {
  text-decoration: none;
}
div.container .single aside h2 {
  font-size: 1.5rem !important;
}
div.container .single nav .nav-links a {
  color: #338D85;
}
div.container .single nav .nav-links a:hover {
  color: #338D85;
}
div.container .single.servei-contractat {
  grid-template-columns: 1fr 3fr;
}
div.container .single.servei-contractat .entry-content {
  margin: 20px 0px;
}
div.container .single.servei-contractat .entry-content.servei {
  background-color: #DCF4F7;
  padding: 28px;
}
div.container .single.servei-contractat div.servei-box {
  margin-bottom: 20px;
}
div.container .single.servei-contractat div.servei-box .inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
div.container .single.servei-contractat div.servei-box .inner .title-date-box {
  font-weight: bold;
}
div.container .single.servei-contractat div.servei-box .inner .link a {
  color: #13b6cb;
}
div.container .single.servei-contractat div.asseguranca-box {
  background-color: #FCE8D5;
  padding-bottom: 20px;
}
div.container .single.servei-contractat div.asseguranca-box .title {
  background-color: #f08e16;
  color: #ffffff;
  padding: 5px 10px;
  margin-bottom: 14px;
}
div.container .single.servei-contractat div.asseguranca-box .estat-tipus-box {
  margin-bottom: 14px;
  display: flex;
}
div.container .single.servei-contractat div.asseguranca-box .estat-tipus-box div:after {
  content: " - ";
  margin-left: 5px;
  margin-right: 5px;
}
div.container .single.servei-contractat div.asseguranca-box .estat-tipus-box div:last-child:after {
  content: "";
}
div.container .single.servei-contractat div.asseguranca-box .dates-box {
  margin-bottom: 14px;
  display: flex;
}
div.container .single.servei-contractat div.asseguranca-box .dates-box div:after {
  content: " - ";
  margin-left: 5px;
  margin-right: 5px;
}
div.container .single.servei-contractat div.asseguranca-box .dates-box div:last-child:after {
  content: "";
}
div.container .single.servei-contractat div.asseguranca-box .tel {
  margin-bottom: 14px;
}
div.container .single.servei-contractat div.asseguranca-box .tel .tel-orange {
  color: #f08e16;
  font-weight: bold;
}
div.container .single.servei-contractat div.asseguranca-box .content {
  justify-content: space-between;
  padding: 10px;
  display: flex;
  align-items: center;
}
div.container .single.servei-contractat div.asseguranca-box .content .company-img {
  text-align: center;
}
div.container .single.servei-contractat div.asseguranca-box .content .company-img img {
  width: 100px;
  height: auto;
}
div.container .single.servei-contractat div.asseguranca-box .button-box {
  display: flex;
  justify-content: center;
}
div.container .single.servei-contractat div.asseguranca-box .button-box a {
  padding: 5px 30px;
  background-color: #f08e16;
  color: white;
  border: none;
  text-align: center;
  cursor: pointer;
}
div.container .single.servei-contractat div.asseguranca-box .button-box a:focus {
  outline: none;
}
div.container .single.servei-contractat div.asseguranca-box .tableReceipts_box {
  margin: 20px;
}
div.container .single.servei-contractat div.asseguranca-box .tableReceipts_box .tableReceipts {
  display: none;
  margin-top: 10px;
  background-color: white;
  padding: 20px;
}
div.container .single.servei-contractat div.asseguranca-box .tableReceipts_box .tableReceipts .title {
  color: #f08e16;
  font-size: 15px;
  border-bottom: 2px solid #f08e16;
  background-color: inherit;
}
div.container .single.servei-contractat div.asseguranca-box .tableReceipts_box .tableReceipts thead tr {
  border-bottom: 2px solid black;
}
div.container .single.servei-contractat div.asseguranca-box .tableReceipts_box .tableReceipts tbody {
  font-size: 14px;
}

.news h2 {
  margin-bottom: 10px !important;
}
.news .cat {
  font-size: 0.8rem;
}

.wpcf7-field-group > div, .wpcf7-field-group > p {
  float: left;
  display: inline-block;
}

.wpcf7-field-group {
  max-width: 33.333333%;
}

.wpcf7-field-group > p {
  margin-left: 10px;
}

.wpcf7-field-group-remove {
  margin-right: 10px;
}

.wpcf7-field-group button {
  padding: 0.2em 1em 0.3em;
  background: #f08e2b;
  color: #ffffff;
  border: 0;
}

.submit-button {
  clear: both;
}

span.post-type {
  color: #338D85;
  text-transform: capitalize;
}

main.search .grid-serveis {
  grid-template-columns: unset;
  grid-auto-rows: unset;
}

.center {
  text-align: center;
}

.bold {
  font-weight: 700;
}

.bolder {
  font-weight: 900;
}

.normal {
  font-weight: 400;
}

.lighter {
  font-weight: 300;
}

.grid {
  display: grid;
}

.main-color {
  color: #338D85 !important;
}

.main-color-back {
  background-color: #338D85 !important;
}

.white {
  color: white;
}

iframe .container {
  width: 100% !important;
  padding: 0;
}
iframe .container #main-content {
  margin: 0;
}

.mt20 {
  margin-top: 20px;
}

.site a {
  color: #338D85;
}

.wp-block-pb-accordion-item.faqs h4.c-accordion__title {
  background-color: #b2dcda;
  color: #212529;
  padding-right: 50px;
  font-size: inherit;
}
.wp-block-pb-accordion-item.faqs h4.c-accordion__title:after {
  color: #212529;
}
.wp-block-pb-accordion-item.faqs div.c-accordion__content {
  margin-top: 25px;
}

.greyBar {
  background-color: grey;
  color: white;
}
.greyBar .container {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 0 15px;
  width: auto;
}
.greyBar .container .welcome {
  display: flex;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  padding: 15px 15px;
  position: relative;
  margin-left: 16px;
}
.greyBar .container .welcome:hover {
  background-color: #4a4a4a;
}
.greyBar .container .welcome:after {
  content: "▼";
  margin-left: 10px;
  font-size: 10px;
}
.greyBar .container > div {
  position: relative;
}
.greyBar .container > div:hover .menu-area-clients-container {
  display: block;
}
.greyBar .container > div .menu-area-clients-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.greyBar .container > div .menu-area-clients-container .menu {
  background-color: #5a5a5a;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 220px;
}
.greyBar .container > div .menu-area-clients-container .menu li {
  margin: 0;
  padding: 0;
  display: block;
}
.greyBar .container > div .menu-area-clients-container .menu li a {
  display: block;
  padding: 10px 15px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.3s;
}
.greyBar .container > div .menu-area-clients-container .menu li a:hover {
  background-color: #4a4a4a;
}

@media (max-width: 768px) {
  .greyBar .container {
    flex-direction: column;
    align-items: flex-start;
  }
  .greyBar .container .welcome {
    width: 100%;
    box-sizing: border-box;
  }
  .greyBar .container > div {
    width: 100%;
  }
  .greyBar .container > div .menu-area-clients-container {
    position: static;
    width: 100%;
  }
  .greyBar .container > div .menu-area-clients-container .menu {
    width: 100%;
  }
}
.soft-green {
  background-color: rgba(51, 140, 133, 0.2);
}

.col-login {
  width: 520px;
  margin: 20px 0px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.col-login .inner {
  padding: 9px 25px;
}

.area-clients {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.area-clients .col-login-wp {
  width: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.area-clients .col-login-wp #intro {
  padding: 20px 0px;
}
.area-clients .col-login-wp #intro.open:before {
  position: absolute;
  content: "+";
  font-weight: 300;
  padding-right: 10px;
  color: #338D85;
  font-size: 2.3rem;
  font-weight: 900;
  left: 74px;
  top: 4px;
}
.area-clients .col-login-wp #intro.close-login:before {
  content: "-";
  position: absolute;
  font-weight: 300;
  padding-right: 10px;
  color: #338D85;
  font-size: 2.3rem;
  font-weight: 900;
  left: 74px;
  top: 4px;
}
.area-clients .tml-login-form-container {
  display: none;
  width: 70%;
  margin: 0 auto;
}
.area-clients .tml-login-form-container .tml-login .tml-log-wrap label, .area-clients .tml-login-form-container .tml-login .tml-pwd-wrap label {
  display: none;
}
.area-clients .tml-login-form-container .tml-login input {
  border-left: 3px solid #338D85;
}
.area-clients .tml-login-form-container .tml-login button {
  width: 100%;
  background-color: #338D85;
  color: white;
}

.page-template-area-clients div.subtitle, aside.servei-contractat div.subtitle {
  margin-top: 27px;
  border-bottom: 2px solid;
  margin-bottom: 17px;
  font-family: "Lato";
  font-size: 24px;
  color: #338D85;
}

.extra-tools {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.woocommerce div.product form.cart .button {
  float: none;
  display: block;
  clear: both;
  margin-top: 20px;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

footer {
  background-color: #40413A;
  color: #fff;
  grid-template-rows: 1fr 1fr;
  padding: 20px 0px;
}
footer.entry-footer {
  background-color: transparent;
}
footer span {
  color: black;
}
footer span a {
  color: #338D85;
}
footer span a:hover {
  color: #338D85;
}
footer .footer-first {
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 30px;
  margin-bottom: 15px;
}
footer .footer-first .logo-text {
  text-align: right;
}
footer .footer-first .logo-text img {
  width: 45%;
}
footer .footer-first .iniciative-text {
  font-size: 13px;
}
footer .footer-scnd {
  font-size: 14px;
  font-weight: lighter;
}
footer .footer-scnd .copyright a {
  font-size: 12px;
}
footer ul.menu {
  display: inline-block;
  padding-left: 0;
}
footer ul.menu li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

header {
  padding-top: 10px;
}
header .header-first a {
  color: #338D85 !important;
}
header div.site-branding {
  width: 90%;
  align-self: center;
}
header div.header-scnd nav {
  height: 100%;
}
header div.header-scnd nav li.serveis ul.sub-menu {
  background-color: #338D85;
  grid-template-columns: 1fr 1fr 1fr;
}
header div.header-scnd nav li.assegurances ul.sub-menu, header div.header-scnd nav li.recursos ul.sub-menu {
  background-color: #338D85;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
header div.header-scnd nav .container.menu {
  height: 100%;
  display: grid;
  /*  align-content: center;*/
  padding: 0;
  justify-content: start;
}
header div.header-scnd nav #primary-menu > li:last-child {
  background-color: #003956;
}
header div.header-scnd nav ul.menu {
  height: 100%;
  font-weight: bold;
}
header div.header-scnd nav ul.menu li {
  height: 100%;
}
header div.header-scnd nav ul.menu li a, header div.header-scnd nav ul.menu li a:hover, header div.header-scnd nav ul.menu li a:focus {
  height: 100%;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 23px;
  padding: 25px 15px;
  display: flex;
  align-items: center;
}
header div.header-scnd nav ul.menu li:hover {
  background-color: #2B7871;
}
header div.header-scnd nav ul.menu li:last-child {
  margin-right: 0px;
}
header div.header-scnd nav ul.menu li.current-menu-item, header div.header-scnd nav ul.menu li.current-menu-parent, header div.header-scnd nav ul.menu li.current_page_parent {
  background-color: #2B7871;
}
header .header-first {
  grid-template-columns: 1fr 1fr 1fr;
}
header .header-first .searcher {
  align-self: center;
}
header .header-first .searcher .search-form .search-box {
  margin: 0px 9%;
}
header .header-first .contact-info {
  color: #338D85;
  text-align: right;
  margin-bottom: 9px;
}
header .header-first .contact-info .email {
  margin-top: -10px;
}
header .header-scnd {
  background-color: #338D85;
}

.widget_icl_lang_sel_widget {
  margin-bottom: 0 !important;
}
.widget_icl_lang_sel_widget a {
  color: #338D85 !important;
}
.widget_icl_lang_sel_widget a:hover {
  text-decoration: none;
}
.widget_icl_lang_sel_widget ul li {
  font-size: 0.7em;
}
.widget_icl_lang_sel_widget ul li:first-child {
  border-right: 1px solid #338D85;
}
.widget_icl_lang_sel_widget ul li:last-child a {
  padding-right: 0;
}

section {
  margin: 2% 0;
}
section h2 {
  color: #338D85;
}
section h2.assegurances {
  color: rgb(240, 142, 43);
  border-bottom: 2px solid rgb(240, 142, 43);
}
section.formulari {
  background-color: rgba(240, 142, 43, 0.2);
  justify-content: center;
}
section.formulari div.titol-formulari {
  background-color: #f08e2b;
  text-align: center;
  padding: 6px 16px;
  color: white;
}
section.formulari div.formulari-proposta {
  padding: 3%;
  justify-content: center;
}
section.serveis-first {
  grid-template-columns: 3fr 1.3fr;
  margin: 2% 0;
}
section.serveis-first div.et-truquem {
  margin-bottom: 5%;
  cursor: pointer;
}
section.serveis-scnd {
  margin: 2% 0;
}
section.serveis-scnd div.image-box {
  position: relative;
}
section.serveis-scnd div.image-box div.textImage {
  width: 500px;
  background-color: rgba(15, 15, 15, 0.4);
  color: white;
  text-align: right;
  position: absolute;
  padding: 5px;
  top: 28px;
  right: 17px;
}
section.serveis-third {
  margin: 2% 0;
  grid-template-columns: 1fr 3fr;
  justify-items: center;
  align-items: center;
}
section.serveis-third .circle {
  width: 190px;
  height: 190px;
  border-width: 13px;
  border-radius: 100px;
  text-align: center;
  border-style: solid;
  margin: 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section.serveis-third .descripcio {
  width: 86%;
}
section.boto-proposta {
  display: flex;
  justify-content: center;
  text-align: center;
}
section.boto-proposta a {
  border: 3px solid #f08e16;
  padding: 1%;
  width: 60%;
  font-weight: bold;
  color: #f08e16 !important;
}
section.boto-proposta a:hover {
  background-color: #f08e16;
  color: #ffffff !important;
  text-decoration: none;
}
section.serveis-forth.pestanya {
  margin: 2% 0;
  background-color: rgba(58, 182, 203, 0.2);
}
section.serveis-forth.pestanya.assegurances {
  background-color: rgba(240, 142, 43, 0.2);
}
section.serveis-forth.pestanya > ul {
  margin: unset;
}
section.serveis-forth.pestanya > ul li {
  width: 50%;
  text-align: center;
}
section.serveis-forth.pestanya > ul li a {
  color: white !important;
  border: 0px;
  border-radius: 0px;
}
section.serveis-forth.pestanya > ul li a.active {
  color: white;
}
section.serveis-forth.pestanya div.tab-content .div-oferta {
  padding: 3%;
}
section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim {
  margin-bottom: 3%;
}
section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim .intro-oferim {
  margin-bottom: 3%;
}
section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim .icona-oferim {
  width: 10%;
  float: left;
  margin-right: 3%;
}
section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim .content-oferim {
  width: 80%;
  float: left;
}
section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim .content-oferim .title-oferim {
  width: 76%;
  margin-bottom: 3%;
}
section.serveis-forth.pestanya div.tab-content .div-pregunta {
  padding: 4% 6%;
}
section.serveis-forth.pestanya div.tab-content .div-pregunta .bloque {
  margin-bottom: 1%;
}
section.serveis-forth.pestanya div.tab-content .div-pregunta .bloque div.pregunta {
  line-height: 30px;
  position: relative;
}
section.serveis-forth.pestanya div.tab-content .div-pregunta .bloque div.pregunta .trigger {
  line-height: 30px;
  font-size: 30px;
  vertical-align: top;
  position: absolute;
  right: 0;
  pointer: cursor;
}
section.serveis-forth.pestanya div.tab-content .resposta {
  display: none;
  background-color: white;
  padding: 2% 3%;
  margin-top: 1%;
}
section.recomanats .serveis-fifth {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 30px;
  margin: 2% 0;
}
section.recomanats .serveis-fifth div.serveis-box {
  text-align: center;
  width: 100%;
  padding: 17%;
}
section.recomanats .serveis-fifth div.serveis-box a, section.recomanats .serveis-fifth div.serveis-box a:hover, section.recomanats .serveis-fifth div.serveis-box a:focus {
  /*display: grid;*/
  color: white;
  text-decoration: none;
}
section.recomanats .serveis-fifth div.serveis-box a div img, section.recomanats .serveis-fifth div.serveis-box a:hover div img, section.recomanats .serveis-fifth div.serveis-box a:focus div img {
  width: 43%;
}
section.recomanats .serveis-fifth div.serveis-box a div.box-title, section.recomanats .serveis-fifth div.serveis-box a:hover div.box-title, section.recomanats .serveis-fifth div.serveis-box a:focus div.box-title {
  margin-top: 8px;
}
section.comentaris {
  height: 200px;
}

a.ets-titular {
  grid-area: ets-titular;
  margin-top: 20px;
}
a.ets-titular h2 {
  border-bottom: unset;
}
a.ets-titular .inner {
  grid-template-columns: 1fr 1fr;
  /*        margin-top: 15px;*/
  align-items: center;
}
a.ets-titular:hover {
  text-decoration: none;
}
a.ets-titular:hover div.greenBack {
  background-color: #2B7871;
}

.single-servei-contractat .wp-block-pb-accordion-item h4.c-accordion__title {
  background-color: #13b6cb;
}
.single-servei-contractat .wp-block-pb-accordion-item .wpcf7-form input[type=text], .single-servei-contractat .wp-block-pb-accordion-item .wpcf7-form input[type=tel], .single-servei-contractat .wp-block-pb-accordion-item .wpcf7-form input[type=email], .single-servei-contractat .wp-block-pb-accordion-item .wpcf7-form textarea {
  border-left-color: #13b6cb;
}
.single-servei-contractat .wp-block-pb-accordion-item .wpcf7-form input[type=submit] {
  background-color: #13b6cb;
}

.banner-bosses {
  background-repeat: no-repeat;
  height: 100%;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.banner-bosses .banner-bosses-content {
  font-size: 24px;
  position: absolute;
  color: #ffffff;
  left: 33%;
  max-width: 50%;
}
.banner-bosses .cta {
  background-color: #2B7871;
  color: #ffffff;
  border-radius: 0;
}
.banner-bosses .cta:hover {
  color: #ffffff;
  background-color: #2B7871;
}

.serveis-gratuits div:hover {
  filter: none !important;
}
.serveis-gratuits div.serveiFarmacia {
  height: auto !important;
}
.serveis-gratuits div.serveiFarmacia:hover {
  background-color: #b2dcda !important;
  filter: none;
}
.serveis-gratuits div.serveiFarmacia:hover .banner-bosses-content {
  color: #37392e !important;
}
.serveis-gratuits div.serveiFarmacia:hover .banner-bosses-content div {
  filter: none !important;
}
.serveis-gratuits div.serveiFarmacia .banner-bosses-content {
  font-size: 1.18rem;
  font-weight: 700;
  position: inherit;
  width: 100%;
  left: auto;
}
.serveis-gratuits div.serveiFarmacia .banner-bosses-content a.cta {
  margin-top: 15px;
  color: #fff !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-image: none !important;
}

.carousel-control-next-icon:after {
  content: ">";
  font-size: 55px;
  color: #80c5c2;
}

.carousel-control-prev-icon:after {
  content: "<";
  font-size: 55px;
  color: #80c5c2;
}

.modal-header {
  border-bottom: 0px solid #dee2e6 !important;
}

@media (max-width: 670px) {
  main .container .home {
    grid-gap: 8px;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: 0.5fr 0.35fr 3fr 0.5fr 1.5fr 0.35fr 1fr; */
    /*    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;*/
    grid-template-areas: "concerta-visita et-truquem" "per-farmacia per-farmacia" "serveis-farmacia serveis-farmacia" "per-tu per-tu" "serveis-tu serveis-tu" "ets-titular ets-titular" "cercles cercles" "que-diuen que-diuen" "comentaris comentaris";
  }
}
main #carouselSlider ol li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
main #carouselSlider div.carousel-item {
  position: relative;
}
main #carouselSlider div.carousel-item div.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  width: 50%;
  text-align: left;
  padding: 15px;
  position: absolute;
  left: 45px;
  bottom: 50px;
}
main #carouselSlider div.carousel-item div.carousel-caption a {
  color: white !important;
  background-color: #338D85;
  padding: 10px;
  float: right;
}
main #carouselSlider div.carousel-item div.carousel-caption a:hover {
  text-decoration: none;
  filter: brightness(0.8);
}
main .container .home {
  grid-gap: 8px;
  grid-column-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  /* grid-template-rows: 0.2fr 0.15fr 1.5fr 0.15fr 0.6fr 0.15fr 0.3fr 0.15fr 0.5fr;*/
  grid-template-areas: "et-truquem concerta-visita concerta-visita" "per-tu per-tu per-tu" "serveis-tu serveis-tu serveis-tu" "per-farmacia per-farmacia per-farmacia" "serveis-farmacia serveis-farmacia serveis-farmacia" "ets-titular ets-titular ets-titular" "cercles cercles cercles" "novetats-title novetats-title novetats-title" "novetats novetats novetats" "que-diuen que-diuen que-diuen" "comentaris comentaris comentaris";
}
main .container a.concerta-visita {
  grid-area: concerta-visita;
}
main .container a.concerta-visita:hover {
  color: unset;
  text-decoration: none;
}
main .container a.concerta-visita:hover div.greenBack {
  background-color: #2B7871;
}
main .container a.concerta-visita div.inner {
  grid-template-columns: 1fr 1fr;
  margin-top: 15px;
  align-items: center;
}
main .container div.area-clients-mobile {
  display: none;
}
main .container div.trucada {
  /*  margin-top:20px;*/
  cursor: pointer;
}
main .container div.trucada div.et-truquem {
  grid-area: et-truquem;
}
main .container div.trucada div.et-truquem:hover {
  background-color: #2B7871;
}
main .container div.trucada div.et-truquem h2 {
  border-bottom: none;
}
main .container div.per-farmacia {
  grid-area: per-farmacia;
}
main .container div.per-tu {
  grid-area: per-tu;
}
main .container div.serveis-farmacia {
  grid-area: serveis-farmacia;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 15px;
}
main .container div.serveis-farmacia div:hover {
  filter: brightness(0.8);
}
main .container div.serveis-farmacia div.background-serveis {
  background-color: #b2dcda;
  padding: 3%;
  min-height: 97.55px;
}
main .container div.serveis-farmacia a, main .container div.serveis-farmacia a:hover, main .container div.serveis-farmacia a:focus {
  color: #37392e;
  text-decoration: none;
}
main .container div.serveis-tu {
  grid-area: serveis-tu;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr 1fr 1fr;
  grid-gap: 15px;
}
main .container div.serveis-tu div.servei-asseguranca-title {
  width: 63%;
}
main .container div.serveis-tu a, main .container div.serveis-tu a:hover, main .container div.serveis-tu a:focus {
  color: #37392e;
  text-decoration: none;
}
main .container div.serveis-tu > div {
  padding: 3%;
  background-color: rgba(178, 220, 218, 0.5);
  min-height: 85px;
}
main .container div.serveis-tu > div:hover {
  filter: brightness(0.8);
}
main .container div.que-diuen {
  grid-area: que-diuen;
}
main .container div.comentaris {
  grid-area: comentaris;
  height: 185px;
  margin-bottom: 20px;
  margin-top: 20px;
}
main .container a.ets-titular {
  grid-area: ets-titular;
  margin-top: 20px;
}
main .container a.ets-titular h2 {
  border-bottom: unset;
}
main .container a.ets-titular .inner {
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
main .container a.ets-titular:hover {
  text-decoration: none;
}
main .container a.ets-titular:hover div.greenBack {
  background-color: #2B7871;
}
main .container div.cercles {
  grid-area: cercles;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}
main .container div.cercles .cercles-container {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  text-align: center;
  border-width: 15px;
  border-style: solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div.novetats-title {
  grid-area: novetats-title;
}

div.novetats {
  grid-area: novetats !important;
  grid-template-rows: 1fr 0.2fr;
  margin-bottom: 0 !important;
}
div.novetats .novetats-button {
  justify-content: center;
  display: grid;
  text-align: center;
  align-content: center;
}
div.novetats .novetats-button a {
  box-sizing: border-box;
  width: 201.234px;
  padding: 10px;
  margin-top: unset;
}

div.comentaris #carouselExampleControls {
  display: grid;
  grid-template-columns: 0.3fr 1fr 0.3fr;
  grid-template-areas: "left text right";
}
div.comentaris #carouselExampleControls div.carousel-inner {
  grid-area: text;
}
div.comentaris #carouselExampleControls div.carousel-inner div.carousel-item {
  text-align: center;
}
div.comentaris #carouselExampleControls div.carousel-inner div.carousel-item p {
  margin-top: 30px;
}
div.comentaris #carouselExampleControls a {
  top: unset;
  bottom: unset;
}
div.comentaris #carouselExampleControls a.carousel-control-prev {
  grid-area: left;
}
div.comentaris #carouselExampleControls a.carousel-control-next {
  grid-area: right;
}

@media (min-width: 1500px) {
  main #carouselSlider div.carousel-item div.carousel-caption {
    left: 30px;
  }
}
div.single div.et-truquem {
  margin-top: 40px;
}

#etTruquemModal .modal-header .modal-title, #etTruquemAssegurançaModal .modal-header .modal-title {
  color: #338D85;
  font-weight: 900 !important;
}
#etTruquemModal .modal-header span, #etTruquemAssegurançaModal .modal-header span {
  color: #338D85;
}
#etTruquemModal form.wpcf7-form input, #etTruquemAssegurançaModal form.wpcf7-form input {
  border: 1px solid #ccc;
  border-left: 5px solid #338D85;
}
#etTruquemModal form.wpcf7-form input::placeholder, #etTruquemAssegurançaModal form.wpcf7-form input::placeholder {
  color: #338D85;
}
#etTruquemModal form.wpcf7-form input.wpcf7-submit, #etTruquemAssegurançaModal form.wpcf7-form input.wpcf7-submit {
  border-radius: 0px;
  background-color: #338D85;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

@media (min-width: 670px) {
  div.et-truquem {
    height: 95px;
  }
}
h1 {
  margin-top: 20px !important;
}

.et-truquem-bloc {
  cursor: pointer;
}

div.et-truquem.qui-som:hover {
  background-color: #2B7871;
}

.wp-block-media-text.alignwide.is-stacked-on-mobile {
  grid-template-columns: 30% 1fr;
}
.wp-block-media-text.alignwide.is-stacked-on-mobile figure.wp-block-media-text__media {
  align-self: start;
}

/*.qui-som-bloc*/
div.et-truquem-bloc .wp-block-column:first-child {
  background-color: #338D85;
  margin-bottom: 10px;
}

.qui-som-bloc div.wp-block-column:nth-child(2) {
  border-top: 1px solid #338D85;
  border-bottom: 1px solid #338D85;
}

div.et-truquem-qui-som {
  color: white;
  width: 100%;
  float: right;
  margin-left: 0%;
  cursor: pointer;
  padding: 9% 9% 39%;
  margin-top: 0px;
}
div.et-truquem-qui-som h3 {
  font-size: 32px;
}
div.et-truquem-qui-som .conjunto {
  width: 100%;
  cursor: pointer;
  float: left;
}
div.et-truquem-qui-som .conjunto figure.image {
  width: 20%;
  float: left;
}
div.et-truquem-qui-som .conjunto div.text-truquem {
  margin-left: 0%;
  width: unset;
  float: right;
  height: 56.5px;
}
div.et-truquem-qui-som div.dades {
  width: 100%;
  height: unset;
  padding: 52% 7% 0%;
  font-size: 26.5px;
}

div.wp-block-pb-accordion-item h4.c-accordion__title {
  background-color: #338D85;
  color: white;
  padding: 9px;
  font-weight: bold;
}
div.wp-block-pb-accordion-item h4.c-accordion__title:after {
  right: 24px;
  color: white;
  font-size: 1.9rem;
  font-weight: 900;
}
div.wp-block-pb-accordion-item div.c-accordion__content {
  margin-top: 47px;
}
div.wp-block-pb-accordion-item div.c-accordion__content h4 {
  color: #338D85;
}
div.wp-block-pb-accordion-item div.c-accordion__content .wp-block-media-text__content {
  align-self: unset;
  border-top: 1px solid #338D85;
  border-bottom: 1px solid #338D85;
  margin-left: 12px;
  padding-left: 0px;
}
div.wp-block-pb-accordion-item div.c-accordion__content .wp-block-media-text__content h4 {
  color: #338D85;
}

h1.archive {
  color: #338D85;
}

.page-header.archive {
  grid-template-rows: 1fr;
  padding-top: 10px;
  grid-template-columns: 1.05fr 0.5fr;
  display: grid;
  margin: 2% 0;
  align-items: center;
}

.post-box {
  background-color: rgba(51, 140, 133, 0.2);
  padding-bottom: 15px;
}
.post-box h2 {
  margin: 30px 0px;
}
.post-box .post-text {
  margin: 0px 20px;
}
.post-box.recurso {
  background-color: rgba(117, 115, 115, 0.2);
}
.post-box.recurso h2 {
  color: grey;
}

div.grid-serveis {
  grid-area: serveis-farmacia;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px 20px;
  margin-bottom: 5%;
}
div.grid-serveis.aside {
  grid-template-columns: 1fr;
}
div.grid-serveis div:hover {
  filter: brightness(0.8);
}
div.grid-serveis div.background-serveis {
  min-height: 109.38px;
  background-color: #b2dcda;
  padding: 3%;
}
div.grid-serveis a, div.grid-serveis a:hover, div.grid-serveis a:focus {
  color: #37392e;
  text-decoration: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #338D85;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #2B7871;
}

.woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce-checkout input {
  border-left: 5px solid #338D85 !important;
  border-radius: 0 !important;
}

.woocommerce-checkout label {
  margin-bottom: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 0;
}

.wc-block-grid__products h2, .products .product h2 {
  font-size: 1.3rem !important;
  text-align: left;
}

.wc-block-grid__products h2 a:hover, .products .product h2 a:hover {
  color: #2B7871;
  text-decoration: none;
}

.wp-block-button__link {
  border-radius: 0;
  background-color: #338D85;
}

.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
  font-size: 1.5em;
}

.woocommerce .col2-set .col-2, .woocommerce .col2-set .col-1 {
  max-width: 48% !important;
}

input:read-only {
  background-color: rgba(117, 115, 115, 0.2);
  cursor: no-drop;
}

.woocommerce-checkout h3 {
  color: #338D85;
  border-bottom: 2px solid #338D85;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #338D85;
  font-size: 2em;
}

.woocommerce ul.products li.product .price {
  color: #338D85;
  font-size: 1.3em;
  font-weight: bold;
}

.products .product a {
  color: #212529;
}

.products .product a.button {
  width: 100%;
  text-align: center;
}

.cart .product-quantity .quantity {
  display: inline-block;
}

#wc_checkout_add_ons {
  background-color: #b2dcda;
  padding: 5px 10px;
}
#wc_checkout_add_ons input:read-only {
  cursor: pointer;
}

.woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
  margin-bottom: 50px;
}

.woocommerce-orders-table__cell-order-actions a {
  margin-right: 10px !important;
}

div.responsive-header .wpml-menu {
  z-index: 999;
  position: absolute;
  display: grid;
  width: 100%;
  justify-items: center;
}
div.responsive-header .wpml-menu li:first-child a {
  padding-right: 24px;
  border-right: 1px solid white;
}
div.responsive-header .wpml-menu li:nth-child(2) a {
  padding-left: 24px;
}
div.responsive-header .wpml-menu li a {
  border-bottom: none;
}

@media (max-width: 731px) {
  .carousel-item {
    height: 335px !important;
  }
  .greenBack.inner {
    grid-template-columns: 1fr !important;
    padding: 2.5% 37px;
  }
  div.content-oferim ul {
    padding-left: 0px;
  }
  footer .footer-first .logo-text {
    text-align: center;
  }
  div.trucada {
    grid-area: trucada;
  }
  main .container .home {
    grid-gap: 8px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: unset;
    grid-template-areas: "concerta-visita concerta-visita" "area-clients-mobile area-clients-mobile" "trucada trucada" "per-farmacia per-farmacia" "serveis-farmacia serveis-farmacia" "per-tu per-tu" "serveis-tu serveis-tu" "ets-titular ets-titular" "cercles cercles" "novetats-title novetats-title" "novetats novetats" "que-diuen que-diuen" "comentaris comentaris";
  }
  main .container div.cercles {
    grid-template-columns: 1fr;
  }
  main .container div.cercles div.cercles-container {
    margin: 12px 0px;
  }
  main .container div.ets-titular .inner {
    grid-template-columns: 1fr;
    margin-top: 15px;
    align-items: center;
    height: 100px;
    padding: 4px;
    justify-items: center;
  }
  h2 {
    font-size: 1.45rem !important;
  }
  .s5 {
    font-size: 1rem !important;
  }
  div.et-truquem {
    height: 100px;
  }
  div.et-truquem:nth-child(2) {
    width: 77%;
    height: 56.5px;
  }
  div.menu-footermenu-es-container, div.menu-menu-1-container {
    display: flex;
    justify-content: center;
  }
  .serveis-fifth.altres.grid {
    grid-template-columns: 1fr;
  }
  header.serveis-first, section.serveis-third, div.grid-serveis, div.serveis-farmacia {
    grid-template-columns: 1fr !important;
  }
  section.serveis-scnd div.image-box div.textImage {
    padding: 5px;
    font-size: 1rem !important;
    width: unset;
  }
  .serveis-farmacia.grid, .serveis-tu.grid {
    grid-template-rows: unset !important;
  }
  main .container div.serveis-farmacia div.background-serveis, .serveiPerTu {
    min-height: 108.69px !important;
  }
  footer {
    justify-items: center;
  }
  footer .box.footer-first {
    grid-template-columns: unset;
    justify-items: center;
  }
  section.serveis-first {
    grid-template-columns: auto;
  }
  section.serveis-third .descripcio {
    width: 100%;
  }
  section.boto-proposta {
    margin-bottom: 25px;
  }
  section.boto-proposta a {
    width: 100%;
  }
  section.serveis-forth.pestanya > ul li:first-child {
    width: 45%;
  }
  section.serveis-forth.pestanya > ul li:last-child {
    width: 55%;
  }
  section.serveis-forth.pestanya div.tab-content .div-oferta .bloc-oferim .content-oferim .title-oferim {
    width: 100%;
  }
  div.container .single {
    grid-template-columns: auto;
  }
  .creu-cofb {
    text-align: center;
  }
  .creu-cofb img {
    width: 50%;
  }
  .et-truquem-qui-som {
    padding: 9% 9% 3%;
  }
  .et-truquem-qui-som .dades {
    display: none;
  }
}
@media (max-width: 1023px) {
  main.site-main {
    padding-top: 15px;
  }
  header div.header-scnd nav div.menu-menu-1-container ul li {
    height: unset;
    padding-top: 3%;
  }
  header div.header-scnd nav div.menu-menu-1-container ul li a {
    color: white;
  }
  .main-navigation.toggled div.menu {
    background-color: #338D85;
  }
  button.menu-toggle {
    border: none;
    border-color: unset;
    border-radius: 3px;
    background: transparent;
  }
  button.menu-toggle:hover, button.menu-toggle:focus {
    outline: none;
  }
  nav#site-navigation > div.menu {
    position: absolute;
    width: 100%;
    left: 0;
    height: unset;
    padding-bottom: 11%;
    z-index: 100;
    margin-top: 10px;
    padding-bottom: 70px;
  }
  button.menu-toggle {
    background-image: url(img/hamburger.png) !important;
    background-size: contain;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
  }
  .main-navigation li {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #site-navigation.main-navigation.toggled button.menu-toggle {
    background-image: url(img/close.png) !important;
    background-size: contain;
    height: 20px;
    width: 20px;
    padding: unset;
  }
  header .header-first {
    grid-template-columns: 1fr 1fr;
  }
  header {
    grid-template-columns: 0.3fr 1fr;
    grid-template: "menu bloque";
    display: grid;
  }
  header .container {
    grid-area: bloque;
  }
  header div.header-scnd {
    grid-area: menu;
  }
  .header-first.grid {
    justify-content: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  div.header-scnd {
    width: 70%;
    background-color: transparent;
  }
  header main.site-main {
    padding-top: 20px;
  }
  .main-navigation a {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    border-bottom: 1px solid #ffffff;
    text-transform: uppercase;
  }
  .searcher {
    z-index: 9999;
  }
  ul.sub-menu {
    display: none !important;
  }
  header.site-header {
    display: none !important;
  }
  div.first-responsive-box {
    background-color: #b2dcda;
    padding: 5px 0;
  }
  div.first-responsive-box .grid {
    grid-template-columns: 1fr 1fr;
  }
  div.first-responsive-box .grid a {
    color: #37392e;
    font-weight: bold;
  }
  div.first-responsive-box .grid div.phone {
    justify-self: left;
  }
  div.first-responsive-box .grid div.email {
    justify-self: right;
  }
  div.second-responsive-box {
    display: grid;
    grid-template-columns: 15% 70% 15%;
    margin-top: 15px;
  }
  div.second-responsive-box .responsive-menu-box {
    align-self: center;
    justify-self: center;
  }
  div.second-responsive-box .searcher {
    align-self: center;
    justify-self: center;
  }
  div.second-responsive-box .searcher .search-image-responsive {
    width: 23px;
  }
  div.third-responsive-box {
    visibility: hidden;
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
  }
  #carouselSlider .carousel-item {
    height: 535px;
  }
  #carouselSlider .carousel-item .container {
    position: inherit !important;
    right: auto !important;
    height: 100%;
    width: 100% !important;
    max-width: 100% !important;
  }
  #carouselSlider .carousel-item .container .carousel-caption {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    bottom: auto !important;
    background-color: #b2dcda !important;
    color: #37392e !important;
  }
}
@media (min-width: 765px) and (max-width: 1100px) {
  .et-truquem h2 {
    font-size: 1.4rem !important;
  }
  header nav ul.menu li a {
    font-size: 17px !important;
  }
  div.responsive-menu-box nav#site-navigation > div.menu {
    margin-top: 43px;
  }
}
@media (min-width: 1024px) {
  .responsive-header {
    display: none;
  }
}
@media (max-width: 731px) {
  footer, footer s3 {
    font-size: 13px !important;
  }
  section.recomanats .serveis-fifth div.serveis-box {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .serveis-third {
    grid-template-areas: "texto" "circulo";
  }
  .serveis-third div.circle {
    grid-area: circulo;
  }
  .serveis-third div.descripcio {
    grid-area: texto;
  }
  section.serveis-scnd div.image-box div.textImage {
    display: none;
  }
  main .container a.ets-titular .inner {
    justify-items: start;
  }
  div.et-truquem {
    height: unset;
    width: 100%;
    padding: 10px;
  }
  .concerta-visita {
    display: none;
  }
  body.archive div.et-truquem, body.blog div.et-truquem {
    display: none;
  }
  div.container.single {
    grid-template-columns: 1fr;
  }
}
.main-navigation a {
  color: white;
}
.main-navigation a:hover {
  color: white;
}
.main-navigation a:focus {
  color: white;
}

@media (min-width: 1025px) {
  div.servei-asseguranca-title, div.farmacia-title {
    width: 63%;
  }
}
@media (max-width: 732px) {
  .concerta-visita.responsive {
    display: none;
  }
}
@media (min-width: 991px) {
  .concerta-visita.responsive {
    display: none;
  }
}
@media (min-width: 732px) and (max-width: 991px) {
  .cercles-container {
    width: 220px !important;
    height: 220px !important;
  }
  .concerta-visita {
    display: none;
  }
  .concerta-visita.responsive {
    display: block;
  }
  .concerta-visita.responsive div.inner {
    grid-template-columns: unset !important;
    padding: 7%;
  }
  .concerta-visita.responsive div.inner div {
    text-align: left;
  }
  .concerta-visita.responsive div.inner div span.right {
    float: unset;
  }
}
@media (min-width: 1024px) and (max-width: 1500px) {
  .carousel-caption.white.s5 {
    font-size: 1rem !important;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  main .container .home {
    grid-template-columns: unset;
    grid-template-rows: none;
  }
}
@media (max-width: 768px) {
  div.container .single.servei-contractat {
    grid-template-columns: 1fr;
  }
  div.container .single.servei-contractat #primary {
    grid-row: 1;
  }
  .banner-bosses .banner-bosses-content {
    width: 55%;
  }
}
@media (max-width: 480px) {
  .icona-oferim {
    width: 25% !important;
    float: none !important;
    margin: 0 auto 10px auto !important;
  }
  .banner-bosses {
    background-color: #003956;
    text-align: center;
    padding: 10px;
  }
  .banner-bosses img {
    display: none;
  }
  .banner-bosses .banner-bosses-content {
    position: inherit;
    font-size: 20px;
    width: 100%;
  }
  div.content-oferim ul {
    padding-left: 15px;
  }
  /* table*/
  .tableReceipts {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .tableReceipts table, .tableReceipts thead, .tableReceipts tbody, .tableReceipts th, .tableReceipts td, .tableReceipts tr {
    display: block;
  }
  .tableReceipts thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    border-bottom: none;
  }
  .tableReceipts tr:last-child {
    border-bottom: 0;
  }
  .tableReceipts table td {
    padding-left: 50%;
    text-align: left;
  }
  .tableReceipts td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }
  .tableReceipts td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  .tableReceipts td:nth-of-type(1):before {
    content: "NºRebut";
  }
  .tableReceipts td:nth-of-type(2):before {
    content: "Codi Rebut";
  }
  .tableReceipts td:nth-of-type(3):before {
    content: "Data efectiva";
  }
  .tableReceipts td:nth-of-type(4):before {
    content: "Estat";
  }
  .tableReceipts td:nth-of-type(5):before {
    content: "Total";
  }
}
@media (max-width: 480px) {
  .has-large-font-size {
    font-size: 1.5em;
  }
  div.container .single.servei-contractat div.servei-box .inner, div.container .single.servei-contractat div.asseguranca-box .content,
  .greyBar .container {
    display: block;
  }
  .greyBar {
    margin-top: 5px;
    z-index: 1000;
    position: relative;
  }
  .greyBar .container ul {
    padding-inline-start: 0;
    justify-content: space-around;
  }
  .greyBar .container ul li {
    margin-left: 0;
  }
  div.area-clients-mobile {
    grid-area: area-clients-mobile;
    display: block !important;
  }
  div.area-clients-mobile .et-truquem {
    background-color: #003956;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    text-align: center;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
    width: 25%;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    text-align: center;
  }
}
@media print {
  .noPrint, .responsive-header {
    display: none !important;
  }
  div.container .single.servei-contractat {
    grid-template-columns: 1fr;
  }
  .tableReceipts_box .tableReceipts {
    display: block !important;
  }
  div.container .single.servei-contractat div.asseguranca-box {
    background-color: #FCE8D5;
    -webkit-print-color-adjust: exact !important;
  }
}
/* Gestor de Treballadors */
.gestor-treballadors {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #333333;
}
.gestor-treballadors .gestor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.gestor-treballadors .gestor-header h1 {
  font-size: 24px;
  font-weight: 600;
  color: var(--main, #338D85);
  margin: 0;
}
.gestor-treballadors .gestor-intro {
  margin-bottom: 30px;
}
.gestor-treballadors .gestor-intro p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
.gestor-treballadors .btn-nou-treballador {
  background-color: var(--main, #338D85);
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.gestor-treballadors .btn-nou-treballador:hover {
  filter: brightness(90%);
}
.gestor-treballadors .btn-nou-treballador .plus-icon {
  margin-right: 6px;
  font-size: 18px;
  line-height: 1;
}
.gestor-treballadors .btn-nou-treballador .plus-icon:before {
  content: "+";
}
.gestor-treballadors .treballadors-table-container {
  overflow-x: auto;
}
.gestor-treballadors .treballadors-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 30px;
}
.gestor-treballadors .treballadors-table th, .gestor-treballadors .treballadors-table td {
  padding: 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}
.gestor-treballadors .treballadors-table th {
  font-weight: 500;
  font-size: 14px;
  color: #4a5568;
  background-color: #f9fafb;
}
.gestor-treballadors .treballadors-table th:first-child {
  border-top-left-radius: 8px;
}
.gestor-treballadors .treballadors-table th:last-child {
  border-top-right-radius: 8px;
}
.gestor-treballadors .treballadors-table tr:nth-child(even) {
  background-color: #f9fafb;
}
.gestor-treballadors .treballadors-table td {
  font-size: 14px;
}
.gestor-treballadors .treballadors-table td.td-actions {
  white-space: nowrap;
  text-align: right;
}
.gestor-treballadors .categoria-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  background-color: #e6f7f2;
  color: var(--main, #338D85);
}
.gestor-treballadors .btn-view, .gestor-treballadors .btn-edit {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
  color: #718096;
  transition: background-color 0.2s;
}
.gestor-treballadors .btn-view:hover, .gestor-treballadors .btn-edit:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.gestor-treballadors .view-icon:before {
  content: "";
  background-image: url("img/eye.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.gestor-treballadors .edit-icon:before {
  content: "";
  background-image: url("img/edit.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.gestor-treballadors .view-active .view-icon:before {
  content: "";
  background-image: url("img/eye-off.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.pagination .prev-page, .pagination .next-page {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--main, #338D85);
  font-size: 14px;
  font-weight: 500;
}
.pagination .prev-page:hover, .pagination .next-page:hover {
  text-decoration: underline;
}
.pagination .arrow-left:before {
  content: "←";
  margin-right: 5px;
}
.pagination .arrow-right:before {
  content: "→";
  margin-left: 5px;
}
.pagination .page-numbers {
  display: flex;
  gap: 5px;
}
.pagination .page-number {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  border-radius: 4px;
  text-decoration: none;
  color: #333333;
  font-size: 14px;
}
.pagination .page-number:hover {
  background-color: #f9fafb;
}
.pagination .page-number.current {
  background-color: var(--main, #338D85);
  color: white;
}

@media (max-width: 768px) {
  .gestor-treballadors .gestor-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .gestor-treballadors .treballadors-table th, .gestor-treballadors .treballadors-table td {
    padding: 12px 8px;
  }
  .gestor-treballadors .treballadors-table .th-telefon, .gestor-treballadors .treballadors-table .th-dni {
    display: none;
  }
  .gestor-treballadors .treballadors-table td:nth-child(3), .gestor-treballadors .treballadors-table td:nth-child(4) {
    display: none;
  }
}
/* Alta treballadors */
.page-template-alta-treballador .site-main {
  padding: 30px 0;
}
.page-template-alta-treballador .site-main h1 {
  color: #338D85;
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 500;
}
.page-template-alta-treballador .site-main p {
  color: #666;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 25px;
}

.acf-form {
  width: 100%;
}
.acf-form .acf-field[data-width] + .acf-field[data-width] {
  border-left: 0px solid #eee;
}
.acf-form .acf-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.acf-form .acf-fields .acf-field {
  padding: 15px 10px;
  border-top: none;
}
.acf-form .acf-fields .acf-field .acf-label {
  margin-bottom: 8px;
}
.acf-form .acf-fields .acf-field .acf-label label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.acf-form .acf-fields .acf-field .acf-input input[type=text],
.acf-form .acf-fields .acf-field .acf-input input[type=email],
.acf-form .acf-fields .acf-field .acf-input input[type=tel],
.acf-form .acf-fields .acf-field .acf-input input[type=number],
.acf-form .acf-fields .acf-field .acf-input select {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
}
.acf-form .acf-fields .acf-field .acf-input input[type=text]:focus,
.acf-form .acf-fields .acf-field .acf-input input[type=email]:focus,
.acf-form .acf-fields .acf-field .acf-input input[type=tel]:focus,
.acf-form .acf-fields .acf-field .acf-input input[type=number]:focus,
.acf-form .acf-fields .acf-field .acf-input select:focus {
  border-color: #338D85;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 108, 0.2);
}
.acf-form .acf-fields .acf-field .acf-input select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 30px;
}
.acf-form .acf-form-submit {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.acf-form .acf-form-submit input[type=submit] {
  background-color: #338D85;
  color: white;
  padding: 8px 15px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.acf-form .acf-form-submit input[type=submit]:hover {
  background-color: #2c7a73;
}

.cancel-button {
  background-color: #f5f5f5;
  color: #333;
  padding: 8px 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
}
.cancel-button:hover {
  background-color: #e5e5e5;
}

.form-message {
  font-size: 0.8rem !important;
  margin-bottom: 0.1rem !important;
  font-weight: bold;
  color: #3c9d9b;
  width: auto;
  padding: 0 3px;
  margin-top: 10px;
}

.add-opacity {
  opacity: 0.5;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Arial", sans-serif;
}

body {
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}

.serveis-page #upload-button {
  display: none;
}

.header .back-button {
  background-color: #fff;
  border-radius: 4px;
  padding: 0.4rem 1rem;
  color: #344054;
  cursor: pointer;
  font-size: 0.85rem;
}
.header .back-button i {
  margin-right: 0.5rem;
}

.profile-header {
  margin-bottom: 2rem;
}
.profile-header .employee-name {
  color: #2b8a78;
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
}
.profile-header .profile-description {
  color: #666;
  font-size: 0.9rem;
}

.tabs {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
  position: relative;
}
.tabs .tab-button {
  background: none;
  border: none;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
.tabs .tab-button.active {
  color: #2b8a78;
}
.tabs .tab-button.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #2b8a78;
}
.tabs .action-button-container {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.tabs .action-button-container .action-button {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 0.9rem;
}
.tabs .action-button-container .action-button i {
  margin-right: 0.5rem;
}

.services-list .service-item {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}
.services-list .service-item .service-info {
  flex: 1;
  display: flex;
  align-items: center;
}
.services-list .service-item .service-info .info-button {
  background: none;
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  color: #666;
}
.services-list .service-item .service-info .info-button i {
  font-size: 1.2rem;
}
.services-list .service-item .service-info .service-name {
  font-weight: 500;
}
.services-list .service-item .service-status span {
  padding: 6px 9px;
  border-radius: 10px;
}
.services-list .service-item .service-status.contracted span {
  background-color: rgba(51, 141, 133, 0.1);
  color: #2b8a78;
  border: 1px solid #bee5eb;
}
.services-list .service-item .service-status.not-contracted span {
  background-color: #F6F6F6;
  border: 1px solid #4C4C4C;
  color: #4C4C4C;
}
.services-list .service-item .service-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.services-list .service-item .service-actions .info-success {
  color: #028B00;
}
.services-list .service-item .service-actions span {
  margin: 0 19px;
  margin-right: 0;
  flex-grow: 1;
}
.services-list .service-item .service-actions .box {
  margin-left: 2px;
}
.services-list .service-item .service-actions .box .no-informat {
  margin-right: 15px;
}
.services-list .service-item .service-actions .info-button {
  background: none;
  border: none;
  cursor: pointer;
  margin-right: 0.75rem;
  color: #666;
}
.services-list .service-item .service-actions .contact-button,
.services-list .service-item .service-actions .more-info-button {
  background-color: #fff;
  border-radius: 4px;
  padding: 0.4rem 1rem;
  color: #344054;
  cursor: pointer;
  font-size: 0.85rem;
  margin-left: 1rem;
}

.more-services-banner {
  background-color: #333;
  color: #fff;
  background-image: url("img/more-services-banner.png");
  background-size: cover;
}
.more-services-banner .banner-content {
  width: 60%;
  margin: 20px 0px;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.more-services-banner .banner-content .banner-text h2 {
  font-size: 2rem !important;
  margin-bottom: 0.5rem;
  color: white;
  font-weight: normal !important;
  border-bottom: 0px;
}
.more-services-banner .banner-content .banner-text p {
  font-size: 0.9rem;
  opacity: 0.9;
}
.more-services-banner .banner-content .view-services-button {
  background-color: #fff;
  color: #333;
  border: none;
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.modal .modal-content {
  background-color: #fff;
  width: 90%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.modal .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
}
.modal .modal-content .modal-header h2 {
  color: #3c9d9b;
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0;
}
.modal .modal-content .modal-header .close-button {
  font-size: 1.5rem;
  cursor: pointer;
  color: #aaa;
  line-height: 1;
}
.modal .modal-content .modal-body {
  padding: 0;
}
.modal .modal-content .modal-body p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #333;
  font-size: 0.8rem !important;
}
.modal .modal-content .modal-body .proveidor {
  font-weight: bold;
  text-transform: uppercase;
}
.modal .modal-content .modal-body .service-form .form-row {
  display: flex;
  gap: 1rem;
  margin: 0.6rem 0;
}
@media (max-width: 600px) {
  .modal .modal-content .modal-body .service-form .form-row {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.modal .modal-content .modal-body .service-form .form-row .form-group {
  flex: 1;
}
.modal .modal-content .modal-body .service-form .form-group {
  margin-bottom: 1rem;
}
.modal .modal-content .modal-body .service-form .form-group label {
  font-size: 0.8rem !important;
  display: block;
  margin-bottom: 0.1rem !important;
  font-weight: 400;
  color: #333;
}
.modal .modal-content .modal-body .service-form .form-group input, .modal .modal-content .modal-body .service-form .form-group select, .modal .modal-content .modal-body .service-form .form-group textarea {
  font-size: 0.8rem !important;
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  color: #333;
  background-color: #fff;
}
.modal .modal-content .modal-body .service-form .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
.modal .modal-content .modal-body .service-form .form-group select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.7rem center;
  background-size: 1em;
}
.modal .modal-content .modal-body .service-form .form-actions {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.modal .modal-content .modal-body .service-form .form-actions button {
  padding: 0.75rem 2rem;
  border-radius: 4px;
  font-size: 0.8rem !important;
  cursor: pointer;
  flex: 1;
  border: none;
  font-weight: 500;
}
.modal .modal-content .modal-body .service-form .form-actions .cancel-btn {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
}
.modal .modal-content .modal-body .service-form .form-actions .submit-btn {
  background-color: #3c9d9b;
  color: #fff;
}
.modal .modal-content .modal-body .form-message {
  display: none;
}
.modal .modal-content .modal-body .form-message.success {
  display: block;
}

@media (max-width: 768px) {
  .service-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .service-item .service-status,
  .service-item .service-actions {
    margin: 0.5rem 0 0.5rem 2.2rem;
  }
  .more-services-banner .banner-content {
    flex-direction: column;
    text-align: center;
  }
  .more-services-banner .banner-content .view-services-button {
    margin-top: 1rem;
  }
}
#infoModal, #modal-servei {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#infoModal .modal-content, #modal-servei .modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}
#infoModal .close-button, #infoModal .modal-close, #modal-servei .close-button, #modal-servei .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
#infoModal .info-button, #modal-servei .info-button {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 16px;
}

#infoModal .modal-content {
  max-width: 670px;
}

#modal-servei .modal-content {
  max-width: 670px;
}

.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.contractar-link:hover {
  color: #2b8a78;
}

.info-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: white;
  border: 1px solid #666;
  color: #666;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-right: 19px;
}

/* Tooltip */
.tooltip {
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2c3e50;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  max-width: 280px;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  transform: translateX(-50%) translateY(-5px);
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Flecha del tooltip */
.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #2c3e50;
}

/* Mostrar tooltip en hover */
.info-icon:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.custom-file-upload {
  display: inline-block;
  padding: 8px 12px;
  cursor: pointer;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 4px;
  color: #495057;
  font-weight: 500;
  transition: all 0.3s ease;
}

.custom-file-upload:hover {
  background-color: #e9ecef;
}

.custom-file-upload.uploading {
  background-color: #e2e6ea;
  color: #212529;
}

.custom-file-upload.success {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}

.custom-file-upload.error {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}

#file-input {
  display: none;
}

.upload-icon {
  margin-right: 8px;
}

.progress-container {
  margin-top: 10px;
  display: none;
}

progress {
  width: 100%;
  height: 10px;
}

#upload-status {
  margin-top: 10px;
  display: none;
}

.document-table-container {
  margin: 20px 0;
}
.document-table-container .document-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.document-table-container .document-table thead tr {
  background-color: #3c8977;
  color: white;
}
.document-table-container .document-table thead tr th {
  padding: 10px 15px;
  text-align: left;
  font-weight: 500;
}
.document-table-container .document-table thead tr th.title-col {
  width: 40%;
}
.document-table-container .document-table thead tr th.data-col {
  width: 30%;
}
.document-table-container .document-table thead tr th.actions-col {
  width: 30%;
  text-align: right;
}
.document-table-container .document-table tbody tr {
  border-bottom: 1px solid #eaeaea;
}
.document-table-container .document-table tbody tr.even-row {
  background-color: #f9f9f9;
}
.document-table-container .document-table tbody tr td {
  padding: 12px 15px;
}
.document-table-container .document-table tbody tr td.actions {
  text-align: right;
  white-space: nowrap;
}
.document-table-container .document-table tbody tr td.actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: 5px;
  border-radius: 4px;
  background-color: #3c8977;
  color: white;
  text-decoration: none;
  transition: background-color 0.2s;
}
.document-table-container .document-table tbody tr td.actions a:hover {
  background-color: #2c6658;
}
.document-table-container .document-table tbody tr td.actions a .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.document-table-container .document-table tbody tr td.actions a.view-btn {
  background-color: #3c8977;
}
.document-table-container .document-table tbody tr td.actions a.view-btn:hover {
  background-color: #2c6658;
}
.document-table-container .document-table tbody tr td.actions a.download-btn {
  background-color: #3c8977;
}
.document-table-container .document-table tbody tr td.actions a.download-btn:hover {
  background-color: #2c6658;
}
.document-table-container .document-table tbody tr td.actions a.delete-btn {
  background-color: #3c8977;
}
.document-table-container .document-table tbody tr td.actions a.delete-btn:hover {
  background-color: #2c6658;
}

.document-table .actions a.view-btn i::before {
  content: "\f06e";
}
.document-table .actions a.download-btn i::before {
  content: "\f019";
}
.document-table .actions a.delete-btn i::before {
  content: "\f1f8";
}

.alert {
  padding: 12px 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.alert.alert-success {
  background-color: rgba(51, 141, 133, 0.1);
  color: #2b8a78;
  border: 1px solid #c3e6cb;
}
.alert.alert-info {
  background-color: rgba(51, 141, 133, 0.1);
  color: #2b8a78;
  border: 1px solid #bee5eb;
}
.alert.alert-warning {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}
.alert.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.confirm-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.confirm-dialog .confirm-content {
  background-color: white;
  padding: 20px;
  border-radius: 4px;
  width: 300px;
  max-width: 90%;
}
.confirm-dialog .confirm-content .confirm-message {
  margin-bottom: 15px;
}
.confirm-dialog .confirm-content .confirm-buttons {
  display: flex;
  justify-content: flex-end;
}
.confirm-dialog .confirm-content .confirm-buttons button {
  padding: 8px 15px;
  border: none;
  border-radius: 4px;
  margin-left: 10px;
  cursor: pointer;
}
.confirm-dialog .confirm-content .confirm-buttons button.btn-cancel {
  background-color: #e9ecef;
  color: #212529;
}
.confirm-dialog .confirm-content .confirm-buttons button.btn-cancel:hover {
  background-color: #cbd3da;
}
.confirm-dialog .confirm-content .confirm-buttons button.btn-confirm {
  color: white;
}
.custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-modal {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 90%;
  max-width: 450px;
  padding: 0;
  position: relative;
  animation: modalFadeIn 0.3s ease-out;
}

/* Cabecera del modal */
.custom-modal-header {
  padding: 15px 20px;
}

.custom-modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #2b8a78;
}

.custom-modal-body {
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
}

.custom-modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 15px 20px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.custom-modal-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  transition: all 0.2s ease;
}

.custom-modal-btn-cancel {
  background-color: #f1f1f1;
  color: #333;
}

.custom-modal-btn-cancel:hover {
  background-color: #e5e5e5;
}

.custom-modal-btn-danger {
  background-color: #2b8a78;
  color: white;
}

.custom-modal-btn-danger:hover {
  background-color: #2b8a78;
}

/* Animación para entrada del modal */
@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #338D85;
}
a:hover, a:focus, a:active {
  color: #338D85;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 270px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1024px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

ul.sub-menu {
  display: grid;
}
ul.sub-menu li {
  background-color: #338D85;
  padding: 5px 10px !important;
}
ul.sub-menu li a {
  font-size: 18px !important;
  padding: 5px 10px !important;
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  /*	margin: 0 0 1.5em;*/
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# COFBserveis
--------------------------------------------------------------*/
.wpcf7-form > div {
  margin-bottom: 15px;
}
.wpcf7-form label {
  display: block;
  width: 100%;
  /*font-size: 1.3rem;
  font-weight: 600;*/
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=url], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=number],
.wpcf7-form input[type=tel], .wpcf7-form input[type=range], .wpcf7-form input[type=date], .wpcf7-form input[type=month], .wpcf7-form input[type=week], .wpcf7-form input[type=time],
.wpcf7-form input[type=datetime], .wpcf7-form input[type=datetime-local], .wpcf7-form input[type=color], .wpcf7-form textarea {
  width: 100%;
  border-left: 5px solid #338D85;
  border-radius: 0;
  background-color: #ffffff;
}
.wpcf7-form select {
  padding: 5px 2px;
  font-size: 1.3rem;
  width: 100%;
  border-left: 5px solid #338D85;
}
.wpcf7-form .desc {
  font-style: italic;
  line-height: 1.2rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}
.wpcf7-form input[type=submit] {
  border-radius: 0;
  border: none;
  background-color: #338D85;
  text-align: center;
  color: #ffffff;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  padding: 0.4em 1.4em;
}
.wpcf7-form .submit-button {
  text-align: center;
  margin-top: 25px;
}
.wpcf7-form a {
  color: #338D85;
}
.wpcf7-form a:hover {
  color: #338D85;
}

.single-asseguranca .wpcf7 h3 {
  color: #37392e;
}
.single-asseguranca .wpcf7 input[type=text], .single-asseguranca .wpcf7 input[type=email], .single-asseguranca .wpcf7 input[type=url], .single-asseguranca .wpcf7 input[type=password], .single-asseguranca .wpcf7 input[type=search], .single-asseguranca .wpcf7 input[type=number],
.single-asseguranca .wpcf7 input[type=tel], .single-asseguranca .wpcf7 input[type=range], .single-asseguranca .wpcf7 input[type=date], .single-asseguranca .wpcf7 input[type=month], .single-asseguranca .wpcf7 input[type=week], .single-asseguranca .wpcf7 input[type=time],
.single-asseguranca .wpcf7 input[type=datetime], .single-asseguranca .wpcf7 input[type=datetime-local], .single-asseguranca .wpcf7 input[type=color], .single-asseguranca .wpcf7 textarea {
  border: none;
  border-left: 5px solid #f08e2b;
}
.single-asseguranca .wpcf7 .desc, .single-asseguranca .wpcf7 label {
  color: #37392e;
}
.single-asseguranca .wpcf7 select {
  border: none;
  border-left: 5px solid #f08e2b;
}
.single-asseguranca .wpcf7 input[type=submit] {
  background-color: #f08e2b;
}

.services-list {
  margin-bottom: 25px;
}
.services-list .wpcf7-list-item {
  width: 50%;
  float: left;
  margin-left: 0 !important;
  margin-bottom: 5px;
}

a {
  color: #338D85;
}

.clear {
  clear: both;
  margin: 10px 0;
}

form.area-clients {
  float: left;
  display: inline-block;
}

form.area-clients input[type=submit] {
  display: inline-block;
}

p.consultando {
  float: right;
}

/*# sourceMappingURL=style.css.map */