.elementor-kit-7{--e-global-color-primary:#252525;--e-global-color-secondary:#F3F2EC;--e-global-color-text:#767470;--e-global-color-accent:#EAE0D5;--e-global-color-6de0dd5:#C8C8C8;--e-global-typography-primary-font-family:"Satoshi";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Satoshi";--e-global-typography-secondary-font-size:0.8em;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-size:0.9em;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Roboto Mono";--e-global-typography-accent-font-size:1.2em;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-decoration:none;--e-global-typography-8b65324-font-family:"Roboto Mono";--e-global-typography-8b65324-font-size:1.9em;--e-global-typography-8b65324-font-weight:500;--e-global-typography-93601df-font-family:"Roboto Mono";--e-global-typography-93601df-font-size:1.4em;--e-global-typography-93601df-font-weight:300;background-color:var( --e-global-color-secondary );font-family:"Roboto Mono", Sans-serif;font-size:0.8em;font-weight:300;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:0.8em;font-weight:400;color:var( --e-global-color-primary );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-7 img{border-style:none;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--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:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-kit-7{--e-global-typography-secondary-font-size:0.7em;--e-global-typography-text-font-size:0.8em;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:1.1em;--e-global-typography-secondary-font-size:0.7em;--e-global-typography-text-font-size:0.8em;--e-global-typography-accent-font-size:1.1em;--e-global-typography-8b65324-font-size:1.5em;--e-global-typography-93601df-font-size:1em;--e-page-transition-entrance-animation:e-page-transition-fade-out;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{padding:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:1rem;--e-global-typography-secondary-font-size:0.7em;--e-global-typography-text-font-size:0.8em;--e-global-typography-accent-font-size:0.9em;--e-global-typography-8b65324-font-size:1em;--e-global-typography-93601df-font-size:0.8em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{padding:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   01. HEADER
   ========================================================= */

/* LOGO — Cambio de color al hacer scroll
   JS: .header-dark */

.header .header-logo svg {
    filter: none;
    transition: filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.header.header-dark .header-logo {
    color: #252525;
}

.header.header-dark .header-logo svg {
    filter:
        brightness(0)
        saturate(100%)
        invert(13%)
        sepia(0%)
        saturate(0%)
        hue-rotate(0deg)
        brightness(95%)
        contrast(95%);
}

/* LOGO — Proporciones del SVG */

.header-logo .elementor-icon svg {
    width: 0.5628em;
    height: 1em;
    display: block;
}

/* LOGO — Ocultar en Home */

body.home .header-logo {
    display: none;
}

/* LOGO — Ocultar al hacer scroll en móvil/tablet
   JS: .logo-hidden */

@media (max-width: 1024px) {
    .header .header-logo {
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .header.logo-hidden .header-logo {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

/* MENÚ — Cambio de color al hacer scroll
   JS: .header-dark */

.header .menu-icon,
.header .menu-icon svg {
    transition:
        color 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.header.header-dark .menu-icon {
    color: #252525;
}

.header.header-dark .menu-icon svg {
    filter: brightness(0) saturate(100%) invert(13%);
}


/* MENÚ — Ajuste de los iconos */

.header .elementor-icon-wrapper {
    line-height: 0;
}

/* =========================================================
   02. FOCUS
   ========================================================= */

*:focus,
*:focus-visible {
    outline: none !important;
    box-shadow: none;
}


/* =========================================================
   03. HERO — STICKY
   ========================================================= */

.hero-sticky {
    position: sticky;
    top: 0;
    min-height: 100vh;
    height: 100vh;
    z-index: 1;
}


/* =========================================================
   04. CONTENIDO — POR DELANTE DEL HERO
   ========================================================= */

.hero-sticky ~ .elementor-element {
    position: relative;
    z-index: 2;
}

/* Quitar subrayado de los enlaces de contacto */
.elementor-widget-text-editor a {
    text-decoration: none !important;
}



.elementor-location-header {
  margin-bottom: 88px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://abionconcept.com/wp-content/uploads/2026/08/Satoshi-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://abionconcept.com/wp-content/uploads/2026/08/Satoshi-Light.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://abionconcept.com/wp-content/uploads/2026/08/Satoshi-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://abionconcept.com/wp-content/uploads/2026/08/Satoshi-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */