/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/

/*
    Add your custom styles here
*/
.elementor-widget-text-editor ul{padding: 0}
.elementor-widget-text-editor ul li{margin: 7px 0; list-style: none; padding-left: 15px}

.elementor-widget-text-editor ul li::before {
  content: "•";       /* bullet personalizado */
  position: absolute;
  left: 0;
color: var( --e-global-color-primary );
  font-size: 27px;
  line-height: 25px;
}

.elementor-location-header .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{font-weight: bold}
.elementor-location-header .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
.elementor-location-header .e-n-tab-title:hover .e-n-tab-icon{filter: saturate(0) brightness(0)}
.elementor-location-footer{z-index: 2 !Important; position: relative}

.carrusel-gradient-blue .elementor-flip-box__layer__description{color: #1a1a1a !Important}
.carrusel-gradient-blue .elementor-flip-box__front h4.elementor-flip-box__layer__title{margin: 0}
.swiper-horizontal .elementor-widget-call-to-action{min-height: 100%}
.carrusel-novedades .elementor-widget-call-to-action{min-height: auto}
.carrusel-novedades .elementor-swiper-button{margin-top:  -100px}
.carrousel-cta .elementor-cta{height: 100%}

.e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text{font-weight: 600}

.link-etiquetas a{
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 0.8em;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  margin-right: 10px;
transition: 0.3s all;
    display: inline-block;
    margin-bottom: 10px
}
.link-etiquetas a:hover{  box-shadow: 0 0 5px 0 #888;}

.bucle-archivo .elementor-cta__bg-wrapper{  border-radius: 10px; margin-bottom: 20px}

@media(min-width:768px){
.bucle-archivo .elementor-cta__bg-wrapper {  aspect-ratio: 4 / 3; }   
}


.bg-half:before{  background-size: auto 50% !important;}

.e-filter .e-filter-item {
    display: none;
}
.e-filter{min-width: 300px}

.e-filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b20a4d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 23px;
  
}
.e-filter-select{background: #fff; border-radius: 20px; color: #009EE3; border: 0; height: 42px; font-size: 18px}


.asp_w_container,
.e-filter{
background: linear-gradient(
  15deg,
  #BD0A4D 0%,
  #5F5498 50%,
  #009EE3 100%
) !Important;
    padding: 2px !Important;
      border-radius: 50px;
}

.asp_w_container>.asp_w{border-radius: 50px !Important}


.breadcrumbs ,
.breadcrumbs a{color: #B4B4B4}

.border-angle{position: relative; padding: 0px}
.border-angle::after{
content: '';
  background: url(./img/angle-t-d.png) no-repeat top right;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.border-angle img{border-radius: 5px}

.lista-sidebar{list-style: none; padding: 0;}
.lista-sidebar li{padding: 5px 0; font-size: 1em; }
.lista-sidebar>li{border-bottom: 1px solid #B4B4B4}
.productos-term.lista-sidebar li{border: 0}

.lista-sidebar a, 
.lista-sidebar p{color: #B4B4B4}
.lista-sidebar p{margin: 0}
.lista-sidebar .term-block,
.lista_sectores > li,
.lista_tecnologias > li,
.lista_aplicaciones > li{margin-bottom: 8px; border-bottom: 1px solid #B4B4B4; padding-bottom: 8px; padding-top: 0}

.elementor-location-header .lista_aplicaciones > li a,
.elementor-location-header .lista_aplicaciones > li{border: 0; color: var( --e-global-color-primary ); text-decoration: underline; margin: 0; padding-bottom: 5px}


.lista-sidebar li.current a,
.lista-sidebar .current p a{color: #F7A520; font-weight: bold; }
.lista-sidebar .current p,
.lista-sidebar p:hover{  color: var( --e-global-color-48c09fd ); }
.lista-sidebar .current .current-post a{ color: #F7A520; text-decoration: underline}
.lista-sidebar a:hover{color:#000}

.lista_tecnologias .current a,
.lista_aplicaciones .current a{color: var( --e-global-color-primary ) !Important}


.lista-sidebar .productos-term li{padding: 3px 20px}
.gradient-bg{}
.cargando-gradient{background: #fff !Important; transition: background 0.5s ease;}
 .gradient-bg {
  background: none; /* Sin gradiente al inicio */
  transition: background 0.5s ease; /* Duración y suavidad del fundido */
}

.single-sectores .current-color *,
.lista_sectores .current a{color: #B20A4D !Important}
.single-sectores .current-color .elementor-button-link{background: #B20A4D !Important;}
.single-sectores .current-color .elementor-button-link span{color: #fff !Important}


.single-producto .current-color *,
.tax-productos .current-color *{color: #F7A520 !Important}
.single-producto .current-color .elementor-button-link,
.tax-productos .current-color .elementor-button-link{background: #F7A520 !Important}
.single-producto .current-color .elementor-button-link span,
.tax-productos .current-color .elementor-button-link span{color: #fff !Important}

.productos-desplegable{
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 3 columnas iguales */
  gap: 20px; /* separación entre bloques */
  margin: 20px 0;
}
.term-header img{width: 100%; border-radius: 10px; height: 200px; object-fit: cover}
.term-header h3 {margin: 0}
.term-header h3 a{font-size: 21px; color: #000;}
.term-header svg{width: 26px; height: auto}
.btn-tax{text-align: right}
.btn-div .btn-toggle-posts{border: 0; background: #fff; color: #000; font-size: 31px; padding: 0}
.title-tax{  display: flex;    justify-content: space-between; align-items: flex-end}
.btn-div{text-align: right; padding-right: 5px}
.productos-term{list-style: none; padding-left: 0px}
.term-title > a{ font-weight: bold; padding-right: 20px}
.lista-sidebar .term-title > a{font-weight: normal}
.term-title.has-posts .toggle{
    background-image: url(./img/angle.svg);
    
  width: 40px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute; right: 0}
.lista_sectores .term-title.has-posts .toggle{background-image: url(./img/angle-purple.svg);}

.toggle-list .elementor-icon{transition: 0.3s all}
.open-toggle .elementor-icon{rotate: 180deg}

.no-etiquetas .bucle-archivo > div{padding-bottom: 20px}
.no-etiquetas .elementor-widget-shortcode{display: none}
#contacto-hide,.form-contacto-lateral{display: none}

.template-contacto,
.sidebar-archivo .elementor-template,
.sidebar-archivo .elementor-template > div,
.template-contacto,
.template-contacto .elementor-template{height: 100%;}
.sidebar-contact{position: sticky; top: 100px; max-height: CALC(100vh - 100px); overflow: auto}

.eeSFL .eeFiles th{background: #009EE3; border: 0 !Important}
.eeSFL table.eeFiles{border: 0; border-radius: 10px; overflow: hidden}
.eeSFL .eeFiles td{border: 0; padding: 10px 0}
.eeSFL_ListOpsBar, .eeSFL_BreadCrumb{margin-bottom: 20px; background: #fff; border: 0}
.eeSFL_BreadCrumb *{font-weight: normal}
.eeSFL td.eeSFL_Thumbnail img{width: 50px}
.eeSFL .eeFiles td a{color: #000}
.eeSFL .eeFiles   tr:nth-child(odd) > td{background: #f8f8f8}
.eeSFL .eeFiles   tr:nth-child(even) > td{background: #fff; }
.eeSFL .eeFiles   tr:nth-child(even) > td a{color: #000}
tbody .eeSFL_FileName{color: #009EE3 !Important}
@media(max-width:1024px){
    .productos-desplegable{  grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:769px){
    .elementor-location-header .elementor-sticky--effects > div{padding: 0} 
    .elementor-location-header .elementor-sticky--effects .header-top{display: none}
    h1 br, h2 br, h3 br{display: none}
    .lista-sidebar{display: none}
    .elementor-location-header .lista-sidebar{display: block}
    
    .container-contacto{display: none}
    /*.bucle-archivo .elementor-widget-call-to-action{height: 100%}*/
    .productos-desplegable{  grid-template-columns: repeat(1, 1fr);}
    #contacto-show{display: none}
    .form-contacto-lateral{display: block !Important}
    .sidebar-contact{flex-direction: row !Important}
    .active-boton .elementor-button-icon{  rotate: 180deg;}
    
    .single-novedades .sidebar-archivo{order: 2}
}

.more-text.elementor-widget-n-accordion{height: 100%}
.more-text.elementor-widget-n-accordion .e-n-accordion{height: 100%}
.more-text.elementor-widget-n-accordion .e-n-accordion-item{  flex-direction: column-reverse;  justify-content: space-between;}

.more-text.elementor-widget-n-accordion details{height: 100%}
.more-text.elementor-widget-n-accordion summary{  align-items: end;}

.news-footer::after{background: var( --e-global-color-primary );
  content: '';
  width: 100vh;
  height: 100%;
  position: absolute;
  right: -100%;
  left: 100%;}
.news-footer{  overflow: visible;}
.e-form__indicators__indicator__label{width: 100px}
.logo-marca{border-left: 2px solid #767676}
.logo-marca > div{  align-content: center; padding-left: 30px}

.single-producto [data-elementor-type="wp-post"] .type-producto,
.tax-aplicaciones .elementor-location-archive .aplicacion{  background: #fff;
  padding: 10px;
  border-radius: 10px;}
.tax-aplicaciones .elementor-location-archive .aplicacion .e-con-inner{padding-bottom: 0}


.swipper-mbl-btn::after{font-size: 20px !Important}
.swiper-button-next.swipper-mbl-btn{right: 0}
.swiper-button-prev.swipper-mbl-btn{left: 0}


.lista-sidebar .sub-lista {
    padding-left: 20px;
}

.lista-sidebar .toggle-btn {
    position: absolute;
    right: 0;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
    font-size: 20px; 
      rotate: 90deg;
}

.lista-sidebar .open .toggle-btn {rotate: -90deg;}
.lista-sidebar ul{list-style: none}

/*TABLAS CONTENIDO*/
.elementor-toc__header{padding-bottom: 0}
.tabla-contenido .elementor-toc__list-wrapper li{
    background: linear-gradient(
  64.62deg,
  rgba(189, 10, 77, 1) -3.59%,
  rgba(95, 84, 152, 1) 43.36%,
  rgba(0, 158, 227, 1) 91.69%);
    padding: 20px; border-radius: 20px}
.tabla-contenido .elementor-toc__list-wrapper li:hover{
      background: linear-gradient(
  -64.62deg,
  rgba(189, 10, 77, 1) -3.59%,
  rgba(95, 84, 152, 1) 43.36%,
  rgba(0, 158, 227, 1) 91.69%);
}
.tabla-contenido .elementor-widget-container{border-radius: 40px}
.elementor-toc__list-item-text-wrapper{flex-wrap: wrap}
.elementor-toc__list-item-text-wrapper .elementor-toc__list-item-text{width: 100%;
  font-weight: 500;
  font-size: 0.9em;
  line-height: 1em;}
ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper::before{  
  font-size: 0.8em;
  opacity: 0.7;}



/* Botón */
.toc-toggle {
  cursor: pointer;
  margin-top: 0;
    padding: 5px 0;
  font-weight: 600;
  color: #009EE3;
  text-align: center;
    background: #000;
}
.toc-toggle svg{width: 20px; fill: #fff}

@media(max-width:769px){
    #menubar-132{background: #fff; padding: 20px 0}
    .logo-marca{
        border-left: 0;
    border-top: 2px solid #767676;
  width: 100%;
  margin-right: 0;
  padding-top: 20px;
  display: flex;
  padding-left: 0;
    }
    .logo-marca > div{padding-left: 0}
}