.elementor-kit-9{--e-global-color-primary:#009EE2;--e-global-color-secondary:#FFF419;--e-global-color-text:#061E2A;--e-global-color-accent:#14597A;--e-global-color-fb94447:#04141E;--e-global-color-3ddefe9:#082838;--e-global-color-7a72805:#2F4A59;--e-global-color-c695f50:#6A8591;--e-global-color-c7090e8:#B3E2F6;--e-global-color-2948e6f:#D9F1FA;--e-global-color-be09e9a:#464E52;--e-global-color-e5cc90f:#CFD8DB;--e-global-color-592d9ac:#DEE4E6;--e-global-color-cb906ab:#272C2E;--e-global-color-9050bb8:#FFFFFF;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-fb94447 );font-family:"Inter Tight", Sans-serif;font-size:17px;font-weight:300;line-height:1.25em;background-color:var( --e-global-color-592d9ac );}.elementor-kit-9 a{color:var( --e-global-color-accent );}.elementor-kit-9 a:hover{color:var( --e-global-color-primary );}.elementor-kit-9 h1{color:var( --e-global-color-text );font-family:"Sora", Sans-serif;font-size:98px;font-weight:600;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 h2{color:var( --e-global-color-text );font-family:"Sora", Sans-serif;font-size:60px;font-weight:600;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:"Sora", Sans-serif;font-size:20px;font-weight:500;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 h4{color:var( --e-global-color-text );font-family:"Sora", Sans-serif;font-size:42px;font-weight:600;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 h5{color:var( --e-global-color-3ddefe9 );font-family:"Sora", Sans-serif;font-weight:600;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 h6{color:var( --e-global-color-primary );font-family:"Sora", Sans-serif;font-size:18px;font-weight:600;line-height:1em;letter-spacing:-0.04em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:"Sora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-9050bb8 );background-color:var( --e-global-color-primary );border-style:none;border-radius:25px 25px 25px 25px;padding:15px 25px 15px 25px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{color:var( --e-global-color-fb94447 );background-color:var( --e-global-color-secondary );border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9{font-size:15px;}.elementor-kit-9 h1{font-size:62px;}.elementor-kit-9 h2{font-size:48px;}.elementor-kit-9 h3{font-size:17px;}.elementor-kit-9 h4{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-kit-9{font-size:16px;}.elementor-kit-9 h1{font-size:56px;}.elementor-kit-9 h2{font-size:40px;}.elementor-kit-9 h4{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   IDENBAUER — GLOBAL CSS (unificado)
   Incluye:
   - Breadcrumbs
   - Boxes (zoom + CTA)
   - Box-icons (cards con icono + hover)
   - Utilidades de color
   - Pills/tag (span-sector)
   - Right blur panel (right-blur-zone)
   - Fix SVG en botones Elementor
   ========================================================= */


/* =======================
   UTILIDADES DE COLOR
   ======================= */
.u-primary{   color: var(--e-global-color-primary) !important; }
.u-secondary{ color: var(--e-global-color-secondary) !important; }
.u-text{      color: var(--e-global-color-text) !important; }
.u-accent{    color: var(--e-global-color-accent) !important; }
.u-white{     color: #fff !important; }
.u-black{     color: #000 !important; }


/* =======================
   BREADCRUMBS (custom)
   - Base text: white
   - Links: light blue
   - Separator: inline SVG chevron
   ======================= */
.custom-breadcrumbs{
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.custom-breadcrumbs *{
  color: inherit !important;
}

.custom-breadcrumbs a{
  color: #CCECF9 !important;
  text-decoration: none !important;
  font-weight: 100;
}

.custom-breadcrumbs a:hover{
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.custom-breadcrumbs .separator{
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 1px 8px 0;
  vertical-align: text-top;
  background: center / contain no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CCECF9' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><polyline points='8 4 16 12 8 20'/></svg>");
}


/* =======================
   PILL / TAG: "Servicios"
   Usa: clase "span-sector" en el Heading (texto: Servicios)
   ======================= */
.span-sector{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 8px 10px;
  border: 1px solid currentColor;
  border-radius: 10px;

  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1;
}


/* =======================
   BOX (background zoom + CTA circular)
   - .box usa el background-image del elemento
   - .fake-button: círculo con flecha / icon widget
   ======================= */
.box{
  position: relative;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
}

.box > *{
  position: relative;
  z-index: 1;
}

.box::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform .6s ease;
  will-change: transform;
}

.box:hover::before{ transform: scale(1.15); }

.box .fake-button{
  width: 50px;
  height: 50px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  transition: background-color .3s ease, border-color .3s ease, transform .3s ease, color .3s ease;
  will-change: transform;
}

.box:hover .fake-button{
  background-color: #FFF419;
  border-color: #FFF419;
  color: #009EE2;
  transform: translateX(5px);
}

.box:focus-within .fake-button{ transform: translateX(5px); }

@media (prefers-reduced-motion: reduce){
  .box::before,
  .box .fake-button{
    transition: none !important;
  }
}


/* =======================
   BOX-ICONS (cards con icono + hover de color)
   ======================= */
.box-icons{
  isolation: isolate;
  color: var(--e-global-color-text);
}

.box-icons :is(.elementor-heading-title,
               .elementor-widget-text-editor,
               .elementor-widget-text-editor p){
  color: var(--e-global-color-text);
  transition: color .25s ease;
}

.box-icons :is(.elementor-icon, .elementor-icon svg){
  color: var(--e-global-color-primary);
  transition: color .25s ease;
}

.box-icons .elementor-icon svg :is(path, rect, circle, polygon){
  fill: currentColor !important;
}

.box-icons .fake-button{
  width: 50px;
  height: 50px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--e-global-color-primary);
  background: transparent;
  color: var(--e-global-color-text);
  transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
  will-change: transform;
}

.box-icons .fake-button svg :is(path, rect, circle, line, polyline, polygon){
  stroke: var(--e-global-color-primary) !important;
  fill: none !important;
}

.box-icons:hover{
  background: var(--e-global-color-primary) !important;
  color: #fff;
}

.box-icons:hover :is(.elementor-heading-title,
                     .elementor-widget-text-editor,
                     .elementor-widget-text-editor p){
  color: #fff !important;
}

.box-icons:hover :is(.elementor-icon, .elementor-icon svg){
  color: #fff !important;
}

.box-icons:hover .fake-button{
  background: #fff;
  border-color: #fff;
  color: var(--e-global-color-primary);
  transform: translateX(5px);
}

@media (prefers-reduced-motion: reduce){
  .box-icons :is(.fake-button, .elementor-icon, .elementor-icon svg){
    transition: none !important;
  }
}


/* =======================
   SOPORTE para reemplazo de HTML "fake-button" por Icon widget
   - Si dentro de .fake-button pones un Icon widget, esto lo centra perfecto.
   ======================= */
.fake-button .elementor-icon{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fake-button .elementor-icon svg{
  width: 1em;
  height: 1em;
}


/* =======================
   TYPO (global)
   ======================= */
b, strong{ font-weight: 700 !important; }


/* =======================
   FIX: SVG icons en botones de Elementor deben heredar currentColor
   ======================= */
.elementor-button .elementor-button-icon :is(svg, i){
  fill: currentColor !important;
  color: currentColor !important;
}

/* Quitar fondo y blur del wrapper */
.glass-a {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Aplicar blur al botón interno donde ya está el border-radius */
.glass-a .elementor-button {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Glassmorphism en contenedor */
.glass-b {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}/* End custom CSS */