/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/



/* ---------------------------------
Smooth scroll nativo de elementor inhabilitado
----------------------------------------*/
html,
body {
  scroll-behavior: auto !important;
}

/* por si Elementor lo aplica dentro de este media */
@media (prefers-reduced-motion: no-preference) {
 html,
  body {
    scroll-behavior: auto !important;
  }
}






/* alineación textos botones- principalmente par los del megaMenu*/
.elementor-button-text{
	text-align: start;
}

/* ---------------------------------
 Creación de colores destacados para páginas hijas de
----------------------------------------*/

/* Color por defecto */
:root {
    --accent-color: #ff6600; /* puedes poner lo que quieras */
}
 
/* Hijas de "quienes somos" */
.parent-quienes-somos {
    --accent-color: #ff8a00; /* naranja */
}
 
/* Hijas de "servicios" */
.parent-servicios {
    --accent-color: #0055ff; /* azul */
}
 
/* Hijas de "Consultas" */
.parent-consultas {
    --accent-color: var(--e-global-color-272a431 ); /* granate */
}

/* Hijas de "productos" */
.parent-productos {
    --accent-color: #13b37e; /* verde */
}

/* ---------------------------------
 CSS Breadcrum
----------------------------------------*/


/* ========= Breadcrumb (personalizable) ========= */
.breadcrumb-no-plugin{
  /* Ajusta aquí tus colores y tamaños */
  --bc-text: color-mix(in srgb, var(--e-global-color-accent) 70%, transparent);             	/* color base (si quieres, pon #111) */
  --bc-link: color-mix(in srgb, var(--e-global-color-accent) 70%, transparent);        			/* color de enlaces */
  --bc-hover: var(--e-global-color-accent);            											/* color en hover */
  --bc-current: var(--e-global-color-accent);           										/* color del item actual */
  --bc-sep: color-mix(in srgb, var(--e-global-color-accent) 70%, transparent); 					/* color del separador */
  --bc-underline: none;            																/* underline normal: none | underline */
  --bc-underline-hover: underline; 																/* underline hover: underline | none */
  --bc-gap: .55rem;                																/* separación entre items */
  --bc-font-size: 14px;            																/* tamaño de letra */
  --bc-line-height: 1.2;
}

/* Contenedor y lista */
.breadcrumb-no-plugin{
  color: var(--bc-text);
  font-size: var(--bc-font-size);
  line-height: var(--bc-line-height);
}

.breadcrumb-no-plugin ol{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bc-gap);
}

/* Items y enlaces */
.breadcrumb-no-plugin .bc-item{
  display: inline-flex;
  align-items: center;
}

.breadcrumb-no-plugin a{
  color: var(--bc-link);
  text-decoration: var(--bc-underline);
  transition: color .15s ease, opacity .15s ease, text-decoration-color .15s ease;
}

.breadcrumb-no-plugin a:hover,
.breadcrumb-no-plugin a:focus-visible{
  color: var(--bc-hover);
  text-decoration: var(--bc-underline-hover);
  outline: none;
}

/* Item actual (sigue siendo clicable como pediste) */
.breadcrumb-no-plugin .is-current a{
  color: var(--bc-current);
}

/* Separador */
.breadcrumb-no-plugin .bc-sep{
  color: var(--bc-sep);
  opacity: 1;
  margin: 0 calc(var(--bc-gap) * .2);
  user-select: none;
}

/* Icono final */
.breadcrumb-no-plugin .bc-endicon{
  display: inline-flex;
  align-items: center;
  margin-left: .25rem;
}

.breadcrumb-no-plugin .bc-endicon img{
  display: block;
  width: 3em;     /* escala con el font-size */
  height: auto;
  opacity: 1;
}

/* Opcional: si quieres que el icono también cambie "visualmente" en hover
   (solo funciona si el SVG está preparado para heredar currentColor; con <img> no siempre) */
.breadcrumb-no-plugin:hover .bc-endicon img{
  opacity: 1;
}