/*
Theme Name: Cactus
Theme URI: http://www.cactussenygrafic.com/
Version: 1.0
Description: Plantilla desenvolupada per Cactus
Author: Cactus Seny Grafic
Author URI: https://www.cactussenygrafic.com/
Template: Divi
*/


/** font custom **/
body, p, h1, h2, h3, h4, h5, h6, a, span:not(.ab-icon), li, div, td, th, label, input, textarea, button, .saes {}

.et_pb_section_0_tb_header, .et-l--header.fixed, #fixed-header.fixed{background-color: transparent !important;}

.et-l--header.fixed .et_pb_section_0_tb_header {--vertical-gap: 7px; padding-bottom: 24px;}
.et-l--header, #fixed-header{z-index: 99999 !important;}
.et_pb_menu{width: 100% !important;}

.cactus_language_switcher a.active{color:#b4952c !important}

.et_pb_menu .et-menu>li{padding:0 26px !important}
.et_pb_menu .et-menu>li:last-child{padding-right: 0px !important;}
.dsm-text-divider-header{margin:0 36px !important}
.csg_acordeon a{
  display:inline-block;
  border:2px solid #B4952C;    /* borde amarillo */
  padding:18px 26px;
  text-transform:uppercase;
  text-decoration:none;
  box-sizing:border-box;
  font-weight: 600;
  font-size: 26px;
}
.csg_acordeon a:hover{
	background: #B4952C;
    color:#000!important;
}

.csg_title{
  margin:0;
  display:flex;
  align-items:baseline; /* que quedin alineats com a la imatge */
  gap:14px;             /* separació entre “Menú” i el nom */
  line-height:1;
}

.csg_title--base{
  color:#fff;
  text-transform:none;  /* “Menú” tal qual */
}

.csg_title--accent{
  color:#B4952C;        /* el teu daurat */
  font-weight:800;      /* fort */
  font-style:italic;    /* cursiva */
  text-transform:uppercase;
}



/* CONTENEDOR DE LAS IMÁGENES */
.csg_menus .et_pb_column_3 {
    position: relative;
    overflow: hidden;
}

/* TODAS LAS IMÁGENES APILADAS */
.csg_menus .et_pb_image {
    overflow: hidden;
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transform: scale(1.06);
    filter: blur(8px) brightness(.92) saturate(.92);
    transition:
        opacity .7s cubic-bezier(.22, 1, .36, 1),
        transform 1.1s cubic-bezier(.22, 1, .36, 1),
        filter .9s cubic-bezier(.22, 1, .36, 1),
        visibility 0s linear .7s;
    will-change: opacity, transform, filter;
    backface-visibility: hidden;
}

/* LA PRIMERA IMAGEN DEFINE LA ALTURA DEL BLOQUE */
.csg_menus .et_pb_image_0 {
    position: relative;
    visibility: visible;
    opacity: 1;
}

/* IMAGEN INTERNA */
.csg_menus .et_pb_image img {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1.08);
    transition: transform 1.4s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}

/* IMAGEN ACTIVA */
.csg_menus .et_pb_image.active {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    transform: scale(1);
    filter: blur(0) brightness(1) saturate(1);
    transition-delay: 0s;
}

/* ZOOM SUAVE DE ENTRADA */
.csg_menus .et_pb_image.active img {
    transform: scale(1);
}

/* CAPA SUAVE PARA DAR MÁS LOOK "EDITORIAL" */
.csg_menus .et_pb_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,0) 30%,
            rgba(0,0,0,.12) 100%
        );
    opacity: 1;
    pointer-events: none;
    transition: opacity .8s ease;
}

.csg_menus .et_pb_image.active::after {
    opacity: .7;
}

.csg_reviews.et_pb_group_carousel .et_pb_group_carousel_slide{align-items: center;display: flex; justify-content: center;}
.et_pb_group_carousel_0 .et_pb_group_carousel_slide>.et_pb_group{transition-duration: 0s !important;}


.wpml-ls-statics-shortcode_actions{padding:0px !important; font-size: 16px;border:1px solid #fff; margin-right: -10px !important; margin-top: auto !important;}
.wpml-ls-legacy-list-horizontal>ul{display: none; flex-direction: column; position: absolute;background-color: #000;}
.wpml-ls-legacy-list-horizontal:hover ul{display: flex;}
.actual_lang{text-transform: uppercase; color:#fff; padding: 5px 10px 6px;font-size: 16px;}
.wpml-ls-current-language{display: none !important;}

@media (max-width:650px){
    .dsm-text-divider-header {margin: 0 18px !important;}
    .dp-dss-swiper-button-prev{display: none;}
    .dp-dss-swiper-button-next{display: none;}
    .mapboxgl-map, .maplibregl-map{max-height: 600px !important;}
}