.elementor-1996 .elementor-element.elementor-element-74fc5e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-5da9e02{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-5da9e02:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-5da9e02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFBFB;background-image:url("https://axity.com/wp-content/uploads/2025/01/Banner-degradado-magenta.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1996 .elementor-element.elementor-element-afc0f0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1996 .elementor-element.elementor-element-9f4d3b1{text-align:start;}.elementor-1996 .elementor-element.elementor-element-9f4d3b1 .elementor-heading-title{font-family:"Vita Std", Sans-serif;font-size:52px;font-weight:500;color:var( --e-global-color-19cb914 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1996 .elementor-element.elementor-element-c904aa2{font-family:"Century Gothic Pro", Sans-serif;font-size:24px;line-height:31px;color:var( --e-global-color-19cb914 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1996 .elementor-element.elementor-element-4609d55 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1996 .elementor-element.elementor-element-4609d55 img{width:65%;}.elementor-1996 .elementor-element.elementor-element-b60829c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-7a051a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1996 .elementor-element.elementor-element-7a051a0 img{width:86%;}.elementor-1996 .elementor-element.elementor-element-318be06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-1996 .elementor-element.elementor-element-e5aad7b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-e5aad7b:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-e5aad7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1996 .elementor-element.elementor-element-ee01e67{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-ee01e67:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-ee01e67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1996 .elementor-element.elementor-element-f7f63ff > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1996 .elementor-element.elementor-element-a42320c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-1996 .elementor-element.elementor-element-03616f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-03616f2:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-03616f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1996 .elementor-element.elementor-element-e4885a8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1996 .elementor-element.elementor-element-e4885a8:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-e4885a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-1996 .elementor-element.elementor-element-5da9e02{--content-width:1200px;}.elementor-1996 .elementor-element.elementor-element-afc0f0f{--width:50%;}.elementor-1996 .elementor-element.elementor-element-b60829c{--width:50%;}}@media(min-width:1025px){.elementor-1996 .elementor-element.elementor-element-5da9e02:not(.elementor-motion-effects-element-type-background), .elementor-1996 .elementor-element.elementor-element-5da9e02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-1996 .elementor-element.elementor-element-5da9e02{--padding-top:200px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1996 .elementor-element.elementor-element-9f4d3b1 > .elementor-widget-container{margin:7% 0% 5% 0%;}.elementor-1996 .elementor-element.elementor-element-9f4d3b1 .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1996 .elementor-element.elementor-element-c904aa2{font-size:18px;line-height:1.2em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1996 .elementor-element.elementor-element-4609d55 > .elementor-widget-container{margin:-5vh 0 0 0;}.elementor-1996 .elementor-element.elementor-element-4609d55 img{width:70%;}.elementor-1996 .elementor-element.elementor-element-a42320c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS */:root{
            --e-global-color-primary:#3C1053;
            --e-global-color-secondary:#963CBD;
            --e-global-color-text:#C7C8C6;
            --e-global-color-accent:#F4364C;
            --e-global-color-magenta:#DF2DE6;
            --e-global-color-blue:#5300E3;
            --e-global-color-cyan:#00D8A9;
            --e-global-color-light-blue:#05D4FD;
            --e-global-color-white:#FFFFFF;
        }

        body{ font-family: 'Century Gothic Pro', system-ui, -apple-system, sans-serif; overflow-x: hidden; }

        /* Filler arriba */
        .content-before{ height:100vh; display:flex; align-items:center; justify-content:center;
        background:linear-gradient(135deg,#667eea,#764ba2); color:#fff; font-size:2rem; }

        /* ===================== VOLCÁN (Mobile-First) ===================== */
        .volcan-section{ height:500vh; position:relative; }
        .volcan-container{ position:-webkit-sticky; position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center;
        justify-content:center; -webkit-transform: translateZ(0); transform: translateZ(0); }
        .background-image{ position:absolute; inset:0; width:100%; height:100% !important; object-fit:cover; z-index:1; }
        .video-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.15); z-index:2; }
        .volcan-content{ position:relative; z-index:3; width:100%; height:100%; display:flex; align-items:center; justify-content:flex-end; max-width: 1300px; flex-direction: column; padding-top: 70px; }
        
        /* Título del volcán */
        .volcan-title {
            position: absolute;
            top: 70px;
            left: 0;
            right: 0;
            text-align: center;
            z-index: 10;
            padding: 0 20px;
        }
        .volcan-title h2 {
            font-family: 'Vita Std', sans-serif;
            font-size: clamp(1.5rem, 4vw, 2.8rem);
            font-weight: 400;
            color: #fff;
            margin: 0;
            text-shadow: 0 2px 12px rgba(0,0,0,0.4);
            line-height: 1.2;
        }
        
        /* Mobile-first: volcán centrado */
        .volcan-svg{ 
            width: clamp(320px, 85vw, 770px);
            height: auto; 
            position: relative; 
            left: 0;
            top: -10vh;
            z-index: 4;
            filter: drop-shadow(0 0 30px rgba(223,45,230,.4));
        }

        /* Contenedor de textos (Mobile-first) */
        .text-elements {
            position: absolute;
            width: clamp(320px, 85vw, 770px);
            height: clamp(320px, 85vw, 770px);
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: 5;
        }
        .text-item{ 
            position: absolute; 
            font-weight: 400; 
            opacity: 0; 
            transform: translateX(-100px); 
            color: #fff;
            font-size: clamp(0.75rem, 2.8vw, 1.5rem); 
            max-width: clamp(160px, 40vw, 350px); 
            line-height: 1.2; 
            font-family: 'Vita Std', sans-serif;
            text-shadow: 0 2px 8px rgba(0,0,0,0.3);
        }
        .text-visible{ 
            top: 10%; 
            left: 6%; 
            color: #fff; 
            font-size: clamp(1rem, 3.5vw, 2.2rem);
            transition: all .4s ease; 
            font-weight: 600;
        }
        .text-visible:hover{ transform: scale(1.05); }
        .text-2{ top: 30%; left: 6%; }
        .text-3{ top: 39%; left: 6%; }
        .text-4{ top: 49%; left: 6%; }
        .text-5{ top: 60%; left: 6%; }

        /* Líneas/track (Mobile-first) */
        .connector-line{ 
            position: absolute; 
            opacity: 0; 
            z-index: 6; 
            transform-origin: left center; 
        }
        .line-1{ top: 9%; left: 50%; width: clamp(12%, 18vw, 38%); height: 2px; }
        .line-2{ top: 32%; left: 50%; width: clamp(12%, 18vw, 38%); height: 2px; }
        .line-3{ top: 41%; left: 50%; width: clamp(12%, 18vw, 38%); height: 2px; }
        .line-4{ top: 51%; left: 50%; width: clamp(12%, 18vw, 38%); height: 2px; }
        .line-5{ top: 62%; left: 50%; width: clamp(12%, 18vw, 38%); height: 2px; }

        /* Desktop adjustments */
        @media (min-width: 1024px) {
            .volcan-svg { 
                left: 150px;
                width: 770px;
            }
            .text-elements {
                left: 50px;
                margin: 0;
            }
            .line-1, .line-2, .line-3, .line-4, .line-5 { 
                left: 60%; 
                width: 38%; 
            }
            .volcan-title h2 {
                font-size: 3rem;
            }
        }
        
        @media (max-width: 768px) {
            .volcan-content {
                padding-top: 70px;
            }
            .volcan-title {
                top: 210px;
            }
            .volcan-title h2 {
                font-size: clamp(1.3rem, 5vw, 2rem);
            }
        }
        
        @media (max-width: 480px) {
            .volcan-title h2 {
                font-size: clamp(1.1rem, 5.5vw, 1.5rem);
            }

            .text-item {
                max-width: 120px;
            }

            .text-visible {
                top: -8%;
            }

            .text-2 {
                top: 13%;
            }

            .text-3 {
                top: 26%;
            }

            .text-4 {
                top: 34%;
            }

            .text-5 {
                top: 45%;
            }

            .line-1, .line-2, .line-3, .line-4, .line-5 {
                width: 8%;
                left: 42%;
            }

            .line-1 {
                top: -2%;
            }

            .line-2 {
                top: 17%;
            }

            .line-3 {
                top: 27%;
            }

            .line-4 {
                top: 37%;
            }

            .line-5 {
                top: 47%;
            }
        }

        @media (min-width: 1300px) and (max-height: 860px) {
            .volcan-svg {
                height: 770px;
                top: 0;
            }

            .text-visible {
                top: 22%;
            }

            .text-2 {
                top: 48%;
            }

            .text-3 {
                top: 58%;
            }

            .text-4 {
                top: 68%;
            }

            .text-5 {
                top: 77%;
            }

            .line-1 {
                top: 29%;
            }

            .line-2 {
                top: 50%;
            }

            .line-3 {
                top: 60%;
            }

            .line-4 {
                top: 70%;
            }

            .line-5 {
                top: 79%;
            }
        }

        .line-track{ position:absolute; inset:0; border-radius:999px; background:linear-gradient(90deg,
        rgba(255,255,255,.15), rgba(255,255,255,.06)); opacity:0; }
        .line-fill{ position:absolute; inset:0; border-radius:999px; transform-origin:left center; transform:scaleX(0);
        background:linear-gradient(90deg, rgba(91,13,140,0) 0%, #DF2DE6 20%, #5B0D8C 50%, #DF2DE6 80%,
        rgba(223,45,230,0) 100%); filter:drop-shadow(0 0 8px rgba(223,45,230,.6)); background-size:200% 100%;
        animation:shimmer 1.2s linear infinite; }
        @keyframes shimmer{ 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }

        /* Dotted for 2-5 */
        .line-2 .line-track, .line-3 .line-track, .line-4 .line-track, .line-5 .line-track{
        background:none; border-top:2px dashed rgba(255,255,255,.75); height:0; top:50%; }
        .line-2 .line-fill, .line-3 .line-fill, .line-4 .line-fill, .line-5 .line-fill{
        display:none; }

        .line-dot{ 
            position: absolute; 
            width: clamp(10px, 2vw, 14px); 
            height: clamp(10px, 2vw, 14px); 
            right: -7px; 
            top: 50%; 
            transform: translateY(-50%);
            border-radius: 50%; 
            opacity: 0; 
            background: radial-gradient(circle at 30% 30%, #fff 0%, #F3F4F6 40%, #C7C8C6 70%, rgba(199,200,198,0) 75%); 
            box-shadow: 0 0 10px rgba(255,255,255,.8), 0 0 18px rgba(199,200,198,.5); 
        }
        .line-1 .line-dot{ 
            background: radial-gradient(circle at 30% 30%, #FFFFFF 0%, #DF2DE6 40%, #5B0D8C 70%, rgba(91,13,140,0) 75%); 
            box-shadow: 0 0 10px rgba(223,45,230,.75), 0 0 18px rgba(91,13,140,.5); 
        }


        /* ===================== ENFOQUE (SIN FONDO, SIN PIN) ===================== */
        .enfoque-section{ 
            position: relative;
            background: #F5F5F7;
            padding: 80px 20px;
            min-height: auto;
        }

        .enfoque-inner{ 
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
        }

        .title-wrap{ 
            display: flex; 
            flex-direction: column; 
            gap: 16px; 
            margin-bottom: 50px;
            font-family: 'Vita Std', sans-serif;
        }
        .title-stroke{ 
            width: 60px; 
            height: 6px; 
            border-radius: 999px; 
            background: linear-gradient(90deg, #7B2AB6 0%, #DF2DE6 100%);
        }
        .enfoque-title{ 
            font-size: clamp(28px, 4vw, 44px); 
            color: var(--e-global-color-primary); 
            font-weight: 400;
            margin: 0;
        }

        /* Beneficios Cards */
        .beneficios-grid{ 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); 
            gap: 30px;
            margin-bottom: 60px;
        }

        .beneficio-card{ 
            position: relative;
            background: transparent;
            border: 1px solid #3C1053;
            border-radius: 24px;
            padding: 6px;
            min-height: 200px;
        }

        .beneficio-content{
            background: #4A1269;
            border-radius: 18px;
            padding: 30px 24px;
            color: #fff;
            height: 100%;
            display: flex;
            flex-direction: column;
            box-shadow: 0 0 0 1px transparent, 0 0 0 1px #3C1053;
            gap: 16px;
        }

        .beneficio-dot{
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            z-index: 2;
        }
        .beneficio-dot.top{ top: -12px; right: 40%; }
        .beneficio-dot.bottom{ bottom: -12px; left: 40%; }
        .beneficio-dot.dot-1{ background: linear-gradient(135deg, #DF2DE6 0%, #FF2CF9 100%); }
        .beneficio-dot.dot-2{ background: linear-gradient(135deg, #00D8A9 0%, #05D4FD 100%); }
        .beneficio-dot.dot-3{ background: linear-gradient(135deg, #FF7A00 0%, #F4364C 100%); }
        .beneficio-dot.dot-4{ background: linear-gradient(135deg, #5300E3 0%, #963CBD 100%); }

        .beneficio-title{ 
            font-family: 'Vita Std', sans-serif; 
            font-size: clamp(18px, 2.2vw, 22px); 
            font-weight: 600;
            line-height: 1.2;
            text-align: center;
        }

        .beneficio-description{ 
            font-size: clamp(14px, 1.5vw, 16px); 
            font-weight: 400; 
            line-height: 1.4;
            text-align: center;
            opacity: 0.95;
        }

        /* Funcionalidades - Igual a services-card */
        .funcionalidades-wrapper{
            position: relative;
            background: #FFFFFF;
            border-radius: 28px;
            border: 3px solid transparent;
            background-clip: padding-box;
            padding: 0;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            overflow: visible;
            z-index: 10;
        }
        .funcionalidades-wrapper::before{
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 28px;
            padding: 3px;
            background: linear-gradient(135deg, #7B2AB6 0%, #DF2DE6 50%, #35E1FF 100%);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
            z-index: 0;
        }

        .funcionalidades-badge{
            position: absolute;
            left: 20%;
            transform: translateX(-50%);
            top: 10px;
            height: 60px;
            min-width: 50%;
            max-width: min(600px, 92%);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 44px;
            background: linear-gradient(90deg, #7B2AB6 0%, #DF2DE6 55%, #FF2CF9 65%, #DF2DE6 80%);
            color: #fff;
            font-family: 'Vita Std', sans-serif;
            font-weight: 600;
            border-radius: 999px;
            font-size: 24px;
            z-index: 2;
            margin: 0;
            text-align: center;
            line-height: 1;
            white-space: nowrap;
            box-shadow: 0 2px 6px rgba(123,42,182,0.2);
        }

        .funcionalidades-content{
            padding: 85px 10px 32px 10px;
            position: relative;
            z-index: 1;
        }

        .funcionalidades-grid{
            display: flex;
            gap: 10px;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }

        .funcionalidad-item{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            max-width: 220px;
        }

        .funcionalidad-icon{
            width: 80px;
            height: 80px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        .funcionalidad-icon img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12px;
        }

        .funcionalidad-title{
            font-size: clamp(16px, 1.8vw, 20px);
            font-weight: 600;
            color: #3C1053;
            text-align: center;
            font-family: 'Vita Std', sans-serif;
            line-height: 1.2;
            margin: 0;
        }

        .funcionalidad-description{
            font-size: clamp(13px, 1.4vw, 15px);
            color: #666;
            text-align: center;
            font-family: 'Century Gothic Pro', sans-serif;
            line-height: 1.4;
            margin: 0;
        }

        /* personaje decorativo en resultados (no pin) */
        .results-aside{ align-self:end; justify-self:center; }
        .results-aside .persona-wrap{ width:min(340px,26vw); filter:drop-shadow(0 18px 30px rgba(0,0,0,.25));
        opacity:.95; margin-bottom: 160px;}
        .results-aside .persona-wrap img{ width:100%; height:auto; display:block; }

        /* ===================== Resultados (fuera de pin) ===================== */
        .enfoque-results{ position:relative; padding:80px 20px; margin-top: -40vh;}
        .results-inner{ width:min(1200px,88vw); margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:28px;
        align-items:end; }
        .results-card{ 
            position:relative; 
            border-radius:28px; 
            background:#FFFFFF;
            border:3px solid transparent;
            background-clip:padding-box;
            padding:0;
            overflow:visible; /* permitir que el badge sobresalga a la izquierda */
            z-index:10;
        }
        .results-card::before {
            content:'';
            position:absolute;
            inset:0;
            border-radius:28px;
            padding:3px;
            background:linear-gradient(135deg, #7B2AB6 0%, #DF2DE6 50%, #35E1FF 100%);
            -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite:exclude;
            z-index:0; /* mantener debajo del contenido */
        }
        .results-badge{ 
            position:absolute;
            left:30%;
            transform:translateX(-50%);
            top:30px; /* ligeramente más abajo como en la referencia */
            height:60px;
            min-width:66%;
            max-width:min(880px, 92%);
            display:flex; align-items:center; justify-content:center;
            padding:0 44px; 
            background:linear-gradient(90deg,#7B2AB6 0%, #DF2DE6 55%, #FF2CF9 65%, #DF2DE6 80%); 
            color:#fff; 
            font-family:'Vita Std',sans-serif; 
            font-weight:600; 
            border-radius:999px; /* píldora completa */
            font-size:21px; 
            z-index:2;
            margin:0;
            text-align:center;
            line-height:1;
            white-space:nowrap; /* mantener en una sola línea */
            box-shadow:0 2px 6px rgba(123,42,182,0.2);
        }
        .results-list{ 
            margin:0; 
            padding:112px 32px 32px 32px; /* espacio para el badge flotante */
            display:grid; 
            gap:2px; 
            color:#666666; 
            font-size:16px;
            font-family:'Century Gothic Pro', sans-serif;
        }
        .results-list li{ 
            list-style:none; 
            display:flex; 
            gap:12px; 
            align-items:flex-start; 
            line-height:1.5; 
        }
        .dot{ 
            width:12px; 
            height:12px; 
            border-radius:50%; 
            background:#7B2AB6;
            margin-top:6px; 
            flex:0 0 12px; 
        }
        .hl{ color:#4A1269; font-weight:800; }

        /* Responsivo Volcán - Ya está mobile-first arriba */

        /* Responsivo Enfoque */
        @media (max-width: 768px){ 
            .enfoque-section { padding: 60px 16px; }
            .beneficios-grid { 
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .funcionalidades-badge {
                left: 50%;
                min-width: 70%;
                font-size: 18px;
                padding: 0 24px;
                height: 50px;
            }
            .funcionalidades-content {
                padding: 70px 24px 24px 24px;
            }
            .funcionalidades-grid {
                flex-direction: column;
                gap: 30px;
            }
            .funcionalidad-icon {
                width: 70px;
                height: 70px;
            }
            .funcionalidad-item {
                max-width: 100%;
            }
            .results-inner{ grid-template-columns:1fr; }
            .results-aside .persona-wrap { margin-bottom: 40px; }
            .enfoque-results { 
                padding: 40px 16px; 
                margin-top: 0; 
            }
            .results-badge {
                left: 50%;
                min-width: 90%;
                font-size: 15px;
                padding: 0 20px;
                height: 50px;
                top: 10px;
            }
            .results-list {
                padding: 80px 20px 24px 20px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .enfoque-section { padding: 40px 12px; }
            .title-wrap { margin-bottom: 30px; }
            .beneficio-card { padding: 5px; min-height: 180px; }
            .beneficio-content { padding: 24px 16px; }
            .funcionalidades-badge {
                font-size: 16px;
                padding: 0 20px;
                height: 45px;
            }
            .funcionalidades-content { 
                padding: 60px 16px 20px 16px; 
            }
            .funcionalidades-grid { 
                gap: 24px; 
            }
            .funcionalidad-icon {
                width: 60px;
                height: 60px;
            }
            .funcionalidad-item {
                max-width: 100%;
            }
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Vita Std';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://axity.com/wp-content/uploads/2025/01/VitaStd-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Vita Std';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://axity.com/wp-content/uploads/2025/01/fonnts.com-Century_Gothic_Pro.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */