/*
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_menu__wrap{width: 100%;}
.et_pb_menu__menu{width: 100%;}
.et-menu-nav{width: 100%;}
#menu-menu-principal{width: 100%;}
#menu-menu-principal > li:first-child{margin-left: auto;}
#menu-menu-principal > li{padding:0px 30px !important}
#menu-menu-principal > li.wpml-ls-current-language{margin-left:auto !important; padding-right: 0px !important;}
.et-menu-nav #menu-menu-principal > li:first-child {margin-left: auto !important;}



div.cactus_header{position: absolute !important;top: 0; left: 0; width: 100%;background-color: #fff !important;}
div#gspb_container-id-gsbp-856ced8.gspb_container{background-color: #fff !important;}
.cactus_header.fixed, #gspb_container-id-gsbp-856ced8.gspb_container.fixed{position: fixed !important;top: -200px;left: 0;width: 100%;z-index: 999 !important;animation-name: headerFixed; animation-duration: 0.75s;animation-fill-mode: forwards;background: rgba(255,255,255,1); background-color: #fff !important;}
.cactus_header.remove{animation-name: headerRemove; animation-duration: 0.75s;animation-fill-mode: forwards;}
.cactus_header.fixed .custom-logo-link img{
    max-height: 80px;
    width: auto;
}
@keyframes headerFixed { from {top: -200px;} to {top: 0px;} }
@keyframes headerRemove { from {top: 0;} to {top: -200px;} }


.related_post_single .wp-block-post-template .gspbgrid_item{display: flex; flex-direction: column;}
.related_post_single .wp-block-post-template .gspbgrid_item .gsbp-e3f84db{height: 100%;display: flex;flex-direction: column;}


.related_post_single .wp-block-post-template .gspbgrid_item .gspb-dynamic-post-image a{aspect-ratio:  1 / 1;position: relative;display: block;overflow: hidden;}
.related_post_single .wp-block-post-template .gspbgrid_item .gspb-dynamic-post-image a img{object-fit: cover; object-position: center; min-width: 100%; min-height: 100%;}


.related_post_single .wp-block-post-template .gspbgrid_item .gsbp-e3f84db{margin-top: var(--wp--preset--spacing--70); border-top: 2px solid var(--wp--preset--color--basecolor);padding-left: 0px;}

.related_post_single .wp-block-post-template .gspbgrid_item .gspb-dynamic-title-element{font-size: 30px;
    line-height: 32px; font-weight: 300;}

.related_post_single .wp-block-post-template .gspbgrid_item .gspb_meta{display: none;}
.related_post_single .wp-block-post-template .gspbgrid_item .wp-block-post-excerpt__excerpt{display: block;}
.related_post_single .wp-block-post-template .gspbgrid_item  .wp-block-read-more{margin-top:auto; margin-left: auto;}
.related_post_single .wp-block-post-template .gspbgrid_item  .wp-block-read-more:before{
    content: url(/wp-content/uploads/2025/01/icons8-mas-47.png);
    margin-right: 8px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

.br-header-full-screen{min-height: fit-content !important;}

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

 /* CUSTOM GRID DESTACADO */

.grid-proyectos, .grid-proyectos-selected {
    max-width:100%;
    padding:0px;
    margin: 0 auto;
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(440px, 31.9%));
    justify-content: center;
    list-style: none;
}

.grid-proyectos .item-proyecto-wrap,
.grid-proyectos-selected .item-proyecto-wrap {
    margin-bottom: 32px;
    list-style: none;
}

.grid-proyectos .item-proyecto-wrap .thumb,
.grid-proyectos-selected .item-proyecto-wrap .thumb {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.grid-proyectos .item-proyecto-wrap .thumb img,
.grid-proyectos-selected .item-proyecto-wrap .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-proyectos .item-proyecto-wrap .titulo,
.grid-proyectos-selected .item-proyecto-wrap .titulo {
    border-top: 1px solid #000;
    padding: 24px 0;
    margin-top: 50px;
    font-family: Helvetica Neue Bold, sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
} 
.grid-proyectos .item-proyecto-wrap .extracto,
.grid-proyectos-selected .item-proyecto-wrap .extracto {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
} 

.cargando-proyectos {
    margin-top: 24px;
    text-align: center;
    font-family: Helvetica Neue Bold, sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
    margin: 0 auto;
    display: block;
}

/*BOTONES SELECTOR PAGINA PROYECTOS*/

.proyectos-selector .proyectos-selector-item a {
    background: #f5f5f5;
    padding: 16px 24px 12px;
    border-radius: 5em;
}

.proyectos-selector .proyectos-selector-item a:hover {
    background: #79b0b7;
    color: #fff;
}

.proyectos-selector .proyectos-selector-item.active a {
    background: #000;
    color: #fff;
}

@media all and (max-width: 470px) {
    .proyectos-selector {
        flex-direction: column !important;
 	    gap: 26px !important;
 	    align-items: flex-start !important;   
    }
    .proyectos-selector .proyectos-selector-item a {
        font-size: 28px !important;
    }
    .item-proyecto-wrap {
        padding: 0 40px !important;
    }
}

ul.wp-block-social-links.social_footer .wp-block-social-link:hover{transform: none !important;}
ul.wp-block-social-links.social_footer li.wp-block-social-link.wp-social-link{margin-right: 6px;}
ul.wp-block-social-links.social_footer li.wp-block-social-link.wp-social-link a.wp-block-social-link-anchor{padding:0px}
ul.wp-block-social-links.social_footer li.wp-block-social-link.wp-social-link a.wp-block-social-link-anchor svg{width: 28px; height: 28px;max-width: unset; max-height: unset;}
ul.wp-block-social-links.social_footer li.wp-block-social-link.wp-social-link:not(.wp-social-link-mail) a.wp-block-social-link-anchor svg path{fill: #fff !important;stroke:#fff;stroke-width: 0px;}
ul.wp-block-social-links.social_footer li.wp-block-social-link.wp-social-link:not(.wp-social-link-mail) a.wp-block-social-link-anchor:hover svg path{stroke:#000; fill:#000 !important}

/*** home multi-idioma **/
.gsbp-354b7d4, .gsbp-9c09afd, .gsbp-5311a0d{display: flex; align-items: center; gap:20px}
.btn_home, :root :where(.wp-element-button.btn_home, .wp-block-button__link.btn_home){line-height: 1.2 !important; padding: 16px 40px 14px 40px !important;}
.btn_home .gspb-buttonbox-textwrap{line-height: 1.2 !important;}

.btn_home.btn_white{background-color: #fff !important; color: #000 !important;}
.btn_home.btn_white:hover{background-color: #000 !important; color:#fff !important; border-color: #000;}

.btn_home.btn_white_line{background-color: transparent !important; color: #fff !important; border-color: #fff !important;}
.btn_home.btn_white_line:hover{background-color: #fff !important; color:#000 !important}


.btn_home.btn_green{background-color: var(--gs-colorcustomcolor1, #79b0b7) !important; color: #fff !important;}
.btn_home.btn_green:hover{background-color: #000 !important; color:#fff !important; border-color: #000;}


.res{display: none !important}
.hide-res{display: block !important;}


.csg_boton_sabermas {display: flex;align-items: center;gap: 8px; flex-direction:row;}
.csg-icon-mas {width: 38px;height: 38px;color: currentColor;flex-shrink: 0;transition: transform .25s ease;}



.csg-carousel {position: relative;display: flex;align-items: center;gap: 12px;}
.csg-carousel__viewport { overflow: hidden; flex: 1; }
.csg-carousel__track {display: flex;transition: transform .4s ease;}
.csg-carousel__slide {flex: 0 0 calc(100% / var(--csg-visible, 4) - 18px);margin-right: 24px;display: flex;flex-direction: column;}
.csg-carousel__img {display: block;aspect-ratio: 4 / 3;border-radius: 4px;overflow: hidden;margin-bottom: 16px;}
.csg-carousel__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.csg-carousel__title { font-size: 20px; line-height: 1.3; margin: 0 0 8px; }
.csg-carousel__title a { color: inherit; text-decoration: none; }
.csg-carousel__excerpt { font-size: 14px; color: #777; margin: 0 0 12px; }
.csg-carousel__more {display: inline-flex;align-items: center;gap: 8px;font-size: 14px;text-decoration: none;color: inherit;}
.csg-icon-mas { width: 22px; height: 22px; transition: transform .25s ease; }
.csg-carousel__more:hover .csg-icon-mas { transform: rotate(90deg); }
.csg-carousel__arrow {flex: 0 0 32px;width: 32px; height: 32px;border: none;background: transparent;cursor: pointer;color: #444;}
.csg-carousel__arrow svg { width: 100%; height: 100%; }
.csg-carousel__arrow:disabled { opacity: .25; cursor: default; }



@media(max-width:650px){
    .res{display: block !important;}
    .hide-res{display: none !important;}
    .csg-carousel__slide { flex-basis: calc(100% - 24px); }
    .m2-left.menu-item{margin-left:1em !important;}
}