.elementor-2344 .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:-144px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2344 .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-2344 .elementor-element.elementor-element-5da9e02:not(.elementor-motion-effects-element-type-background), .elementor-2344 .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-2344 .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-2344 .elementor-element.elementor-element-9f4d3b1{text-align:start;}.elementor-2344 .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-2344 .elementor-element.elementor-element-1a2ca33{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-2344 .elementor-element.elementor-element-5cb9002 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2344 .elementor-element.elementor-element-5cb9002 img{width:76%;}.elementor-2344 .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-2344 .elementor-element.elementor-element-7a051a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2344 .elementor-element.elementor-element-7a051a0 img{width:76%;}.elementor-2344 .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-2344 .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-2344 .elementor-element.elementor-element-e5aad7b:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-e5aad7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2344 .elementor-element.elementor-element-ee01e67{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2344 .elementor-element.elementor-element-ee01e67:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-ee01e67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2344 .elementor-element.elementor-element-f7f63ff > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2344 .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-2344 .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-2344 .elementor-element.elementor-element-03616f2:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-03616f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2344 .elementor-element.elementor-element-e4885a8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2344 .elementor-element.elementor-element-e4885a8:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-e4885a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}@media(min-width:768px){.elementor-2344 .elementor-element.elementor-element-5da9e02{--content-width:1200px;}.elementor-2344 .elementor-element.elementor-element-afc0f0f{--width:50%;}.elementor-2344 .elementor-element.elementor-element-b60829c{--width:50%;}}@media(min-width:1025px){.elementor-2344 .elementor-element.elementor-element-5da9e02:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-5da9e02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@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(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2344 .elementor-element.elementor-element-9f4d3b1 > .elementor-widget-container{margin:7% 0% 5% 0%;}.elementor-2344 .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-2344 .elementor-element.elementor-element-1a2ca33{font-size:18px;line-height:1.2em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* 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; }

        /* ===================== PRIMERA SECCIÓN DE ENFOQUE ===================== */
        .enfoque-section-1 {
            position: relative;
            height: 500vh;
        }

        .enfoque-section-1 .enfoque-sticky-container {
            position: sticky;
            top: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url('https://lloredacamacho.com/wp-content/uploads/2025/09/Fondo-Montana-Deuda-Tecnica-propuesta-5.0-202-nuevos-slides5-de-tamano-grande.png') center center / cover no-repeat;
            padding: 100px 40px;
            overflow: hidden;
        }

        .enfoque-container {
            max-width: 1400px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 60px;
            align-items: center;
        }

        /* Columna de contenido (headers + rows) */
        .enfoque-content-column {
            display: grid;
            gap: 25px;
            justify-content: end;
        }

        @media (max-width: 768px) {
            .enfoque-content-column {
                justify-content: center;
                order: 2;
            }
        }

        /* Encabezados */
        .enfoque-headers {
            display: grid;
            grid-template-columns: 220px 280px 280px;
            gap: 20px;
            align-items: center;
            margin-bottom: 5px;
        }

        .header-empty {
            min-width: 220px;
        }

        .header-necesidad,
        .header-desafio {
            font-family: 'Vita Std', sans-serif;
            font-size: 28px;
            font-weight: 400;
            color: #3C1053;
            text-align: center;
        }

        .enfoque-row {
            display: grid;
            grid-template-columns: 220px 280px 280px;
            gap: 20px;
            align-items: center;
            position: relative;
        }

        /* Columna de labels */
        .label-col {
            font-family: 'Vita Std', sans-serif;
            font-size: 20px;
            font-weight: 400;
            color: #7B2AB6;
            line-height: 1.2;
            text-align: left;
        }

        /* Columna central - Necesidad */
        .middle-col {
            display: flex;
            justify-content: center;
        }

        .middle-col .pill-mobile-header {
            display: none;
        }

        .pill-necesidad {
            position: relative;
            background: #FFFFFF;
            border: 2px solid #7B2AB6;
            border-radius: 60px;
            padding: 18px 40px 18px 50px;
            display: flex;
            align-items: center;
            gap: 20px;
            min-height: 70px;
            max-width: 280px;
            width: 100%;
        }

        .pill-necesidad .orb {
            position: absolute;
            left: 15px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #7B2AB6;
            box-shadow: 0 0 12px rgba(123, 42, 182, 0.6);
        }

        .pill-necesidad span {
            font-family: 'Century Gothic Pro', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #7B2AB6;
            line-height: 1.3;
            text-align: center;
            flex: 1;
        }

        /* Columna derecha - Desafío */
        .right-col {
            display: flex;
            justify-content: center;
        }

        .right-col .pill-mobile-header {
            display: none;
        }

        .pill-desafio {
            background: #FFFFFF;
            border: 2px solid #7B2AB6;
            border-radius: 60px;
            padding: 18px 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 70px;
            max-width: 280px;
            width: 100%;
        }

        .pill-desafio span {
            font-family: 'Century Gothic Pro', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #7B2AB6;
            line-height: 1.3;
            text-align: center;
        }

        /* Ilustración persona */
        .person-illustration {
            width: 380px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .person-illustration img {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));
            animation: rocketFloat 4s ease-in-out infinite;
        }

        /* Responsive */
        @media (max-width: 1400px) {
            .enfoque-container {
                gap: 40px;
            }

            .person-illustration {
                width: 320px;
            }
        }

        @media (max-width: 1200px) {
            .enfoque-headers,
            .enfoque-row {
                grid-template-columns: 180px 240px 240px;
                gap: 15px;
            }
            
            .header-empty {
                min-width: 180px;
            }

            .header-necesidad,
            .header-desafio {
                font-size: 24px;
            }
            
            .label-col {
                font-size: 20px;
            }

            .person-illustration {
                width: 280px;
            }
        }

        @media (max-width: 992px) {
            .enfoque-section-1 {
                height: auto;
            }

            .enfoque-section-1 .enfoque-sticky-container {
                position: relative;
                height: auto;
                padding: 80px 30px;
            }

            .enfoque-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .enfoque-headers {
                grid-template-columns: 1fr 1fr;
                gap: 20px;
            }

            .header-empty {
                display: none;
            }

            .header-necesidad,
            .header-desafio {
                font-size: 22px;
            }

            .enfoque-row {
                grid-template-columns: 1fr;
                gap: 15px;
                text-align: center;
            }

            .label-col {
                font-size: 24px;
                text-align: center;
                padding-bottom: 10px;
                border-bottom: 2px solid #7B2AB6;
            }

            .middle-col,
            .right-col {
                flex-direction: column;
                align-items: center;
            }

            /* Mostrar headers mobile fuera de pills */
            .middle-col .pill-mobile-header,
            .right-col .pill-mobile-header {
                display: block;
                font-family: 'Vita Std', sans-serif;
                font-size: 18px;
                font-weight: 400;
                color: #3C1053;
                margin-bottom: 8px;
                text-align: center;
            }

            .pill-necesidad,
            .pill-desafio {
                max-width: 100%;
            }

            .person-illustration {
                width: 100%;
                max-width: 300px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {

            .enfoque-container {
                gap: 35px;
            }

            .header-necesidad,
            .header-desafio {
                font-size: 20px;
            }

            .label-col {
                font-size: 20px;
            }

            .pill-necesidad,
            .pill-desafio {
                padding: 15px 25px 15px 45px;
                min-height: 60px;
            }

            .pill-necesidad span,
            .pill-desafio span {
                font-size: 15px;
            }
        }

        @media (max-width: 480px) {

            .enfoque-headers {
                gap: 15px;
                display: none;
            }

            .header-necesidad,
            .header-desafio {
                font-size: 18px;
            }

            .label-col {
                font-size: 18px;
            }

            .pill-necesidad,
            .pill-desafio {
                padding: 12px 20px 12px 40px;
                min-height: 55px;
            }

            .pill-necesidad span,
            .pill-desafio span {
                font-size: 14px;
            }

            .pill-necesidad .orb {
                left: 12px;
                width: 16px;
                height: 16px;
            }
        }

        /* ===================== SEGUNDA SECCIÓN DE ENFOQUE - ACELERACIÓN ===================== */
        .enfoque-section-2 {
            position: relative;
            height: 500vh;
        }

        .enfoque-section-2 .aceleracion-sticky-container {
            position: sticky;
            top: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F5F5F7;
            padding: 100px 40px;
            overflow: hidden;
        }

        .aceleracion-container {
            max-width: 1400px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 60px;
            align-items: center;
        }

        /* Columna de contenido (título + headers + rows) */
        .aceleracion-content-column {
            display: grid;
            gap: 10px;
        }

        /* Título Aceleración */
        .aceleracion-title {
            font-family: 'Vita Std', sans-serif;
            font-size: clamp(36px, 5vw, 52px);
            font-weight: 400;
            color: #3C1053;
            margin: 0 0 15px 0;
            text-align: left;
        }

        /* Cohete como columna del grid */
        .rocket-illustration {
            width: 380px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .rocket-illustration img {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
            animation: rocketFloat 4s ease-in-out infinite;
        }

        @keyframes rocketFloat {
            0%, 100% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-12px);
            }
        }

        /* Encabezados */
        .aceleracion-headers {
            display: grid;
            grid-template-columns: 220px 280px 280px;
            gap: 20px;
            align-items: center;
            margin-bottom: 5px;
        }

        .header-label-empty {
            min-width: 220px;
        }

        .header-capacidades,
        .header-beneficios {
            font-family: 'Vita Std', sans-serif;
            font-size: 28px;
            font-weight: 400;
            color: #3C1053;
            text-align: center;
        }

        /* Filas de contenido */
        .aceleracion-row {
            display: grid;
            grid-template-columns: 220px 280px 280px;
            gap: 20px;
            align-items: center;
            position: relative;
        }

        .aceleracion-label {
            font-family: 'Vita Std', sans-serif;
            font-size: 22px;
            font-weight: 400;
            color: #7B2AB6;
            line-height: 1.2;
            text-align: left;
        }

        .aceleracion-middle,
        .aceleracion-right {
            display: flex;
            justify-content: center;
        }

        .aceleracion-middle .pill-mobile-header,
        .aceleracion-right .pill-mobile-header {
            display: none;
        }

        /* Pills moradas para Capacidades y Beneficios */
        .pill-capacidad,
        .pill-beneficio {
            position: relative;
            background: #3C1053;
            border: none;
            border-radius: 60px;
            padding: 10px 40px 10px 50px;
            display: flex;
            align-items: center;
            gap: 20px;
            min-height: 70px;
            max-width: 320px;
            width: 100%;
        }

        .pill-capacidad .orb-magenta,
        .pill-beneficio .orb-magenta {
            position: absolute;
            left: 15px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #DF2DE6;
            box-shadow: 0 0 12px rgba(223, 45, 230, 0.8);
        }

        .pill-capacidad span,
        .pill-beneficio span {
            font-family: 'Century Gothic Pro', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 1.2;
            text-align: center;
            flex: 1;
        }

        /* Responsive segunda sección */
        @media (max-width: 1400px) {
            .aceleracion-container {
                gap: 40px;
            }

            .rocket-illustration {
                width: 320px;
            }
        }

        @media (max-width: 1200px) {
            .aceleracion-headers,
            .aceleracion-row {
                grid-template-columns: 180px 240px 240px;
                gap: 15px;
            }
            
            .header-label-empty {
                min-width: 180px;
            }

            .header-capacidades,
            .header-beneficios {
                font-size: 24px;
            }
            
            .aceleracion-label {
                font-size: 20px;
            }

            .rocket-illustration {
                width: 280px;
            }
        }

        @media (max-width: 992px) {
            .enfoque-section-2 {
                height: auto;
            }

            .enfoque-section-2 .aceleracion-sticky-container {
                position: relative;
                height: auto;
                padding: 80px 30px;
            }

            .aceleracion-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .aceleracion-headers {
                grid-template-columns: 1fr 1fr;
                gap: 20px;
            }

            .header-label-empty {
                display: none;
            }

            .header-capacidades,
            .header-beneficios {
                font-size: 22px;
            }

            .aceleracion-row {
                grid-template-columns: 1fr;
                gap: 15px;
                text-align: center;
            }

            .aceleracion-label {
                font-size: 24px;
                text-align: center;
                padding-bottom: 10px;
                border-bottom: 2px solid #7B2AB6;
            }

            .aceleracion-middle,
            .aceleracion-right {
                flex-direction: column;
                align-items: center;
            }

            /* Mostrar headers mobile fuera de pills */
            .aceleracion-middle .pill-mobile-header,
            .aceleracion-right .pill-mobile-header {
                display: block;
                font-family: 'Vita Std', sans-serif;
                font-size: 18px;
                font-weight: 400;
                color: #3C1053;
                margin-bottom: 8px;
                text-align: center;
            }

            .pill-capacidad,
            .pill-beneficio {
                max-width: 100%;
            }

            .rocket-illustration {
                width: 100%;
                max-width: 300px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {

            .aceleracion-container {
                gap: 35px;
            }

            .header-capacidades,
            .header-beneficios {
                font-size: 20px;
            }

            .aceleracion-row {
                padding-bottom: 50px;
            }

            .aceleracion-label {
                font-size: 20px;
            }

            .pill-capacidad,
            .pill-beneficio {
                padding: 15px 25px 15px 45px;
                min-height: 60px;
            }

            .pill-capacidad span,
            .pill-beneficio span {
                font-size: 15px;
            }
        }

        @media (max-width: 480px) {

            .aceleracion-headers {
                gap: 15px;
                display: none;
            }

            .aceleracion-title {
                text-align: center;
            }

            .header-capacidades,
            .header-beneficios {
                font-size: 18px;
            }

            .aceleracion-label {
                font-size: 18px;
            }

            .pill-capacidad,
            .pill-beneficio {
                padding: 12px 20px 12px 40px;
                min-height: 55px;
            }

            .pill-capacidad span,
            .pill-beneficio span {
                font-size: 14px;
            }

            .pill-capacidad .orb-magenta,
            .pill-beneficio .orb-magenta {
                left: 12px;
                width: 16px;
                height: 16px;
            }
        }


        /* ===================== 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 */