.elementor-556 .elementor-element.elementor-element-20ffde9{--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;}.elementor-556 .elementor-element.elementor-element-5a02672{width:100%;max-width:100%;}.elementor-556 .elementor-element.elementor-element-223f39b{--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;}.elementor-556 .elementor-element.elementor-element-a082caa{width:100%;max-width:100%;}.elementor-556 .elementor-element.elementor-element-ba16d0c{--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;}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-556 .elementor-element.elementor-element-5b69101 .elementor-heading-title{font-family:"Monserrat", Sans-serif;font-size:35px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-5367206{width:100%;max-width:100%;}.elementor-556 .elementor-element.elementor-element-5367206.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-556 .elementor-element.elementor-element-49e0130{--display:flex;--min-height:0px;--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;}.elementor-556 .elementor-element.elementor-element-49e0130:not(.elementor-motion-effects-element-type-background), .elementor-556 .elementor-element.elementor-element-49e0130 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-556 .elementor-element.elementor-element-6f3d9ea .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:45px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#F4F4F487;}.elementor-556 .elementor-element.elementor-element-a5309f7 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:45px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#F4F4F4;}.elementor-556 .elementor-element.elementor-element-1fcdc22{--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;}.elementor-556 .elementor-element.elementor-element-1fcdc22:not(.elementor-motion-effects-element-type-background), .elementor-556 .elementor-element.elementor-element-1fcdc22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-556 .elementor-element.elementor-element-12044de{--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:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-556 .elementor-element.elementor-element-4b8f413{padding:20px 0px 20px 0px;text-align:center;}.elementor-556 .elementor-element.elementor-element-4b8f413 .elementor-heading-title{font-family:"Monserrat", Sans-serif;font-size:40px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-254d0b2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 30px;--row-gap:0px;--column-gap:30px;--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-556 .elementor-element.elementor-element-254d0b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-556 .elementor-element.elementor-element-7394e10:hover{--e-transform-translateY:-25px;}.elementor-556 .elementor-element.elementor-element-7394e10{background-color:#FFFFFF;padding:16px 16px 16px 16px;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:18px;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-wrapper{text-align:left;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title{margin-block-end:25px;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title a{font-family:"Monserrat", Sans-serif;font-size:25px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-description{font-family:"Monserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-937a054:hover{--e-transform-translateX:0px;--e-transform-translateY:-25px;}.elementor-556 .elementor-element.elementor-element-937a054{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:18px;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-wrapper{text-align:left;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title{margin-block-end:11px;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title a{font-family:"Monserrat", Sans-serif;font-size:25px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-description{font-family:"Monserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-fafcd65:hover{--e-transform-translateX:0px;--e-transform-translateY:-25px;}.elementor-556 .elementor-element.elementor-element-fafcd65{background-color:#FFFFFF;padding:16px 16px 16px 16px;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:18px;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-wrapper{text-align:left;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title{margin-block-end:11px;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title a{font-family:"Monserrat", Sans-serif;font-size:25px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-description{font-family:"Monserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-556 .elementor-element.elementor-element-e1b6b1c{--display:flex;--min-height:479px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-556 .elementor-element.elementor-element-e1b6b1c:not(.elementor-motion-effects-element-type-background), .elementor-556 .elementor-element.elementor-element-e1b6b1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-556 .elementor-element.elementor-element-c29cba0{text-align:center;}.elementor-556 .elementor-element.elementor-element-c29cba0 .elementor-heading-title{font-family:"Monserrat", Sans-serif;font-size:40px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-secondary );}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-556 .elementor-element.elementor-element-c2cc7d0{text-align:center;font-family:"Monserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button:hover, .elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button{font-family:"Monserrat", Sans-serif;font-size:14px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button:hover svg, .elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-556 .elementor-element.elementor-element-12044de{--content-width:100%;}.elementor-556 .elementor-element.elementor-element-254d0b2{--width:99.997%;}.elementor-556 .elementor-element.elementor-element-e1b6b1c{--content-width:931px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-556 .elementor-element.elementor-element-5b69101 .elementor-heading-title{font-size:45px;}.elementor-556 .elementor-element.elementor-element-5367206{padding:0px 0px 0px 0px;}.elementor-556 .elementor-element.elementor-element-6f3d9ea .elementor-heading-title{font-size:45px;}.elementor-556 .elementor-element.elementor-element-a5309f7 .elementor-heading-title{font-size:45px;}.elementor-556 .elementor-element.elementor-element-4b8f413{padding:0px 0px 50px 0px;}.elementor-556 .elementor-element.elementor-element-4b8f413 .elementor-heading-title{font-size:45px;}.elementor-556 .elementor-element.elementor-element-254d0b2{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-556 .elementor-element.elementor-element-254d0b2.e-con{--align-self:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-556 .elementor-element.elementor-element-7394e10{width:initial;max-width:initial;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title a{font-size:25px;}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-description{font-size:14px;}.elementor-556 .elementor-element.elementor-element-937a054{width:initial;max-width:initial;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title a{font-size:25px;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-description{font-size:14px;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title a{font-size:25px;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-description{font-size:14px;}.elementor-556 .elementor-element.elementor-element-c29cba0 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-556 .elementor-element.elementor-element-c2cc7d0{font-size:14px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-556 .elementor-element.elementor-element-f5adc1f .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-556 .elementor-element.elementor-element-ba16d0c{--content-width:80%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-556 .elementor-element.elementor-element-5b69101 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-5367206{width:100%;max-width:100%;}.elementor-556 .elementor-element.elementor-element-49e0130{--content-width:80%;}.elementor-556 .elementor-element.elementor-element-6f3d9ea .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-a5309f7 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-12044de{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-556 .elementor-element.elementor-element-4b8f413 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-254d0b2{--width:234px;--e-con-grid-template-columns:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-556 .elementor-element.elementor-element-254d0b2.e-con{--align-self:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-7394e10 .elementor-icon-box-title a{font-size:25px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-937a054 .elementor-icon-box-title a{font-size:25px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title, .elementor-556 .elementor-element.elementor-element-fafcd65 .elementor-icon-box-title a{font-size:25px;line-height:1.1em;}.elementor-556 .elementor-element.elementor-element-c29cba0 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:1024px) and (min-width:768px){.elementor-556 .elementor-element.elementor-element-49e0130{--content-width:80%;}.elementor-556 .elementor-element.elementor-element-254d0b2{--width:671px;}}/* Start custom CSS for html, class: .elementor-element-5a02672 */<style>
    /* ================== RESET BÁSICO ================== */
    *{ box-sizing:border-box; }
    html, body{ height:100%; }
    body{
      margin:0;
      font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:#0b1220;
      background:#ffffff;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    a{ color:inherit; }
    img, svg{ max-width:100%; }

    /* ===== Elementor hard reset for HTML widget ===== */
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-widget-html {
      margin: 0 !important;
      padding: 0 !important;
    }

    .elementor-widget-html {
      line-height: normal !important;
    }

    /* Acquire is expected to be loaded in Elementor / site assets. Fallbacks included. */
    :root{
      --font-arwan: aquire, Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      --font-body: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }


    /* ================== ARWAN HERO (FULL) ================== */

    /* ===== Elementor/Theme wrappers can add padding/margins above the HTML widget. Force true full-bleed. ===== */
    #arwanScroll,
    #arwanHero{
      margin: 0 !important;
      padding: 0 !important;
    }
    /* If Elementor adds padding on the widget container, this helps neutralize it without affecting the rest of the site */
    #arwanScroll{ display:block !important; }
    #arwanHero{ display:block !important; }
    :root{
      --bg:#f4f4f4;
      --text:#0b1220;
      --muted:rgba(11,18,32,.78);
      --muted2:rgba(11,18,32,.70);
      --btnBg:#0b1220;
      --btnText:#f4f4f4;
      --link:rgba(11,18,32,.92);
      --headerOffset: 0px;
    }

    .arwan-scroll{
      position: relative;
      height: 460vh;
      width: 100%;
      overflow: visible;
    }

    .arwan-hero{
      font-family: var(--font-body);
      position: sticky;
      top: var(--headerOffset);
      height: calc(100vh - var(--headerOffset));
      width: 100%;
      overflow: hidden;
      background: var(--bg);
      color: var(--text);

      /* Variables animadas por JS */
      --text: rgb(11, 18, 32);
      --muted: rgba(11, 18, 32, 0.80);
      --muted2: rgba(11, 18, 32, 0.72);
      --btnBg: rgb(11, 18, 32);
      --btnText: rgb(244, 244, 244);
      --link: rgba(11, 18, 32, 0.92);
      transform: translateZ(0);
    }

    /* Clases que el JS toggleará */
    .arwan-hero.is-pinned{
      position: fixed;
      inset: var(--headerOffset) 0 0 0;
      z-index: 999;
      height: calc(100vh - var(--headerOffset));
    }
    .arwan-hero.is-end{
      position: absolute;
      inset: auto 0 0 0;
    }

    .arwan-bg{
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
    }

    /* Subtle premium blobs (no extra images) */
    .arwan-bg::before,
    .arwan-bg::after{
      content:"";
      position:absolute;
      width: min(720px, 90vw);
      height: min(720px, 90vw);
      border-radius: 999px;
      filter: blur(46px);
      opacity: .55;
      pointer-events:none;
      transform: translate3d(0,0,0);
      will-change: transform;
    }
    .arwan-bg::before{
      left: -18vw;
      top: -22vh;
      background: radial-gradient(circle at 30% 30%, rgba(0,32,49,.28), rgba(0,32,49,0) 70%);
      animation: awBlobA 10s ease-in-out infinite;
      transform: translate3d(var(--bx, 0px), var(--by, 0px), 0);
    }
    .arwan-bg::after{
      right: -18vw;
      bottom: -26vh;
      background: radial-gradient(circle at 70% 70%, rgba(0,32,49,.22), rgba(0,32,49,0) 70%);
      animation: awBlobB 12s ease-in-out infinite;
      transform: translate3d(var(--bx, 0px), var(--by, 0px), 0);
    }
    @keyframes awBlobA{
      0%,100%{ transform: translate3d(var(--bx, 0px), var(--by, 0px), 0) scale(1); }
      50%{ transform: translate3d(calc(22px + var(--bx, 0px)),calc(14px + var(--by, 0px)),0) scale(1.06); }
    }
    @keyframes awBlobB{
      0%,100%{ transform: translate3d(var(--bx, 0px), var(--by, 0px), 0) scale(1); }
      50%{ transform: translate3d(calc(-26px + var(--bx, 0px)),calc(-18px + var(--by, 0px)),0) scale(1.08); }
    }

    .arwan-glow{
      position: absolute;
      inset: -20%;
      background: radial-gradient(closest-side, rgba(0,32,49,.18), rgba(0,32,49,0));
      transform: translate3d(0,0,0);
      filter: blur(30px);
      opacity: .85;
      will-change: transform;
    }

    .arwan-mountain{
      position: absolute;
      left: 50%;
      top: 52%;
      transform: translate3d(-50%,-50%,0);
      width: min(720px, 92vw);
      opacity: .32;
      filter: blur(22px);
      will-change: transform;
      color: var(--text);
    }
    .arwan-mountain svg{
      display:block;
      width:100%;
      height:auto;
    }

    .arwan-noise{
      position: absolute;
      inset: 0;
      opacity: .35;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
      background-size: 220px 220px;
      mix-blend-mode: overlay;
      pointer-events: none;
    }

    .arwan-embed{
      margin: 0 !important;
      padding: 0 !important;
      width: 100%;
      max-width: none !important;
    }

    /* Force true full-bleed even inside boxed Elementor containers */
    body .arwan-embed{
      width: 100vw !important;
      max-width: 100vw !important;
      margin-left: calc(50% - 50vw) !important;
      margin-right: calc(50% - 50vw) !important;
      overflow: visible;
    }

    .arwan-wrap{
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 1180px;
      margin: 0 auto;
      padding: clamp(22px, 4vw, 64px);
      will-change: transform, opacity;
      align-items: center;
      text-align: center;
    }

    .arwan-topline{
      font-size: 12px;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--muted2);
      margin-bottom: 14px;
      text-align: center;
      display: inline-flex;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,.22);
      border: 1px solid rgba(0,0,0,.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: 0 14px 34px rgba(0,0,0,.10);
    }

    .arwan-h1{
      font-size: clamp(28px, 3.4vw, 56px);
      line-height: 1.02;
      letter-spacing: -0.02em;
      margin: 0 0 16px 0;
      color: var(--text);
      font-weight: 400;
      text-shadow: 0 18px 44px rgba(0,0,0,.10);
    }

    .arwan-h1{
      position: relative;
    }
    .arwan-h1::after{
      content:"";
      position:absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      width: min(220px, 56vw);
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(0,32,49,0), rgba(0,32,49,.28), rgba(0,32,49,0));
      opacity: .75;
    }
    .arwan-hero.is-inverted .arwan-h1::after{
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.34), rgba(255,255,255,0));
      opacity: .65;
    }

    .arwan-sub{
      font-size: clamp(15px, 1.3vw, 18px);
      line-height: 1.55;
      max-width: 62ch;
      color: var(--muted);
      margin: 0 auto 26px auto;
    }

    .arwan-actions{
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
    }

    /* Smooth copy transitions (scroll-coordinated) */
    .arwan-topline,
    .arwan-h1,
    .arwan-sub,
    .arwan-actions{
      transition: opacity 420ms ease, transform 420ms ease;
      will-change: opacity, transform;
    }

    /* ===== Cinematic depth (driven by JS vars) ===== */
    .arwan-hero::after{
      content:"";
      position:absolute;
      inset:-10%;
      pointer-events:none;
      background:
        radial-gradient(closest-side at 50% 40%, rgba(0,0,0,0) 55%, rgba(0,0,0,.22) 100%);
      opacity: var(--vignette, .10);
      transition: opacity 240ms ease;
      mix-blend-mode: multiply;
      z-index: 1;
    }

    .arwan-hero.is-inverted::after{
      mix-blend-mode: screen;
    }

    .arwan-hero::before{
      content:"";
      position:absolute;
      inset:-40% -80%;
      pointer-events:none;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.14), rgba(255,255,255,0));
      transform: rotate(14deg) translateX(var(--sweepX, -120%));
      opacity: var(--sweepO, 0);
      filter: blur(2px);
      z-index: 1;
    }

    /* Tiny zoom gives scroll momentum */
    .arwan-bg{
      transform: scale(var(--bgZoom, 1));
      transform-origin: center;
      transition: transform 120ms linear;
    }

    .arwan-btn{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 14px 18px;
      border-radius: 16px;
      background: var(--btnBg);
      color: var(--btnText);
      text-decoration: none;
      box-shadow: 0 12px 34px rgba(0,0,0,.12);
      border: 1px solid rgba(255,255,255,.08);
      transition: transform .18s ease, box-shadow .18s ease;
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    /* Gradient ring */
    .arwan-btn::after{
      content:"";
      position:absolute;
      inset:-1px;
      border-radius: 18px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0), rgba(255,255,255,.20));
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      opacity: .55;
      pointer-events:none;
      z-index: 0;
    }

    /* Shimmer sweep */
    .arwan-btn::before{
      content:"";
      position:absolute;
      top:-40%;
      left:-60%;
      width: 45%;
      height: 180%;
      transform: rotate(18deg);
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.28), rgba(255,255,255,0));
      opacity: .0;
      z-index: 0;
      pointer-events:none;
    }
    .arwan-btn:hover::before{
      opacity: .9;
      animation: awShimmer 1.05s ease-out 1;
    }
    @keyframes awShimmer{
      from{ left:-60%; }
      to{ left: 120%; }
    }

    /* Ensure text sits above effects */
    .arwan-btn .arwan-btn-text{ position: relative; z-index: 1; }
    .arwan-btn:hover{
      transform: translateY(-1px);
      box-shadow: 0 16px 46px rgba(0,0,0,.16);
      color: var(--btnText) !important;
    }
     /* Elementor sometimes overrides <a> hover/visited colors. Force readability. */
    .arwan-btn,
    .arwan-btn:visited,
    .arwan-btn:hover,
    .arwan-btn:active{
    background: var(--btnBg) !important;
    color: var(--btnText) !important;
    }
    .arwan-btn *{
    color: inherit !important;
    }

    .arwan-link,
    .arwan-link:visited{
    color: var(--link) !important;
    }
    .arwan-link:hover,
    .arwan-link:active{
    color: var(--link) !important;
    }
    .arwan-btn-text{
      display: flex;
      flex-direction: column;
      line-height: 1.15;
    }
    .arwan-btn-title{
      font-weight: 700;
      font-size: 14px;
      letter-spacing: .01em;
    }
    .arwan-btn-sub{
      font-size: 12px;
      opacity: .85;
      margin-top: 2px;
    }

    .arwan-link{
      color: var(--link);
      text-decoration: none;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: .01em;
      padding: 12px 6px;
      border-radius: 12px;
      transition: background .15s ease, transform .15s ease;
      position: relative;
    }
    .arwan-link::after{
      content:"";
      position:absolute;
      left: 10px;
      right: 10px;
      bottom: 6px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
      opacity: .18;
      transform: scaleX(.65);
      transform-origin: center;
      transition: transform .18s ease, opacity .18s ease;
    }
    .arwan-link:hover::after{
      opacity: .32;
      transform: scaleX(1);
    }
    .arwan-link:hover{
      background: rgba(0,0,0,.06);
      transform: translateY(-1px);
    }
    .arwan-hero.is-inverted .arwan-link:hover{
      background: rgba(255,255,255,.10);
    }

    /* ===== Final (3rd scroll) state ===== */
    .arwan-hero.is-final .arwan-wrap{
    }

    .arwan-hero.is-final .arwan-topline{ display: none; }

    .arwan-hero.is-final .arwan-h1{
      font-family: var(--font-arwan);
      font-weight: 900;
      letter-spacing: 0.06em;
      font-size: clamp(86px, 10vw, 170px);
      margin-bottom: 14px;
    }

    .arwan-hero.is-final .arwan-sub{
      max-width: 68ch;
      margin-left: auto;
      margin-right: auto;
      font-size: clamp(14px, 1.4vw, 18px);
    }

    /* Final CTA only */
    .arwan-final-cta{ display: none; }

    .arwan-hero.is-final .arwan-actions{
      display: flex;
      margin-top: 14px;
    }

    .arwan-hero.is-final .arwan-actions > :not(.arwan-final-cta){
      display: none;
    }

    .arwan-hero.is-final .arwan-final-cta{
      display: inline-flex;
    }

    /* ===== ANTI-ELEMENTOR OVERRIDE (locks responsive typography to this hero only) ===== */
    html body .arwan-embed .arwan-hero,
    html body .arwan-embed .arwan-hero *{
      font-family: var(--font-body) !important;
    }

    html body .arwan-embed .arwan-hero.is-final .arwan-h1{
      font-family: var(--font-arwan) !important;
    }

    /* Lock core type sizes (Elementor/global theme often overrides h1/p/a) */
    html body .arwan-embed .arwan-topline{
      font-size: 12px !important;
      letter-spacing: .22em !important;
    }

    html body .arwan-embed .arwan-h1{
      font-size: clamp(28px, 3.4vw, 56px) !important;
      line-height: 1.02 !important;
      font-weight: 400 !important;
    }

    html body .arwan-embed .arwan-sub{
      font-size: clamp(15px, 1.3vw, 18px) !important;
      line-height: 1.55 !important;
    }

    html body .arwan-embed .arwan-link{
      font-size: 14px !important;
      font-weight: 700 !important;
      color: var(--link) !important;
    }

    html body .arwan-embed .arwan-btn{
      font-size: 14px !important;
      color: var(--btnText) !important;
      background: var(--btnBg) !important;
    }

    html body .arwan-embed .arwan-btn-title{ font-size: 14px !important; }
    html body .arwan-embed .arwan-btn-sub{ font-size: 12px !important; }

    /* Final ARWAN sizing (do not let Elementor clamp it down) */
    html body .arwan-embed .arwan-hero.is-final .arwan-h1{
      font-size: clamp(86px, 10vw, 170px) !important;
      font-weight: 900 !important;
      letter-spacing: 0.06em !important;
    }

    /* ===== Scroll hint (bottom-center) + progress bar ===== */
    .arwan-scroll-ui{
      position: absolute;
      left: 50%;
      bottom: calc(18px + env(safe-area-inset-bottom, 0px));
      transform: translateX(-50%);
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      pointer-events: none;
      user-select: none;
    }

    .arwan-scrollhint{
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      opacity: .95;
      transition: opacity 380ms ease, transform 380ms ease;
      will-change: opacity, transform;
    }

    .arwan-scrollhint.is-hidden{
      opacity: 0;
      transform: translateY(8px);
    }

    .arwan-scrollhint__mouse{
      width: 26px;
      height: 40px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.40);
      background: rgba(0,0,0,.12);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      position: relative;
      box-shadow: 0 14px 38px rgba(0,0,0,.22);
    }

    .arwan-scrollhint__dot{
      position: absolute;
      left: 50%;
      top: 9px;
      width: 4px;
      height: 7px;
      border-radius: 6px;
      transform: translateX(-50%);
      background: rgba(255,255,255,.70);
      animation: awScrollDot 1.2s ease-in-out infinite;
    }

    .arwan-scrollhint__chev{
      width: 10px;
      height: 10px;
      border-right: 2px solid rgba(255,255,255,.55);
      border-bottom: 2px solid rgba(255,255,255,.55);
      transform: rotate(45deg);
      animation: awScrollChev 1.2s ease-in-out infinite;
      opacity: .85;
      filter: drop-shadow(0 8px 14px rgba(0,0,0,.22));
    }

    @keyframes awScrollDot{
      0%   { transform: translateX(-50%) translateY(0);   opacity: .80; }
      60%  { transform: translateX(-50%) translateY(12px); opacity: .15; }
      100% { transform: translateX(-50%) translateY(0);   opacity: .80; }
    }

    @keyframes awScrollChev{
      0%   { transform: rotate(45deg) translateY(0);   opacity: .65; }
      60%  { transform: rotate(45deg) translateY(6px); opacity: .18; }
      100% { transform: rotate(45deg) translateY(0);   opacity: .65; }
    }

    .arwan-progress{
      width: min(220px, 64vw);
      height: 3px;
      border-radius: 999px;
      background: rgba(255,255,255,.18);
      overflow: hidden;
      box-shadow: 0 10px 26px rgba(0,0,0,.14);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .arwan-progress__bar{
      display: block;
      height: 100%;
      width: 0%;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      transform-origin: left center;
      transition: width 90ms linear;
      will-change: width;
      box-shadow: 0 0 22px rgba(255,255,255,.22);
      filter: saturate(1.05);
    }

    /* In light phase the hint needs darker contrast */
    .arwan-hero:not(.is-inverted) .arwan-scrollhint__mouse{
      border-color: rgba(11,18,32,.38);
      background: rgba(255,255,255,.22);
    }
    .arwan-hero:not(.is-inverted) .arwan-scrollhint__dot{
      background: rgba(11,18,32,.70);
    }
    .arwan-hero:not(.is-inverted) .arwan-scrollhint__chev{
      border-right-color: rgba(11,18,32,.50);
      border-bottom-color: rgba(11,18,32,.50);
    }
    .arwan-hero:not(.is-inverted) .arwan-progress{
      background: rgba(11,18,32,.18);
    }
    .arwan-hero:not(.is-inverted) .arwan-progress__bar{
      background: rgba(11,18,32,.62);
    }

    @media (max-width: 520px){
      .arwan-scroll-ui{ bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
      .arwan-progress{ width: min(200px, 70vw); }
    }

    /* Micro-feedback while scrolling */
    .arwan-hero.is-scrolling .arwan-progress__bar{
      box-shadow: 0 0 30px rgba(255,255,255,.34);
      filter: saturate(1.2) brightness(1.08);
    }
    .arwan-hero.is-scrolling .arwan-scrollhint__mouse{
      transform: translateZ(0) scale(1.02);
    }

    /* Responsive locks (Elementor preview/iframe can distort vw; these ensure consistent breakpoints) */
    @media (max-width: 1024px){
      html body .arwan-embed .arwan-h1{
        font-size: 46px !important;
      }
      html body .arwan-embed .arwan-hero.is-final .arwan-h1{
        font-size: 130px !important;
      }
    }

    @media (max-width: 767px){
      html body .arwan-embed .arwan-h1{
        font-size: 34px !important;
        letter-spacing: -0.015em !important;
      }
      html body .arwan-embed .arwan-sub{
        font-size: 15px !important;
      }
      html body .arwan-embed .arwan-hero.is-final .arwan-h1{
        font-size: 86px !important;
        letter-spacing: 0.05em !important;
      }
    }

    @media (max-width: 520px){
      .arwan-actions{ gap: 10px; }
      .arwan-btn{ width: 100%; justify-content: center; }
      .arwan-link{ width: 100%; text-align: center; }
    }
  </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da77c21 *//* ===== PROCESO (BG AZUL ARWAN) ===== */
.cap{
  color:#002031;

  /* padding controlado */
  padding-top: 100px;
  padding-bottom: 1px;

  position: relative;
}

/* ===== HEADER ===== */
.cap-header{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom: 20px;
}

/* Texto PROCESO */
.cap-eyebrow{
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  white-space:nowrap;

  color:#002031;
  opacity:.85;
}

/* Línea horizontal */
.cap-line{
  flex:1;
  height:1px;
  background: rgba(0,32,49,.35);
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .cap{
    padding-top: 100px;
  }

  .cap-header{
    margin-bottom: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5367206 *//* ===== Fondo general (BLANCO) ===== */
.capabilities{
  background:#f4f4f4;
  padding: 64px 8%;
  color:#002031;
}

/* ===== Grid 2x3 (desktop) ===== */
.cap-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* ===== Card ===== */
.cap-card{
  position:relative;
  display:grid;
  grid-template-columns: 1fr auto;
  gap:24px;
  padding:40px;

  background:#ffffff;
  border:1px solid rgba(0,32,49,0.08);
  border-radius:20px;

  color:#002031;
  overflow:hidden;

  transition: background .25s ease, box-shadow .25s ease;
}

/* Hover card (sutil, no exagerado) */
.cap-card:hover{
  background:#ffffff;
  box-shadow: 0 16px 40px rgba(0,32,49,0.08);
}

/* ===== Línea vertical animada ===== */
.cap-card::before{
  content:"";
  position:absolute;
  left:32px;
  top:36px;
  bottom:36px;
  width:3px;

  background:#002031; /* azul ARWAN */
  opacity:.75;

  transform: scaleY(0);
  transform-origin: top;
  transition: transform .45s ease;
}

.cap-card:hover::before{
  transform: scaleY(1);
}

/* ===== Contenido ===== */
.cap-content{
  padding-left:24px;
}

.cap-content h3{
  font-size:22px;
  margin-bottom:12px;
  color:#002031;
}

.cap-content p{
  font-size:15px;
  line-height:1.6;
  color:rgba(0,32,49,.75);
}

/* ===== Número grande ===== */
.cap-num{
  font-size:72px;
  font-weight:700;
  line-height:1;

  color:#002031;
  opacity:.08;

  align-self:center;
}

/* ===== Tags ===== */
.tags{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.tags span{
  font-size:12px;
  padding:6px 12px;

  border:1px solid rgba(0,32,49,.2);
  border-radius:999px;

  color:rgba(0,32,49,.75);
  opacity:.9;
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .cap-grid{
    grid-template-columns:1fr;
  }

  .cap-num{
    display:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f0cdf7 *//* ===== PROCESO (BG AZUL ARWAN) ===== */
.proceso{
  color:#f4f4f4;

  /* padding controlado */
  padding-top: 100px;
  padding-bottom: 1px;

  position: relative;
}

/* ===== HEADER ===== */
.pro-header{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom: 20px;
}

/* Texto PROCESO */
.pro-eyebrow{
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  white-space:nowrap;

  color:#f4f4f4;
  opacity:.85;
}

/* Línea horizontal */
.pro-line{
  flex:1;
  height:1px;
  background: rgba(244,244,244,.35);
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .proceso{
    padding-top: 100px;
  }

  .pro-header{
    margin-bottom: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31e1f10 */.arwan-process2{
  background:#002031;
  color:#f4f4f4;
  padding: 96px 8%;
  position: relative;
  overflow: hidden;
}

/* grid lines suaves como screenshot */
.arwan-process2::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to right, rgba(244,244,244,.08) 1px, transparent 1px);
  background-size: 260px 100%;
  opacity: .18;
  pointer-events:none;
}

.ap2-grid{
  position: relative;
  z-index: 1;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
}

/* big number */
.ap2-left{
  min-height: 520px;
  display:flex;
  align-items:center;
}
.ap2-num{
  font-size: clamp(180px, 22vw, 420px);
  font-weight: 700;
  line-height: .9;
  letter-spacing: -0.05em;
  opacity: .10;
  user-select:none;
}

/* right steps */
.ap2-right{
  min-width: 0;
  max-width: 720px;
  margin-left: auto;
  display:flex;
  flex-direction: column;
  gap: 42px;
}

/* step button */
.ap2-step{
  background: transparent !important; /* NUNCA rojo */
  border: 0 !important;
  padding: 0 0 0 28px;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-width: 0;

  color: rgba(244,244,244,.45);
  transform: translateX(0);
  transition: transform .22s ease, color .22s ease;
}

/* línea vertical por step */
.ap2-step::before{
  content:"";
  position:absolute;
  left:0;
  top: 4px;
  bottom: 4px;
  width: 2px;
  background: rgba(244,244,244,.18);
  transform: scaleY(.55);
  transform-origin: top;
  transition: transform .35s ease, background .35s ease, opacity .35s ease;
}

/* kicker y title */
.ap2-kicker{
  display:block;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .65;
  margin-bottom: 12px;
}

.ap2-title{
  display:block;
  font-size: clamp(34px, 3.3vw, 54px);
  font-weight: 650;
  line-height: 1.05;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* hover leve */
.ap2-step:hover{
  transform: translateX(4px);
  color: rgba(244,244,244,.62);
}
.ap2-step:hover::before{
  transform: scaleY(.80);
  background: rgba(244,244,244,.28);
}

/* active: blanco + línea blanca completa */
.ap2-step.is-active{
  color:#f4f4f4;
  transform: translateX(8px);
}
.ap2-step.is-active::before{
  transform: scaleY(1);
  background:#f4f4f4;
  opacity: .95;
}

/* body: por defecto oculto excepto activo */
.ap2-body{
  margin-top: 18px;
  max-width: 560px;
  color: rgba(244,244,244,.72);

  /* oculto cuando NO es activo */
  display:none;
}
.ap2-step.is-active .ap2-body{
  display:block;
}

/* texto */
.ap2-text{
  margin: 0;
  font-size: 22px;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* animaciones: sale arriba / entra desde abajo */
.ap2-body.is-in{
  animation: ap2In .34s ease both;
}
.ap2-body.is-out{
  animation: ap2Out .24s ease both;
}

@keyframes ap2In{
  from{ opacity:0; transform: translateY(18px); }
  to  { opacity:1; transform: translateY(0); }
}
@keyframes ap2Out{
  from{ opacity:1; transform: translateY(0); }
  to  { opacity:0; transform: translateY(-16px); }
}

/* responsive */
@media (max-width: 1024px){
  .arwan-process2{ padding: 80px 6%; }
  .ap2-grid{ grid-template-columns: 1fr; gap: 22px; }
  .ap2-left{ min-height: 180px; }
  .ap2-right{ max-width: 100%; }
  .ap2-num{ opacity: .12; }
}
@media (max-width: 560px){
  .ap2-title{ font-size: 34px; }
  .ap2-text{ font-size: 18px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Monserrat';
	font-display: auto;
	src: url('https://arwantech.com/wp-content/uploads/2025/11/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */