/* 
Theme Name: Gramona by dolma
Theme URI: https://dolma.studio
Description: Gramona theme, created by dolma studio team
Author: Dolma Studio
Author URI: https://dolma.studio/
Template: hello-elementor
Version: 2.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Subratllat títols */

.important-text{
    text-decoration:underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    text-decoration-color: white;
}

.important-text-black{
    text-decoration:underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    text-decoration-color: black;
}

.text-intro {
  display: block;
  text-indent: 8em;
}

@media (max-width: 767px) {
  .text-intro {
    text-indent: 4em !important;
    display: block;
  }
}


/* 🎯 Estil predeterminat: text i logo negres */
.header-dolma .header-link,
.header-dolma .header-link h6 {
  color: #000 !important;
  transition: color 0.3s ease;
  text-decoration: none !important;
}

.header-dolma .header-logo img {
  filter: invert(0); /* logo negre */
  transition: filter 0.3s ease;
}

/* 🌙 Versió blanca: text i logo en blanc */
body.header-dolma-light .header-dolma .header-link,
body.header-dolma-light .header-dolma .header-link h6 {
  color: #fff !important;
}

body.header-dolma-light .header-dolma .header-logo img {
  filter: invert(1);
}

/* Quan el menú és blanc però s’ha fet scroll -> torna negre */
body.header-dolma-light.header-dolma-scrolled .header-dolma .header-link,
body.header-dolma-light.header-dolma-scrolled .header-dolma .header-link h6 {
  color: #000 !important;
}

body.header-dolma-light.header-dolma-scrolled .header-dolma .header-logo img {
  filter: invert(0);
}





/*PADDING LATERAL CONTAINERS*/
.marge-lateral{
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .marge-lateral{
  padding-left: 0px;
  padding-right: 0px;
}
}

.titol-link a {
  text-decoration: none !important;
  font-weight: 300 !important;
}


.titol-link a:hover {
  text-decoration: none !important;
}

.mim-gramona-map .mim-gramona-map-inner{
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.mim-gramona-map .mim-gramona-map-left{
    width: 320px;
}
.mim-gramona-map .mim-gramona-map-center{
  width: calc( 100% - 600px );
    position: relative;
}
.mim-gramona-map .mim-gramona-map-right{
    width: 320px;
}
.mim-gramona-map .mim-gramona-map-content{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.mim-gramona-map .mim-gramona-map-content::after{
    content: '';
    display: block;
    padding-top: 84%;
}
.mim-gramona-map .mim-gramona-map-content svg{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    top: 0px;
    left: 0px;
    transform: none;
}
.mim-gramona-map .mim-gramona-map-buttons button{
    position: absolute;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 0px;
    background-color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-hide{
    top: 20px;
    right: 20px;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-hide::after{
    content: 'X';
    display: block;
    line-height: 1;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-in{
    bottom: 55px;
    right: 20px;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-in::after{
    content: '+';
    display: block;
    line-height: 1;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-out{
    bottom: 20px;
    right: 20px;
}
.mim-gramona-map .mim-gramona-map-buttons button.mim-gramona-map-zoom-out::after{
    content: '-';
    display: block;
    line-height: 1;
}
.mim-gramona-map .mim-gramona-map-list{
    position: absolute;
    top: 30px;
    right: 0px;
    width: 400px;
    transform: translateX(50%);
    background-color: #F1F0ED;
    overflow: auto;
    height: calc(100% - 60px);
}
.mim-gramona-map .mim-gramona-map-list{
    display: none;
}
.mim-gramona-map .mim-gramona-map-list.active{
    display: block;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-close{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0px;
    border: 0;
    background: #F1F0ED;
    z-index: 2;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-close::before{
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-close::after{
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-close:hover{
    background: #F1F0ED !important;
}
.mim-gramona-map .mim-gramona-map-item{
    display: none;
}
.mim-gramona-map .mim-gramona-map-item.active{
    display: block;
}
.mim-gramona-map .mim-gramona-map-item .mim-gramona-map-item-image{
    position: relative;
}
.mim-gramona-map .mim-gramona-map-item .mim-gramona-map-item-image::after{
    content: '';
    padding-top: 60%;
    display: block;
}
.mim-gramona-map .mim-gramona-map-item .mim-gramona-map-item-image img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-header{
    display: flex;
    padding: 20px 20px;
    gap: 10px;
    align-items: center;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-left{
    width: 100%;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-title,
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-title a{
    font-family: "SangBlue Kingdom", Sans-serif;
    font-size: 26px;
    color: #000;
    margin: 0px;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-subtitle{
    font-family: "articulat-cf", Sans-serif;
    font-size: 18px;
    color: #A68336;
    margin-bottom: 0px;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-right{
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    min-width: 80px;
    max-width: 80px;
    display: none;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-right img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mim-gramona-map .mim-gramona-map-list .mim-gramona-map-item-content{
    padding: 0px 20px;
    line-height: 1.3;
    font-size: 14px;
}
.mim-gramona-map .mim-gramona-map-left-item[data-id="itemName"] .mim-gramona-map-left-icon::after{
    content: '';
    display: block;
    background-image: url(assets/img/icon_map_group.png);  
}
.mim-gramona-map .mim-gramona-map-left-item[data-id="itemMuni"] .mim-gramona-map-left-icon::after{
    content: '';
    display: block;
    background-image: url(assets/img/icon_map_single.png);  
}
.mim-gramona-map .mim-gramona-map-left-item .mim-gramona-map-left-btn::after{
    content: '';
    display: block;
    background-image: url(assets/img/see_icon.png);  
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-inner{
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-title{
    font-size: 16px;
    color: #000000;
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-content{
    margin-top: 10px;
    padding-top: 25px;
    border-top: solid 1px #A8A59D;
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-item-color{
    background-color: #D3C9E3;
    height: 10px;
    margin-bottom: 10px;
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-item p{
    margin-bottom: 10px;
    font-size: 14px;
    color: #000000;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-inner{
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-title{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-title .mim-btn-show-filters{
  display: none;
}
.mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-btn-show-filters{
  display: none;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item{
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    border-bottom: solid 1px #A8A59D;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-icon{
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    position: relative;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item[data-id="itemName"] .mim-gramona-map-left-icon::after{
    content: '';
    display: block;
    background-image: url(assets/img/icon_map_group.png);  
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item[data-id="itemMuni"] .mim-gramona-map-left-icon::after{
    content: '';
    display: block;
    background-image: url(assets/img/icon_map_single.png);  
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item[data-id="itemComar"] .mim-gramona-map-left-icon::after{
    content: 'A';
    display: block;
    background-image: none;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 0px -1px 0 #000, 0px 1px 0 #000;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item[data-id="itemTopo"] .mim-gramona-map-left-icon::after{
    content: 'R';
    display: block;
    background-image: none;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-text{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-btn{
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    position: relative;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-btn::after{
    content: '';
    display: block;
    background-image: url(assets/img/see_icon.png); 
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item.is_no_visible .mim-gramona-map-left-btn{
    opacity: 0.5;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-item{
    cursor: pointer;
}
.mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-desc{
    font-weight: 300;
    margin-top: 15px;
    font-size: 12px;
}
.mim-gramona-map svg .itemName.no_visible{
    display: none;
}
.mim-gramona-map svg .itemMuni.no_visible{
    display: none;
}
.mim-gramona-map svg .itemComar.no_visible{
    display: none;
}
.mim-gramona-map svg .itemTopo.no_visible{
    display: none;
}
.mim-gramona-map svg .mim-map-item{
    cursor: pointer;
}

.mim-gramona-map *{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.mim-gramona-map .mim-gramona-map-left button:hover,
.mim-gramona-map .mim-gramona-map-left button:focus{
  background: transparent !important;
  background-color: transparent !important;
}
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-btn-show-filters:hover,
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-btn-show-filters:focus{
      background: transparent !important;
  background-color: transparent !important;
    }
.mim-gramona-map svg text{
    font-family: "SangBlue Kingdom", Sans-serif;
}
@media (max-width: 1400px) {
  .mim-gramona-map{
    margin-bottom: 100px;
    position: relative;
        z-index: 40;
  }
    .mim-gramona-map .mim-gramona-map-center{
      width: calc( 100% - 300px );
    }
    .mim-gramona-map .mim-gramona-map-right{
        position: absolute;
        top: 100%;
        right: 20px;
        width: calc(100% - 350px - 20px);
        z-index: 3;
      right: auto;
      left: 0px;
      top: 290px;
      width: 310px;
    }
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-content{
        display: none;
    }
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-inner .mim-gramona-map-right-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mim-gramona-map .mim-gramona-map-right.active .mim-gramona-map-right-content{
        display: block;
    }
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-gramona-map-right-title{
      margin: 0px;
      font-size: 14px;
    }
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-btn-show-filters{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        width: 30px;
        height: 30px;
        border: 0px;
    }
    .mim-gramona-map .mim-gramona-map-right .mim-gramona-map-right-header .mim-btn-show-filters::after{
        content: '+';
        display: block;
        font-size: 20px;
        font-weight: bold;
    }
    .mim-gramona-map .mim-gramona-map-right.active .mim-gramona-map-right-header .mim-btn-show-filters::after{
      content: '-';
    }
    .mim-gramona-map .mim-gramona-map-list{
      transform: none;
      right: 20px;
    }
}
@media (max-width: 990px) {
  .mim-gramona-map .mim-gramona-map-list{
    transform: none;
    right: 20px;
    z-index: 45;
  }
  .mim-gramona-map .mim-gramona-map-right{
      width: calc(100% - 40px);
      top: 100%;
      left: 20px;
  }
  .mim-gramona-map .mim-gramona-map-left{
    position: absolute;
    z-index: 44;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
  }
  .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
  }
  .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-title .mim-btn-show-filters{
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
  }
  .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-title .mim-btn-show-filters::after{
    content: '+';
    display: block;
  }
  .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-inner .mim-gramona-map-left-items{
    display: none;
  }
  .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-inner .mim-gramona-map-left-desc{
    display: none;
  }
  .mim-gramona-map .mim-gramona-map-left.active .mim-gramona-map-left-inner .mim-gramona-map-left-items{
    display: block;
  }
    .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-inner .mim-btn-show-filters{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        width: 30px;
        height: 30px;
        border: 0px;
    }
    .mim-gramona-map .mim-gramona-map-left .mim-gramona-map-left-inner .mim-btn-show-filters::after{
      content: '+';
      display: block;
        font-size: 30px;
        font-weight: bold;
    }
    .mim-gramona-map .mim-gramona-map-left.active .mim-gramona-map-left-inner .mim-btn-show-filters::after{
      content: '-';
    }
    .mim-gramona-map .mim-gramona-map-center{
      width: 100%;
    }
}
@media (max-width: 767px) {
    .mim-map-overcontainer{
        width: 100% !important;
    }
  .mim-gramona-map .mim-gramona-map-list{
    transform: none;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
    z-index: 45;
  }
  .mim-gramona-map .mim-gramona-map-content::after{
    padding-top: 130%;
  }
  .mim-gramona-map .mim-gramona-map-content svg{
    width: 150%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.fix-heading-link-weight .elementor-heading-title > a {
  font-weight: inherit !important;
}



/*DOLMA NEGRETA*/

/* Força negreta real en textos d'Elementor */
.elementor-widget-text-editor strong,
.elementor-widget-text-editor b,
.elementor-widget-heading strong,
.elementor-widget-heading b {
  font-weight: 700 !important;
}

/*DOLMA ESPAI TITOLS POSTS*/
.single-post h6 {
  margin-top: 40px !important;
}