@charset "utf-8";

/* ============================================================================
   OPEN SANS AUTOALLOTJAT  ·  /fonts/
   Substitueix el @import a Google Fonts que hi havia en aquesta linia.
   Pesos 400, 600 i 700: els mateixos que demanava aquell @import.
   Els unicode-range son els que serveix Google, o sigui que el navegador nomes
   baixa el fitxer latin-ext si la pagina te caracters que el necessiten.
   Open Sans · SIL Open Font License 1.1 (/fonts/LICENSE-OFL.txt).
   ============================================================================ */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/open-sans-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/open-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-sans-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-sans-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}


/* ============================================================================
   MICROGAMMA 2026 - ESTILS UNIFICATS · 2026-24
   Un sol full per a la plantilla de producte. Absorbeix, EN EL MATEIX ORDRE EN
   QUE la plantilla els enllacava, per no tocar la cascada:
     1. 2026-microgamma-21.css      (base; ja inclou la seccio BANNER LATERAL)
     2. 2026-jquery-ui-tabs.css
     3. select2.min.css 4.0.13      (fins ara des de cdnjs)
     4. jquery.switchButton.css
     5. magnific-popup.css
     6. slick-theme.css
     7. slick.css
   2026-banner-lateral-01.css NO s'hi ha copiat: ja era dins del 21. Nomes s'ha
   conservat l'unic valor en que divergien, la familia de .mg-banner-title.
   AQUELL FITXER NO S'HA D'ESBORRAR DEL SERVIDOR: altres plantilles l'enllacen.

   ATENCIO: aquest fitxer ha de viure a /css/. Hi ha url() relatives
   (fonts/slick.*, img/ajax-loader.gif, img/loading.gif) que es resolen respecte
   d'on es el full d'estil.
   ============================================================================ */
/* ============================================================================
   MICROGAMMA 2026 - ESTILS UNIFICATS · 2026-17
   Fusiona:
   - 2026-14.css
   - 2026-pagines-02.css      <-- NOU en aquesta versio
   - 2026-botons-05.css
   - 2026-peu-02.css
   - 2026-banner-lateral-01.css
   - 2026-slider-01.css
   - 2026-shop-12.css

   Ordre de cascada respectat: base > pagines > botons > peu > banner > slider > shop.
   Es el mateix ordre en que la plantilla els enllacava, aixi el comportament no canvia.

   CANVIS RESPECTE 2026-16:
   1. CORRECCIO: hi havia un fragment orfe "600&display=swap');" a mig fitxer que
      s'empassava la regla body{text-align:center;margin:0} i la deixava sense efecte
      a tots els navegadors. Corregit.
   2. Absorbit 2026-pagines-02.css (seccio PAGINA I LAYOUT).
   3. Absorbit .titol-tipus1, que nomes vivia dins del <style> de la plantilla .dwt.
   3b. Absorbit 2026-pagina-articles-03.css (fila-principal, six-zones33,
      calibracio-steps, banner-zone). Es una reescriptura de 2026-pagines-02.css,
      no un fitxer independent: nomes se n'han pres els blocs que aportava de nou.
      NO se n'ha pres el .mcca-* perque divergeix del que ja hi havia (veure la
      nota al costat del bloc mcca), ni la retirada de .area-contingut,
      .area-lateral, .linia-global i .nomostrar-en-mobil, que la plantilla fa
      servir i que sense elles trencarien la columna lateral.
   4. TIPOGRAFIA: Open Sans, la mateixa familia que fa servir B&H.
   5. CAIRE: radis mes petits, ombres discretes i hover per vel fosc en comptes
      d'elevacio. Es la gramatica visual de B&H.
   6. LA PALETA NO S'HA TOCAT: verds, vermells, taronges i grisos son els de sempre.
   7. HOVER: la regla antiga a:hover{color:#00F;text-decoration:underline} li
      guanyava per especificitat a les targetes i als botons, i els pintava de
      blau amb subratllat. Neutralitzada NOMES dins d'aquests components; la
      regla global no s'ha tocat perque l'usen tots els enllacos de text.
      Les targetes porten ara un subratllat verd que creix des de l'esquerra.

   FET (2026-24): el @import a Google Fonts ja no hi es. L'Open Sans
   s'autoallotja a /fonts/ amb els @font-face del principi d'aquest fitxer.
   ============================================================================ */

:root{
  /* Tipografia */
  --mg-font-sans:'Open Sans','Segoe UI',Helvetica,Roboto,Arial,sans-serif;
  --font:var(--mg-font-sans);
  --font-sans:var(--mg-font-sans);

  /* Text i superfícies */
  --mg-text:#333333;
  --mg-text-muted:#666666;
  --mg-text-soft:#808080;
  --mg-bg:#ffffff;
  /* Grisos neutralitzats. El #f4f5f7 i el #d6d6d6 anteriors tiraven lleugerament
     a blau; els de B&H son neutres purs i es el que fa que el conjunt es vegi
     tranquil. Els colors de marca (verds, vermells, taronges) no s'han tocat. */
  --mg-surface:#f2f2f2;
  --mg-surface-soft:#fafafa;
  --mg-border:#cccccc;
  --mg-border-strong:#b3b3b3;
  --mg-border-soft:#e6e6e6;

  /* Marca i accions */
  --mg-green:#7aa945;
  --mg-green-hover:#567a31;
  --mg-red:#c9302c;
  --mg-red-hover:#a82624;
  --mg-orange:#e77f2f;
  --mg-blue:#2c6fb7;
  --mg-focus:#0050a0;

  /* Shop i checkout */
  --mg-shop-accent:#c4311f;
  --mg-shop-accent-hover:#a82624;
  --mg-shop-accent-soft:#fcecea;
  --mg-shop-blue-bg:#e2f0fb;
  --mg-shop-blue-line:#c0dcf0;
  --mg-shop-blue-control:#dbeeff;

  /* Compatibilitat amb noms existents */
  --txt:var(--mg-text);
  --txt-muted:var(--mg-text-muted);
  --accent:var(--mg-green);
  --green:var(--mg-green);
  --green-hover:var(--mg-green-hover);
  --red:var(--mg-red);
  --red-hover:var(--mg-red-hover);

  /* Geometria - radis aplanats a l'escala de B&H (2/4/6px) */
  --mg-radius-sm:2px;
  --mg-radius:4px;
  --mg-radius-lg:6px;
  --radius-btn:var(--mg-radius);
  --radius-cta:var(--mg-radius-lg);

  /* Ombres i moviment */
  --mg-shadow-sm:0 1px 2px rgba(0,0,0,.06);
  --mg-shadow-md:0 2px 6px rgba(0,0,0,.10);
  --mg-shadow-lg:0 4px 12px rgba(0,0,0,.16);

  /* Hover B&H: un vel fosc que puja d'opacitat, sense elevar l'element.
     Funciona igual sobre fons pla que sobre fotografia. */
  --mg-veil:rgba(0,0,0,.07);
  --mg-veil-t:.25s;
  --shadow-sm:var(--mg-shadow-sm);
  --shadow-md:var(--mg-shadow-md);
  --shadow-lg:var(--mg-shadow-lg);
  --mg-transition:.2s ease;
  --t:var(--mg-transition);

  /* Peu */
  --mg-footer-bg:#c8c8c8;
  --mg-footer-dark:#484848;

  /* Banner lateral */
  --mg-banner-left-width:420px;
}

/* Normalització comuna, deliberadament conservadora */
html{font-family:var(--mg-font-sans);color:var(--mg-text);background:var(--mg-bg);}
body,button,input,select,textarea{font-family:var(--mg-font-sans);}
button,input,select,textarea{font-size:inherit;}
a,button,input,select,textarea{transition:border-color var(--mg-transition),background-color var(--mg-transition),color var(--mg-transition),box-shadow var(--mg-transition),transform var(--mg-transition);}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,80,160,.25);outline-offset:2px;}


/* ============================================================================
   BASE I COMPONENTS LEGACY
   ============================================================================ */
.eizo-func-table{width:100%;border-collapse:collapse;margin:18px 0 28px;font:15px/1.45 var(--mg-font-sans);}
.eizo-func-table thead th{text-align:left;font-weight:700;padding:12px 14px;border:1px solid #d6d6d6;background:#f4f5f7;}
.eizo-func-table td{vertical-align:top;padding:14px;border:1px solid #d6d6d6;background:#fff;}
.eizo-func-table td:first-child{background:#fafafa;}
.eizo-func-table .fn-en,.eizo-func-table .fn-es{display:inline-block;}
.eizo-func-table .fn-en{font-size:15px;font-weight:700;}
.eizo-func-table .fn-es{margin-top:2px;font-size:14px;color:#444;}
.eizo-func-table .fn-callout{margin-top:10px;padding:10px 12px;border-left:4px solid #999;background:#f8f8f8;border-radius:4px;}
.eizo-func-table .fn-callout strong{display:block;margin-bottom:6px;}
.eizo-func-table .fn-attention{border-left-color:#c0392b;background:#fff6f6;}
.eizo-func-table .fn-note{border-left-color:#2c6fb7;background:#f3f8ff;}
.eizo-func-table ul{margin:0;padding-left:18px;}
.eizo-func-table li{margin:0;}

.marques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:10px;max-width:474px;margin:auto;justify-items:center;align-items:center;}

.marques-grid img{
width:55px;
height:55px;
object-fit:contain;
display:block;
}

.paso,.paso-res{margin:.35rem 0;line-height:1.6;}
.paso{display:block;}
.paso-num{font-weight:700;margin-right:.25rem;}

.figure{margin:.6rem 0;}
.img-block{display:block;max-width:100%;height:auto;}

img.icon-inline{display:inline-block!important;width:20px!important;height:20px!important;max-width:none!important;max-height:none!important;flex:none!important;vertical-align:-0.22em!important;margin:0 .18em!important;padding:0!important;border:0!important;object-fit:contain;}
.icon-pack{display:inline-block;white-space:nowrap;line-height:0;vertical-align:baseline;}
.icon-pack img.icon-inline{margin:0 .08em!important;}

.productes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:900px;margin:0 auto;padding:20px 10px;}
.filtres-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:10px 0;}
.bloc-formulari{margin:0;text-align:left;}
.etiqueta{display:block;margin:0 0 6px;font:600 14px/1.2 var(--font);color:var(--txt);}
.form-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.input-modern{height:38px;padding:8px 10px;border-radius:4px;border:1px solid #d6d6d6;background:#fff;box-sizing:border-box;min-width:240px;}
.detall_caixa_groga.input-modern{background-color:#FF9;}
.btn-modern{height:38px;padding:0 16px;border-radius:4px;line-height:1;}
@media (max-width:520px){.form-inline{flex-direction:column;align-items:stretch;}.input-modern{width:100%;min-width:0;}.btn-modern{width:100%;}}

/* .boto-producte tenia DUES definicions que es contradeien: aquesta i la de la
   seccio SLIDER I TARGETES. Guanyava aquesta per especificitat, o sigui que la
   targeta era l'unic component que no passava pel sistema de variables.
   Ara la definicio viu en un sol lloc, mes avall. Aqui nomes hi queda el que
   es realment especific de la graella --nd. */
.productes-grid .boto-producte:focus-visible,.productes-grid--nd .boto-producte:focus-visible{outline:3px solid rgba(0,80,160,.25);outline-offset:3px;}
.productes-grid--nd .boto-producte--dades .dades{margin-top:10px;padding:10px 12px;border:1px solid var(--mg-border);border-radius:var(--mg-radius-lg);background:#f0f0f0;}

@media (max-width:720px){.productes-grid--nd .boto-producte--dades .dades{padding:10px 10px;}.productes-grid--nd .boto-producte--dades .dada .v{white-space:normal;text-align:right;}}

body{text-align:center;margin:0;font-family:var(--font);}
input:focus{background-color:#FF9;}
a{color:var(--txt);text-decoration:none;}
a:hover{color:#00F;text-decoration:underline;border-collapse:separate;border-spacing:15px;}

#menu_fac{overflow:hidden;text-align:left;}
#menu_fac ul{list-style:none;line-height:15px;margin-left:-20px;_margin-left:15px;font-family:var(--font);font-size:11px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);}
#menu_fac ul li{list-style-image:url(/0/pt72.png);}

#menu_categ2{width:200px;overflow:hidden;text-align:left;}
#menu_categ{width:140px;overflow:hidden;text-align:left;}
.menu_categ{width:130px;overflow:hidden;text-align:left;}

#menu_categ ul.llista_categ,.menu_categ ul.llista_categ{list-style:none;line-height:18px;margin-left:-20px;_margin-left:15px;font-family:var(--font);font-size:12px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);}
#menu_categ ul.llista_categ2,.menu_categ ul.llista_categ2{float:left;list-style:none;line-height:16px;margin-left:-25px;_margin-left:15px;font-family:var(--font);font-size:14px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);font-weight:bold;}
#menu_categ ul.tito_categ,.menu_categ ul.tito_categ{float:left;list-style:none;line-height:5px;margin-left:-20px;_margin-left:15px;font-family:var(--font);font-size:12px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);font-weight:bold;}
#menu_categ ul.llista_producte,.menu_categ ul.llista_producte,#menu_categ ul.llista_factors,.menu_categ ul.llista_factors{float:left;list-style:none;line-height:17px;margin-left:-20px;_margin-left:15px;font-family:var(--font);font-size:10px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);}

#menu_categ li.imatge_llista,.menu_categ li.imatge_llista{list-style-image:url(/0/pt72.png);}
#menu_categ li.imatge_flet,.menu_categ li.imatge_flet{list-style-image:url(/0/ft2.png);}
#menu_categ li.if2,.menu_categ li.if2{list-style-image:url(/0/ft2.png);font-size:11px;margin-top:7px;}
.menu_categ li.imatge_pack{list-style-image:url(/0/ft2.png);}
#menu_categ li.i22,.menu_categ li.imatge_llista2{list-style-image:url(/0/pt72.png);list-style-position:inherit;font-size:10px;font-weight:normal;margin-left:-13px;}

#menu_categ a:link,#menu_categ a:visited,.menu_categ a:link,.menu_categ a:visited{color:#333;}
#menu_categ a:hover,.menu_categ a:hover{color:#F90;}

.normal,.select2-results__option{font-family:var(--font);font-size:15px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);line-height:24px;font-weight:normal;}
.normal-blanc{font-family:var(--font);font-size:15px;text-align:left;vertical-align:top;word-spacing:normal;color:#FFF;line-height:24px;font-weight:normal;}
.normal_llistat,.nl{font-family:var(--font);font-size:11px;text-align:left;word-spacing:normal;color:#454545;line-height:22px;font-weight:normal;text-decoration:none;}

.h2{font-family:var(--font);font-size:30px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt-muted);font-weight:600;text-decoration:none;line-height:38px;margin-top:6px;padding-top:0;}
.h3{font-family:var(--font);font-size:18px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt-muted);font-weight:600;text-decoration:none;line-height:24px;}
.h4{font-family:var(--font);font-size:16px;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt-muted);font-weight:600;text-decoration:none;line-height:22px;}
.h4:hover{color:red;text-decoration:none !important;font-weight:600;}

.t1n{font-family:var(--font);font-size:11px;text-align:left;vertical-align:middle;word-spacing:normal;color:#FFF;font-weight:bold;}
.titol_1{font-family:var(--font);font-size:14px;cursor:pointer;text-align:left;vertical-align:top;word-spacing:normal;color:var(--txt);font-weight:bold;line-height:23px;text-decoration:none;}
.text2{font-size:7pt;cursor:default;color:#FFF;font-family:var(--mg-font-sans);font-weight:normal;text-transform:none;text-decoration:none;line-height:18px;}
.normal-b{font-family:var(--font);font-size:14px;text-align:left;vertical-align:top;word-spacing:normal;color:#00F;line-height:19px;text-decoration:underline;font-weight:normal;font-variant:normal;}

.normal-precios{font-family:var(--mg-font-sans);font-size:15px;text-align:right;vertical-align:middle;word-spacing:normal;color:var(--txt);line-height:24px;font-weight:bold;letter-spacing:-0.5px;}
.n2{font-family:var(--font);font-size:10px;text-align:right;vertical-align:middle;word-spacing:21px;color:#FFF;line-height:25px;font-weight:bold;left:20px;}
.normal-REF{font-family:var(--font);font-size:13px;text-align:center;vertical-align:top;word-spacing:normal;color:var(--txt);line-height:21px;font-weight:bold;text-decoration:none;}
.detall-centre{font-family:var(--font);font-size:9px;text-align:center;vertical-align:middle;word-spacing:normal;line-height:12px;font-weight:normal;font-variant:normal;color:var(--txt);}
.normal-centre{font-family:var(--font);font-size:15px;text-align:center;vertical-align:middle;word-spacing:normal;color:var(--txt);line-height:24px;font-weight:normal;}
.normal-centre-vermell{display:block;text-align:left !important;font-family:var(--font);font-size:15px;vertical-align:middle;word-spacing:normal;color:#F00;line-height:24px;font-weight:bold;}
.detall{font-family:var(--font);font-size:10px;text-align:left;vertical-align:top;word-spacing:normal;line-height:17px;font-weight:normal;font-variant:normal;color:var(--txt);text-decoration:none;}

.n34{font-family:var(--font);font-size:11px;line-height:20px;color:#636363;font-style:normal;font-weight:normal;font-variant:normal;border-spacing:0;word-spacing:0;text-align:left;text-indent:4px;text-transform:none;text-shadow:2px 1px 2px #E5E5E5;}
.detall_caixa_groga{font-family:var(--font);font-size:14px;text-align:left;word-spacing:normal;font-weight:normal;font-variant:normal;color:var(--txt-muted);border:1px dotted #CCC;line-height:normal;background-color:#FF9;}
.T32{font-family:var(--font);font-size:23px;text-align:left;vertical-align:top;word-spacing:normal;color:#5F5F5F;font-weight:normal;text-decoration:none;font-variant:normal;}

.img_centre{display:block;margin-left:auto;margin-right:auto;}
.bloc-dret{width:458px;float:right;margin-top:-4px;margin-right:10px;}
.bloc-esq{float:left;position:relative;margin-top:11px;left:0;}
.bloc-centre{vertical-align:middle;width:825px;height:55px;margin:0 auto 0 0;}
.img_top_producte{margin-top:45px;margin-bottom:44px;}

.aa_fitxa152{width:155px;text-align:center;background:#FFF;border:1px solid #F2F2F2;margin:1px;float:left;}

.aa_fitxa152_din{float:none !important;width:auto !important;height:auto !important;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;background:#fff;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden;padding:10px 12px 56px;position:relative;}
.aa_fitxa152_din>a:first-child{display:block;background:#fff;border-radius:6px;padding:8px;}
.aa_fitxa152_din>a:first-child img{width:100% !important;height:auto !important;max-height:160px;object-fit:contain;display:block;margin:0 auto;}
.aa_fitxa_nom{display:block;}
.aa_fitxa_nom_din{display:block !important;width:auto !important;height:auto !important;padding:0 !important;margin:0;font:600 14px/1.3 var(--mg-font-sans);color:#111;text-decoration:none;text-align:center;}
.aa_fitxa_preu{width:auto !important;height:auto !important;float:none !important;display:flex;justify-content:center;align-items:baseline;gap:10px;margin:0;}
.normal-precios{text-align:center !important;}
.aa_fitxa_152_carro{padding-top:0 !important;position:absolute;right:12px;bottom:12px;}
.aa_fitxa_152_carro a.afegirCarro{display:inline-flex;width:34px;height:34px;border-radius:4px;align-items:center;justify-content:center;background:#7AA945;text-decoration:none;}
.aa_fitxa_152_carro a.afegirCarro img{display:none;}
.aa_fitxa_152_carro a.afegirCarro::before{content:"";width:28px;height:28px;display:block;background:url("https://www.microgamma.com/ic/carro.svg") no-repeat center center;background-size:contain;filter:brightness(0) invert(1);}
.aa_fitxa152_din>div[style*="text-align:left"]{text-align:center !important;font:400 13px/1.2 var(--mg-font-sans);color:#333;}

#libprod,.libprod,.llista_inferior33,.aa-wrap-fitxes{display:grid !important;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;width:min(1200px,100%);margin:0 auto;}
@media (max-width:900px){#libprod,.libprod,.llista_inferior33,.aa-wrap-fitxes{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:520px){#libprod,.libprod,.llista_inferior33,.aa-wrap-fitxes{grid-template-columns:repeat(2,minmax(0,1fr));}}
#libprod .aa_fitxa152_din,.libprod .aa_fitxa152_din,.llista_inferior33 .aa_fitxa152_din,.aa-wrap-fitxes .aa_fitxa152_din{width:auto !important;clear:none !important;float:none !important;}
.llista_inferior33{height:auto !important;}
.llista_inferior33::after{content:"";display:block;clear:both;}

.rbroundbox{background:#fff;border:1px solid #e6e6e6;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin:12px auto;}
.rbtop,.rbbot,.rbtop div,.rbbot div{display:none;}
.rbcontent{margin:0;padding:14px;}
.rbroundbox .i22{margin-left:10px;}

#ajax_listOfOptions{position:absolute;width:450px;max-height:300px;overflow:auto;overflow-y:auto;border:1px solid #ccc;background-color:#fff;text-align:left;font-size:.9em;z-index:3000 !important;box-shadow:0 4px 12px rgba(0,0,0,.15);}
#ajax_listOfOptions div{margin:1px;padding:1px;cursor:pointer;font-size:.9em;}
#ajax_listOfOptions .optionDivSelected{background-color:#FF9900;color:#FFF;}
#ajax_listOfOptions_iframe{background-color:#F00;position:absolute;z-index:5;}

form{display:inline;}

#overlay{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(63,63,63,.8);*filter:alpha(opacity=40);display:none;z-index:9999;}
#lightbox{position:fixed;_position:absolute;top:50%;left:50%;padding:10px;background:#fff;width:600px;height:400px;margin:-200px 0 0 -300px;display:none;z-index:10000;box-shadow:0 0 20px rgba(0,0,0,.7);border-radius:4px;}
#lightbox.loading{background:#fff url('img/loading.gif') no-repeat 50% 50%;}
#lightbox a.close{color:#111;background:#fff;position:absolute;right:0;top:0;display:block;font-size:10px;z-index:5;padding:8px 14px 4px 6px;border-radius:4px;}
#lightbox a.prev,#lightbox a.next{position:absolute;top:50%;left:0;padding:5px;background:#fff;margin-top:-.5em;width:7em;text-align:center;filter:alpha(opacity=0);opacity:0;border-radius:4px;}
#lightbox a.next{left:auto;right:0;}
#lightbox a:hover.prev,#lightbox a:hover.next{filter:alpha(opacity=100);opacity:1;}

.t_inf{color:#FFF;width:1000px;margin:0 auto;background:#515151;}
.t_inf a{font-family:var(--font);font-size:7pt;text-decoration:none;color:#FFF;}
.t_inf a:hover{color:#000;font-weight:normal;}
.t_inf b{font-size:14px;}
.t_inf li{list-style:none;text-align:left;line-height:18px;font-family:var(--font);font-weight:normal;font-size:7pt;width:190px;}
.t_inf ul{padding-left:8px;}
.t_inf div{float:left;}

#foto_product{width:285px;}
#bigPic2{width:250px;height:250px;background:#FFF;margin-bottom:10px;}
#bigPic2 img{position:absolute;display:none;padding:12px;}
ul#thumbs2 li.active2{border:1px solid #333;background:#fff;padding:2px;}
ul#thumbs2,ul#thumbs li{margin:0;padding:0;list-style:none;}
ul#thumbs2 li{float:left;margin-right:7px;margin-bottom:5px;border:1px solid #CCC;padding:3px;cursor:pointer;}
ul#thumbs2 img{float:left;width:35px;height:35px;line-height:30px;overflow:hidden;position:relative;z-index:1;}

.resaltat{font-weight:bolder !important;font-size:24px;background:#FFFF80;}
.barra_dreta{width:250px;float:left;margin-left:8px;margin-top:10px;}
.barra_dreta #menu_categ{margin-left:-6px;width:178px;list-style:inside;}

.llista_elem{padding-left:22px;}
.llista_elem li{list-style-image:url("/0/pt72.png");margin-left:-5px;}
.llista_producte{float:left;list-style:none;line-height:17px;margin-left:-20px;_margin-left:15px;font-family:var(--font);font-size:10px;text-align:left;vertical-align:top;word-spacing:normal;color:#333;}

#menu_articles{float:left;width:307px;padding-top:1px;}
#users{float:left;margin-left:40px;margin-top:26px;}
#nivell_1{margin:0 auto;width:900px;height:350px;}
#destacats_inf{clear:both;display:none;}
#destacats_inf+table{margin:0 auto;}
.text2[title="disseny igualada web disseny grafic"]{position:relative;left:+254px;}

.fitxa_210 a.n34{display:block;transition:background-color .5s ease;border-radius:6px;padding-left:1em;}
.fitxa_210 a.titol_1:hover{color:#F90;font-weight:bold;}
.fitxa_210 a.n34:hover{background:#E9E9E9;color:black;font-weight:bold;text-decoration:none;}

#accessoris td{vertical-align:top;}

.scrollup{width:40px;height:40px;opacity:.3;position:fixed;bottom:50px;right:100px;display:none;text-indent:-9999px;background:url('https://www.microgamma.com/css/icon_top.png') no-repeat;}
.scrollup:focus{outline:none;}

/* Productes TOP de l'index */
.top td {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 18px;
  flex-wrap: nowrap;
}

.top .item_3 {
  flex: 0 0 165px;
  width: 165px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.top .item_3 img {
  max-width: 152px;
  height: auto;
}

@media (max-width:768px){.scrollup{display:none !important;}}

.menu-wrapper{margin:0 auto;width:1000px;position:relative;}
.nav,.nav a,.nav ul,.nav li,.nav div,.nav form,.nav input{margin:0;padding:0;border:none;outline:none;}
.nav a{text-decoration:none;}
.nav li{list-style:none;}
.nav{display:inline-block;position:relative;cursor:default;z-index:500;margin:0 auto;}
.nav>li{display:block;float:left;}
.nav>li>a{position:relative;display:block;z-index:510;height:48px;padding:0 7px;line-height:40px;font-family:var(--font);font-weight:bold;font-size:14px;color:#e9e9e9;text-shadow:0 0 1px rgba(0,0,0,.35);background:#eaeaea;transition:all .3s ease;}
.nav>li:hover>a{background:#C1C1C1;}
.nav>li:first-child>a{border-left:none;}
.nav>li>div{position:absolute;display:block;width:960px;top:48px;left:-53px;z-index:600;opacity:0;visibility:hidden;overflow:hidden;background:#C1C1C1;border-radius:0 0 3px 3px;transition:all .3s ease .15s;padding-top:12px;}
.nav>li:hover>div{opacity:1;visibility:visible;overflow:visible;}
.nav .nav-column{float:left;width:18%;padding:1%;}
.nav .nav-column h3{margin:0;line-height:15px;font-family:var(--font);font-weight:bold;font-size:12px;color:#372f2b;text-transform:uppercase;white-space:pre;}
.nav .nav-column h3 a{color:#372f2b;}
.nav .nav-column li a{display:block;line-height:15px;font-family:var(--font);font-weight:bold;font-size:12px;color:#888;}
.nav .nav-column li a:hover{color:#666;}

.spacer{width:194px;}
.text-exemple{color:#666;}
.avis-disp{cursor:pointer;color:red !important;text-align:center !important;display:block;font-size:9px;position:relative;top:+4px;}
.avis-disp:hover{font-weight:bold;text-decoration:none;}
#suCompra{display:block;text-align:center !important;margin-bottom:12px;}
.fons .llista_inferior .clear{clear:both;}

#social-icons{background-image:url(/0/sprites.png);background-repeat:no-repeat;background-position:-445px -51px;margin-top:14px;}
.carro-verd-plus{width:40px;height:21px;object-fit:none;object-position:-753px -10px;}
.text2 a[href='/empresa/acerca-de-microgamma.php']{position:relative;left:-326px;}
.t-factors{width:270px;margin-bottom:8px;}
#canarias{padding-top:54px;}
.btn{border-radius:3px;font-family:var(--font);color:#fff;font-size:12px;background:#e80505;padding:8px 10px;text-decoration:none;}
#cart table{border-radius:6px;}
.btn:hover{background-image:linear-gradient(to bottom,#c1c1c1,#636363);text-decoration:none;color:white;}
.img-600{max-width:600px;}
#serv_envio{background:url("/0/sprites_test.png") no-repeat 0 -52px;height:140px;width:190px;}
#pagos{height:89px;margin-top:-91px;position:relative;top:0;width:190px;}
.stockpetit{white-space:nowrap;}
.ctxt{width:600px;}
.imgconjunt,.imgcontext img{max-width:737px;}
.imgconjunt img{max-width:100%;height:auto;}

.select2-container--default .select2-selection--single{height:22px !important;}
.select2-selection__rendered{line-height:20px !important;font-size:.9em;}
.select2-selection__arrow{height:19px !important;}
#bdreta{display:table;max-width:180px !important;}

.thetags{font-weight:400;display:inline-block;border:1px solid #cecece;color:#808080;padding:2px 4px;margin:0 4px 4px 0;border-radius:3px;font-size:13px;transition:300ms all;box-shadow:inset 0 0 0 rgba(0,0,0,.1);}
.thetags:hover{color:#fff;border:1px solid #d94a4a;box-shadow:inset 0 -65px 0 #d94a4a;}

.row{margin-right:-15px;margin-left:-15px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

.imgvertical{position:absolute;top:50%;transform:translateY(-50%);}
.doblecara{right:8px;}
.certificat{right:88px;}
.promoimg152{position:absolute;}
td[width="447"][height="81"]{vertical-align:top;}
img[src$="/0/s.gif"],img[src$="/ic/stock.gif"],[src$='afe.png']{display:none;}
.dinamica{background:#fdfdfd;}
.especial{color:#F00;font-size:14px;font-weight:bolder;font-style:italic;}
#sombra:hover,.sombra:hover{background:#DDD;}
.sombra a{display:flex;padding:0;width:100%;height:100%;}
.sombra a:hover{text-decoration:none;}

#libprod,.libprod{width:100%;}
.logoprod{margin:5px 15px 5px 5px;float:left;}
.textlib{padding:5px 5px 0 0;display:flow-root;}
.bold{font-weight:900;}
.taula_elem{padding:2px 25px 3px 25px;float:left;}
.taula_elem:not(:last-child){border-right:1px solid white;}
.taula_elem:hover,.taula_elem a:hover{background:#D10024;color:white;text-decoration:none;font-weight:bold;cursor:pointer;height:25px;}
.bold:hover{font-weight:900!important;}
.n3{width:894px;height:30px;margin:0 auto;position:relative;}
#imgbdreta{display:none;}
#bdreta_notes{display:none;position:absolute;top:-18px;left:0;width:190px;height:80px;background:white;padding-bottom:18px;}

.ribbon{overflow:hidden;position:relative;margin-left:-1px;margin-top:-1px;padding-top:1px;}
.ribbon span{position:absolute;display:block;width:128px;padding:5px 0;background:red;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;}
.ribbon-top-left span{left:-28px;top:20px;transform:rotate(-45deg);-moz-transform:perspective(1px) rotate(-45deg);}
[class*=" RIB"] span::after,.RIBPROMO span::after,.RIB26 span::after{content:"PROMO!";font:700 16px/0.9 var(--mg-font-sans);}
.RIBOFER span::after,.RIB20 span::after{content:"OFERTA";font:700 16px/0.9 var(--mg-font-sans);}
.RIBNUEVO span::after,.RIB24 span::after{content:"NUEVO";font:700 16px/0.9 var(--mg-font-sans);}
.RIBRECOMENDADO span::after,.RIB25 span::after{content:"RECOMENDADO";font:700 10px/1 var(--mg-font-sans);position:relative;left:-4px;}
.RIBLIQUIDACION span::after,.RIB22 span::after{content:"LIQUIDACIÓN";font:700 11px/1 var(--mg-font-sans);position:relative;left:-4px;}
.slickframe .ribbon{width:300px;height:300px;}
.slickframe .ribbon span{z-index:999;left:-90px;top:+38px;width:300px;}
.slickframe .ribbon span::after{font:700 14px/1 var(--mg-font-sans) !important;}
.RIB0 span{display:none !important;}
.elemllista .ribbon span:after{font-size:8px;}
.elemllista .ribbon span{width:102px;left:-22px;top:15px;}
.elemgrid .ribbon span:after{font-size:9px;}
.elemgrid .ribbon span{width:102px;left:-22px;top:15px;}

.fitxaprod img{max-width:640px;}
#linksequra img{position:relative;top:+10px;right:-28px;}
ul.detall.catlist li:first-child{list-style:none;font-weight:bolder;}
ul.detall.catlist{padding:0;list-style-position:inside;}
ul.detall.catlist li a:hover{text-decoration:none;color:#F90;}
#sectigo img{scale:70%;}
#divCarroPetit{min-height:63px;position:fixed;right:20px;top:180px;z-index:999;}
.descripcio{margin:20px 0 0 0;}
td.t16[style="text-align:right;height:81px"]{position:relative;left:20px;}
@media only screen and (max-width:800px){#contenidor_cap2+table>tbody>tr>td:last-of-type[width='170']{visibility:hidden;}#divCarroPetit{visibility:visible;}}
table.top{width:900px;}
.item_top{float:left;width:175px;margin-top:20px;text-align:center;}
.videos-cont{float:right;padding-bottom:4px;padding-left:23px;}
.preuambiva{font-weight:bold;color:black;}
.preuambiva img{filter:brightness(0);}
@media screen and (max-height:900px){#divCarroPetit{top:2em;}}
body>table{max-width:1000px;}
.boton-enviarA{box-shadow:rgba(0,0,0,0.04) 1px 1px 3px;transition:border-radius 200ms ease 0s;height:unset;padding:8px 10px;margin-top:24px;min-height:48px;border-radius:4px;font-size:16px;line-height:20px;font-weight:600;background-color:rgb(249,72,57);border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;outline:none;}
.boton-enviarA:hover{background-color:rgb(236,59,44);}
.inputf{box-sizing:border-box;font-family:var(--font);font-size:inherit;font-style:normal;font-weight:normal;line-height:inherit;width:100%;max-width:100%;border:1px solid rgb(209,209,209);color:rgb(31,31,31);box-shadow:rgba(0,0,0,0.04) 1px 1px 3px;transition:border-radius 200ms ease 0s;height:36px;padding:8px 10px;border-radius:4px;}
#slider{width:900px !important;height:200px;margin-bottom:20px;overflow:hidden;}

.footer{background:#515151;color:#fff;padding:30px 10px;font-family:var(--font);font-size:13px;}
.footer a{color:#ccc;text-decoration:none;}
.footer a:hover{color:#fff;}
.footer-grid{display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:0 auto;justify-content:space-between;}
.footer-grid .fons_ul{flex:1 1 300px;min-width:240px;}
@media screen and (max-width:600px){.footer-grid{flex-direction:column;align-items:center;}}
@media (max-width:768px){#menu_categ{display:none;}}

html,body{width:100%;max-width:100%;overflow-x:hidden;}
*,*::before,*::after{box-sizing:border-box;}
@media (max-width:768px){.row{margin-left:0 !important;margin-right:0 !important;}}
img,iframe,table{max-width:100%;}

.videos-youtube{width:100%;max-width:100%;aspect-ratio:16/9;position:relative;}
.videos-youtube iframe{width:100%;height:100%;border:none;display:block;}
@media (max-width:768px){.videos-youtube{display:none;}}
.item_top{float:left!important;clear:none!important;width:175px;}

@media (max-width:800px){#suCompra{display:none !important;}#divCarroPetit .stockpetit,#divCarroPetit .detall table.detall,#divCarroPetit .elems tr:nth-child(even){display:none !important;}.carro-info-extra{display:none !important;}#serv_envio,#pagos{display:none !important;}#divCarroPetit{right:10px;top:95px;}#divCarroPetit .elems{width:100% !important;}#divCarroPetit .elems td{font-size:11px;line-height:1.25;padding:2px;}.carro-total td{font-size:12px;padding-top:4px;padding-bottom:4px;}.carro-total .titol-16{font-size:16px;}.boto-icona-carro{display:inline-block;width:44px;height:44px;border-radius:999px;background:#e84a2a;position:relative;text-decoration:none !important;box-shadow:0 2px 8px rgba(0,0,0,.18);}.boto-icona-carro::before{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:url('https://www.microgamma.com/ic/carro.svg') no-repeat center center;background-size:contain;filter:brightness(0) invert(1);}.fila-accio-carro td{padding-top:8px;}}
@media only screen and (max-width:480px){#divCarroPetit{transform:scale(0.74);transform-origin:top right;right:4px;}.area-lateral{display:none !important;}}

/* =========================================================
   GALERIA PRODUCTE SIMPLE 2026 - sense Slick
   Miniatures com botons i fletxes discretes.
   ========================================================= */
.mg-product-gallery{max-width:520px;margin:0 auto;text-align:center;}
.mg-gallery-main{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;background:#fff;padding:0 42px;}
.mg-gallery-main-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:420px;text-decoration:none;}
.mg-gallery-main-img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain;margin:0 auto;}
.col-imatge .mg-product-gallery img{width:auto;max-width:100%;height:auto;}
.mg-gallery-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;border:1px solid #d2d2d2;border-radius:999px;background:rgba(255,255,255,.94);color:#444;font:400 23px/26px var(--mg-font-sans);cursor:pointer;opacity:.95;box-shadow:0 1px 5px rgba(0,0,0,.12);}
.mg-gallery-btn:hover{background:#fff;color:#222;border-color:#b6b6b6;box-shadow:0 2px 8px rgba(0,0,0,.16);}
.mg-gallery-prev{left:10px;}
.mg-gallery-next{right:10px;}
.mg-gallery-thumbs{display:grid;grid-template-columns:repeat(5,64px);justify-content:center;align-items:center;gap:10px;max-width:410px;max-height:158px;margin:18px auto 0;padding:6px 4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.mg-gallery-thumbs::-webkit-scrollbar{width:7px;}
.mg-gallery-thumbs::-webkit-scrollbar-track{background:#f2f2f2;border-radius:999px;}
.mg-gallery-thumbs::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:999px;}
.mg-gallery-thumbs::-webkit-scrollbar-thumb:hover{background:#b5b5b5;}
.mg-gallery-thumb{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:5px;border:1px solid #d7d7d7;border-radius:4px;background:#fff;cursor:pointer;box-shadow:var(--mg-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease;}
.mg-gallery-thumb:hover{border-color:#b9b9b9;box-shadow:var(--mg-shadow-md);}
.mg-gallery-thumb.is-active{border-color:#222;box-shadow:var(--mg-shadow-md);}
.mg-gallery-thumb img,.col-imatge .mg-gallery-thumb img{display:block;width:100%!important;height:100%!important;object-fit:contain;}
.mg-gallery-is-video .mg-gallery-main-link{position:relative;}
.mg-gallery-is-video .mg-gallery-main-link::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:999px;background:rgba(0,0,0,.55);box-shadow:0 6px 18px rgba(0,0,0,.25);}
.mg-gallery-is-video .mg-gallery-main-link::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);z-index:2;width:0;height:0;border-left:25px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;}
@media (max-width:700px){.mg-product-gallery{max-width:100%;}.mg-gallery-main{padding:0 34px;}.mg-gallery-main,.mg-gallery-main-link{min-height:330px;}.mg-gallery-main-img{max-height:330px!important;}.mg-gallery-thumbs{grid-template-columns:repeat(4,58px);max-width:280px;max-height:142px;gap:8px;margin-top:15px;}.mg-gallery-thumb{width:58px;height:58px;padding:4px;border-radius:4px;}.mg-gallery-prev{left:6px;}.mg-gallery-next{right:6px;}.mg-gallery-btn{width:27px;height:27px;font-size:20px;line-height:23px;}}


/* ============================================================================
   PAGINA I LAYOUT
   Origen: 2026-pagines-02.css

   Va exactament aqui perque la plantilla l'enllacava just despres de
   2026-14.css i just abans de 2026-botons-05.css. Mantenint la posicio,
   la cascada no canvia gens respecte del que hi ha ara en produccio.

   S'han omes tres regles que ja existien, identiques, a la seccio
   PEU I NOTICIES: .llista_inferior, .fons_ul i .nomostrar-en-mobil
   dins de @media (max-width:768px).
   ============================================================================ */

/* Imatges responsive */
.img-res,.img-responsive,.contenidor-pagina img{display:block;max-width:100%;height:auto;margin:0 auto;}

/* Carro */
#carroContenidor{max-width:950px;width:100%;margin:0 auto;}
#carroContenidor table{width:100%;table-layout:fixed;}

/* Guia elements empresa. Mateix tracte que .boto-producte: plana i amb vel.

   ATENCIO - hi ha dues versions d'aquest bloc i son incompatibles:
     A) la d'aqui (2026-pagines-02): graella fins a 980px, targeta flexible de
        255px d'alt, imatge amb object-fit:contain dins d'una caixa de 165px.
     B) la de 2026-pagina-articles-03: graella fins a 630px, targeta de 10px de
        coixi, imatge forcada a 150x150 amb object-fit:cover.
   S'ha deixat la A perque contain no retalla la foto de producte (cover si) i
   perque porta focus-visible al link. Si vols la B, canvia aquestes tres linies:
     .mcca-grid  -> minmax(160px,1fr); gap:20px; max-width:630px
     .mcca-producte -> treu display:flex, min-height i baixa padding a 10px
     .mcca-producte img -> width:150px;height:150px;object-fit:cover
*/
.mcca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;max-width:980px;margin:0 auto;padding:20px;box-sizing:border-box;}
.mcca-producte{position:relative;display:flex;flex-direction:column;align-items:center;min-height:255px;padding:14px;background:#fff;border:1px solid var(--mg-border);border-radius:var(--mg-radius);text-align:center;box-sizing:border-box;}
.mcca-producte::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--mg-veil);opacity:0;pointer-events:none;transition:opacity var(--mg-veil-t);}
.mcca-producte:hover::after{opacity:1;}
.mcca-producte a{display:flex;align-items:center;justify-content:center;width:100%;height:165px;margin-bottom:12px;background:var(--mg-surface-soft);border:1px solid var(--mg-border-soft);border-radius:var(--mg-radius);box-sizing:border-box;}
.mcca-producte img{display:block;width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain;}
.mcca-producte p{margin:0;font-size:13px;line-height:1.4;color:var(--mg-text);}
.mcca-producte a:hover{text-decoration:none;}
.mcca-producte a:focus-visible{outline:2px solid #777;outline-offset:3px;}

/* Pagina / layout */
.contenidor-pagina{max-width:950px;width:100%;margin:0 auto;padding:0 10px;}
.contenidor-1046{max-width:1046px;margin:0 auto;padding:10px;box-sizing:border-box;}
.fons-blanc{background:#fff;}
.linia-global{display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box;max-width:100%;overflow-x:hidden;}
.columna-esquerra{flex:1 1 0;min-width:0;}
.columna-dreta{width:165px;flex-shrink:0;}
.area-contingut{flex:1 1 auto;min-width:0;}
.area-lateral{width:180px;flex-shrink:0;}
.nomostrar-en-mobil{display:block;}

/* ---------------------------------------------------------------------------
   BLOC PRINCIPAL D'ARTICLE (banner + imatge + text)
   Origen: 2026-pagina-articles-03.css

   Aquell fitxer duia un :root propi amb noms molt genèrics (--max, --pad,
   --gap, --b, --bg). No xocaven amb res ara mateix, però amb noms així és
   qüestió de temps. Com que només s'usaven en aquestes poques regles, els
   valors van directes i els colors passen pels tokens --mg-*.
   L'únic canvi de valor és --b:#ddd -> --mg-border:#d6d6d6, imperceptible.
   --------------------------------------------------------------------------- */
.banner-zone{min-height:27px;}
.bloc-contingut{padding:0;}
.fila-principal{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1050px;margin:20px auto 0;padding:0 15px;text-align:left;}
.col-img{flex:0 0 420px;max-width:420px;display:flex;align-items:center;justify-content:center;}
.col-img img{max-width:100%;height:auto;display:block;}
.col-text{flex:1 1 auto;max-width:none;padding:0;box-sizing:border-box;text-align:left;}
.titol_Producte_28_ROIG{text-align:left;margin:0 0 10px;}
.text2,.din,.fac{margin-top:1rem;}

/* Graella de 6 zones (2x3) */
.six-zones33{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px auto;max-width:1050px;padding:0 15px;}
.six-zone33{padding:12px;border:1px solid var(--mg-border);background:#fff;text-align:center;}
.six-zone33:empty{display:none;}

/* Bloc calibració en 3 passos */
.calibracio-steps .columna{display:flex;flex-direction:column;gap:12px;text-align:center;}
.calibracio-steps img{border-radius:var(--mg-radius-lg);box-shadow:var(--mg-shadow-sm);}

/* Titol principal de pagina.
   Fins ara nomes existia dins del <style> de la plantilla .dwt, o sigui que
   Dreamweaver el copiava literalment dins de cada pagina filla. Ara viu aqui
   i pots esborrar-lo de la plantilla. Mateix color de sempre (--mg-text-muted
   es exactament el #666 que hi havia); nomes canvia el gruix, de 700 a 600. */
.titol-tipus1,
.area-contingut h1{margin:34px 0 18px;padding:0;color:var(--mg-text-muted);font:600 30px/1.15 var(--mg-font-sans);text-align:left !important;}
.area-contingut .titol-tipus1,
.area-contingut h1{text-align:left !important;}

/* Columnes text */
.dos-columnes-text,.tres-columnes-text,.cinc-columnes-text{display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;}
.dos-columnes-text{max-width:900px;}
.tres-columnes-text{max-width:1200px;}
.cinc-columnes-text{max-width:1400px;}
.dos-columnes-text .columna{flex:1 1 45%;}
.tres-columnes-text .columna{flex:1 1 30%;min-width:280px;}
.cinc-columnes-text .columna{flex:1 1 18%;min-width:220px;}

@media (max-width:768px){
  /* Carro: apilar */
  #carroContenidor tr,#carroContenidor td{display:block;width:100%!important;}
  #carroContenidor td{padding:10px 0;}
  #carroContenidor table{display:block;width:100%;overflow-x:auto;}

  /* MCCA: 1 columna + centrats */
  .mcca-grid{grid-template-columns:1fr;gap:18px;padding:15px;}
  .mcca-producte{width:100%;max-width:330px;min-height:auto;margin:0 auto;}
  .mcca-producte a{height:145px;}
  .mcca-producte img{max-height:130px;}

  /* Layout */
  .nomostrar-en-mobil{display:none;}
  .linia-global{flex-direction:column;gap:0;}

  /* Article: el text primer, la imatge despres */
  .fila-principal{flex-wrap:wrap;flex-direction:column;gap:12px;}
  .col-text{order:1;flex:1 1 100%;}
  .col-img{order:2;flex:0 0 auto;max-width:100%;}
  .six-zones33{grid-template-columns:1fr;}

  /* Columnes text */
  .dos-columnes-text .columna,.tres-columnes-text .columna,.cinc-columnes-text .columna{flex:1 1 100%;}
}

/* ============================================================================
   BOTONS I ACCIONS
   ============================================================================ */
/* FILA PREU + BOTÓ */
.fila-preu-boto{display:flex;align-items:center;gap:12px;margin-top:10px;}

/* BOTÓ COMPRAR PETIT */
.boto-comprar{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 12px;gap:6px;background-color:var(--green);color:#fff;font:600 14px var(--font-sans);text-decoration:none;border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--t);}
/* Mateix motiu que a la targeta: sense aixo, a:hover els pinta el text de
   blau i el subratlla per sobre del fons verd o vermell del boto. */
.boto-comprar:hover{background-color:var(--green-hover);color:#fff;text-decoration:none;}
.boto-comprar:visited,.boto-comprar:active{color:#fff;}

/* BOTÓ TELÈFON */
.boto-telefon{display:inline-flex;align-items:center;justify-content:center;background-color:var(--red);color:#fff;padding:14px 30px;border-radius:var(--radius-btn);font:600 18px var(--font-sans);text-decoration:none;border:0;box-sizing:border-box;max-width:360px;margin:0 auto;transition:background-color var(--t);}
.boto-telefon:hover{background-color:var(--red-hover);color:#fff;text-decoration:none;}
.boto-telefon .phone-icon{margin-right:10px;}

/* BOTÓ GRAN COMPRA */
.boto-compra{text-align:center;margin-top:20px;}
.boto{border:0;color:#fff;cursor:pointer;display:inline-block;font-size:26px;font-weight:700;text-transform:uppercase;padding:16px 37px;border-radius:var(--radius-cta);background:linear-gradient(135deg,#6ab04c,#58a034);box-shadow:var(--shadow-sm);transition:box-shadow var(--t),background var(--t);}
.boto span{display:block;margin-top:5px;font-size:16px;font-weight:400;text-transform:none;}
.boto:hover{background:linear-gradient(135deg,#58a034,#4e9030);box-shadow:var(--shadow-md);}
.boto:active{box-shadow:none;}

/* BOTONS VERMELLS */
.boto-nav-red{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:var(--red);color:#fff;font:600 14px var(--font-sans);text-decoration:none;border-radius:var(--radius-btn);border:0;cursor:pointer;transition:background-color var(--t),box-shadow var(--t);}
.boto-nav-red:hover{background-color:var(--red-hover);color:#fff;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.boto-nav-red:visited,.boto-nav-red:active{color:#fff;}

/* BOTÓ CARRO */
.boto-carro-ico{width:34px;height:34px;padding:0;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;background:var(--green);text-decoration:none;}
.boto-carro-ico .carro-ico{width:28px;height:28px;display:block;background:url("https://www.microgamma.com/ic/carro.svg") no-repeat center/contain;filter:brightness(0) invert(1);}

/* CARRETÓ FLOTANT */
.cart-toggle-icon{background-image:url('/ic/carro.svg');background-repeat:no-repeat;background-position:center;background-size:26px 26px;}

@media (min-width:769px){.cart-toggle-icon,.close-cart{display:none!important;}#cart-panel{position:static!important;transform:none!important;width:auto!important;height:auto!important;box-shadow:none!important;}}

@media (max-width:768px){
#cart-panel{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100%;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s;z-index:2000;}
#cart-panel:target{transform:translateX(0);}
.cart-toggle-icon{display:block!important;position:fixed;top:36px;right:11px;width:40px;height:40px;background-color:red!important;border-radius:50%;z-index:2100;box-shadow:0 6px 16px rgba(0,0,0,.18);}
.close-cart{display:block;position:absolute;top:10px;right:10px;font-size:1.5em;text-decoration:none;color:#333;z-index:2200;}
}

/* WHATSAPP */
.whatsapp-float{position:fixed;bottom:70px;right:10px;z-index:1000;cursor:pointer;transition:transform var(--t);}
.whatsapp-float img{width:60px;height:60px;border-radius:50%;box-shadow:none;background:none;}
.whatsapp-float:hover{transform:scale(1.1);}
.text-float{position:fixed;top:20px;left:20px;z-index:1000;background:#fff;padding:10px;box-shadow:var(--shadow-sm);}

/* EXTRA MÒBIL */
@media (max-width:480px){.boto-telefon{font-size:16px;width:90%;padding:12px 20px;}}


.boto-tramitar-carro{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:180px;
  min-height:86px;
  background:linear-gradient(180deg,#f39a52 0%, #e77f2f 100%);
  color:#fff !important;
  text-decoration:none !important;
  border-radius:4px;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  font-family:var(--mg-font-sans);
  font-size:22px;
  line-height:0.95;
  text-align:center;
  padding:10px 12px;
  box-sizing:border-box;
  font-weight:normal;
}

.boto-tramitar-carro span{
  display:block;
  margin-top:10px;
  font-size:20px;
  font-style:italic;
  color:#f2f2f2;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

.boto-tramitar-carro:hover{
  background:linear-gradient(180deg,#f6a664 0%, #ea893d 100%);
}

@media (max-width:768px){

.boto-tramitar-carro{
  width:100%;
  min-height:44px;
  font-size:15px;
  padding:6px 8px;
}

.boto-tramitar-carro span{
  font-size:16px;
  margin-top:6px;
}

}

.boto-pressupost-carro{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:180px;
  min-height:86px;
  padding:10px 12px;
  box-sizing:border-box;
  border-radius:4px;
  background:linear-gradient(180deg,#ea4a2a 0%, #d83a1c 100%);
  color:#fff !important;
  text-decoration:none !important;
  text-align:center;
  font-family:var(--mg-font-sans);
  font-size:19px;
  line-height:1.02;
  font-weight:700;
  text-transform:uppercase;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
}

.boto-pressupost-carro span{
  display:block;
  margin-top:8px;
  font-size:16px;
  line-height:1.1;
  font-weight:400;
  text-transform:none;
  color:#ececec;
}

.boto-pressupost-carro:hover{
  background:linear-gradient(180deg,#ef5a3c 0%, #de4325 100%);
}

@media (max-width:768px){
  .boto-pressupost-carro{
    width:100%;
    min-height:70px;
    font-size:16px;
    padding:10px;
  }

  .boto-pressupost-carro span{
    font-size:14px;
    margin-top:6px;
  }
}

.icona-treure-carro{
  display:inline-block;
  width:20px;
  height:20px;
  position:relative;
  cursor:pointer;
  vertical-align:top;
  background:#f3f3f3;
  border:1px solid #d8d8d8;
  border-radius:2px;
}

.icona-treure-carro::before,
.icona-treure-carro::after{
  content:"";
  position:absolute;
  left:8px;
  top:2px;
  width:3px;
  height:14px;
  background:#e84a2a;
  border-radius:2px;
}

.icona-treure-carro::before{
  transform:rotate(45deg);
}

.icona-treure-carro::after{
  transform:rotate(-45deg);
}

.icona-treure-carro:hover{
  background:#fff;
  border-color:#cfcfcf;
}

.icona-treure-carro:hover::before,
.icona-treure-carro:hover::after{
  background:#cc351c;
}

.img-mini-carro{
  width:28px;
  height:auto;
  max-height:30px;
  display:block;
}


/* ============================================================================
   PEU I NOTICIES
   ============================================================================ */
.noticies-slider{max-width:1000px;margin:auto;width:100%;box-sizing:border-box;}
.noticies-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%;box-sizing:border-box;}
.noticia-card{font-family:var(--mg-font-sans);min-width:0;}
.noticia-img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:4px;background:#f4f4f4;}
.noticia-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.noticia-titol{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;padding:10px;font-size:18px;font-weight:bold;line-height:1.2;box-sizing:border-box;}
.noticia-resum{margin-top:12px;font-size:14px;color:#444;line-height:1.4;}
@media (max-width:800px){.noticies-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.noticia-titol{font-size:16px;padding:8px;}.noticia-resum{font-size:13px;}}
@media (max-width:520px){.noticies-track{grid-template-columns:1fr;gap:18px;}.noticia-img{aspect-ratio:4/3;}.noticia-titol{font-size:15px;padding:8px;}.noticia-resum{font-size:13px;margin-top:10px;}}

/* =========================================================
   G) PEU 2026
   ========================================================= */
.fons{background-color:var(--mg-footer-bg);width:100%;padding:30px 0;}
.fons-2025{background-color:var(--mg-footer-bg);width:100%;padding:30px 0;}
.taula_inferior{height:20px;background-color:var(--mg-footer-dark);clear:both;}

/* Contenidor flexible */
.llista_inferior{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;}

/* Columnes en escriptori */
.fons_ul{flex:1 1 30%;min-width:250px;list-style:none;margin:0;padding:0;color:#666;display:flex;flex-direction:column;gap:6px;min-height:240px;}

/* Ajust bloc central */
.llista_inferior .fons_ul:nth-child(2){padding-top:10px;}

.fons_ul li{line-height:1.5;font-size:13px;}
.fons_ul li strong{font-size:15px;color:#333;}
.fons_ul li a{text-decoration:none;color:inherit;line-height:1.4;}

/* Responsive mòbil */
@media (max-width:768px){
.llista_inferior{flex-direction:column;gap:10px;}
.fons_ul{width:100%;min-height:unset;padding-top:0!important;}
}

.footer-wrap{max-width:900px;margin:0 auto;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}

@media (max-width:768px){
.nomostrar-en-mobil{display:none;}
}


/* ============================================================================
   BANNER LATERAL
   ============================================================================ */
/*
  Banner lateral esquerre Microgamma (2026).
  Fitxer compartit per totes les plantilles amb banner lateral.

  Funcionament:
  - Per defecte el banner NO existeix i la pagina ocupa tot l'ample.
  - Nomes s'activa quan el PHP afegeix la classe mg-banner-actiu al <body>
    i imprimeix <aside class="mg-banner-vertical-escriptori"> amb mg_banner_conjunt().
  - Aquest fitxer es carrega al <head>, ABANS del CSS inline que imprimeix
    mg-banner-conjunt.php. Les regles critiques porten !important i selectors
    mes especifics perque guanyin igualment la cascada.
*/

@media (min-width:1500px) and (max-width:1699px){
  :root{ --mg-banner-left-width:340px; }
}
@media (min-width:1700px) and (max-width:2099px){
  :root{ --mg-banner-left-width:450px; }
}
@media (min-width:2100px){
  :root{ --mg-banner-left-width:510px; }
}

/* Per defecte (i a Dreamweaver Design View) el banner no existeix
   i la pagina no reserva cap espai lateral. */
.mg-banner-vertical-escriptori{
  display:none;
}
.mg-banner-vertical-escriptori:empty{
  display:none;
}
.mg-page-with-left-banner{
  width:100%;
  margin-left:0;
  min-height:0;
}

@media (max-width:1499px){
  .mg-banner-vertical-escriptori{
    display:none !important;
  }
  .mg-page-with-left-banner{
    width:100% !important;
    margin-left:0 !important;
  }
}

/* ===== LAYOUT AMB BANNER ACTIU (nomes escriptori ample) ===== */
@media (min-width:1500px){
  body.mg-banner-actiu{
    background:#fff;
    overflow-x:hidden;
  }

  /* Columna fixa a sang, de dalt a baix, a l'esquerra. */
  body.mg-banner-actiu .mg-banner-vertical-escriptori{
    display:block !important;
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:var(--mg-banner-left-width) !important;
    max-width:var(--mg-banner-left-width) !important;
    height:100vh !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    z-index:0 !important;
    background:#fff !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-set,
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-slider,
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-viewport,
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-track,
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-item,
  body.mg-banner-actiu .mg-banner-vertical-escriptori picture{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-track{
    gap:0 !important;
  }

  /* El track del slider SEMPRE en fila: blindatge contra la regla
     display:block del format lateral apilat del modul. */
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-slider .mg-banner-track{
    display:flex !important;
    flex-direction:row !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori img{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-slider .mg-banner-arrow{
    width:34px;
    height:54px;
    font-size:28px;
    line-height:50px;
    background:rgba(255,255,255,.65);
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-item{
    position:relative !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-title{
    display:block !important;
    position:absolute !important;
    left:24px !important;
    top:72px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:4 !important;
    max-width:calc(100% - 48px) !important;
    padding:0 !important;
    background:transparent !important;
    color:#fff !important;
    /* Arial i no var(--mg-font-sans): es el valor que guanyava fins ara,
       perque 2026-banner-lateral-01.css es carregava despres del 21. */
    font:800 36px/1.04 Arial,Helvetica,sans-serif !important;
    letter-spacing:-.02em !important;
    text-align:left !important;
    white-space:pre-line !important;
    overflow-wrap:break-word !important;
    text-shadow:0 2px 3px rgba(0,0,0,.95),0 6px 18px rgba(0,0,0,.62) !important;
    border-radius:0 !important;
    pointer-events:none !important;
  }

  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-text{
    display:none !important;
  }

  /* Tot el web queda desplacat a la dreta nomes quan hi ha banner actiu. */
  body.mg-banner-actiu .mg-page-with-left-banner{
    position:relative !important;
    z-index:2 !important;
    width:auto !important;
    max-width:none !important;
    margin-left:var(--mg-banner-left-width) !important;
    min-height:100vh;
    background:#fff !important;
  }

  /* Evita que el contingut quedi excessivament separat dins la columna dreta. */
  body.mg-banner-actiu .mg-page-with-left-banner .contenidor-pagina{
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:1500px) and (max-width:1699px){
  body.mg-banner-actiu .mg-banner-vertical-escriptori .mg-banner-title{font-size:34px !important;}
}


/* ============================================================================
   SLIDER CSS I TARGETES DE PRODUCTE
   Origen: 2026-slider-01.css
   ============================================================================ */
.slider-css{max-width:900px;height:180px;margin:0 auto;position:relative;overflow:hidden;background:var(--mg-surface-soft);}
.slider-css input[type="radio"]{display:none;}
.slides{display:flex;height:100%;transition:transform .6s ease-in-out;}
.slide{min-width:100%;display:flex;justify-content:center;align-items:center;}
.slide img{width:100%;height:100%;object-fit:cover;}
/* Punts de navegació */
.navigation-manual{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.manual-btn{width:12px;height:12px;border-radius:50%;background:var(--mg-border);border:1px solid var(--mg-bg);cursor:pointer;transition:background-color var(--mg-transition),box-shadow var(--mg-transition),transform var(--mg-transition);}
.manual-btn:hover{background:var(--mg-text-soft);}
/* Desplaçaments */
#s1:checked~.slides{transform:translateX(0);}
#s2:checked~.slides{transform:translateX(-100%);}
#s3:checked~.slides{transform:translateX(-200%);}
#s4:checked~.slides{transform:translateX(-300%);}
#s5:checked~.slides{transform:translateX(-400%);}
@media (max-width:768px){.slider-css{display:none;}}


/* targeta */
/* Definicio unica de la targeta per a tot el web.
   Plana, filet fi, i hover per vel fosc en comptes d'elevar la targeta. */
/* font-size i line-height fixats a la targeta: .titol (1.1em) i .desc (.9em) son
   relatius, i .boto-producte no en declarava cap. Aixo feia que la mida del text
   depengues del que hi hagues per sobre a cada pagina (p.ex. .normal, 15px amb
   line-height:24px absolut, que tambe s'hereta). Fixant-ho aqui, la targeta es
   veu igual amb qualsevol embolcall. */
.boto-producte{font-size:16px;line-height:1.35;position:relative;display:flex;font-family:var(--mg-font-sans);align-items:center;gap:16px;padding:16px;background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-lg);text-decoration:none;color:var(--mg-text);box-shadow:none;}
.boto-producte::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--mg-veil);opacity:0;pointer-events:none;transition:opacity var(--mg-veil-t);}
.boto-producte:hover::after{opacity:1;}

/* La regla global a:hover{color:#00F;text-decoration:underline} te especificitat
   (0,1,1) i guanyava a .boto-producte (0,1,0), o sigui que en passar el cursor
   la targeta es pintava de blau i es subratllava sencera. Amb (0,2,0) hi guanyem
   sense haver de tocar a:hover, que la fan servir tots els enllacos de text.
   El text-decoration s'ha d'aturar aqui: un cop l'ancora el te posat, els fills
   ja no se'l poden treure. */
.boto-producte:hover{color:var(--mg-text);text-decoration:none;}

/* Subratllat que creix des de l'esquerra, nomes sota el titol.
   width:fit-content encongeix el titol al seu text sense tocar .info, aixi
   segueix funcionant igual quan en mobil la targeta passa a columna centrada. */
.boto-producte .titol{position:relative;width:fit-content;}
.boto-producte .titol::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--mg-green);transform:scaleX(0);transform-origin:left;transition:transform var(--mg-veil-t);}
.boto-producte:hover .titol::after{transform:scaleX(1);}
@media (prefers-reduced-motion:reduce){
  .boto-producte .titol::after{transition:none;}
}
.boto-producte img{width:80px;flex-shrink:0;}
/* align-items:center es imprescindible aqui: el titol porta width:fit-content
   per al subratllat, i amb el stretch per defecte un element amb amplada fixada
   no s'estira, cau a l'inici de l'eix i es queda a l'esquerra.
   El text-align va explicit per no dependre del body{text-align:center}. */
.boto-producte .info{display:flex;flex-direction:column;align-items:center;text-align:center;}
.boto-producte .titol{font-weight:600;font-size:1.1em;margin-bottom:4px;}
.boto-producte .desc{font-size:.9em;color:var(--mg-text-muted);}
/* Targetes d'oferta. Abans anava com a style="background-color:#e6a2a5" repetit
   a cada enllac de la biblioteca. Mateix color, ara en un sol lloc. */
.boto-producte--oferta{background:#e6a2a5;}
/* Responsive: 2 columnes */
@media (max-width:768px){.productes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.boto-producte{flex-direction:column;text-align:center;}.boto-producte img{width:100px;margin-bottom:10px;}.boto-producte .info{align-items:center;}.boto-producte .titol{font-size:1em;}.boto-producte .desc{font-size:.85em;}}


/* ============================================================================
   SHOP, CARRO I CHECKOUT
   Origen: 2026-shop-12.css
   ============================================================================ */

/* base */
#formulari-shop, #carroContenidor, .form-shop, #divCarroPetit2, #cart3, #divCarroPetit, #cart2 { box-sizing: border-box; }
#formulari-shop *, #carroContenidor *, #divCarroPetit2 *, #cart3 *, #divCarroPetit *, #cart2 * { box-sizing: border-box; }
#formulari-shop, #carroContenidor, .form-shop { width: 100%; max-width: 100%; }

/* carro blocs */
#divCarroPetit2 { width: 100%; max-width: 1050px; margin: 0 auto; padding: 8px; }
#cart3 { width: 100%; padding: 8px; }
#divCarroPetit, #cart2 { width: 100%; max-width: 300px; margin: 0 auto; padding: 8px; }
#cart2 table { width: 100%; table-layout: fixed; }

.carro-bloc-principal { width: 100%; max-width: 760px; margin: 0 auto 12px; padding: 8px; background:var(--mg-shop-blue-bg); border:1px solid var(--mg-shop-blue-line); border-radius:var(--mg-radius-sm); box-shadow:var(--mg-shadow-sm); font-family:var(--mg-font-sans); }
.carro-bloc-principal table { width: 100%; max-width: 100%; }
.carro-bloc-principal td { padding: 5px 6px; font-size: 14px; color:var(--mg-text); vertical-align: top; white-space: normal; word-break: break-word; }
.carro-bloc-principal .detall { font-size: 13px; color:var(--mg-text-muted); line-height: 1.25; }
.carro-bloc-principal img { display: block; max-width: 100%; height: auto; border-radius:var(--mg-radius-sm); }
.carro-bloc-principal strong { font-size: 15px; color:#000; font-weight: bold; }
.carro-bloc-principal input[type="text"] { max-width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius:var(--mg-radius-sm); background: #fff; font-size: 13px; transition: border-color .2s; }
.carro-bloc-principal input[type="text"]:focus { outline: none; border-color:var(--mg-shop-blue-line); box-shadow:0 0 0 3px rgba(192,220,240,.3); }
.carro-bloc-principal input[id^="TOTAL"] { width: 52px !important; padding: 3px 4px !important; font-size: 12px !important; }

/* controls quantitat */
.qtt-control { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
.carro-bloc-principal .qtt-control { margin-top: 0; gap: 4px; }
.qtt-control input { width: 40px; min-width: 32px; max-width: 40px; flex: 0 0 auto; padding: 4px 6px; border: 1px solid #ccc; border-radius:var(--mg-radius-sm); background: #f9f9f9; font-size: 14px; text-align: right; transition: border-color .2s; }
.qtt-control input:focus { outline: none; border-color:var(--mg-shop-blue-line); background: #fff; }
.carro-bloc-principal .qtt-control input { width: 34px; min-width: 34px; max-width: 34px; padding: 3px 4px; }
.qtt-control button, .carro-bloc-principal .qtt-control button { width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius:var(--mg-radius-sm); font-weight: bold; cursor: pointer; transition: all .2s; }
.qtt-control button { background: #fff; border: 1px solid #ccc; font-size: 16px; line-height: 16px; text-align: center; }
.carro-bloc-principal .qtt-control button { width: 22px; height: 22px; background:var(--mg-shop-blue-control); border:1px solid #aacfee; font-size: 14px; }
.qtt-control button:hover { background:var(--mg-shop-blue-control); border-color: #aacfee; transform: scale(1.05); }
.carro-bloc-principal .qtt-control button:hover { background:var(--mg-shop-blue-line); border-color: #a8c5e0; }

/* títols */
.titol-seccio-formulari { position: relative; margin: 22px 0 15px; padding-left: 60px; font:700 20px/1.2 var(--mg-font-sans); color:var(--mg-shop-accent); }
.titol-seccio-formulari .num-seccio { position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; border-radius:var(--mg-radius-sm); background:var(--mg-shop-accent); color: #fff; font-size: 36px; font-weight: bold; text-align: center; }
.titol-seccio-formulari .subtitol { display: block; margin-top: 3px; font-size: 14px; font-weight: normal; color: #666; }

/* formulari checkout */
#carroContenidor > table, #carroTaulaTitols, #taula_facturacio, #taula_entrega, #divCarroPetit2 table { width: 100% !important; max-width: 100% !important; }
#taula_facturacio, #taula_entrega { table-layout: fixed; }
#taula_facturacio td, #taula_entrega td { width: auto; height: auto !important; vertical-align: top; white-space: normal; line-height: 1.35; }
#formulari-shop input[type="text"], #formulari-shop input[type="email"], #formulari-shop input[type="tel"], #formulari-shop input[type="password"], #formulari-shop select, #formulari-shop textarea { max-width: 100% !important; min-width: 0; }

#NOMBRE, #APELLIDOS, #EMPRESA, #NIF, #DIRECCION, #POBLACION, #MAIL, #NOMBREENTREGA, #DIRECCIONENTREGA, #POBLACIONENTREGA, #PROVINCIA, #PROVINCIAENTREGA, #PAIS, #PAISENTREGA { width: 100% !important; max-width: 100% !important; }
#CP, #CPENTREGA { width: 160px !important; max-width: 100% !important; }
#TEL, #TELENTREGA { width: 240px !important; max-width: 100% !important; }
#divProvincia, #divProvinciaEntrega, #divPaisEntrega { display: block !important; width: 100% !important; max-width: 100% !important; }

/* ítems resum carro */
.item-carro-resum { width: 100% !important; margin: 0 auto 6px; border-collapse: collapse; }
.item-carro-resum td { padding: 4px 6px !important; vertical-align: top; line-height: 1.2; }
.item-carro-resum tr + tr td { padding-top: 2px !important; }
.item-carro-resum img { display: block; max-width: 42px; height: auto; }
.item-carro-resum hr { margin: 6px 0; }

.resum-totals-carro { width: 100% !important; border-collapse: collapse; }
.resum-totals-carro td { padding: 4px 0 !important; }

.bloc-notes-carro { margin-top: 10px; }

/* altres */
label { cursor: pointer; }
#VATFREE, #percentatge { display: none; }
#MAIL { text-transform: lowercase; }
#envios { margin-top: 10px; margin-right: 30px; }
.tooltipster-content { white-space: pre-line; text-align: left; font-size: 12px; }


/* Radios grans i centrats a forma de pagament i enviament */
#divPagaments input[type="radio"],
#divEnviaments input[type="radio"]{
  width:22px;
  height:22px;
  min-width:22px;
  margin:0 12px 0 0;
  vertical-align:middle;
  accent-color:var(--mg-shop-accent);
  cursor:pointer;
}

/* Cada opció en línia ben alineada */
#divPagaments label,
#divEnviaments label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  cursor:pointer;
}

/* Si les imatges estan dins del label */
#divPagaments label img,
#divEnviaments label img{
  vertical-align:middle;
  display:inline-block;
}

/* Si el radio queda fora del label, ajuda igualment */
#divPagaments input[type="radio"] + label,
#divEnviaments input[type="radio"] + label{
  vertical-align:middle;
}

/* desktop */
@media (min-width: 901px) {
  #carroContenidor > table > tbody > tr > td > table[width="720"] { width: 100% !important; max-width: 100% !important; }
  #carroContenidor > table > tbody > tr > td > table[width="720"] > tbody > tr { display: flex; gap: 24px; align-items: flex-start; }
  #carroContenidor > table > tbody > tr > td > table[width="720"] > tbody > tr > td { display: block; width: calc(50% - 12px) !important; }
}

/* tablet / portàtil petit */
@media (max-width: 900px) {
  #carroContenidor > table, #carroTaulaTitols, #carroContenidor table[width="720"], #carroContenidor table[width="780"], #carroContenidor table[width="980"] { width: 100% !important; max-width: 100% !important; }
  #carroContenidor > table > tbody > tr > td > table[width="720"] > tbody > tr { display: block; }
  #carroContenidor > table > tbody > tr > td > table[width="720"] > tbody > tr > td { display: block; width: 100% !important; margin-bottom: 24px; }

  #divCarroPetit2 { width: 95%; }
  #divCarroPetit, #cart2 { max-width: 100%; }
  #cart2 table { table-layout: auto; position: relative; }
  #cart2 table td { position: relative; padding: 4px; font-size: 13px; word-wrap: break-word; }
  #cart2 input[type="text"], #cart2 select { width: auto; max-width: 100%; box-sizing: border-box; font-size: 13px; }
  #cart2 button { width: 32px; height: 32px; padding: 0; font-size: 16px; }
  #cart2 img { max-width: 100%; height: auto; }
  #cart2 .detall { font-size: 12px; text-align: left; }
  #cart2 .quantitat-controls { display: inline-flex; gap: 4px; }
  #cart2 td img[alt="Quitar Producto"] { width: 18px; height: 18px; cursor: pointer; }
  #cart2 .cel-eliminar { position: relative; width: 100%; height: 100%; }
  #cart2 .cel-eliminar img { position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; cursor: pointer; }
}

/* mòbil */
@media (max-width: 640px) {
  #formulari-shop { padding-left: 10px; padding-right: 10px; }
  #taula_facturacio td, #taula_entrega td { display: block; width: 100% !important; padding: 5px 0; }

  #formulari-shop input[type="text"], #formulari-shop input[type="email"], #formulari-shop input[type="tel"], #formulari-shop input[type="password"], #formulari-shop select, #formulari-shop textarea { display: block; width: 100% !important; margin-top: 4px; padding: 8px 9px; font-size: 15px; }
  #CP, #CPENTREGA, #TEL, #TELENTREGA { width: 100% !important; max-width: 100% !important; }

  .titol-seccio-formulari { margin: 16px 0 12px; padding-left: 50px; font-size: 18px; }
  .titol-seccio-formulari .num-seccio { width: 38px; height: 38px; line-height: 38px; font-size: 24px; }
  .titol-seccio-formulari .subtitol { font-size: 12px; }

  .qtt-control { gap: 4px; }
  .qtt-control input { width: 36px; min-width: 30px; max-width: 36px; font-size: 12px; }
  .qtt-control button { width: 22px; height: 22px; font-size: 13px; }
}

/* mòbil petit */
@media (max-width: 480px) {
  #divCarroPetit2 { width: 100%; padding: 4px; }
  #cart3 { padding: 4px; }
  .carro-bloc-principal { max-width: 100%; margin: 0 0 8px; padding: 8px; }
  .carro-bloc-principal td { padding: 4px; font-size: 12px; }
  label { margin-bottom: 4px; }

  #formulari-shop input[type="text"], #formulari-shop input[type="email"], #formulari-shop input[type="tel"], #formulari-shop select, #formulari-shop textarea, #divCarroPetit2 input[type="text"], #divCarroPetit2 input[type="email"], #divCarroPetit2 input[type="tel"], #divCarroPetit2 select, #divCarroPetit2 textarea { padding: 4px 6px; font-size: 13px; }
  #formulari-shop #divCarroPetit2 .resum-totals-carro td > div{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    column-gap:8px;
  }

  #formulari-shop #divCarroPetit2 .resum-totals-carro input[type="text"]{
    display:inline-block !important;
    width:72px !important;
    max-width:72px !important;
    margin:0 !important;
    padding:4px 6px !important;
    text-align:right !important;
  }

  #formulari-shop #divCarroPetit2 .resum-totals-carro td > div > div,
  #formulari-shop #divCarroPetit2 .resum-totals-carro td > div > span#percentatge{
    white-space:nowrap;
    justify-self:end;
  }
}
/* ==========================================================
   PATCH — FORMA DE PAGO + SERVICIO DE ENVIO: opcions tipus "chip"
   A Microgamma cada opcio es <td><input radio> <label>(logo img / text)</label></td>
   i el radio es GERMA del label. Per aixo fem la propia CEL.LA (td) la caixa
   (conte radio + logo/text), sense desmuntar la taula. Nomes visual. Marca #c4311f.
   ========================================================== */

/* Separacio vertical entre opcions (cada opcio es una fila amb una cel.la) */
#divPagaments table, #divEnviaments table{
  border-collapse:separate;
  border-spacing:0 8px;
  max-width:100%;
}

/* Cada cel.la = chip gran i clicable */
#divPagaments td, #divEnviaments td{
  vertical-align:middle;
  height:auto !important;
  padding:12px 16px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:6px;
  background:#fff;
  cursor:pointer;
  transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
#divPagaments td:hover, #divEnviaments td:hover{
  border-color:var(--mg-shop-accent);
  background:var(--mg-shop-accent-soft);
}

/* Contingut: text d'enviament mes gran; logo de pagament acotat */
#divEnviaments td label .l_radio{ font-size:16px; line-height:1.2; color:#222; vertical-align:middle; }
#divPagaments td label img.imgpago{ max-height:40px; max-width:100%; width:auto; height:auto; vertical-align:middle; }

/* Opcio seleccionada ben destacada */
#divPagaments td:has(input[type="radio"]:checked),
#divEnviaments td:has(input[type="radio"]:checked){
  border-color:var(--mg-shop-accent);
  background:var(--mg-shop-accent-soft);
  box-shadow:0 2px 10px rgba(196,49,31,.15);
}
#divEnviaments td:has(input[type="radio"]:checked) .l_radio{ font-weight:bold; }

/* ==========================================================================
   MICROGAMMA FITXA ARTICLE + TOP 7 2026-07
   ========================================================================== */
.mg-article__top{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:24px;align-items:start;margin:0 0 24px}.mg-article__top-copy,.mg-article__top-media{min-width:0}.mg-article__top .mg-article__head{margin:0}.mg-article__top .mg-article__cover{margin:0}.mg-article__top .mg-article__cover img{display:block;width:100%;height:165px;max-height:none;object-fit:cover;border-radius:var(--mg-radius,4px);background:var(--mg-surface-soft,#fafafa)}.mg-most-viewed{margin:32px 0 8px;padding:18px 0 0;border-top:1px solid var(--mg-border-soft,#e6e6e6)}.mg-most-viewed__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}.mg-most-viewed__head h2{margin:0;color:var(--mg-text,#333);font-size:19px;font-weight:600;line-height:1.25}.mg-most-viewed__head span{color:var(--mg-text-muted,#666);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mg-most-viewed__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 26px;margin:0;padding:0;list-style:none;counter-reset:mg-most-viewed}.mg-most-viewed__list li{min-width:0;counter-increment:mg-most-viewed}.mg-most-viewed__list a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:start;padding:6px 4px;border-radius:var(--mg-radius,4px);color:var(--mg-text,#333)!important;font-size:11px;line-height:1.35;text-decoration:none!important}.mg-most-viewed__list a:before{display:flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:var(--mg-surface,#f2f2f2);color:var(--mg-text-muted,#666);content:counter(mg-most-viewed);font-size:9px;font-weight:700}.mg-most-viewed__list a:hover{background:var(--mg-surface-soft,#fafafa);color:var(--mg-shop-accent,#c4311f)!important;text-decoration:none!important}.mg-most-viewed__list a span{min-width:0}.mg-most-viewed__list a strong{white-space:nowrap;color:var(--mg-text-muted,#666);font-size:9px;font-weight:600}.mg-most-viewed__list a:hover strong{color:var(--mg-shop-accent,#c4311f)}@media(max-width:760px){.mg-article__top{grid-template-columns:1fr;gap:14px}.mg-article__top-media{max-width:280px}.mg-article__top .mg-article__cover img{height:auto;max-height:210px;object-fit:contain}.mg-most-viewed__list{grid-template-columns:1fr}.mg-most-viewed__head{align-items:flex-start;flex-direction:column;gap:3px}}

/* MG ARTICLE ALIGN START */
.mg-article-page,.mg-article-page .mg-article,.mg-article-page .mg-article__top,.mg-article-page .mg-article__top-copy,.mg-article-page .mg-article__head,.mg-article-page .mg-article__intro,.mg-article-page .mg-article__meta,.mg-article-page .mg-article__content{text-align:left!important}.mg-article-page .mg-article__meta,.mg-article-page .mg-tags{justify-content:flex-start!important}.mg-related,.mg-related .mg-section-title,.mg-related .mg-section-title h2,.mg-related .mg-section-title a{text-align:left!important}.mg-related .mg-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important}.mg-related .mg-grid--related{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 18px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;align-items:start!important}.mg-related .mg-card{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;text-align:left!important}.mg-related .mg-card__media{display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;margin:0!important}.mg-related .mg-card__media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.mg-related .mg-card__body,.mg-related .mg-card time,.mg-related .mg-card h2,.mg-related .mg-card p{text-align:left!important}.mg-related .mg-card__body{padding:8px 0 0!important}.mg-related .mg-card time{margin:0 0 4px!important}.mg-related .mg-card h2{margin:0 0 6px!important;font-size:14px!important;line-height:1.3!important}.mg-related .mg-card p{margin:0 0 7px!important;font-size:10px!important;line-height:1.45!important}.mg-related .mg-card__more{display:inline-block!important;width:auto!important;margin:0!important;text-align:left!important}@media(max-width:900px){.mg-related .mg-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.mg-related .mg-grid--related{grid-template-columns:1fr!important}}
/* MG ARTICLE ALIGN END */


/* ============================================================================
   JQUERY UI TABS  (2026-jquery-ui-tabs.css)
   ============================================================================ */


/* ==========================================================
   JQUERY UI TABS 1.8 - VERSIO MES AMPLA I MODERNA
   ========================================================== */

:root {
  --tabs-color-actiu: #c26a3a;
  --tabs-color-actiu-fosc: #a8562d;
  --tabs-color-inactiu: #f4f4f4;
  --tabs-color-inactiu-hover: #ebebeb;
  --tabs-color-borde: #d2d2d2;
  --tabs-color-text: #333;
  --tabs-color-text-actiu: #fff;
}

/* Helpers mínims */

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}

.ui-helper-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.ui-helper-clearfix {
  display: block;
}

/* Bloc general */

.ui-tabs {
  position: relative;
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* Llista de pestanyes */

.ui-tabs .ui-tabs-nav {
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
}

.ui-tabs .ui-tabs-nav:after {
  content: "";
  display: block;
  clear: both;
}

.ui-tabs .ui-tabs-nav li {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  list-style: none;
}

/* Pestanyes normals */

.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 8px 13px;
  border: 1px solid var(--tabs-color-borde);
  border-radius: 8px;
  background: var(--tabs-color-inactiu);
  color: var(--tabs-color-text);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ui-tabs .ui-tabs-nav li a:hover {
  background: var(--tabs-color-inactiu-hover);
  color: #111;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

/* Pestanya activa */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs .ui-tabs-nav li.ui-state-active a:link,
.ui-tabs .ui-tabs-nav li.ui-state-active a:visited {
	background: var(--red);
	color: #fff;
	border-color: var(--red);
  font-weight: 700;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}



/* Panell */

.ui-tabs .ui-tabs-panel {
  display: block;
  clear: both;
  padding: 18px 0 0 0;
  border-top: 2px solid var(--tabs-color-actiu);
  background: transparent;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* Responsive */

@media (max-width: 1080px) {
  .ui-tabs {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .ui-tabs .ui-tabs-nav li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .ui-tabs .ui-tabs-nav li a {
    font-size: 11px;
    padding: 7px 10px;
    border-radius: 7px;
  }

  .ui-tabs .ui-tabs-panel {
    padding-top: 14px;
  }
}


/* ============================================================================
   SELECT2 4.0.13  (abans des de cdnjs)
   ============================================================================ */


/* Select2 4.0.13 · https://select2.org
   The MIT License (MIT) · Copyright (c) 2012-2017 Kevin Brown, Igor Vaynberg
   i els contribuidors de Select2. Copia identica del paquet oficial. */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/* ============================================================================
   SWITCH BUTTON  (jquery.switchButton.css)
   ============================================================================ */


.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* ============================================================================
   MAGNIFIC POPUP  (magnific-popup.css)
   ============================================================================ */


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  height: 100%;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  /*text-align: left;*/
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
 /* width: 100%;*/
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/*miniatures*/
img.mfp-thumb{
	max-width: 50px;
	max-height: 50px;
	margin: 0 4px;
	vertical-align: middle; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
  background-color: white;
  background-clip: content-box; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
  white-space:pre-line; 
  width: auto;
  /*padding-top: 26px;*/
  position: absolute;
  /*left: -300px;*/
}
.mfp-title * {
    color: white !important;
}
.mfp-title p{
    margin-top: 0px;
    margin-bottom: 0px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.popup-gallery{
	margin:0px auto;
	width:300px;
}

.popup-gallery a{
    width: 300px;
	height: 300px;
}
.video video{
	width: 300px;
	height: 400px;
}
img.mfp-img {
  cursor: zoom-in;
}
img.mfp-img.zoom {
  cursor: zoom-out;
}


/* ============================================================================
   SLICK - TEMA  (slick-theme.css)
   ============================================================================ */


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('img/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: lightgrey;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* ============================================================================
   SLICK - BASE I MODIFICACIONS  (slick.css)
   ============================================================================ */


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	max-width: 300px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*modificacions*/
.slick-slide:focus{
	outline:none;
}
#wrap{
	position: relative;
}
.slider-nav{
	width:200px;
}
.slider-nav .slick-current .mfp-thumb {
    border: 1px solid black;
}
.slider-for{
	padding-bottom:8px;
}

.slickframe {
    height: 300px;
    width: 300px;
    display: inline-block;
    position: relative;
}
.slickframe img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.slider-for a{
	cursor:zoom-in !important;
}
/*#wrap #zoom{
	position: absolute;
    top: 0;
    left: 0;
    background: url(https://www.microgamma.com/ic/zoomplus.png) no-repeat;
    height: 300px;
    width: 300px;
    background-position-x: 130px;
    background-position-y: 112px;
    opacity: 0;
}
#wrap #zoom:hover {
    opacity: 0.5;
}*/


/* =========================================================
   VERSIO 25 - CAMPS DEL CHECKOUT LLEGIBLES TAMBE A ESCRIPTORI
   Tres coses que passaven fins ara:
   1. Les etiquetes son <td class="detall">, i .detall son 10px a tot el web.
   2. Els camps nomes tenien estil dins de la media query de mobil: a
      escriptori sortien amb l'aspecte per defecte del navegador.
   3. La llista d'amplades esperava els noms de camp en castella
      (#NOMBRE, #APELLIDOS, #DIRECCION, #POBLACION i els seus ENTREGA),
      i aquesta pagina els te en catala. Set camps es quedaven sense amplada.
   Tot va limitat a #formulari-shop i a les dues taules: fora d'aqui, res canvia.
   ========================================================= */

/* 1. Etiquetes del formulari, llegibles */
#taula_facturacio td.detall,#taula_entrega td.detall{font-size:13px;line-height:1.45;color:#3a3f45}
#taula_facturacio td,#taula_entrega td{padding:7px 5px!important}

/* 2. Els camps */
#formulari-shop input[type="text"],
#formulari-shop input[type="email"],
#formulari-shop input[type="tel"],
#formulari-shop input[type="password"],
#formulari-shop select,
#formulari-shop textarea{box-sizing:border-box;margin-top:3px;padding:9px 11px;border:1px solid #b9c0c7;border-radius:var(--mg-radius-sm);background:#fff;color:#222;font-size:15px;line-height:20px}
#formulari-shop select{min-height:40px;padding-right:6px}
#formulari-shop input::placeholder,#formulari-shop textarea::placeholder{color:#8b9198;opacity:1}

/* 3. Focus clar. Substitueix el groc antic (input:focus{background:#FF9})
      nomes dins del formulari; a la resta del web es queda com estava. */
#formulari-shop input:focus,
#formulari-shop select:focus,
#formulari-shop textarea:focus{background:#fff;border-color:var(--mg-shop-blue-line);box-shadow:0 0 0 3px rgba(120,175,220,.35);outline:none}

/* 4. Les set amplades que faltaven, ara amb els noms de camp reals */
#NOM,#COGNOMS,#DIRECCIO,#POBLACIO,
#NOMENTREGA,#DIRECCIOENTREGA,#POBLACIOENTREGA{width:100%!important;max-width:100%!important}

/* 5. Els dos codis postals porten l'estil escrit a l'atribut style del HTML
      (22px i 25px, vermell). Guanyen igualment perque son inline. Si els vols
      igualar a la resta de camps, treu aquells style= del shop-140.php i
      descomenta aixo:
#CP,#CPENTREGA{font-size:17px;font-weight:700;color:#c0392b} */