/*
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
*/

:root{
	--offcanvas_up_ini: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	--offcanvas_right_ini: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);;
	--offcanvas_down_ini: polygon(0 0, 100% 0%, 100% -10%, 0 0);
	--offcanvas_left_ini: polygon(0 0, 0 0, 0 100%, 0% 100%);
	--offcanvas_fin: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	--animation_timing:cubic-bezier(.785,.135,.15,.86);
}

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

.title-separator-animation h1>*,
.title-separator-animation h2>*,
.title-separator-animation h3>*,
.title-separator-animation h4>*,
.title-separator-animation h5>*,
.title-separator-animation p>*{overflow: hidden;padding-bottom: 10px;margin-top: -10px;}

.et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton{display: flex !important; align-items: center !important;}
.menu_boton a,.et-menu li.menu_boton>a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a{
    background-color: var(--menu_boton_background) !important;
    color:var(--menu_boton_link_color) !important;
    padding:var(--menu_button_padding) !important;
    margin-top: var(--menu_button_margin_top) !important;
    height: fit-content !important;
}

.menu_boton a:hover,.et-menu li.menu_boton>a:hover, .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a:hover,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a:hover{
    background-color: var(--menu_boton_background_hover) !important;
    color:var(--menu_boton_link_color_hover) !important;
    opacity: 1 !important;
}

h3.dsm_card_title.et_pb_module_header{margin-bottom: 18px !important;}
.wpcf7-list-item input[type=checkbox]+.wpcf7-list-item-label:before{background-color: #fff !important; color: #E22231; border:1px solid RGBA(0,14,41,0.25)}
.cf7_2columnas .wpcf7-form-control-wrap {
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 2%;
}

.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a:first-child,
.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a,
.nav li.mega-menu ul.sub-menu a{width: 100% !important;text-transform: none;font-weight: 700;font-size: 1.15rem;line-height: 1.3;}

.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a .description{display: block;font-weight: 300;margin-top: 0.5em;line-height: 1.5;font-size: 0.9rem;}
.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li:hover, .et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li:hover *{opacity: 1 !important; color:#000 !important}

.et-menu-nav li.mega-menu li>a:before{width: 120px; height: 120px;}
.servicio-renting > a:before{background-image:url('../../uploads/2025/03/rend.svg');}
.servicio-alquiler > a:before{background-image:url('../../uploads/2025/03/corto-plazo.svg');}
.servicio-departamento > a:before{background-image:url('../../uploads/2025/03/tecnic.svg');}
.servicio-tecnico > a:before{background-image:url('../../uploads/2025/03/servicio_tecnico.svg');}

.carretillas-elevadoras > a:before{background-image:url('../../uploads/2025/02/icon1.svg');}
.plataformas-elevadoras > a:before{background-image:url('../../uploads/2025/02/icon2.svg');}
.dispositivos-geolocalizacion > a:before{background-image:url('../../uploads/2025/02/icon3.svg');}
.carretillas-manipuladores > a:before{background-image:url('../../uploads/2025/02/icon4.svg');}


span[data-name="maquinaria-uso"]{display: block;max-width: 100% !important;}
span[data-name="maquinaria-uso"] .wpcf7-list-item{display: block;}

span[data-name="servicio"]{display: block;max-width: 100% !important;}
span[data-name="servicio"] .wpcf7-list-item{display: block;}


/*** CTA PRODUCT ***/
#cta_product_trigger{cursor: pointer;}

.bg-absolute-black {background: rgba(0, 0, 0, .7);position: fixed;top: 0;left: 0;z-index: 10001;width: 100%;height: 100%;backdrop-filter: blur(20px);}
.popup {position: fixed;top: 0;right: 0;left: 0;margin: auto;background: #fff;padding: 3em;width: fit-content;max-width: 100%;z-index: 2000000;bottom: 0;height: fit-content;max-height: 85vh;overflow-y: auto;}
body.modal-open .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,
body.modal-open .et_pb_column.has_et_pb_sticky{z-index: 2 !important;}
body.modal-open .et-l--header,
body.modal-open .et-l--header.fixed
body.modal-open #fixed-header.fixed{z-index: 1 !important;}
body.modal-open .benefits_info{z-index: 1 !important;}
body.modal-open .product_related_info{z-index: 1 !important;}
#cta_product .popup{max-width:40vw;}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap{flex: 0 0 49.5%;max-width: 49.5%;margin-bottom: 1%;}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap input, #cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap textarea{padding: 1em; border-radius: 0px;background-color: #f0f0f0; border:0px}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap[data-name="message"]{flex: 0 0 100%; max-width: 100%;}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap[data-name="message"] textarea{width: 100%; height: 150px;}
#cta_product .popup .cf7_2columnas .wpcf7-submit{flex: 0 0 49.5%;max-width: 49.5%;margin-bottom: 1%; background-color: #E22231; color: #FFFFFF; padding:1rem 2rem !important;}
#cta_product .popup .cf7_2columnas .wpcf7-submit:hover{background-color: #000; color: #FFFFFF;}
.wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label:before{color: #E22231;}
.wpcf7-list-item .wpcf7-list-item-label:before{color: #E22231;}
.wpcf7-list-item .wpcf7-list-item-label{font-size: 1rem;}
.wpcf7-not-valid-tip{color: #E22231; font-size: 1rem;}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap input::placeholder,
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap textarea::placeholder {color:#00000045;}
#cta_product .popup h3{width: 75%;}
.close-modal{position: absolute; width: 24px; height: 24px; right: 1em; top: 1em; background:url(icons/cross.svg) no-repeat; background-size: contain; cursor: pointer;}
#cta_product .popup .cf7_2columnas .wpcf7-form-control-wrap[data-name="grpd"]{flex: 0 0 100%; max-width: 100%;}
/*** CTA PRODUCT ***/

.dp-dfg-skin-default .dp-dfg-filters ul{justify-content: start;}
.dp-dfg-layout-grid .dp-dfg-item{border:1px solid #f0f0f0 !important;border-radius: 4px !important;}
.et-db #et-boc .et-l .dpdfg_filtergrid_0_tb_body .dp-dfg-pagination ul.pagination li.pagination-item.active a{background-color: #E22231!important;}
.dp-dfg-layout-grid .dp-dfg-item{padding:1.5em !important;}
.dp-dfg-layout-grid .dp-dfg-item:hover{border:1px solid rgba(0,14,41,0.25); box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;background-color: #f0f0f0 !important;}
.dp-dfg-layout-grid .dp-dfg-item:hover .dp-dfg-image{mix-blend-mode: multiply !important;}

.expand-menu{background-image: url(icons/down.svg) !important;}

.badges-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
}

.badges-list ul li {
  background: #fff;
  padding: 0 8px;
  border-radius: 5em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.wpml-idiomas{padding:0px !important; margin:0px;margin-left: 1em;}
.wpml-idiomas li{list-style: none; padding:0 10px;}
.wpml-idiomas a{color:#fff; text-transform: uppercase; font-weight: 300;}
.wpml-idiomas li.active a{font-weight: 900;}
.et_pb_social_media_follow{margin-bottom: 0px !important;}

.producto_ocasion{border: 1px solid #f0f0f0 !important;border-radius: 4px !important; cursor: pointer; padding-top: 20px !important; margin-bottom: 20px !important;}
.producto_ocasion:hover{border: 1px solid rgba(0, 14, 41, 0.25) !important;box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;background-color: #f0f0f0 !important;}
.producto_ocasion:hover .dsm_card_image_wrapper{mix-blend-mode: multiply;}

.wpcf7-list-item input[type=checkbox]{width: 100%;height: 20px;}

@media(max-width:650px){
    .dp-dfg-layout-grid {display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important;}
    .dp-dfg-layout-grid .dp-dfg-item{flex: 0 0 49% !important}

    #mobile_menu1{max-height: calc(100vh - 76px); overflow: auto;width: 100vw !important;left: -2.3em !important;}
    .menu-item .description{display: none !important;}
    .et-db #et-boc .et-l .et_mobile_menu li li{padding-left: 0px !important;}
    .et-db #et-boc .et-l .et_mobile_menu li a{padding: 7px 14px;}
    .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li a{text-transform: none !important;}

    .menu_boton a,.et-menu li.menu_boton>a,
    .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a,
    .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_boton a{background-color: var(--menu_boton_link_color) !important;color:#fff !important;padding:var(--menu_button_padding) !important;margin-top: var(--menu_button_margin_top) !important;height: fit-content !important;width:100% !important;text-align: center !important; margin-top: 24px !important;}
    .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu{display: none !important;}
    .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a{background:#fff !important;}

    .et-db #et-boc .et-l .et_mobile_menu li ul.sub-menu li a{padding-left: 24px !important;}
    .badges-list ul{flex-wrap: wrap;}

    .cf7_2columnas .wpcf7-form-control-wrap{flex: 0 0 100% !important;max-width: 100% !important;margin-bottom: 2% !important;}
    .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select{height: 3.5em;}
}

@media(max-width:420px){
    .dp-dfg-items {display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important;column-gap: 5px !important;}
    .dp-dfg-items .dp-dfg-item{flex: 0 0 49% !important}
}